@charset "utf-8";

/*------------------------------------------------*/
/*  template ver1.0  */
/*------------------------------------------------*/
/*  templatename [--]  */
/*  update []  */
/*  ID [NT]  */
/*------------------------------------------------*/


/*　productionin　*/
/* -----------------------------------------------*/
div#productionin {
width:100%;
height:100%;
display:none;
position:fixed;
top:0px;
left:0px;
z-index:9999;
}
div#productionin .inner {
width:100%;
height:100%;
display:table;
background:#ffffff;
}
div#productionin .inner p {
padding:0px 50px;
display:table-cell;
color:#333333;
font-size:13px;
font-weight:500;
line-height:2.0;
text-align:center;
vertical-align:middle;
}
div#productionin .inner p strong {
padding-top:20px;
display:block;
color:#333333;
font-size:15px;
font-weight:500;
line-height:2.0;
}

div.preview {
text-align:center;
}

@media screen and (max-width:1200px) {
/*div#productionin {
display:block;
}*/
}

/*　All Reset　*/
/* -----------------------------------------------*/
* {
color:#222222;
font-size:14px;
letter-spacing:0.5px;
}
*:not(br) {
line-height:1.85;
}
*:focus {
outline:none;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd {
margin:0;
padding:0;
font-weight:500;
word-break:break-all;
}
ul,li {
list-style:none;
}
input[type="button"],input[type="submit"],select {
border-radius:0;
-webkit-appearance:none;
appearance:none;
}

::selection {
background-color:#333333;
color:#ffffff;
}
::-moz-selection {
background-color:#333333;
color:#ffffff;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:#bebebe;
font-weight:500;
/*font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;*/
font-family:'Murecho', sans-serif;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#bebebe;
font-weight:500;
/*font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;*/
font-family:'Murecho', sans-serif;
}
::placeholder { /* Others */
color:#bebebe;
font-weight:500;
/*font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;*/
font-family:'Murecho', sans-serif;
}

@media screen and (max-width:650px) {
input[type="text"],
input[type="email"],
input[type="password"] {
font-size:16px !important ;
transform:scale(0.8) !important ;
}
select {
font-size:16px !important ;
transform:scale(0.8) !important ;
}
}

/*　Base Set　*/
/* -----------------------------------------------*/
body {
margin:0;
padding:0;
/*font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";*/
/*font-family:游明朝体,Yu Mincho,YuMincho,yu-mincho-pr6n,ヒラギノ明朝 Pro,Hiragino Mincho Pro,source-han-serif-japanese,serif;*/
font-family:'Murecho', sans-serif;
font-weight:500;
line-height:1.65;
letter-spacing:0.5px;
overflow-y:scroll;
background-color:#ffffff;
/*width:calc(100vw - 15px); /* Sass */
}
body.fixed {
position:fixed;
width:100%;
}

@media screen and (max-width:1100px) {
body {
min-width:inherit;
-webkit-text-size-adjust:100%;
font-weight:normal;
}
}

img {
border:none;
pointer-events:none;
}
a { color:#000000; }
a {
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
a:hover { color:#505050; }

@media screen and (max-width:1100px) {
a {
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
tap-highlight-color:rgba(0, 0, 0, 0);
}
}

/*　Clearfix　*/
/* -----------------------------------------------*/
.clearfix:after {
content:" ";
height:0;
clear:both;
display:block;
visibility:hidden;
line-height: 0;
}
.clearfix {
display:inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
/* End hide from IE-mac */

.clear_br {
overflow: hidden;
}  
* html .clear_br {  
height: 1%;
}

/*　レイアウト要素 共通　*/
/* -----------------------------------------------*/
.pc_only { display:block; line-height:1px; }
.sp_only { display:none; line-height:1px; }

.title, .lead {
word-break:normal;
word-wrap:break-word;
}

.fit {
width:100%;
height:100%;
position:absolute;
top:0; 
left:0;
}
.fit img,
.fit video {
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
font-family:'object-fit: cover; object-position: center center;';
}
.fitImg {
position:absolute;
}

.imgset, .eyecatch {
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}

@media screen and (max-width:650px) {
.pc_only { display:none; }
.sp_only { display:block; }
}

/*　loading　*/
/* -----------------------------------------------*/
body::after {
content:'';
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:#ffffff;
z-index:8888;
pointer-events:none;
opacity:0;
-webkit-transition:opacity 0.5s ease;
transition:opacity 0.3s ease;
transition-delay:0.3s;
}
body.loading::after {
opacity:1;
}
body #loadanimation::after {
content:'';
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-position:center center;
background-repeat:no-repeat;
z-index:9999;
pointer-events:none;
opacity:0;
-ms-filter:blur(6px);
filter:blur(6px);
-webkit-transition:opacity 0.3s ease;
transition:opacity 0.3s ease;
}
body.loading #loadanimation::after {
opacity:1;
-ms-filter:blur(0px);
filter:blur(0px);
}

@media screen and (max-width:650px) {
}

/*　Wrapper　*/
/* -----------------------------------------------*/
div#Wrapper {
margin:0px auto;
width:100%;
overflow:hidden;
text-align:center;
position:relative;
-webkit-transition:all 0.8s ease-in;
-moz-transition:all 0.8s ease-in;
-o-transition:all 0.8s ease-in;
transition:all 0.8s ease-in;
}
div#Wrapper .contents_inner {
margin:0px auto;
width:100%;
text-align:center;
position:relative;
-webkit-transition:all 0.8s ease-in;
-moz-transition:all 0.8s ease-in;
-o-transition:all 0.8s ease-in;
transition:all 0.8s ease-in;
}

@media screen and (max-width:650px) {
}

/*　header　*/
/* -----------------------------------------------*/
#headset {
width:100%;
background-color:rgba(255,255,255,0);
position:fixed;
top:0px;
left:0px;
z-index:30;
}
#headset .inner {
margin:0px auto;
width:90%;
max-width:1200px;
text-align:center;
position:relative;
}
#headset .logoset {
width:300px;
height:300px;
display:inline-block;
z-index:40;
transition:all 0.5s ease;
}
#headset .logoset a {
display:inline-block;
text-decoration:none;
}
#headset .logoset .logo {
width:300px;
height:300px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background-position:center center;
background-repeat:no-repeat;
position:relative;
transition:all 0.5s ease;
}

