@charset "UTF-8";
/* CSS Document */
.bg-color{
   background-color:#1277B3;
}
.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:#9FABAB;
}
#boston_flower .point-box {
    background-color: #b5a7a7;
}
#casebelt .point-box {
    background-color: #91918e;
}
#doorcase .point-box {
    background-color: #91918e;
}
#grow .point-box {
    background-color: #91918e;
}
#emboss .point-box {
    background-color: #91918e;
}
.lineup img {
	width: 30%;
}
.lineup {
	text-align: center;
}
.ficce_point {
	padding: 5%;
}
.slide {
	scroll-snap-type: x mandatory;
    white-space: nowrap;
    overflow-x: auto;
    margin: 0 5%;
    padding-bottom: 3%;
    margin-bottom: 4%;
}
/*-------------------------------item-list---------------------------*/
.item-list {
  align-items: center;
  margin: 7% 1% 0;
}
.item-text {
    color: #1277B3;
}
.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:#1277B3;
}
li.small_txt a {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: clamp(10px,2vmin,18px);
    text-align: center;
    padding: 6% 0;
}
p.backhome_btn {
    background-color: #9FABAB;
}
.scroll {
    scroll-snap-align: center;
    display: inline-block;
    margin: 0 1.5%;
    width: 35%;
    white-space: normal;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 2%;
}
@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 #d2aa54;
}
}
p.backhome_btn a:hover {
    color: #d2aa54;
}
p.backhome_btn_middle {
    margin: 3% auto 0;
}
/*------------------------------- to-top---------------------------*/
@media screen and (max-width:600px){
.to-top {
    background-color: #fff;
}
}