body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
    margin: 0;
    padding: 0;
    border: none;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    list-style-type: none;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.1em;
    line-height: 1;
}

figure{
    margin: 0;
    padding: 0;
    margin-bottom: 0 !important;
    line-height: 0;
}

blockquote {
    margin:0;
}

textarea {
    font-size: 100%;
}

*:focus {
outline: none;
}

img {
    max-width: 100%;
    height: auto;
}

hr{
    display: none;
}

html{
    min-height: 620px;
    height: 100%;
    overflow-y: scroll;
    font-size: 62.5%;
}

iframe[name="google_conversion_frame"]{
    position: absolute;
    top: 0;
}

input, button, textarea, select {
    -webkit-appearance: none;
    appearance: none;
}

body{
    height: 100%;
    background: #fff;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a{
    text-decoration: none;
    color: #000;
}

a:hover{
    text-decoration: none;
    color: #444;
}

a:hover img{
    opacity: .5;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);  /* IE lt 8 */
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */
}
 
a img {
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -ms-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
}

input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}

.s_text {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -moz-font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-variant-ligatures: no-common-ligatures;
    text-align: justify;
}

.sp_view{
    display: none !important;
}

.button a{
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
    background-color: #fff;
    border: 1px solid #008bb9;
    color: #008bb9;
    padding: 12px 24px;
}

.button a::before,
.button a::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}

.button a,
.button a::before,
.button a::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.button a:hover {
    background-color: #008bb9;
    color: #fff;
}

.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.youtube iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

header{
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: fixed;
    height: 80px;
    align-items: center;
    z-index: 2;
    border-bottom: solid 1px #008bb9;
    box-sizing: border-box;
}

header .logo{
    border-right: solid 1px #008bb9;
    height: 80px;
    display: flex;
    align-items: center;
    width: 20%;
    text-align: center;
    justify-content: center;
    padding: 0 2%;
    min-width: 280px;
    max-width: 320px;
}

header .logo h1{
}

header nav{
}

header nav ul{
    display: flex;
}

header nav li{
    font-size: 1.2rem;
}

header nav li::before {
  content: "/";
    margin-left: 12px;
    margin-right: 12px;
    color: #fff;
}

header nav li:first-child::before {
  content: none;
}

header nav li a{
    color: #008bb9;
}

header .sabnav{
    border-left: solid 1px #008bb9;
    display: flex;
    align-items: center;
    height: 80px;
    width: 20%;
    padding: 0 2%;
    justify-content: center;
    min-width: 280px;
}

header .sabnav ul{
    display: flex;
}

header .sabnav ul li{
    height: 24px;
    margin-right: 24px;
}

header .sabnav ul li a{
    
}

header .sabnav ul li img{
    width: auto;
    height: 100%;
    max-width: unset;
}

.wrapper{
    padding-top: 79px;
    position: relative;
    z-index: 1;
}

.keyvisual_section{
    border-bottom: solid 1px #008bb9;
    position: relative;
    border-top: solid 1px #fff;
}

.keyvisual_section_inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    padding-bottom: 47px;
}

.keyvisual_section_inner_left {
    width: 24%;
}

.keyvisual_section_inner_left .about_block{
    padding: 0 8%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 72%;
}

.keyvisual_section_inner_left .about_block h2 {
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 32px;
    line-height: 1.4;
    letter-spacing: 0.05em;
}

.keyvisual_section_inner_left .about_block p{
    line-height: 2;

}

.keyvisual_section_inner_left .pickup_block {
    border-top: solid 1px #008bb9;
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-color: #fff;
    box-sizing: border-box;
    top: 0;
    border-bottom: 1px solid #008bb9;
}

.keyvisual_section_inner_left figure{
    width: 48%;
    height: 0;
    padding-top: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    border-right: solid 1px #008bb9;
}

.keyvisual_section_inner_left figure a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    color: #ffff;
}

.keyvisual_section_inner_left .pickup_block_detail{
    width: 48%;
    padding: 0 4%;
}