.svg #headset .logoset .logo {
background-image:url(../images/logo.svg);
background-size:300px 140px;
}
.no-svg #headset .logoset .logo {
background-image:url(../images/logo.png);
background-size:300px 140px;
}

/* #####IE11 */
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.svg #headset .logoset .logo {
background-image:url(../images/logo.png);
background-size:300px 140px;
}
.no-svg #headset .logoset .logo {
background-image:url(../images/logo.png);
background-size:300px 140px;
}
}

/*#headset .linkset {
letter-spacing:-.4em;
}*/

#headset .snslist {
letter-spacing:-.4em;
position:absolute;
top:120px;
left:0px;
transition:all 0.5s ease;
}
#headset .snslist p {
margin-right:2px;
width:56px;
height:56px;
overflow:hidden;
display:inline-block;
}
#headset .snslist p a {
width:56px;
height:56px;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
text-decoration:none;
background-position:center center;
background-repeat:no-repeat;
}
#headset .snslist p:nth-child(1) a {
background-image:url(../images/sns_insta.png);
background-size:56px 56px;
}
#headset .snslist p:nth-child(2) a {
background-image:url(../images/sns_tiktok.png);
background-size:56px 56px;
}
#headset .snslist p:nth-child(3) a {
background-image:url(../images/sns_youtube.png);
background-size:56px 56px;
}

#headset .linefriend {
padding:3px 2px 4px 2px;
letter-spacing:-.4em;
position:absolute;
top:110px;
right:0px;
transition:all 0.5s ease;
background-color:#ffffff;
}
#headset .linefriend p {
width:90px;
display:inline-block;
background:url(../images/IMG_5278.png) top center no-repeat;
background-size:90px 90px;
}
#headset .linefriend p a {
padding-top:90px;
display:block;
text-align:center;
text-decoration:none;
letter-spacing:0px;
}
#headset .linefriend p a strong {
display:none;
color:#ffffff;
font-family:'Murecho', sans-serif;
font-size:18px;
line-height:1.5;
text-align:center;
text-decoration:none;
letter-spacing:0px;
}
#headset .linefriend p a span {
padding:1px 0px 3px 0px;
width:80px;
display:inline-block;
color:#ffffff;
font-family:'Murecho', sans-serif;
font-size:10px;
font-weight:900;
line-height:1.5;
text-align:center;
text-decoration:none;
letter-spacing:0px;
background-color:#06c755;
}
/* #####個別 */
body.touch #headset .linefriend {
padding:4px 2px 4px 4px;
}
body.touch #headset .linefriend p {
width:90px;
background:none;
}
body.touch #headset .linefriend p a {
padding-top:30px;
padding-bottom:30px;
background-color:#06c755;
}
body.touch #headset .linefriend p a strong {
display:block;
}
body.touch #headset .linefriend p a span {
padding:0px 0px 0px 0px;
display:block;
}

