body {
  background: #fff;
  color: #282828;
}

.font-m {
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

#head{
height: auto;
background: #377e5120;
}
#head-content{
text-align: center;
}
.social-icon{
height:16px;
width:auto;
}
.social-icon-fb{
  height:18px;
}


#head-inner-box-top-left a,
#foot-menu a{
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
font-size: 14px;
color: #fff;
text-decoration: none;
margin: 12px 20px 0 0;
padding-right: 20px;
border-right: 1px solid #fff;
display: inline-block;
}
#head-inner-box-top-left a:last-child,
#foot-menu a:last-child{
border: none;
margin-right: 0;
padding-right:0;
}

#head-inner-box-top-right img{
padding-top:10px;
}

#head-inner-box-bottom{
max-width: none;
text-align: center;
background:#377e51;
margin: 8px 0 0 0;
}

.logo-header{
width: 300px;
height: auto;
margin-top:30px;
margin-bottom:10px;
}
#head-inner-box-bottom a{
display: inline-block;
margin:24px 0;
}
#head-inner-box-bottom img {
  margin: 0px;
}

.logo-fv{
width: 500px;
height: auto;
margin-top:160px;
}
.fv-image{
background-image: url(https://www.sympathy-of-soul.com/wp-content/themes/simpasy/assets/2025/sos_1980_1080_2.webp);
background-size:cover;
aspect-ratio: 16/9;
width: 100%;
height: auto;
}

.content{
background: none;
box-shadow: none;
-webkit-box-shadow: none;
border-bottom: none;

}

#fade{
background: #fff;  
}

.video-box{
max-width: 800px;
margin:20px auto 50px auto;
}

.video-box iframe{
width: 100%;
height: auto;
max-height: 80vh;
aspect-ratio: 9/16;
}

.title-2 {
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
line-height:1.8;
font-size: 28px;
font-weight: 600;
color: #377e51;
}
#concept-text-box h2{
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
color: #377e51;  
}
#concept-text-box {
max-width: 600px;
margin: 0 auto;
}
#concept-text-box p{
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
text-align: left;  
}


#concept-box,
#shoplist-box,
#contact-box{
height: auto;

}

table td,
#contact-table th,
.hs,
#concept-text-box p,
#shoplist-table .shop-info,
#shoplist-table th,
#shoplist-table .shop-name,
.shop-info a
{
color: #282828;  
}

#shoplist-table .th-bt,
#shoplist-table td{
border-top:none;
}

#contact-table input[type="text"]{
border: 1px solid #282828;
}
#contact-table textarea{
border: 1px solid #282828;
}

.img-button{
width: 100%;
max-width: 600px;
height: auto;
}

#foot{
background: none;
position: relative;
overflow:hidden;
}
#foot:before{
position: absolute;
content:' ';
display: block;
left:-10px;
top:-10px;
width: calc(100% + 20px);
height:calc(100% + 20px);
background-image: url(https://www.sympathy-of-soul.com/wp-content/themes/simpasy/assets/2025/sos_1980_1080.webp);
background-size:cover; 
z-index: -1;
filter:blur(8px);
}
#foot:after{
background:#377e5140;
position: absolute;
content:' ';
display: block;
left:0px;
top:0px;
width: 100%;
height:100%;
z-index: -1;
}

#foot-logo-box{
height: auto;
}

.logo-footer {
width:300px;
height:auto;
}
#foot-text-box {
margin: 10px 0 0 0;
}
#foot-text-box h2{
  color: #fff;
}

/* anchor */
#concept-box,
#shoplist-box{
padding-top: 50px;
margin-top:-50px;
}


/* contact */
.back-button{
display: inline-block;
font-size: 16px;
background:#377e51;
color: #fff;
text-decoration: none;
border:1px solid #000;
width:300px;
height:45px;
line-height: 45px;
text-align: center;

}

.social-links {
  text-align: center;
  margin: 10px 0 70px 0;
}

.social-links a{
  margin: 0 24px
}

.social-links img{
  filter: invert(1);
  height: 32px;
}
.social-links .social-icon-fb{
  height: 34px;
}