.keyvisual_section_inner_left .pickup_block_detail .date{
    font-size: 1.2rem;
    margin-bottom: 12px;
    color:#008bb9;
}

.keyvisual_section_inner_left .pickup_block_detail h3{
}

.keyvisual_section_inner_left .pickup_block_detail h3 a{
    color: #fff;
    line-height: 1.4;
    color:#008bb9;
}

.keyvisual_section_inner_right {
    background-image: url(../img/mainvisual_pc_2026.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 76%;
    position: relative;
    height: 0;
    padding-top: 43.5%;
    box-sizing: border-box;
    border-left: solid 1px #008bb9;
}

.catchcopy_block {
    top: 16px;
    position: absolute;
    left: 24px;
    color: #fff;

    display: none;
}

.catchcopy_block h2{
    font-size: 2.4rem;
    font-family: 'Oswald', sans-serif;
    line-height: 1.2;
    letter-spacing: 0.005em;
}

.catchcopy_block h2 span.date{
    font-size: 4rem;
    margin-left: 6px;
}

.catchcopy_block h2 span.week{
    margin: 0px -8px;
}

.catchcopy_block h2 span.price-free{
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 2.4rem;
    margin-left: 0;
    font-weight: 500;
}

.catchcopy_block h2 small{
}

.keyvisual_section_news_block {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    height: 48px;
    border-top: solid 1px #008bb9;
}

.keyvisual_section_news_block h2{
    font-size: 1.6rem;
    border-right: solid 1px #008BB7;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 2%;
    width: 60px;
}

.keyvisual_section_news_block_inner{
}

.keyvisual_section_news_block_inner .news_block_detail{
    display: flex;
    align-items: center;
    width: calc(100vw / 2);
}

.keyvisual_section_news_block_inner .news_block_detail .date{
    margin-right: 24px;
    font-size: 1.2rem;
}

.keyvisual_section_news_block_inner .news_block_detail h3{
}

.keyvisual_section_news_block_inner .news_block_detail h3 a{
}

.keyvisual_section_news_block_inner{
    display: flex;
    overflow: hidden;
}

@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.keyvisual_section_news_list{
    display: flex;
    animation: infinity-scroll-left 32s infinite linear 0.5s both;
}

.report_section{
    display: flex;
    align-items: stretch;
}

.report_section .report_section_left{
    width: 40%;
    border-right: solid 1px #008BB8;
    box-sizing: border-box;
    border-bottom: solid 1px #008BB8;
}

.report_section_left_inner{
    height: 100%;
    position: relative;
}

.report_section .report_section_right{
    width: 60%;
}

.report_section figure{
    width: 100%;
    height: 0;
    padding-top: 65%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    border-radius: 16px;
}

.report_section .report_section_left figure {
    padding-top: 60%;
}

.report_section figure a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
}

.report_section_middle_block {
    display: flex;
    align-items: stretch;
    border-bottom: solid 1px #008BB8;
    box-sizing: border-box;
    position: relative;
}

.report_section_left .report_block_detail{
    padding: 8% 4%;
    border-top: solid 1px #008BB8;
    box-sizing: border-box;
}

.report_section_left .report_block_detail .date{
    margin-bottom: 16px;
}

.report_section_left .report_block_detail h3{
    font-size: 1.6rem;
}

.report_section_left .report_block_detail .link{
    position: absolute;
    bottom: 16px;
    right: 4%;
    font-size: 1.2rem;
}

.report_section_right_thumbnail{
    width: 50%;
    border-right: solid 1px #008bb9;
    box-sizing: border-box;
}

.report_section_middle_block h3{
    font-size: 1.6rem;
}

.report_section_middle_block .date {
    margin-bottom: 16px;
}

.report_section_middle_block .link{
    position: absolute;
    bottom: 24px;
    right: 4%;
    font-size: 1.2rem;
}

.report_section_right .report_block_detail {
    padding: 8% 4%;
    width: 42%;
}

.tags_block{
    margin-top: 20px;
}

.tags_block .tags{
    display: flex;
    flex-wrap: wrap;
}

.tags_block .tags li{
}