/* #####アニメーション */
#headset.scroll .logoset,
body#page #headset .logoset,
#headset.scroll .logoset .logo,
body#page #headset .logoset .logo {
height:200px;
}
#headset.scroll .snslist,
body#page #headset .snslist {
top:70px;
}
#headset.scroll .linefriend,
body#page #headset .linefriend {
top:60px;
}

@media screen and (max-width:750px) {
#headset .logoset {
width:250px;
height:250px;
}
#headset .logoset .logo {
width:250px;
height:250px;
}

.svg #headset .logoset .logo {
background-image:url(../images/logo.svg);
background-size:250px 116px;
}
.no-svg #headset .logoset .logo {
background-image:url(../images/logo.png);
background-size:250px 116px;
}

/* #####IE11 */
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.svg #headset .logoset .logo {
background-image:url(../images/logo.png);
background-size:250px 116px;
}
.no-svg #headset .logoset .logo {
background-image:url(../images/logo.png);
background-size:250px 116px;
}
}

#headset .snslist {
width:40px;
top:65px;
}
#headset .snslist p {
margin-right:0px;
width:40px;
height:40px;
display:block;
}
#headset .snslist p a {
width:40px;
height:40px;
}
#headset .snslist p:nth-child(1) a {
background-image:url(../images/sns_insta.png);
background-size:40px 40px;
}
#headset .snslist p:nth-child(2) a {
background-image:url(../images/sns_tiktok.png);
background-size:40px 40px;
}
#headset .snslist p:nth-child(3) a {
background-image:url(../images/sns_youtube.png);
background-size:40px 40px;
}

#headset .linefriend {
padding:3px 3px 3px 3px;
top:85px;
}
#headset .linefriend p {
width:60px;
display:inline-block;
background:url(../images/IMG_5278.png) top center no-repeat;
background-size:60px 60px;
}
#headset .linefriend p a {
padding-top:60px;
}
#headset .linefriend p a span {
padding:2px 6px 2px 6px;
width:auto;
font-size:9px;
}
/* #####個別 */
body.touch #headset .linefriend {
top:75px;
}

/* #####アニメーション */
#headset.scroll .logoset,
body#page #headset .logoset,
#headset.scroll .logoset .logo,
body#page #headset .logoset .logo {
height:150px;
}
#headset.scroll .snslist,
body#page #headset .snslist {
top:15px;
}
#headset.scroll .linefriend,
body#page #headset .linefriend {
top:40px;
}
body.touch #headset.scroll .linefriend,
body#page.touch #headset .linefriend {
top:25px;
}
}

@media screen and (max-width:500px) {
.svg #headset .logoset .logo {
background-image:url(../images/logo.svg);
background-size:200px 93px;
}
.no-svg #headset .logoset .logo {
background-image:url(../images/logo.png);
background-size:200px 93px;
}

/* #####IE11 */
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.svg #headset .logoset .logo {
background-image:url(../images/logo.png);
background-size:200px 93px;
}
.no-svg #headset .logoset .logo {
background-image:url(../images/logo.png);
background-size:200px 93px;
}
}

body.touch #headset .linefriend p {
width:60px;
}
}

/*　Globalmenu　*/
/* -----------------------------------------------*/
div#Globalmenu {
width:100%;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
div#Globalmenu .naviinner {
width:100%;
height:100%;
display:table;
position:relative;
}
div#Globalmenu .naviinner .vermidle {
display:table-cell;
text-align:center;
vertical-align:middle;
}
div#Globalmenu ul.navi {
width:100%;
text-align:center;
letter-spacing:-.4em;
}
div#Globalmenu ul.navi > li {
display:inline-block;
position:relative;
transition:all 0.5s ease;
}
div#Globalmenu ul.navi > li > a {
padding:0px 10px;
display:block;
text-decoration:none;
}
div#Globalmenu ul.navi > li > a > p {
height:20px;
display:inline-block;
overflow:hidden;
position:relative;
}
div#Globalmenu ul.navi > li > a > p:before {
content:"";
width:100%;
height:100%;
display:block;
background-color:#333333;
position:absolute;
bottom:0px;
left:0%;
z-index:1;
}
div#Globalmenu ul.navi > li > a > p:after {
content:"";
width:100%;
height:100%;
display:block;
background-color:#fff000;
position:absolute;
bottom:0px;
left:-100%;
z-index:1;
transition:all 0.3s ease;
}
div#Globalmenu ul.navi > li > a > p > strong {
padding:0px 3px;
display:inline-block;
overflow:hidden;
color:#ffffff;
font-family:'Murecho', sans-serif;
font-size:13px;
font-weight:900;
line-height:20px;
letter-spacing:0px;
position:relative;
z-index:2;
transition:all 0.3s ease;
}

