@charset "UTF-8";
/*2025.04:amana*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,button,textarea,select{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
html,body{margin:0;padding:0;width:100%;}
section,footer,header{margin:0;padding:0}
ul{list-style:none}ul li{vertical-align:top}
label {display: inline-block;margin-bottom: 0.5rem;}
button, input {overflow: visible;}
button, select {text-transform: none;}
table,tbody,tr,hh,td{margin:0;padding:0;}
input, button, select, optgroup, textarea {margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}
textarea {overflow: auto;resize: vertical;}
input[type="radio"], input[type="checkbox"] {box-sizing:border-box;padding:0;}
input:-internal-autofill-selected{background-color:transparent;}
button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled){cursor: pointer;}
*, *::before, *::after {box-sizing: border-box;}
em {font-style: normal;}
a {outline: none;}a img {outline:none;}a:focus, *:focus {outline:none;}
a:link{text-decoration:none;}a:visited{text-decoration:none;}a:active{text-decoration:none;}
a:hover{text-decoration:none;}
html,body{height:100%;}html{font-size:62.5%;}
:root{
  --gnavi-color: #3a8bd3;
  --gnavi-barcolor: #4d4d4d;
  --main-color: #b9906d;
  --main-bgcolor: #f7f2eb;
  --main-bgcolor2: #d4995f;
  --main-font-color: #777777;
  --platetype-color: #476f8f;
  --platetype-bgcolor: #d6f0fc;
  --pearltype-color: #9db765;
  --pearltype-bgcolor: #f5f7da;
  --roomclip-color: #820a0b;
  --snsfooter-bgcolor: #f7f1eb;
  --breakpoint-sp: 768px;
  --breakpoint-tab: 1170px;
  --cont-maxwidth: 900px;
}
body{
  font-family: "Zen Kaku Gothic Antique","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
	font-size: 62.5%;
	line-height: 1.7;
	-webkit-text-size-adjust: 100%;
	color: #777777;
	background-color: #fff;
}
/*support_iOS*/
html{
  height:-webkit-fill-available;
}
body{
  min-height:100vh;
  min-height:-webkit-fill-available;
}
img,svg{
	width:100%;
	height:auto;
	vertical-align:top;
}
.is_pc{display: block !important;}
.is_sp{display: none !important;}
@media screen and (max-width:768px){
.is_pc{display: none !important;}
.is_sp{display: block !important;}
}
.suptext {
font-size: 75%;
vertical-align: top;
position: relative;
top: -0.1em;
}
#anc-top{
  position: absolute;
  margin-top: -65px;
  padding-top: 65px;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
  z-index: 10;
}
.ssite .ssite-body{
  margin-top: -65px;
  padding-top: 65px;
}
@media(min-width:769px){
  #anc-top{
    margin-top: -65px;
    padding-top: 65px;
  }
  .ssite .ssite-body{
    margin-top: -65px;
    padding-top: 65px;
  }
}
@media(min-width:1170px){
  #anc-top{
    margin-top: -111px;
    padding-top: 111px;
  }
  .ssite .ssite-body{
    margin-top: -111px;
    padding-top: 111px;
  }
}
/*--------------------------------------------------------
animation
--------------------------------------------------------*/
.animation{opacity:0;}
.fadeInDown {
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1.2s;
animation-duration:1.2s;
-webkit-animation-name:fadeInDown;
animation-name:fadeInDown;
visibility:visible!important;
}
@-webkit-keyframes fadeInDown {
0%{opacity:0;-webkit-transform:translateY(50px);}
100%{opacity:1;-webkit-transform:translateY(0);}
}
@keyframes fadeInDown {
0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
.anime-delay1{
-webkit-animation-delay:.3s;
animation-delay:.3s;
}
.anime-delay2{
-webkit-animation-delay:.6s;
animation-delay:.6s;
}
.anime-delay3{
-webkit-animation-delay:.9s;
animation-delay:.9s;
}
/*-----------------------
modal_zoomup
-----------------------*/
.modalbg {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1000;
  display:none;
}
.modalbg_btn{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(183,129,76,0.9);
  z-index:-1;
}
.modalContent {
  display:none;
  position:absolute;
  width:100%;
  height:100%;
  z-index:1000;
}
.modal_zoomup_innr{
  position: absolute;
  margin: auto;
  padding: 0;
  width: 80vw;
  max-width: 900px;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.modal_zoomup_conts{
  position:relative;
  margin:0 auto;
  padding:0;
  width:100%;
}
@media screen and (max-width:768px){
  .modal_zoomup_innr{
    width: 90vw;
  }
}
/*-----------------------
movie_modal
-----------------------*/
#movie_modal {
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:1000;
  display:none;
}
#movie_modal .modal_body{
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  display:none;
}
#movie_modal .modal_bg{
  width:100%;
  height:100%;
  background-color:rgba(183,129,76,0.9);
}
#movie_modal .modal_window{
  position: absolute;
  width:70vw;
  min-width:720px;
  max-width:1200px;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
  text-align:center;
}
#movie_modal .youtube_tag{
  position:relative;
  width: 100%;
  padding-top: 56.25%;
  background: #000;
}
#movie_modal .ytthumb{
  width: 100%;
}
#movie_modal .modal_window iframe,
#top-movie-modal .modal_window iframe,
#movie-invention .modal_window iframe {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
}
/*modal_close*/
#modal_zoomup .modal_close,
#movie_modal .modal_close{
  position: absolute;
  display: block;
  width: 38px;
  height: 38px;
  top: -55px;
  right: 0;
  transition: all .4s ease;
  cursor: pointer;
  z-index: 4;
}
#modal_zoomup .modal_close:hover,
#movie_modal .modal_close:hover{
  transform: rotate(180deg);
}
@media screen and (max-width:768px){
  #movie_modal .modal_bg{
    background-color:rgba(183,129,76,0.9);
  }
  #movie_modal .modal_window{
    position: absolute;
    width: 90vw;
    min-width:initial;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
  }
  #movie_modal .youtube_tag{
    width: 100%;
    padding-top: 56.25%;
    position: relative;
    background: #000;
  }
  #modal_zoomup .modal_close,
  #movie_modal .modal_close{
    width: 8vw;
    height: 8vw;
    top: -12vw;
  }
}
/*-----------------------
main_contents
-----------------------*/
.main_contents{
  position:relative;
  width:100%;
  overflow:hidden;
  /*transition: opacity .5s linear;
  opacity: 0;*/
  z-index:1;
}
.main_contents.opfadein{
  opacity: 1;
}
.main_contents a:hover img {
  opacity: 1!important;
}
.contents_area{
  position: relative;
  width: 100%;
}
/*-----------------------
mrm_gnav
-----------------------*/
.mrm_gnav{
  position: fixed;
  bottom: 10%;
  left: 50px;
  transition: all .4s ease;
  z-index: 100;
}
.mrm_gnav_list{
  position: relative;
  list-style: none;
}
.mrm_gnav_list li{
  position: relative;
  transition: all .4s ease;
}
.mrm_gnav a{
  position: relative;
  display: inline-block;
  padding-left: 30px;
  font-size: 14px;
  line-height: 1.4;
  color: var(--gnavi-barcolor);
  background-repeat: no-repeat;
  background-position: center left 28px;/*30px;*/
  transition: all .4s ease;
}
.mrm_gnav a span{
  position: relative;
  display: block;
  opacity: 0;
  transition: all .4s ease;
}
.mrm_gnav a span.dispmenu{
  opacity: 1!important;
}
.mrm_gnav a::before{
  content: '';
  position: absolute;
  height: 2px;
  width: 13px;
  top: 50%;
  left: 0;
  transform: translate(0,-50%);
  border-radius: 100vh;
  background-color: var(--gnavi-barcolor);
  transition: all .4s ease;
  z-index: 1;
}
.mrm_gnav a.icon_add{
  padding-left: 50px;
}
.page_reviews .mrm_gnav a.icon_add{
  padding-left: 55px;
}
.gnav_about.icon_add{
  background-image: url(/mamoroom/images/nav/nav_icon_about.svg);
  background-size: 13px 17px;
}
.gnav_brandmovie.icon_add{
  background-image: url(/mamoroom/images/nav/nav_icon_brandmovie.svg);
  background-size: 10px 13px;
}
.gnav_mamoroom.icon_add{
  background-image: url(/mamoroom/images/nav/nav_icon_mamoroom.png);
  background-size: 12px 15px;
}
.gnav_platetype.icon_add{
  background-image: url(/mamoroom/images/nav/nav_icon_platetype.png);
  background-size: 9px 19px;
}
.gnav_pearltype.icon_add{
  background-image: url(/mamoroom/images/nav/nav_icon_pearltype.png);
  background-size: 10px 18px;
}
.gnav_roomclip.icon_add{
  background-image: url(/mamoroom/images/nav/nav_icon_roomclip.svg);
  background-size: 13px 13px;
}
/*posi_nav_top*/
.mrm_gnav_list li.posi_nav_top a{
  padding-top: 5px;
  padding-bottom: 5px;
  /*color: #fff;*/
  color: var(--gnavi-barcolor);
}
/*.mrm_gnav_list li.posi_nav_top a::before{
  background-color: #fff;
}*/
.mrm_gnav_list li.posi_nav_top a.gnavi_active::before{
  background-color: var(--gnavi-color);
}
.mrm_gnav_list li.posi_nav_top a span{
  opacity: 1!important;
}
.mrm_gnav_list li.posi_nav_top a:hover span{
  padding-top: 0;
  padding-bottom: 0;
  /*color: var(--gnavi-color);*/
}
/*gnavi_active*/
.mrm_gnav .gnavi_active{
  color: var(--gnavi-color)!important;
}
.mrm_gnav .gnavi_active span{
  opacity: 1;
  padding-top: 0;
  padding-bottom: 0;
}
.mrm_gnav_list li.posi_nav_top a.gnavi_active span{
  opacity: 1!important;
}
.mrm_gnav a.gnavi_active::before{
  width: 18px;
  background-color: var(--gnavi-color);
}
.mrm_gnav a:hover span{
  padding-top: 10px;
  padding-bottom: 10px;
  color: var(--gnavi-color);
  opacity: 1!important;
}
.mrm_spgnav .gnavi_active{
  color: var(--gnavi-color)!important;
}
@media screen and (max-width:768px){
  .mrm_gnav{
    bottom: calc( 10vw + 60px );
    left: 5vw;
  }
  .mrm_gnav_list{
    cursor: pointer;
    padding-right: 5vw;
  }
  .mrm_gnav_list li{
    margin-top: 0;
    margin-bottom: 0;
    height: 2vw;
  }
  .mrm_gnav a{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10vw!important;
    line-height: 0;
    font-size: 0;
    height: 100%;
    width: 100%;
    background-position: center left 5vw;
    pointer-events: none;
  }
  .mrm_gnav a::before{
    height: 1px;
    width: 2vw;
    top: 0;
    transform: translate(0,0);
  }
  .mrm_gnav a.gnavi_active::before {
    width: 3vw;
  }
  /*posi_nav_top*/
  .mrm_gnav.posi_spnav_top{
    bottom: 50%;
  }
  .mrm_gnav_list li.posi_nav_top a{
    padding-top: 0;
    padding-bottom: 0;
  }
  .mrm_gnav_list li.posi_nav_top a::before{
    background-color: var(--gnavi-barcolor);
  }
  .mrm_gnav_list li.posi_nav_top a.gnavi_active::before{
    background-color: var(--gnavi-color);
  }
  .mrm_gnav_list li.posi_nav_top a span{
    opacity: 0;
  }
  .mrm_gnav_list li.posi_nav_top a:hover span{
    padding-top: 0;
    padding-bottom: 0;
  }
  .mrm_gnav a.icon_add{
    background-image: none;
  }
}
/*-----------------------
review_gnav
-----------------------*/
.page_reviews .mrm_gnav.reviews_top_nav{
  top: 50%;/*calc( 50% + 10px );*/
  bottom: auto;
}
.page_reviews .mrm_gnav_list li.posi_nav_top a{
  color: var(--gnavi-barcolor);
}
.page_reviews .mrm_gnav_list li.posi_nav_top a::before{
  background-color: var(--gnavi-barcolor);
}
.gnav_revtop.icon_add{
  background-image: url(/mamoroom/images/reviews/nav/icon_revgnav1.svg);
  background-size: 16px 15px;
}
.gnav_livingroom.icon_add{
  background-image: url(/mamoroom/images/reviews/nav/icon_revgnav2.svg);
  background-size: 16px 13px;
}
.gnav_bedroom.icon_add{
  background-image: url(/mamoroom/images/reviews/nav/icon_revgnav3.svg);
  background-size: 15px 15px;
}
.gnav_dining_kitchen.icon_add{
  background-image: url(/mamoroom/images/reviews/nav/icon_revgnav4.svg);
  background-size: 16px 13px;
}
.gnav_entrance_others.icon_add{
  background-image: url(/mamoroom/images/reviews/nav/icon_revgnav5.svg);
  background-size: 15px 15px;
}
@media screen and (max-width:1170px){
  .page_reviews .mrm_gnav.reviews_top_nav{
    top: calc( 52% + 65px );
    bottom: auto;
  }
}
@media screen and (max-width:768px){
  .page_reviews .mrm_gnav.reviews_top_nav{
    top: auto;
    bottom: calc(10vw + 60px);
    left: 5vw;
  }
}
/*-----------------------
mrm_spgnav
-----------------------*/
.mrm_spgnav{
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
}
.mrm_spgnav_innr{
  position: relative;
  padding: 10vw;
  width: 100%;
  height: 100%;
}
.mrm_spgnav_bg{
  position: fixed;
  width: 50%;/*100%;*/
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(214,188,152,0.95);
  opacity: 0;
  z-index: -1;
}
.spgnav_logo{
  position: relative;
  margin-top: 30%;
  margin-bottom: 8vw;
  width: 18vw;
  display: none;
}
.spgnav_logo a{
  display: block;
}
.ttl_spmenu{
  position: relative;
  margin-bottom: 5vw;
  width: 13vw;
  display: none;
}
.close_spmenu{
  position: absolute;
  width: 16vw;
  right: 10%;
  top: 65%;
  z-index: 1;
  display: none;
}
.mrm_spgnav_list{
  position: relative;
  list-style: none;
  display: none;
}
.mrm_spgnav_list li{
  position: relative;
  display: block;
  margin-bottom: 4vw;
}
.mrm_spgnav_list li:last-child{
  margin-bottom: 0;
}
.mrm_spgnav_list a{
  position: relative;
  display: inline-block;
  padding-left: 30px;
  font-size: 14px;
  line-height: 1.4;
  color: var(--gnavi-barcolor);
  background-repeat: no-repeat;
  background-position: center left 28px;/*30px*/
  transition: all .4s ease;
}
.mrm_spgnav_list a span{
  position: relative;
  display: block;
  transition: all .4s ease;
}
.mrm_spgnav_list a::before{
  content: '';
  position: absolute;
  height: 2px;
  width: 13px;
  top: 50%;
  left: 0;
  transform: translate(0,-50%);
  border-radius: 100vh;
  background-color: var(--gnavi-barcolor);
  transition: all .4s ease;
}
.mrm_spgnav_list a.icon_add{
  padding-left: 50px;
}
.page_reviews .mrm_spgnav_list a.icon_add{
  padding-left: 55px;
}
/*-----------------------
sns_area
-----------------------*/
.sns_area{
  position: relative;
  width: 100%;
  background-color: var(--snsfooter-bgcolor);
}
.main_contents.page_reviews .sns_area{
  background-color: #fff;
}
.sns_area_innr{
  position: relative;
  margin: 0 auto;
  padding-top: 75px;
  padding-bottom: 75px;
  width: 100%;
  max-width: var(--cont-maxwidth);
  text-align: center;
}
.sns_area_ttl{
  margin: 0 auto;
  padding-bottom: 22px;
  font-size: 3.17rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 2px;
  text-align: center;
  color: var(--main-color);
}
.sns_area_list{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sns_link{
  position: relative;
  display: block;
  width: 47px;
  transition: all .4s ease;
}
.sns_link + .sns_link{
  margin-left: 22px;
}
.sns_link:hover{
  transform: scale(1.1);
}
@media screen and (max-width:768px){
  .sns_area_innr{
    padding-top: 8vw;
    padding-bottom: 8vw;
    width: 90vw;
  }
  .sns_area_ttl{
    padding-bottom: 4vw;
    font-size: 2rem;
  }
  .sns_link{
    width: 9vw;
    animation: none !important;
  }
  .sns_link + .sns_link{
    margin-left: 4vw;
  }
  .sns_link:hover{
    transform: scale(1);
  }
}