.tags_block .tags li a{
    border: solid 1px #008BB8;
    margin-right: 8px;
    padding: 2px 8px;
    font-size: 1.2rem;
    border-radius: 5px;
    color: #008BB8;
    display: block;
    margin-bottom: 8px;
}

.link a{
    text-decoration: underline;
}

.exhibition_section{
}

.exhibition_section_inner{
}

.exhibition_section_middle_block{
    border-right: solid 1px #008bb9;
    height: auto;
    box-sizing: border-box;
}

.exhibition_section_middle_block figure{
    width: 100%;
    height: 0;
    padding-top: 75%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    border-radius: 16px;
}

.exhibition_section_middle_block figure a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
}

.exhibition_section_middle_block_detail{
    padding: 12% 8%;
    position: relative;
    border-top: solid 1px #008bb9;
}

.exhibition_section_middle_block_detail .c_job {
    margin-bottom: 16px;
    font-size: 1.2rem;
    line-height: 1.4;
}

.exhibition_section_middle_block_detail h3 {
    font-size: 1.8rem;
    line-height: 1.4;
}

.exhibition_section_middle_block_detail h2 {
    word-break: break-all;
    margin-top: 12px;
    line-height: 1.4;
}

.exhibition_section_middle_block_detail .link{
    position: absolute;
    bottom: 16px;
    right: 4%;
    font-size: 1.2rem;
    display: none;
}

.swiper-button_block{
    position: absolute;
    width: 100px;
    top: 0;
    right: 0;
    background-color: #fff;
    height: 48px;
    z-index: 2;
}

.swiper-button-prev{
    color: #000;

}

.swiper-button-next{
    color: #000;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 3.2rem;
}

footer {
    background-color: #008BB7;
    padding: 80px 0 24px;
}

footer .logo_kobecity{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}

footer .logo_kobecity p {
    color: #fff;
    margin-right: 16px;
    font-size: 1.8rem;
    letter-spacing: 0.05em;
}

footer .logo_kobecity img{
    width: 160px;
}

footer .footer_supported {
    text-align: center;
    margin-bottom: 80px;
    background-color: #fff;
    padding-top: 48px;
}

footer .footer_supported p {
    color: #008BB7;
    margin-bottom: 40px;
    font-weight: 500;
    font-size: 1.8rem;
}

footer .footer_info{
    text-align: center;
    margin-bottom: 64px;
}

footer .footer_info img{
    margin-bottom: 40px;
    width: 120px;
}

footer .footer_info p{
    color: #fff;
    line-height: 1.8;
    font-weight: 400;
}

footer .footer_info strong{
}

footer .copyright{
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
}

.exhibitorpage_section{
    width: 88%;
    margin: 0px auto 0;
    border-left: solid 1px #008bb9;
    border-right: solid 1px #008bb9;
}