/* #####個別 */
/* #####アニメーション */
div#Globalmenu ul.navi > li > a:hover > p > strong {
color:#222222;
}
div#Globalmenu ul.navi > li > a:hover > p:after {
left:0%;
}

@media screen and (max-width:650px) {
div#Globalmenu ul.navi > li > a {
padding:0px 3px;
}
}

@media screen and (max-width:550px) {
div#Globalmenu ul.navi > li > a > p > strong {
font-size:2.5vw;
}
}

/*　Menubutton　*/
/* -----------------------------------------------*/
div#Menubutton {
width:120px;
height:120px;
display:none;
position:fixed;
top:0px;
right:0px;
z-index:25;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
-webkit-backface-visibility:hidden;
 backface-visibility:hidden;
}
div#Menubutton > p {
width:120px;
height:120px;
cursor:pointer;
position:relative;
}
div#Menubutton > p span {
width:60px;
height:1px;
background-color:#ffffff;
position:absolute;
left:30px;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
div#Menubutton > p span:nth-child(1) {
top:46px;
}
div#Menubutton > p span:nth-child(2) {
top:64px;
}
div#Menubutton > p span:nth-child(3) {
top:82px;
}

/* #####アニメーション */
div#Menubutton > p.slidein span:nth-child(1) {
top:63px;
-moz-transform:rotate(20deg);
-webkit-transform:rotate(20deg);
-o-transform:rotate(20deg);
-ms-transform:rotate(20deg);
transform:rotate(20deg);
transition-delay:0.3s;
}
div#Menubutton > p.slidein span:nth-child(2) {
left:100px;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}
div#Menubutton > p.slidein span:nth-child(3) {
top:63px;
-moz-transform:rotate(-20deg);
-webkit-transform:rotate(-20deg);
-o-transform:rotate(-20deg);
-ms-transform:rotate(-20deg);
transform:rotate(-20deg);
transition-delay:0.3s;
}

div#Menubutton.open {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
div#Menubutton.firstview > p span,
div#Menubutton.open > p span {
background-color:#333333;
}

@media screen and (max-width:1100px) {
}

/*　pagetitle　*/
/* -----------------------------------------------*/

/*　pankuzu　*/
/* -----------------------------------------------*/

/*　layout　*/
/* -----------------------------------------------*/
div.Container {
margin:0px auto;
width:100%;
text-align:center;
}
div.Container .contents {
padding:300px 0px 0px 0px;
position:relative;
}
body#page div.Container .contents {
padding:200px 0px 0px 0px;
}
div.Container .contents .inner {
margin:0px auto;
width:90%;
max-width:1400px;
}

div.Container .pagecontent {
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transition:all 0.5s ease;
transform:translateY(50px);
}
body#page.open div.Container .pagecontent {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transform:translateY(0px);
transition-delay:0.6s;
}

/* メインビジュアル */
div.Container .mainvisual {
}

/* 共通 */

/***** レイアウト *****/
div.Container .wideblock {
width:100%;
display:inline-table;
}
div.Container .wideblock:after {
content:" ";
height:0;
clear:both;
display:block;
visibility:hidden;
line-height: 0;
}
/* Hides from IE-mac \*/
* html div.Container .wideblock { height:1%; }
/* End hide from IE-mac */

