/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

th,td {vertical-align: top;}
.gold {color: #9f6f42!important}
.black {color: #000!important}

.slink {display:flex; gap:5px; width:80%; margin:0 auto;}
.slink i {font-size:30px;}

strong {color:#777777!important;}

.btna {background:#000; padding:10px; margin:0 auto; color:#fff; color:#fff; text-align:center;}
.btna:hover {background:#fff; border:1px solid #000; color:#000;}



.navbar-brand {visibility:hidden; }
.toplogo {width:300px; margin:0 auto;}


#menu-main li {background: #000;  margin-bottom:10px;}
#menu-main li:hover {background:#fff; }
.active  {background:#fff!important; }
#menu-main li a:hover {color:#000!important;}
.active a {color:#000!important;}

#menu-main i {display:none;}

.main-wrapper a {color:#9f6f42!important;}
h1,h2,h3,h4,h5 {margin:0; line-height: 1.2; margin-bottom:10px; }

.pc {}
.sp {display:none;}


ul {margin-left: -1em; margin-top:10px;}
li {list-style-type: none; padding-left: 1em;
    text-indent: -1em;}

.box {background:#fff; padding:10px;}

.cbox {background:#f7f7f7; margin-bottom:10px; padding:10px; line-height:1.5; color:#000;}
.cbox h4 {color: #9f6f42;}


.infobox {padding-bottom:10px;}
.sectitle {text-align:center; color:#fff; font-weight:bold;}
.sectitle span {font-size:16px;}
.sectitle h2 {color:#fff;}
.sectitle h3 {  padding:5px; background:#000; color:#fff; margin-top:10px;}


.subsectitle {text-align:center; margin-bottom:20px; color:#fff;}
.subsectitle h3 {}



.catch p {font-weight: bold; font-size:1.2vw; color:#9f6f42;}
.pink  {
font-weight:bold;
  font-size:1vw;
  
}

.pink a {color: #ff00ff!important}
.ticket {display:flex; justify-content: center; gap:10px; flex-flow: wrap;}
.card { width:32%; padding:10px; background:#f7f7f7; aspect-ratio: 3/4; }
.card a {color: #ff00ff!important}
.card h5 {font-size:1.2vw; }
.card h4 {font-size:2vw; }
.cardin {border-bottom:1px solid; margin-bottom:10px; 


display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 70%; /* Adjust the height as needed */

}

.desc {font-weight:bold; font-size:1vw; line-height:1.5;}



.koushi {display:flex; justify-content: center; gap:10px; flex-flow: wrap;}
.kitem {width:24%; position:relative;}
.kitem img {height:450px; object-fit: cover; object-position: 50% 0%; }
.name {background:#000; width:80%; 
padding:5px;
text-align:center;
position:absolute; 
bottom:5%;
left: 50%;

transform: translateX(-50%);

}

.name:hover {background:#fff; color:#000;}


.kitem a {color:#fff!important;}
.kitem a:hover {color:#000!important;}
.mcont {text-align: left;}
strong {color:#9f6f42!important; font-size:1.1em;}

.remodal {
    max-width:80%; /* 幅を800pxに設定 */
    padding:10px;
}


iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
}


.link {display:flex; flex-wrap: wrap; justify-content:center; gap:0.5%;}
.litem {width:16%; }




/* =Forms
-------------------------------------------------------------- */
label {
  display: inline-block;
  font-weight: 700;
  padding: 2px 0;
  color: #9F6F42;
}

legend {
  padding: 2px 5px;
}

fieldset {
  border: 1px solid #cccccc;
  margin: 0 0 1.5em;
  padding: 1em 2em;
}



select,
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"] {
width:90%;
  -moz-box-sizing: border-box;
  -moz-border-radius: 2px;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  box-sizing: border-box;
  border: 1px solid #aaaaaa;
  border-bottom-color: #cccccc;
  border-radius: 2px;
  cursor: text;
  margin: 0;
  outline: none;
  padding: 6px 8px;
  vertical-align: middle;
  max-width: 100%;
}

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

area,
textarea {
width:90%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  border: 1px solid #aaaaaa;
  border-bottom-color: #cccccc;
  border-radius: 2px;
  height: auto;
  overflow: auto;
  margin: 0;
  outline: none;
  padding: 8px 10px;
  max-width: 100%;
}

map area {
  padding: 0px;
  border: 0px;
}

input,
select {
  cursor: pointer;
}

area:focus,
input:focus,
textarea:focus {
  border: 1px solid #66ccff;
}

input[type='text'],
input[type='password'] {
  cursor: text;
}



  .responsive-table {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            overflow-x: auto;
        }

        .responsive-table table {
          background:#fff;
            border-collapse: collapse;
            width: 100%;
            table-layout: fixed;
        }

       

        .responsive-table th,
        .responsive-table td {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: left;
            width:100px;
            vertical-align: top;
        }



        .responsive-table th {
            background-color: #f2f2f2;
        }

        .responsive-table-wrapper {
            display: flex;
        }

        .fixed-column {
            position: sticky;
            left: 0;
            background-color: #fff;
            z-index: 1;

        }

        .scrollable-columns {
            overflow-x: auto;
        }


         /* Fix the width of the first column to 50px */
        .responsive-table th:nth-child(1),
        .responsive-table td:nth-child(1) {
            width: 50px;
        }

.senmon  {width:auto!important;
margin-bottom:20px;
}
 





@media only screen and (max-width:599px){


.toplogo {width:70%;}
.catch p {font-size:3vw;}
.pink  {font-size:2.5vw;}
.slink {width:60%;}


.desc {font-size:2.5vw;}


.pc {display:none;}
.sp {display:block;}

.card h5 {font-size:3vw; }
.card h4 {font-size:5vw; }

.remodal {max-width:90%;}

.kitem {width:48%; gap:1%;}
.litem {width:31%;}

.card {width:48%;}
}
 


}