@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@500&display=swap');

.commonTtl{width: 100%;text-align: center;margin-bottom: 40px;}
.commonTtl .main{font-size: 40px;letter-spacing: 1px;}
.commonTtl .sub{font-size: 16px;}

/*-----------------------------------------MV*/
#MV{position: relative;margin-bottom: 40px;background-image: url(../../images/otherCo_MV.jpg);padding: 100px 0px;background-position: center;width: 90%;margin: 0 auto;}
#MV:after{content:"";height: 100%;position: absolute;/* box-shadow: 0 0 20px #000; */width: 100%;display: block;top: 0;left: 0;background-color: rgb(0 0 0 / 30%);}


#MV .Title{color: #fff;position: relative;z-index: 2;text-align: center;}
#MV .Title h1{font-family: 'Shippori Mincho B1', serif;font-size: 39px;letter-spacing: 2px;text-align: center;font-weight: normal;margin-bottom: 60px;}
#MV .Title h1 span{
    display: inline-block;
    width: 200px;
    /* margin-bottom: 12px; */
    line-height: 1;
    margin-right: 10px;
    }
#MV .Title h1 span img{ width: 100%;}

#MV .Title .MainTxt{font-size: 16px;line-height: 1;font-family: 'Shippori Mincho B1', serif;text-align: center;}
#MV .Title .MainTxt p{}
#MV .Title .MainTxt p + p{
    padding-top: 1.3em;
}


/*-----------------------------------Item*/
#Item{
    padding-top: 50px;
    padding-bottom: 40px;
}
#Item h2{
    width: 100%;
    /* font-family:'Shippori Mincho B1', serif; */
    font-weight: normal;
    font-size: 30px;
    text-align: center;
    margin-bottom: 40px;
    color: #b9a26a;
}
#Item h2 p{display: flex;justify-content: center;align-items: center;}
#Item h2 p:before, #Item h2 p:after {
  content: '';
  width: 50px;
  border: 1px solid #b9a26a;
  margin: 0 10px;
}
#Item h2 p:before {
}
#Item h2 p:after {
}
#Item .Sec{}
#Item .Sec + .Sec{margin-top: 50px;}
#Item .Sec:nth-of-type(even){background-color: #f0f0ef;padding: 50px 0;}
#Item .Sec .ItemInner{/* padding-left: 30px; */}

.ItemInner .Entry .dst{
    background-color: #b9a26a !important;
}

/*---------------------------------SC*/
#Item #SC{width: 1000px;margin: 0 auto;margin-bottom: 50px;display: flex;flex-wrap: wrap;justify-content: center;}
#Item #SC li{
    margin: 5px;
}
#Item #SC li a{position:relative;text-decoration: none;color: #000;border: 2px solid #000;padding: 6px 28px;display: block;border-radius: 3px;font-weight: bold;}
#Item #SC li a:hover{
    background-color: #000;
    color: #fff;
}
#Item #SC li a:after{position: absolute;right: 8px;top:50%;margin-top:-0.5em;content: "\f107";font-family:FontAwesome;line-height: 1}



/*--------------------------------Pickup*/
#Pickup{
    width: 1000px;
    margin: 0 auto;
    margin-bottom: 90px;
    margin-top: 50px;
}
#Pickup .Bn{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#Pickup .Bn .Entry{-webkit-transition: all .3s ease-out;
    width: 48%;
    display: flex;
    /* border: 2px solid #fff; */
    position: relative;
    box-shadow: 0 0 3px rgb(0 0 0 / 40%);
    flex-wrap: wrap;
    justify-content: space-between;
}
#Pickup .Bn .Entry:after{position: absolute;right: 8px;top:50%;margin-top:-0.5em;content:"\f105";font-family:FontAwesome;line-height: 1;color: #fff;font-size: 45px;text-shadow: 0 0 4px #000;}
#Pickup .Bn .Entry dt{
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}
#Pickup .Bn .Entry dt a{
    color: #fff;
    text-decoration: none;
    font-size: 24px;
}
#Pickup .Bn .Entry dd{}
#Pickup .Bn .Entry dd.photo{
    width: 43%;
    line-height: 0;
}
#Pickup .Bn .Entry dd.photo img{
    width: 100%;
    /* height: 110px; */
    /* object-fit: cover; */
}
#Pickup .Bn .Entry dd.photo .caption{
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 1;
    font-size: 11px;
    background-color: #000;
    color: #fff;
    padding: 2px;
}

#Pickup .Bn .Entry.hoshinoya_okinawa{
    background-color: #6580bf;
}
#Pickup .Bn .Entry.hoshinoya_taketomi{
    background-color: #d88b99;
}

#Pickup .Bn .Entry.hoshinoya_okinawa dt{}
#Pickup .Bn .Entry.hoshinoya_taketomi dt{}

#Pickup .Bn .Entry:hover{cursor: pointer;opacity: 0.7;}