/***** トピックス *****/
div.Container .topics {
padding:100px 0px 200px 0px;
width:100%;
text-align:center;
position:relative;
}
div.Container .topics .inblock {
margin:0px auto;
width:90%;
max-width:800px;
text-align:left;
}
div.Container .topics .title {
margin-bottom:70px;
text-align:center;
/*filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transition:all 0.5s ease;
transform:translateY(50px);*/
}
div.Container .topics .title span {
display:block;
color:#808080;
font-family:'Murecho', sans-serif;
font-size:14px;
font-weight:900;
line-height:1.5;
letter-spacing:0px;
}
div.Container .topics .title strong {
display:block;
font-family:'Murecho', sans-serif;
font-size:32px;
font-weight:900;
line-height:1.5;
letter-spacing:0px;
}
div.Container .topics .inblock .news {
width:100%;
}
div.Container .topics .inblock .irnews {
width:45%;
float:right;
}
div.Container .topics ul {
width:100%;
/*filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transition:all 0.5s ease;
transform:translateY(50px);*/
}
div.Container .topics ul li {
margin-bottom:15px;
overflow:hidden;
}
div.Container .topics ul li a {
display:block;
overflow:hidden;
text-decoration:none;
position:relative;
}
div.Container .topics ul li a:before {
content:"";
width:20px;
height:1px;
display:block;
background-color:#222222;
transition:all 0.3s ease;
transform:translateX(-20px);
position:absolute;
top:41px;
left:0px;
}
div.Container .topics ul li .plane {
display:block;
overflow:hidden;
text-decoration:none;
position:relative;
}
div.Container .topics ul li .date {
margin-right:10px;
display:inline-block;
color:#808080;
font-size:12px;
line-height:24px;
vertical-align:middle;
}
div.Container .topics ul li .category {
padding:0px 10px;
display:inline-block;
overflow:hidden;
color:#808080;
font-size:12px;
line-height:20px;
letter-spacing:0px;
vertical-align:middle;
background-color:#f2f2f2;
position:relative;
}
div.Container .topics ul li .category span {
display:inline-block;
color:#808080;
font-size:12px;
line-height:20px;
letter-spacing:0px;
transition:all 0.3s ease;
position:relative;
}
div.Container .topics ul li .entry {
margin-top:10px;
font-size:14px;
line-height:1.7;
letter-spacing:0px;
transition:all 0.3s ease;
transform:translateX(0px);
position:relative;
}
div.Container .topics ul li .entry strong {
margin-bottom:5px;
display:block;
font-size:14px;
font-weight:900;
line-height:1.7;
letter-spacing:0px;
}
div.Container .topics .linkset {
margin-top:70px;
text-align:center;
}
/* #####アニメーション */
/*div.Container .topics ul li a:hover:before {
transform:translateX(0px);
}
div.Container .topics ul li a:hover:after {
transform:rotate(30deg) translateX(0px);
}*/
/*div.Container .topics ul li a:hover:before {
transform:translateX(0px);
}*/
/*div.Container .topics ul li a:hover .entry {
transform:translateX(30px);
}
div.Container .topics.view .news .title {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transform:translateY(0px);
}
div.Container .topics.view .news ul {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transform:translateY(0px);
transition-delay:0.2s;
}
div.Container .topics.view .irnews .title {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transform:translateY(0px);
transition-delay:0.5s;
}
div.Container .topics.view .irnews ul {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
transform:translateY(0px);
transition-delay:0.7s;
}*/

/***** ルームツアー一覧 *****/
div.Container .roomtour {
padding:100px 0px;
width:100%;
text-align:center;
position:relative;
}
div.Container .roomtour .inblock {
margin:0px auto;
width:90%;
max-width:1200px;
text-align:left;
}
div.Container .roomtour ul {
margin-top:-20px;
width:100%;
}
div.Container .roomtour ul li {
margin-right:2%;
margin-top:20px;
width:23.5%;
float:left;
/*overflow:hidden;*/
position:relative;
/*filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;*/
transition:all 0.5s ease;
transform:translateY(50px);
}
div.Container .roomtour ul li:nth-child(4n) {
margin-right:0%;
}
div.Container .roomtour ul li .thum {
width:100%;
}
div.Container .roomtour ul li .thum img {
width:100%;
}
div.Container .roomtour ul li .info {
width:100%;
letter-spacing:-.4em;
}
div.Container .roomtour ul li .info .movielink {
margin-right:3%;
width:48.5%;
display:inline-block;
color:#ffffff;
font-family:'Murecho', sans-serif;
font-size:14px;
line-height:30px;
text-align:center;
text-decoration:none;
letter-spacing:0px;
text-indent:20px;
background:#333333 url(../images/icon_youtube.png) 12px 4px no-repeat;
background-size:22px 22px;
position:relative;
}
div.Container .roomtour ul li .info .detail {
width:48.5%;
display:inline-block;
color:#ffffff;
font-family:'Murecho', sans-serif;
font-size:14px;
line-height:30px;
text-align:center;
text-decoration:none;
letter-spacing:0px;
text-indent:20px;
background:#333333 url(../images/icon_detail.png) 12px 6px no-repeat;
background-size:18px 18px;
position:relative;
}
/*div.Container .roomtour ul li .info .detail:after {
padding:2px 5px;
content:"物件詳細 6月下旬公開";
display:inline-block;
color:#222222;
font-family:'Murecho', sans-serif;
font-size:10px;
line-height:1.3;
text-align:center;
text-decoration:none;
text-indent:0px;
letter-spacing:0px;
background-color:#fffc01;
position:absolute;
top:-5px;
right:-5px;
transform:rotate(5deg);
}*/
div.Container .roomtour ul li .info .soldout {
width:48.5%;
display:inline-block;
color:#ffffff;
font-family:'Murecho', sans-serif;
font-size:14px;
line-height:30px;
text-align:center;
text-decoration:none;
letter-spacing:0px;
background:#333333;
position:relative;
}
/* #####アニメーション */