.exhibitorpage_section .headline{
    padding: 4% 2%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.exhibitorpage_section h2{
    font-size: 2rem;
    font-weight: 400;
    color: #008bb9;
}

.exhibitorpage_section .date{
    font-size: 1.2rem;
}

.exhibitorpage_section_inner{
    display: flex;
    border-top: solid 1px #008bb9;
    align-items: stretch;
}

.exhibitorpage_section_inner_right{
    width: 50%;
    order: 2;
    overflow: hidden;
    position: relative;
}

.exhibitorpage_section_inner_right .swiper-container {
    border-bottom: solid 1px #008bb9;
    position: relative;
}

.exhibitorpage_section_inner_right figure{
}

.exhibitorpage_section_inner_right figure img{
}

.c_googlemap{
    width: 100%;
    position: relative;
    padding-top: 48%;
}

.c_googlemap iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.map_block .button a{
    width: 100%;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.exhibitorpage_section_inner_left{
    width: 50%;
    order: 1;
    box-sizing: border-box;
    border-right: solid 1px #008bb9;
}

.exhibitorpage_section_inner_detail{
    padding: 4%;
    border-bottom: solid 1px #008bb9;
}

.exhibitorpage_section_inner_detail p{
    line-height: 1.8;
    font-size: 1.4rem;
    margin-bottom: 16px;
    font-weight: 400;
}

.exhibitorpage_section_inner_detail p:last-child{ 
    margin-bottom: 0;
}

.exhibitorpage_section_inner_item{
}

.exhibitorpage_section_inner_item dl{
    padding-top: 24px;
}

.exhibitorpage_section_inner_item dl dt{
    clear: left;
    float: left;
    width: 160px;
    font-size: 1.4rem;
    padding-left: 4%;
    line-height: 1.4;
}

.exhibitorpage_section_inner_item dl dd{
    padding-left: 160px;
    font-size: 1.4rem;
    border-bottom: solid 1px #008bb9;
    padding-bottom: 24px;
    margin-bottom: 24px;
    margin-left: 4%;
    line-height: 1.4;
    padding-right: 4%;
}

.exhibitorpage_section_inner_item dl dd:last-child{
    margin-bottom: 0;
    border-bottom: none;
}

.exhibitorpage_section_inner_item dl dd p{
    line-height:1.4;
}

.exhibitorpage_section_inner_item dl dd a{
    text-decoration: underline;
    word-break: break-all;
}

.kanren_section{
    border-top: solid 1px #008BB7;
}

.kanren_section h3{
    font-size: 1.6rem;
    border-bottom: solid 1px #008bb9;
    padding-bottom: 24px;
    padding-left: 2%;
    padding-top: 24px;
    text-align: center;
}

.kanren_section_inner{
    display: flex;
    align-items: stretch;
}

.kanren_block_inner_item{
    border-right: solid 1px #008bb9;
    width: 33.333%;
    box-sizing: border-box;
}

.kanren_block_inner_item:nth-of-type(3n){
    border-right: none;
}

.kanren_block_inner_item figure{
    width: 100%;
    height: 0;
    padding-top: 75%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    border-bottom: #008bb9 solid 1px;
}

.kanren_block_inner_item figure a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
}

.kanren_block_detail{
    padding: 8%;
}

.kanren_block_detail .date{
    font-size: 1.2rem;
    margin-bottom: 16px;
}

.kanren_block_detail h4{   
}

.kanren_block_detail .tags_block{
}

.kanren_block_detail .tags_block ul{
}

.kanren_block_detail .tags_block ul li{
}

.kanren_block_detail .link{
    margin-top: 32px;
    text-align: right;
}

.exhibitorarchives_section{
    width: 88%;
    margin: 0px auto 0;
    border-left: solid 1px #008bb9;
    border-right: solid 1px #008bb9;
}

.exhibitorarchives_section .headline{
    padding: 4% 2%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.exhibitorarchives_section h2{
    font-size: 2rem;
    font-weight: 400;
    color: #008bb9;
}

.exhibitorarchives_section_inner{
    display: flex;
    border-top: solid 1px #008bb9;
    align-items: stretch;
    flex-wrap: wrap;
}

.exhibitorarchives_section .exhibition_section_middle_block{
    width: 25%;
    border-bottom: solid 1px #008bb9;
}

.exhibitorarchives_section .exhibition_section_middle_block:nth-of-type(4n){
    border-right: none;
}

.reportarchives_section{
    width: 88%;
    margin: 0px auto 0;
    border-left: solid 1px #008bb9;
    border-right: solid 1px #008bb9;
}

.reportarchives_section .headline{
    padding: 4% 2%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.reportarchives_section h2{
    font-size: 2rem;
    font-weight: 400;
    color: #008bb9;
}

.reportarchives_section_inner{
    border-top: solid 1px #008bb9;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.reportarchives_section_middle_block{
    box-sizing: border-box;
    border-right: solid 1px #008bb9;
    border-bottom: solid 1px #008bb9;
    position: relative;
    width: 25%;
}

.reportarchives_section_middle_block:nth-of-type(4n){
    border-right: none;
}

.reportarchives_section_middle_block:nth-of-type(1) {
    width: 50%;
}

.reportarchives_section_middle_block:nth-of-type(2) {
    width: 50%;
    border-right: none;
}

.reportarchives_section_middle_block:nth-of-type(4),
.reportarchives_section_middle_block:nth-of-type(8) {
    border-right: solid 1px #008bb9;
}

.reportarchives_section_right_thumbnail{

}

.reportarchives_section_middle_block figure{
    width: 100%;
    height: 0;
    padding-top: 55%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    border-radius: 16px;
}

.reportarchives_section_middle_block:nth-of-type(1) figure,
.reportarchives_section_middle_block:nth-of-type(2) figure {
    padding-top: 65%;
}

.reportarchives_section_middle_block figure a{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
}

.reportarchives_block_detail{
    padding: 8% 4% 48px;
    border-top: solid 1px #008bb9;
}

.reportarchives_block_detail h3{
    font-size: 1.6rem;
}

.reportarchives_block_detail .date {
    margin-bottom: 16px;
    font-size: 1.2rem;
}

.reportarchives_block_detail .link{
    position: absolute;
    bottom: 24px;
    right: 4%;
    font-size: 1.2rem;
}

.category-news .reportarchives_block_detail{
    border-top: none;
}

.pagenav{
    padding: 40px;
    text-align: center;
}

.pagenav .pages{
    margin: 0 16px;
    border: solid 1px #000;
    padding: 2px 8px;
}

.pagenav .page{
    margin: 0 16px;
}

.pagenav span{
    margin:0 16px;
}

.pagenav span.current{
    border-bottom: solid 2px;
}

.pagenav .nextpostslink{
    font-size: 1.6rem;
    margin:0 12px;
}

.pagenav .previouspostslink{
    font-size: 1.6rem;
    margin:0 12px;
}

.aboutpage_section{
    width: 88%;
    margin: 0px auto 0;
    border-left: solid 1px #008bb9;
    border-right: solid 1px #008bb9;
}

.aboutpage_section .headline{
    padding: 4% 2%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.aboutpage_section h2{
    font-size: 2rem;
    font-weight: 400;
    color: #008bb9;
}

.aboutpage_section_inner{
    border-top: solid 1px #008bb9;
}

.aboutpage_section_inner p{
    line-height: 1.8;
}

.aboutpage_section_inner_text{
    border-bottom: 1px solid #008bb9;
    padding: 4%;
    max-width: 960px;
    margin: 0 auto;
}

.aboutpage_section_inner_text{

}

.aboutpage_section_inner_text h3{
    font-size: 2rem;
    margin-bottom: 48px;
}

.aboutpage_section_inner_text dt {
    clear: left;
    float: left;
    width: 80px;
    line-height: 1.8;
}

.aboutpage_section_inner_text dd {
    padding-left: 80px;
    line-height: 1.8;
    padding-bottom: 32px;
    border-bottom: solid 1px #aaa;
    margin-bottom: 32px;
}

.aboutpage_section_inner_text p{
}

.aboutpage_section_inner_logo{
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4%;
    max-width: 960px;
}

.aboutpage_section_inner_logo img{
    width: 28%;
}

.aboutpage_section_inner_logo p{
    width: 68%;
}

.aboutpage_section_inner_logo p strong {
    display: block;
    font-size: 2rem;
    font-weight: 400;
    color: #008bb9;
    margin-bottom: 20px;
}

.contactpage_section{
    width: 88%;
    margin: 0px auto 0;
    border-left: solid 1px #008bb9;
    border-right: solid 1px #008bb9;
}

.contactpage_section .headline{
    padding: 4% 2%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.contactpage_section h2{
    font-size: 2rem;
    font-weight: 400;
    color: #008bb9;
}

.contactpage_section_inner{
    border-top: solid 1px #008bb9;
}

iframe[src^="https://docs.google.com/forms/d/e"] {
    width: 100%;
}

.postsingle_section{
    width: 88%;
    margin: 0px auto 0;
    border-left: solid 1px #008bb9;
    border-right: solid 1px #008bb9;
}

.postsingle_section .headline{
    padding: 4% 2%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.postsingle_section .headline h2{
    font-size: 2rem;
    font-weight: 400;
    color: #008bb9;
}

.postsingle_section .headline p{
    font-size: 1.2rem;
}

.postsingle_section_inner {
    border-top: solid 1px #008bb9;
    display: flex;
    position: relative;
}

.postsingle_section_inner figure {
    width: 48%;
    border-right: solid 1px #008bb9;
    position: sticky;
    top: 80px;
    height: 100%;
}

.postsingle_section_inner_detail{
    width: 48%;
    padding: 4% 2%;
}

.postsingle_section_inner_detail p{
    line-height: 1.8;
    margin-bottom: 16px;
}

.postsingle_section_inner_detail p a{
    text-decoration:underline;
    word-wrap: break-word;
}

.postsingle_section_inner_detail img{
    margin-bottom: 16px;
}

.postsingle_section_inner_detail{

}

.navigation{
    border-top: solid 1px #008bb9;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.postlist{
    width: 33.3%;
    position: relative;
}

.postlist a{
    border:none;
    color: #000;
}

.postlist a:hover{
    color: #000;
    background-color: #fff;
}


.navigation_prev {
    width: 33.3%;
    border-right: 1px solid #008bb9;
    padding: 2%;
    position: relative;
}

.navigation_next {
    width: 33.3%;
    padding: 2%;
    text-align: right;
    border-left: solid 1px #008bb9;
    box-sizing: border-box;
    position: relative;
}

.navigation a{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.newsarchives_section{
    width: 88%;
    margin: 0px auto 0;
    border-left: solid 1px #008bb9;
    border-right: solid 1px #008bb9;
}

.newsarchives_section .headline{
    padding: 4% 2%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.newsarchives_section h2{
    font-size: 2rem;
    font-weight: 400;
    color: #008bb9;
}

.newsarchives_section_inner{
    border-top: solid 1px #008bb9;
}

.newsarchives_section_middle_block{
    border-bottom: solid 1px #008bb9;
    padding: 4%;
}

.newsarchives_block_detail{
    display: flex;
    align-items: center;
}

.newsarchives_block_detail p.date{
    width: 18%;
}

.newsarchives_block_detail h3{
    width: 68%;
    text-align: left;
    font-size: 1.6rem;
}

.newsarchives_block_detail p.link{
    width: 14%;
    text-align: right;
}

.list_tags_common {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px 8px;
}

.list_tags_common li{  
}

.list_tags_common a {
    background-color: #008BB8;
    border: solid #008BB8;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 0 8px;
    font-size: 1.2rem;
    color: #fff;
}

.list_tags_common a:hover{
    background-color: #fff;
    color: #008BB8;
}

.exhibitorpage_tags {
    border-top: solid 1px #008bb9;
    padding: 16px 2%;
}

.exhibitorpage_tags .list_tags_common {
    margin-top: 0;
}

.aboutpage_section_inner_movie{
    border-top: solid 1px #008bb9;
    padding: 4%;
}

.vid_contents {
    width: 100%;
    text-align: center;
    margin: auto;
    max-width: 960px;
}

.vid_contents video.vid_main {
    width: 100%;
}

.footer_supported{

}

.supported_title {
    font-size: 2rem;
    margin-bottom: 20px;
}

.supported_list_logo {
    display: flex;
    align-items: center;
    width: 80%;
    margin: 0 auto 48px;
    gap: 40px 8%;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 980px;
}

.supported_list_logo li{
    
}

.supported_list_logo li img {
}

.logo_chemical {
    width: 100%;
}

.logo_chemical img {
    width: 100%;
}

.logo_kawano {
    width: 28%;
}

.logo_kawano img{
}

.logo_steelshank {
    width: 28%;
}

.logo_steelshank img{
}

.logo_tanakamishin {
    width: 12%;
}

.logo_tanakamishin img{
}

.supported_list {
    display: flex;
    flex-direction: row;
    gap: 12px 16px;
    width: 64%;
    margin: 0 auto;
    flex-wrap: wrap;
    padding-bottom: 48px;
    max-width: 800px;
}

.supported_list li{
    
}

.supported_list li::before { 
}

.supported_list li:first-child::before {
    content: none;
}

footer .supported_list li{
}

footer .supported_list li a{
}

.aboutpage_section_inner_text dd .supported_list_logo {
    justify-content: flex-start;
    width: 100%;
    text-align: center;
}

.aboutpage_section_inner_text dd .supported_list_logo li{
}

.aboutpage_section_inner_text .supported_list {
    width: 100%;
    gap: 16px 20px;
    padding-bottom: 0;
    max-width: unset;
}

.aboutpage_section_inner_text dd .logo_chemical img {
    width: 72%;
}

.aboutpage_section_inner_text dd .logo_kawano {
    width: 32%;
}

.aboutpage_section_inner_text dd .logo_steelshank {
    width: 32%;
    background-image: url(../img/logo_steelshank_blue.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    padding-top: 7.5%;
}

.aboutpage_section_inner_text dd .logo_steelshank img{
    display: none;
}

.aboutpage_section_inner_text dd .logo_tanakamishin {
    width: 16%;
}



/* ===============================
   協賛バナー（既存CSSの最後に追記）
   ケミカルシューズ（ワイド一杯）の幅を100%として各サイズを決めています
   既存CSSの指定に負けて左に寄らないよう、配置まわりは !important で固定しています
   =============================== */

.supported_logos {
    --logo-gap: 20px;
    width: 100%;
    max-width: 1600px;
    overflow: hidden;
}

/* 大・中・小ロゴの共通設定：横並び・中央寄せ */
.supported_logos .supported_list_logo.logo_l,
.supported_logos .supported_list_logo.logo_m,
.supported_logos .supported_list_logo.logo_s {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: var(--logo-gap);
    column-gap: 48px !important;
    width: 100% !important;
    max-width: none !important;
    margin: var(--logo-gap) auto 0 !important;
    padding: 0 !important;
    list-style: none;
    text-align: center;
    margin-bottom: 40px !important;
}



.supported_logos .logo_l li,
.supported_logos .logo_m li,
.supported_logos .logo_s li {
    float: none !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 枠の比率をそろえ、ロゴの縦横比が違っても高さが揃うようにする */
.supported_logos .logo_l li a,
.supported_logos .logo_m li a,
.supported_logos .logo_s li a {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 5 / 2;
    width: 100%;
}

.supported_logos .logo_l li img,
.supported_logos .logo_m li img,
.supported_logos .logo_s li img {
    width: 100% !important;
    height: 100% !important;
    max-width: none;
    object-fit: contain;
}

/* 大ロゴ（田中務補商店） */
.supported_logos .logo_l li {
    width: 36% !important;
}

/* 中ロゴ：2つ並び */
.supported_logos .logo_m li {
    width: 24% !important;
}

/* 小ロゴ：4つ並び */
.supported_logos .supported_list_logo.logo_s {
    row-gap: 40px;
}
.supported_logos .logo_s li {
    width: calc((100% - var(--logo-gap) * 3) / 4 * 0.8) !important;
}

/* 正方形ロゴ（大山・SeptemberMoon）だけ拡大 */
.supported_logos .logo_s li.logo_square img {
    transform: scale(1.4);
}

/* スマホ */
@media screen and (max-width: 767px) {
    .supported_logos {
        --logo-gap: 12px;
    }
    .supported_logos .supported_list_logo.logo_l,
    .supported_logos .supported_list_logo.logo_m,
    .supported_logos .supported_list_logo.logo_s {
        column-gap: var(--logo-gap);
    }
    .supported_logos .supported_list_logo.logo_s {
        row-gap: 24px;
    }
    .supported_logos .logo_l li {
        width: 70% !important;
    }
    .supported_logos .logo_m li {
        width: calc((100% - var(--logo-gap)) / 2) !important;
    }
    .supported_logos .logo_s li {
        width: calc((100% - var(--logo-gap) * 2) / 3) !important;
    }
}

/* 社名文字リスト：中央寄せ＋上マージン */
.supported_list {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center !important;
    margin-top: 50px !important;
}
.supported_list li {
    float: none !important;
}
@media screen and (max-width: 767px) {
    .supported_list {
        margin-top: 30px !important;
    }
}

.supported_logos .logo_s li.logo_square img[src*="logo_mooncompany"] {
    transform: scale(1.7);
}

























/* 幅 1059px 以下 */
@media screen and (max-width:1059px) {

header .logo{
}

header .sabnav{
}

.openbtn1{
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: fixed;
    top: 8px;
    z-index: 1000;
    position: absolute;
    left: 50%;
    transform: translateY(0) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}

.openbtn1 span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    height: 1px;
    background-color: #008bb9;
    right: 7px;
    width: 72%;
}

.openbtn1 p{
    font-size: 1.2rem;
    text-align: center;
    margin-top: 44px;
    color: #008bb9;
}

.openbtn1 .openbtn_menu{
}

.openbtn1.active .openbtn_menu{
    display: none;
}

.openbtn1 .openbtn_close{
    display: none;
}

.openbtn1.active .openbtn_close{
    display: block;
}

.openbtn1 span:nth-of-type(1) {
    top: 12px;
}

.openbtn1 span:nth-of-type(2) {
    top: 24px;
}

.openbtn1 span:nth-of-type(3) {
    top: 36px;
}

.openbtn1.active span:nth-of-type(1) {
    top: 16px;
    transform: translateY(6px) rotate(-45deg);
}

.openbtn1.active span:nth-of-type(2) {
    display: none;
}

.openbtn1.active span:nth-of-type(3) {
    top: 28px;
    transform: translateY(-6px) rotate(45deg);
}

#g-nav{
    position: fixed;
    z-index: -1;
    opacity: 0;
    top: 80px;
    transition: all 0.3s;
    right: 0;
    box-sizing: border-box;
    bottom: unset;
    left: unset;
    width: 100%;
    height: 92vh;
    pointer-events: none;
}

#g-nav.panelactive{
    opacity: 1;
    z-index: 999;
    right: 0;
    background-color: #fff;
    pointer-events: unset;
}

header nav ul{
    display: flex;
    flex-wrap: wrap;
}

header nav li::before {
    display: none;
}

header nav li {
    font-size: 1.4rem;
    width: 33.3%;
    height: 50vh;
    border-right: solid 1px #008bb9;
    box-sizing: border-box;
    border-bottom: 1px solid #008bb9;
    position: relative;
}

header nav li a{
    display: block;
    position: absolute;
    width: 92%;
    height: 86%;
    padding: 8% 4%;
    transition: all .3s;
}

header nav li a:hover{
    background-color: #008bb9;
    color: #fff;
}







}





/* 幅 940px 以下 */
@media screen and (max-width:940px) {

.keyvisual_section_inner_right {
    background-image: url(../img/mainvisual_sp_2026.webp);
    padding-top: 76%;
}

.keyvisual_section_inner_left .pickup_block {
    display: flex;
    flex-direction: column;
}

.keyvisual_section_inner_left figure {
    width: 100%;
    padding-top: 75%;
}

.keyvisual_section_inner_left .about_block {
    padding: 0 16%;
}

.keyvisual_section_inner_left .pickup_block_detail {
    width: 88%;
    padding: 8% 6%;
}

.keyvisual_section_inner_left {
    width: 24%;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: space-between;
}

.keyvisual_section_inner_left .about_block {
    padding: 24% 8%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto;
}

.keyvisual_section_inner_left .about_block h2 {
    font-size: 2rem;
    margin-bottom: 24px;
}

.keyvisual_section_inner_left .about_block p {
    line-height: 1.8;
}




}


/* 幅 1400px 以上 */
@media screen and (min-width:1400px) {

.catchcopy_block {
    top: 24px;
    left: 32px;
}

}


/* 幅 1060px 以上 */
@media screen and (min-width:1060px) {

.openbtn1{
    display: none;
}





}

/* 幅 800px 以上 */
@media screen and (min-width:800px) {

.sp_view{
    display: none !important;
}


}