@charset "UTF-8";
/* CSS Document */
.bg-color{
   background-color:#e3ce82;
}
.brand-logo {
    width: 40%;
    padding-bottom: 2%;
}
span.br_small {
	display:inline;
}
/*-------------------------------nav---------------------------*/
.travel_nav {
    margin: 3% 5% 8%;
}
.nav_btn{
    margin-bottom: 1%;
}
.brand-contents_nav{
    padding-bottom: 10%;
}
.point_door {
	padding: 5%;
}
/*-------------------------------movie---------------------------*/
.movie_box{
   margin: 8% 0 20%;
}
.video_wrap {
    line-height: 0;
    margin-top: -1%;
    background-color: #333;
}
.video_wrap video {
    width: 74%;
    margin: 2% 13% 3%;
}
h2.noitem{
	text-align: left;
	padding: 0%;
    font-size: clamp(14px, 2vmin, 19px);
    color: #ff0000;
}
/*-------------------------------point---------------------------*/
.point-box {
  background-color:#9c9286;
}
#boston_flower .point-box {
    background-color: #b5a7a7;
}
#casebelt .point-box {
    background-color: #91918e;
}
#doorcase .point-box {
    background-color: #9c9286;
}
#grow .point-box {
    background-color: #91918e;
}
#emboss .point-box {
    background-color: #91918e;
}
/*-------------------------------item-list---------------------------*/
.item-list {
  align-items: center;
  margin: 7% 1% 0;
}
.item-text {
    color: #9c9286;
}
.item-text h3 {
    line-height: 1.3em;
}
/*-------------------------------other--------------------------*/
.bg-color_flowercase{
    background: #b8d8d2;
}
.bg-color_boston_flower {
    background: #b8d8d2;
}
.bg-color_casebelt {
    background: #d0d0cc;
}
.bg-color_grow {
    background: #d0d0cc;
}
.bg-color_emboss {
    background: #d0d0cc;
    padding-bottom: 11%;
}
.oneroom_box {
    margin: 19% 4% 8%;
    padding: 0% 6% 9% 3%;
    background: #e7eef2;
    border-radius: 35px;
}
.oneroom_ttl {
    width: 80%;
    margin: 0 auto;
    transform: translateY(-60%);
}
.oneroom_img_first {
    margin-top: -10%;
}
.oneroom_img_second {
    padding-top: 8%;
}
.belt_setup {
	padding: 8% 8% 4% 8%;
}
li {
    background-color: #9c9286;
}
@media screen and (max-width:480px){
span.br_small {
    display: block;
	}
}
@media screen and (max-width:500px){
.item-text h4 {
    margin-top: 5%;
}
.oneroom_box {
    border-radius: 12px;
}
.shoulder{
   margin: 8% 0;
}
}
/*-------------------------------boston---------------------------*/
@media screen and (max-width:550px){
.boston {
    margin: 8% 5%;
}
}
/*-------------------------------backhome_btn---------------------------*/
p.backhome_btn:hover{
    border:3px solid #9c9286;
}
p.backhome_btn {
    background-color: #9c9286;
}
p.backhome_btn a:hover {
    color: #9c9286;
}
p.backhome_btn_middle {
    margin: 3% auto 0;
}
/*------------------------------- to-top---------------------------*/
@media screen and (max-width:600px){
.to-top {
    background-color: #fff;
}
}