/***** 物件詳細 *****/
div.Container .property {
padding:100px 0px 70px 0px;
width:100%;
text-align:center;
position:relative;
}
div.Container .property .inblock {
margin:0px auto;
width:90%;
max-width:1200px;
text-align:left;
}
div.Container .property .headset {
padding:50px 50px;
text-align:left;
border-bottom:#f1f1f1 solid 1px;
border-top:#f1f1f1 solid 1px;
box-sizing:border-box;
background-color:#f8f8f8;
}
div.Container .property .headset .block {
width:100%;
}
div.Container .property .headset .eyecatch {
width:30%;
float:left;
}
div.Container .property .headset .eyecatch p {
padding-top:85%;
width:100%;
height:1rem;
overflow:hidden;
display:block;
content:"";
position:relative;
}
div.Container .property .headset .titleset {
width:65%;
float:right;
}
div.Container .property .headset .titleset .id {
padding:3px 5px;
display:inline-block;
font-family:'Murecho', sans-serif;
font-size:14px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
background-color:#fffc01;
}
div.Container .property .headset .titleset .title {
margin-bottom:30px;
margin-top:10px;
font-family:'Murecho', sans-serif;
font-size:30px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
}
div.Container .property .headset .titleset .lead {
font-size:15px;
line-height:1.65;
letter-spacing:0px;
}
div.Container .property .leadset {
padding:50px 50px;
text-align:left;
}
div.Container .property .leadset .lead {
font-size:15px;
letter-spacing:0px;
}
div.Container .property .contentset {
padding:50px 50px;
}
div.Container .property .contentset .block {
width:100%;
}
div.Container .property .contentset .gallery {
width:350px;
float:left;
position:relative;
}
div.Container .property .contentset .gallery .spacemap {
width:60px;
height:60px;
overflow:hidden;
text-align:center;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
background-color:#222222;
position:absolute;
top:20px;
left:20px;
z-index:2;
}
div.Container .property .contentset .gallery .spacemap a {
width:60px;
height:60px;
display:block;
text-decoration:none;
}
div.Container .property .contentset .gallery .spacemap a p {
padding-top:35px;
color:#ffffff;
font-size:9px;
letter-spacing:0px;
background:url(../images/icon_spacemap.png) 50% 40% no-repeat;
background-size:20px 16px;
}
div.Container .property .contentset .gallery ul li {
/*width:350px;*/
}
div.Container .property .contentset .gallery ul li img {
width:100%;
}
div.Container .property .contentset .datainfo {
float:right;
}
div.Container .property .contentset .datainfo .price strong {
font-family:'Murecho', sans-serif;
font-size:34px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
}
div.Container .property .contentset .datainfo .price span {
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size:16px;
font-weight:normal;
line-height:1.3;
letter-spacing:0px;
}
div.Container .property .contentset .datainfo ul.option {
margin:20px 0px;
letter-spacing:-.4em;
}
div.Container .property .contentset .datainfo ul.option li {
margin-right:7px;
margin-top:5px;
padding:0px 5px 1px 5px;
display:inline-block;
color:#ffffff;
font-size:14px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
background-color:#333333;
}
div.Container .property .contentset .datainfo table {
width:100%;
text-align:left;
border-collapse:separate;
border-spacing:0;
border-bottom:#f1f1f1 solid 1px;
box-sizing:border-box;
}
div.Container .property .contentset .datainfo table th,
div.Container .property .contentset .datainfo table td {
padding:10px 0px;
text-align:left;
border-top:#f1f1f1 solid 1px;
box-sizing:border-box;
}
div.Container .property .contentset .datainfo table tr:last-child th,
div.Container .property .contentset .datainfo table tr:last-child td {
border-bottom:none;
}
div.Container .property .contentset .datainfo table th p,
div.Container .property .contentset .datainfo table td p {
padding:0px 20px;
font-size:13px;
line-height:1.5;
letter-spacing:0px;
}
div.Container .property .contentset .datainfo table th {
width:15%;
background-color:#f8f8f8;
}
div.Container .property .contentset .datainfo table td {
width:35%;
}

/***** リノリノ東京について *****/
div.Container .about {
margin-top:70px;
width:100%;
text-align:center;
position:relative;
}
div.Container .about .inblock {
margin:0px auto;
width:90%;
max-width:1200px;
text-align:center;
background-color:#333333;
position:relative;
}
div.Container .about .backimage {
padding-top:40%;
width:100%;
height:1rem;
overflow:hidden;
display:block;
content:"";
position:relative;
}
div.Container .about .backimage img {
filter:alpha(opacity=30);
-moz-opacity:0.3;
opacity:0.3;
}
div.Container .about .copyset {
width:100%;
height:100%;
display:table;
position:absolute;
top:0px;
left:0px;
}
div.Container .about .copyset .block {
width:100%;
display:table-cell;
text-align:center;
vertical-align:middle;
}
div.Container .about .title {
margin-bottom:50px;
padding:0px 50px;
color:#ffffff;
font-family:'Murecho', sans-serif;
font-size:30px;
font-weight:900;
line-height:1.3;
letter-spacing:0px;
}
div.Container .about .lead {
padding:0px 50px;
color:#ffffff;
font-family:'Murecho', sans-serif;
font-size:18px;
font-weight:900;
line-height:1.7;
letter-spacing:0px;
}

/***** ボタン *****/

/***** 表組み *****/
div.Container .table_layout {
width:100%;
}
div.Container .table_layout table {
width:100%;
text-align:left;
border-collapse:separate;
border-spacing:0;
border:0 !important ;
}
div.Container .table_layout table th,
div.Container .table_layout table td {
padding:15px 0px;
text-align:left;
border-bottom:rgba(0,0,0,0.1) solid 1px;
box-sizing:border-box;
}
div.Container .table_layout table tr:last-child th,
div.Container .table_layout table tr:last-child td {
border-bottom:none;
}
div.Container .table_layout table th p,
div.Container .table_layout table td p {
padding:0px 30px;
font-size:14px;
}

/***** タイトル *****/

/***** テキスト *****/

/***** リスト *****/

/***** リンク *****/

@media screen and (max-width:1450px) {
/***** ルームツアー一覧 *****/
div.Container .roomtour ul li .info .movielink {
font-size:1.0vw;
}
div.Container .roomtour ul li .info .detail {
font-size:1.0vw;
}
div.Container .roomtour ul li .info .soldout {
font-size:1.0vw;
}
}

@media screen and (max-width:1000px) {
/***** リノリノ東京について *****/
div.Container .about .backimage {
padding-top:60%;
}
div.Container .about .title {
margin-bottom:50px;
padding:0px 50px;
font-size:24px;
}
div.Container .about .lead {
padding:0px 50px;
font-size:16px;
}
}

@media screen and (max-width:650px) {
/***** トピックス *****/
div.Container .topics {
padding:70px 0px 100px 0px;
}
/***** ルームツアー一覧 *****/
div.Container .roomtour {
padding:70px 0px;
}
div.Container .roomtour ul li {
margin-top:5px;
width:32%;
}
div.Container .roomtour ul li:nth-child(4n) {
margin-right:2%;
}
div.Container .roomtour ul li:nth-child(3n) {
margin-right:0%;
}
div.Container .roomtour ul li .info {
margin-top:-4px;
}
div.Container .roomtour ul li .info .movielink {
font-size:1.8vw;
text-indent:18px;
background:#333333 url(../images/icon_youtube.png) 6px 4px no-repeat;
background-size:22px 22px;
}
div.Container .roomtour ul li .info .detail {
font-size:1.8vw;
text-indent:18px;
background:#333333 url(../images/icon_detail.png) 8px 6px no-repeat;
background-size:18px 18px;
}
div.Container .roomtour ul li .info .detail:after {
font-size:9px;
}
div.Container .roomtour ul li .info .soldout {
font-size:1.8vw;
}
/***** 物件詳細 *****/
div.Container .property {
padding:50px 0px 30px 0px;
}
div.Container .property .headset {
padding:50px 50px;
text-align:center;
}
div.Container .property .headset .eyecatch {
width:70%;
display:inline-block;
float:inherit;
}
div.Container .property .headset .eyecatch p {
padding-top:85%;
}
div.Container .property .headset .titleset {
margin-top:30px;
width:100%;
float:inherit;
text-align:left;
}
div.Container .property .headset .titleset .title {
font-size:20px;
}
div.Container .property .headset .titleset .lead {
font-size:14px;
}
div.Container .property .leadset {
padding:50px 50px;
}
div.Container .property .leadset .lead {
font-size:14px;
}
div.Container .property .contentset {
padding:70px 50px 50px 50px;
text-align:center;
}
div.Container .property .contentset .gallery {
margin-bottom:30px;
/*width:300px !important ;*/
display:inline-block;
float:inherit;
}
div.Container .property .contentset .gallery .spacemap {
width:50px;
height:50px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px;
top:-20px;
left:-20px;
}
div.Container .property .contentset .gallery .spacemap a {
width:50px;
height:50px;
}
div.Container .property .contentset .gallery .spacemap a p {
padding-top:30px;
font-size:8px;
background:url(../images/icon_spacemap.png) 50% 40% no-repeat;
background-size:20px 16px;
}
div.Container .property .contentset .gallery ul li {
/*width:300px !important ;*/
}
div.Container .property .contentset .datainfo {
width:100% !important ;
float:inherit;
}
div.Container .property .contentset .datainfo table th,
div.Container .property .contentset .datainfo table td {
padding:7px 0px;
}
div.Container .property .contentset .datainfo table tr:last-child th,
div.Container .property .contentset .datainfo table tr:last-child td {
border-bottom:none;
}
div.Container .property .contentset .datainfo table th p,
div.Container .property .contentset .datainfo table td p {
padding:0px 10px;
font-size:13px;
}
div.Container .property .contentset .datainfo table tr {
width:100%;
letter-spacing:-.4em;
}
div.Container .property .contentset .datainfo table th {
width:30%;
display:inline-block;
vertical-align:top;
background-color:#f8f8f8;
}
div.Container .property .contentset .datainfo table td {
width:70%;
display:inline-block;
vertical-align:top;
}
/***** リノリノ東京について *****/
div.Container .about .backimage {
padding-top:120%;
}
div.Container .about .title {
margin-top:50px;
margin-bottom:30px;
padding:0px 50px;
font-size:22px;
}
div.Container .about .lead {
padding:0px 50px;
font-size:14px;
}
}

@media screen and (max-width:450px) {
/***** ルームツアー一覧 *****/
div.Container .roomtour {
padding:70px 0px;
}
div.Container .roomtour ul li {
margin-top:8px;
width:49%;
}
div.Container .roomtour ul li:nth-child(3n) {
margin-right:2%;
}
div.Container .roomtour ul li:nth-child(2n) {
margin-right:0%;
}
div.Container .roomtour ul li .info .movielink {
font-size:2.4vw;
}
div.Container .roomtour ul li .info .detail {
font-size:2.4vw;
}
div.Container .roomtour ul li .info .soldout {
font-size:2.4vw;
}
/***** 物件詳細 *****/
div.Container .property .headset .eyecatch {
width:100%;
}
div.Container .property .headset .eyecatch p {
padding-top:85%;
}
div.Container .property .contentset {
padding:70px 30px 50px 30px;
}
}

/*　footer　*/
/* -----------------------------------------------*/
#footerset {
padding:100px 0px;
background-color:#222222;
}
#footerset .inner {
margin:0px auto;
width:90%;
text-align:left;
position:relative;
}
#footerset .copy {
color:#ffffff;
font-size:10px;
line-height:1.5;
text-align:center;
text-decoration:none;
letter-spacing:1.0px;
}

@media screen and (max-width:650px) {
#footerset {
padding:50px 0px;
background-color:#222222;
}
}