@charset "UTF-8";
/*--------------------------------------------------
**************************************************
  PC用
**************************************************
--------------------------------------------------*/
@media screen and (min-width: 768px) {
	
/* ----------------------------------------
	common
---------------------------------------- */
div.floor h2 + p + div + div iframe + a + a,
div.charge h2 + div > a,
a.access_detail{
	display: block; width: 450px;height: 67px;margin: 0 auto;padding: 18px 0 0;
	background: rgb(227,0,60); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(227,0,60,1) 0%, rgba(130,0,35,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(227,0,60,1) 0%,rgba(130,0,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(227,0,60,1) 0%,rgba(130,0,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3003c', endColorstr='#820023',GradientType=0 ); /* IE6-9 */
	border-radius: 100px;
	box-shadow: 0 2px 0 #6d001d;
	color: #ffffff; font-size: 20px;font-weight: bold;text-align: center;
}
_:-ms-fullscreen, :root div.floor h2 + p + div + div iframe + a + a,
_:-ms-fullscreen, :root div.charge h2 + div > a,
a.access_detail{padding: 21px 0 0;}
div.floor h2 + p + div + div iframe + a + a:hover,
div.charge h2 + div > a:hover,
a.access_detail:hover{text-decoration: none;opacity: 0.7;}


/* ----------------------------------------
	slider_mv
---------------------------------------- */
div#slider_mv{z-index:999;position: relative;max-width: 100%;line-height: 0;}
div#slider_mv .slider_case{max-width:100%;margin: 0 auto;}
div#slider_mv .slick-slider{position: relative;display: block;}
div#slider_mv .slick-list{
	position: relative;
	display: block;margin: 0;padding: 0;
	overflow: hidden;
}
div#slider_mv .slick-track{
	position: relative;top: 0;left: 0;
	display: block;
}
div#slider_mv .slick-slide{display: none;float: left;text-align: center;}
div#slider_mv .slick-initialized .slick-slide{display: block;}

div#slider_mv .slick-dots{
	z-index: 9999;
	position: absolute;bottom: 18px;left: 0;right: 0;
	display: flex;justify-content: center;
}
div#slider_mv .slick-dots li{
	width: 28px;height: 5px; margin: 0 4px;
	background-color: #c9c9c9;
	cursor: pointer;
}
div#slider_mv .slick-dots li.slick-active{background-color: #003d7c;}
div#slider_mv .slick-dots li button{text-indent: -9999px;}

div#slider_mv img{width: 100%;height: auto;}

div#slider_mv p{
	position: absolute;
	top: 37%;left: 0;right: 0;
	margin: auto;
	color: #ffffff;font-size: 2vw;font-weight: bold;line-height: 1.4; text-align: center;
	text-shadow: 0 0 6px #000000,0 0 6px #000000,0 0 6px #000000;
}
div#slider_mv p span{font-size: 2.5vw;}



/* ----------------------------------------
	h1
---------------------------------------- */
h1{
	z-index: 9999;
	position: absolute;top: 10px;right: 10px;
	color: #ffffff;font-size: 2.5vw;font-weight: bold;line-height: 1.3; text-align: center;vertical-align: middle;
	text-shadow: 0 0 6px #000000,0 0 6px #000000,0 0 6px #000000;
}


/* ----------------------------------------
	feature
---------------------------------------- */
div.feature_content{padding: 0 0 0;}
div.feature_box_inner{display: flex;margin: 0 0 60px;}
div.feature_content > div:nth-child(even) div.feature_box_inner{flex-direction: row-reverse;}
div.feature_box_inner > div:nth-child(1){width: 50%;padding: 30px 0;}
div.feature_box_inner > div:nth-child(1) > div{padding: 30px 0;background: #f0f0f0;}
div.feature_box_inner > div:nth-child(1) > div > div{
	z-index: 9999;
	position: relative;
	min-height: 400px;padding: 30px 0 30px;
	background: #ffffff;
	box-shadow: 0 0 14px rgba(0,0,0,0.4);
}
div.feature_content > div:nth-child(odd) div.feature_box_inner > div:nth-child(1) > div > div{right: -20px;margin: 0 0 0 9%;}
div.feature_content > div:nth-child(even) div.feature_box_inner > div:nth-child(1) > div > div{left: -20px;margin: 0 9% 0 0;}
div.feature_box_inner > div:nth-child(1) > div > div h3{
	position: relative;
	min-height: 70px;padding: 14px 20px 10px 50px;
	background: rgb(137,137,137); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(137,137,137,1) 0%, rgba(110,110,110,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(137,137,137,1) 0%,rgba(110,110,110,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(137,137,137,1) 0%,rgba(110,110,110,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#898989', endColorstr='#6e6e6e',GradientType=0 ); /* IE6-9 */
	color: #ffffff;font-size: 28px;font-weight: bold;line-height: 43px;
	text-shadow: 0 -1px 0 #000000;
}
div.feature_box_inner > div:nth-child(1) > div > div h3 span{display: block;padding: 0 0 0 197px;}
div.feature_box_inner > div:nth-child(1) > div > div h3.edit{padding: 14px 210px 14px 50px;}
div.feature_box_inner > div:nth-child(1) > div > div h3.edit::after{
	content: "";
	position: absolute;top: 0;bottom: 0; right: 55px;
	display: block; width: 150px; height: 150px;margin: auto;
	background: url("../imgs/common/label_100_simple.png") no-repeat center center;
}
_:-ms-fullscreen, :root div.feature_box_inner > div:nth-child(1) > div > div h3{padding: 20px 20px 0 50px !important;}
div.feature_box_inner > div:nth-child(2){position: relative; width: 50%;}
div.feature_box_inner h3 + p{
	padding: 25px 55px 0;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 16px;line-height: 30px;
}
div.feature_box_inner h3 + p span{color: #b30030;}
div.feature_box_inner dl{
	margin: 25px 55px 0;
	background: #f0f0f0;

}
div.feature_box_inner dl dt{
	padding: 20px 20px 20px 57px;
	background: url("../imgs/common/icon/icon_point.svg") no-repeat 20px 10px;background-size: 30px auto;
	color: #b30030; font-size: 22px;font-weight: bold;
}
_:-ms-fullscreen, :root div.feature_box_inner dl dt{padding: 13px 0 8px !important;}
div.feature_box_inner dl dd{
	padding: 0 20px 20px 60px;
	background: url("../imgs/common/icon/icon_star.png") no-repeat 25px 2px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 16px;line-height: 1.6;
}
div.feature_box_inner a{
	display: block; width: 380px;height: 42px;margin: 20px auto 0 55px;padding:10px 0 0;
	background: rgb(227,0,60); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(227,0,60,1) 0%, rgba(130,0,35,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(227,0,60,1) 0%,rgba(130,0,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(227,0,60,1) 0%,rgba(130,0,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3003c', endColorstr='#820023',GradientType=0 ); /* IE6-9 */
	border-radius: 100px;
	box-shadow: 0 2px 0 #6d001d;
	color: #ffffff; font-size: 14px;font-weight: bold;text-align: center;
}
div.feature_box_inner a.edit{width: 360px;}
_:-ms-fullscreen, :root div.feature_box_inner a{padding: 13px 0 0;}
div.feature_box_inner a:hover{text-decoration: none;opacity: 0.7;}



div.slider_feature{z-index:999;position: relative;max-width: 100%;line-height: 0;}
div.slider_feature .slider_case{max-width:100%;margin: 0 auto;}
div.slider_feature .slick-slider{position: relative;display: block;}
div.slider_feature .slick-list{
    position: relative;
    display: block;margin: 0;padding: 0;
    overflow: hidden;
}
div.slider_feature .slick-track{
	position: relative;top: 0;left: 0;
	display: block;
}
div.slider_feature .slick-slide{display: none;float: left;text-align: center;}
div.slider_feature .slick-initialized .slick-slide{display: block;}

div.slider_feature .slick-dots{
	z-index: 9999;
	position: absolute;bottom: 18px;left: 0;right: 0;
	display: flex;justify-content: center;
}
div.slider_feature .slick-dots li{
	width: 28px;height: 5px; margin: 0 4px;
	background-color: #c9c9c9;
	cursor: pointer;
}
div.slider_feature .slick-dots li.slick-active{background-color: #003d7c;}
div.slider_feature .slick-dots li button{text-indent: -9999px;}

div.slider_feature img{width: 100%;height: auto;}

div.feature_content div:nth-child(2) div.cap1 p{bottom: 33.3%;width: 100%;}
div.feature_content div:nth-child(2) div.cap2 p.cap1{top: 0;left: 0; width: 50%;}
div.feature_content div:nth-child(2) div.cap2 p.cap2{top: 0;right: 0; width: 50%;}
div.feature_content div:nth-child(2) div.cap2 p.cap3{top: 50%;width: 100%;}
div.feature_content div:nth-child(3) p.cap,
div.feature_content div:nth-child(4) p.cap,
div.feature_content div:nth-child(5) p.cap{bottom: 42px;width: 100%;}
div.feature_content p.cap{
	position: absolute;
	padding: 10px 0;
	background: rgba(0,0,0,0.4);
	color: #ffffff;font-size: 16px;font-weight: bold;line-height: 24px; text-align: center;
	text-shadow: 0 -1px 0 #000000;
}


/* ----------------------------------------
	floor
---------------------------------------- */
div.floor h2 + p{
	padding: 0 0 35px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 18px;text-align: center;
}
div.floor h2 + p + div{padding: 0 50px 40px;text-align: center;}
div.floor h2 + p + div > div{display: inline-block;text-align: left;}
div.floor h2 + p + div > div > p{
	padding: 0 0 0 16px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 16px;line-height: 30px;text-indent: -16px;text-align: left;
}
div.floor h2 + p + div + div{
	margin: 0 0 60px; padding: 50px 50px;
	background: url("../imgs/common/bg/bg_deco_light_gray.png") repeat center top;
}
div.floor h2 + p + div + div div{max-width: 1000px; margin: 0 auto 20px;}
div.floor h2 + p + div + div div iframe{width: 100%; height: 600px;}
div.floor h2 + p + div + div div iframe + a{display: block;width: 400px; height: 280px;margin: 40px auto;}
div.floor h2 + p + div + div div iframe + a + a{width: 500px;}


/* ----------------------------------------
	type
---------------------------------------- */
div.type h2 + p{
	max-width: 1000px;margin: 0 auto;padding: 0 70px 10px;
	font-size:14px;text-align: right;
}
div.type h2 + p + div{background: url("../imgs/shop/ginza/rentaloffice/type_bg.jpg") no-repeat center center;background-size: cover;}
div.type h2 + p + div > div{padding: 40px 0 0;background: rgba(255,255,255,0.8);}
div.type h2 + p + div > div > div{max-width: 1000px;margin: 0 auto;padding: 0 50px;}
div.type h2 + p + div > div > div ul{display: flex;flex-wrap: wrap; justify-content: flex-start;padding: 10px 0;}
div.type h2 + p + div > div > div ul li{
	position: relative;
	width: calc(50% - 40px);margin: 0 20px 40px;
	background: #ffffff;
	box-shadow: 0 0 14px rgba(0,0,0,0.4);
} 
div.type h2 + p + div > div > div ul li p:nth-child(1){
	position: absolute;
	width: 100%; height: 50px; padding: 11px 0 0;
	background: rgba(0,0,0,0.4);
	color: #ffffff; font-size: 18px;font-weight: bold;text-align: center;
	text-shadow: 0 -1px 0 #000000;
}
div.type h2 + p + div > div > div ul li img{display: block;width: 100%;height: auto;}
div.type h2 + p + div > div > div ul li img + p{
	padding: 15px 0;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 18px;font-weight: bold;text-align: center;
}
div.type h2 + p + div + p{
	width: 320px;margin: 0 auto;padding: 20px 0 0;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 16px;
}


div.type a.type_search{
	display: block; width: 450px;height: 67px;margin: 50px auto 80px;padding: 18px 0 0;
	background: rgb(179,36,119); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(179,36,119,1) 0%, rgba(102,12,64,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(179,36,119,1) 0%,rgba(102,12,64,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(179,36,119,1) 0%,rgba(102,12,64,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b32477', endColorstr='#660c40',GradientType=0 ); /* IE6-9 */
	border-radius: 100px;
	box-shadow: 0 2px 0 #330620;
	color: #ffffff; font-size: 20px;font-weight: bold;text-align: center;
}
_:-ms-fullscreen, :root div.type a.type_search{padding: 21px 0 0;}
div.type a.type_search:hover{text-decoration: none;opacity: 0.7;}


/* ----------------------------------------
	charge
---------------------------------------- */
div.charge h2 + div{
	margin: 0 0 60px; padding: 50px 50px 60px;
	background: url("../imgs/common/bg/bg_deco_beige.png") repeat center top;
}
div.charge > section > div > div{width: 1000px;margin: 30px auto 45px; text-align:center;}
div.charge > section > div > div > p.tax{
	padding: 0 0 5px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color: #282828; font-size: 15px;text-align: right;
}
div.charge > section > div > div > p.tax + div{padding: 0 0 55px;}
div.charge > section > div > div > p.tax + div h3{
	height: 60px;padding: 13px 0 0;
	background: rgb(149,149,149); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(149,149,149,1) 0%, rgba(124,124,124,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(124,124,124,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(149,149,149,1) 0%,rgba(124,124,124,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#7c7c7c',GradientType=0 ); /* IE6-9 */
	color: #ffffff;font-size: 22px;font-weight: bold;
	text-shadow: 0 -1px 0 #000000;
}
_:-ms-fullscreen, :root div.charge > section > div > div > p.tax + div h3{padding: 16px 0 0;}
div.charge > section > div > div > p.tax + div h3 + dl{display: flex;flex-wrap: wrap;padding: 2px 0 10px;}
div.charge > section > div > div > p.tax + div h3 + dl dt{
	width: calc(50% - 1px);height: 50px; margin: 0 1px 2px 0;padding: 10px 0 0;
	background: #ffffff;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color: #282828;font-size: 18px;font-weight: bold;
}
div.charge > section > div > div > p.tax + div h3 + dl dd{
	width: calc(50% - 1px);height: 50px; margin: 0 0 2px 1px;padding: 10px 0 0;
	background: #ffffff;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color: #282828;font-size: 18px;
}
div.charge > section > div > div > p.tax + div h3 + dl .edit{background: #ebe9e4 !important;}
div.charge > section > div > div > p.tax + div p,
div.charge > section > div > div > p.tax + div + div > div ul + p,
div.charge > section > div > div > p{
	padding: 0 0 5px 15px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color: #282828; font-size: 15px;text-align: left;
}



div.charge > section > div > div > p.tax + div + div{width: 720px;margin: 0 auto 50px;}
div.charge > section > div > div > p.tax + div + div h3{
	height: 60px;padding: 13px 0 0;
	background: rgb(149,149,149); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(149,149,149,1) 0%, rgba(124,124,124,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(124,124,124,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(149,149,149,1) 0%,rgba(124,124,124,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#7c7c7c',GradientType=0 ); /* IE6-9 */
	color: #ffffff;font-size: 22px;font-weight: bold;
	text-shadow: 0 -1px 0 #000000;
}
_:-ms-fullscreen, :root div.charge > section > div > div > p.tax + div + div h3{padding: 16px 0 0;}
div.charge > section > div > div > p.tax + div + div ul{ padding-bottom:10px; }
div.charge > section > div > div > p.tax + div + div ul li{
	height: 50px; margin: 2px 0 0;padding: 12px 15px 0;
	background: #ffffff;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color: #282828;font-size: 16px;text-align: center;
}



h3.charge_option{
	height: 60px;padding: 13px 0 0;
	background: rgb(149,149,149); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(149,149,149,1) 0%, rgba(124,124,124,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(124,124,124,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(149,149,149,1) 0%,rgba(124,124,124,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#7c7c7c',GradientType=0 ); /* IE6-9 */
	color: #ffffff;font-size: 22px;font-weight: bold;
	text-shadow: 0 -1px 0 #000000;
}
_:-ms-fullscreen, :root h3.charge_option{padding: 16px 0 0;}
h3.charge_option + div{display: flex;justify-content: space-between; padding-bottom:10px;}
h3.charge_option + div dl:nth-child(1){width:334px;}
h3.charge_option + div dl:nth-child(2){width:200px;}
h3.charge_option + div dl:nth-child(3){width:180px;}
h3.charge_option + div dl:nth-child(4){width:280px;}
h3.charge_option + div dl dt{
	height: 50px;margin: 2px 0 0;padding: 12px 0 0;
	background: #a4a4a4;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color: #ffffff;font-size: 18px;font-weight: bold;
	text-shadow: 0 -1px 0 #000000;
}
h3.charge_option + div dl dd ul li{
	height: 50px;margin: 2px 0 0;padding: 12px 0 0;
	background: #ffffff;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color: #282828;font-size: 16px;
}
h3.charge_option + div dl dd ul li:nth-child(even){background: #ebe9e4;}
h3.charge_option + div dl dd ul li:nth-child(8){ margin-top:10px; }

}

/* End PC */



/*--------------------------------------------------
**************************************************
  SP用
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {
	
/* ----------------------------------------
	common
---------------------------------------- */
div.floor h2 + p + div + div iframe + a + a,
div.charge h2 + div > a,
a.access_detail{
	display: block; height: 13vw;padding:0;
	background: rgb(227,0,60); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(227,0,60,1) 0%, rgba(130,0,35,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(227,0,60,1) 0%,rgba(130,0,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(227,0,60,1) 0%,rgba(130,0,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3003c', endColorstr='#820023',GradientType=0 ); /* IE6-9 */
	border-radius: 100px;
	box-shadow: 0 2px 0 #6d001d;
	color: #ffffff; font-size: 4vw;font-weight: bold;line-height: 13vw; text-align: center;
}
/*div.floor h2 + p + div + div iframe + a + a{font-size: 3.5vw;}*/


/* ----------------------------------------
	slider_mv
---------------------------------------- */
div#slider_mv{z-index:999;position: relative;max-width: 100%;line-height: 0;}
div#slider_mv .slider_case{max-width:100%;margin: 0 auto;}
div#slider_mv .slick-slider{position: relative;display: block;}
div#slider_mv .slick-list{
    position: relative;
    display: block;margin: 0;padding: 0;
    overflow: hidden;
}
div#slider_mv .slick-track{
	position: relative;top: 0;left: 0;
	display: block;
}
div#slider_mv .slick-slide{display: none;float: left;text-align: center;}
div#slider_mv .slick-initialized .slick-slide{display: block;}

div#slider_mv .slick-dots{
	z-index: 9999;
	position: absolute;bottom: 2vw;left: 0;right: 0;
	display: flex;justify-content: center;
}
div#slider_mv .slick-dots li{
	width: 28px;height: 5px; margin: 0 4px;
	background-color: #c9c9c9;
	cursor: pointer;
}
div#slider_mv .slick-dots li.slick-active{background-color: #003d7c;}
div#slider_mv .slick-dots li button{text-indent: -9999px;}

div#slider_mv img{width: 100%;height: auto;}

div#slider_mv p{
	z-index: 9999;
	position: absolute;/*top: 7.0vw;*/top: 10.5vw;left: 0; right: 0;
	margin: auto;
	color: #ffffff;font-size: 4vw;font-weight: bold;line-height: 1.5; text-align: center;vertical-align: middle;
	text-shadow: 0 0 6px #000000,0 0 6px #000000,0 0 6px #000000;
}
div#slider_mv p span{font-size: 4.5vw;}
div#slider_mv p span.spEdit{font-size: 3.7vw;}


/* ----------------------------------------
	h1
---------------------------------------- */
h1{
	z-index: 9999;
	position: absolute;top:1vw;right: 1vw;
	color: #ffffff;font-size: 3.7vw;font-weight: bold;line-height: 1.3; text-align: center;vertical-align: middle;
	text-shadow: 0 0 6px #000000,0 0 6px #000000,0 0 6px #000000;
}


/* ----------------------------------------
	feature
---------------------------------------- */
div.feature_box_inner{margin-bottom:-20px;}
div.feature_box_inner > div:nth-child(1){padding:5vw 0 0;}
div.feature_box_inner > div:nth-child(1) > div{padding: 6vw 0;background: #f0f0f0;}
div.feature_box_inner > div:nth-child(1) > div > div{
	z-index: 9999;
	position: relative;
	/*min-height: 470px;*/padding: 5vw 0 5vw;margin: 0 5vw;
	background: #ffffff;
	box-shadow: 0 0 14px rgba(0,0,0,0.4);
}
div.feature_box_inner > div:nth-child(1) > div > div h3{
	position: relative;
	/*min-height: 70px;*/padding: 2.5vw 4vw;
	background: rgb(137,137,137); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(137,137,137,1) 0%, rgba(110,110,110,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(137,137,137,1) 0%,rgba(110,110,110,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(137,137,137,1) 0%,rgba(110,110,110,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#898989', endColorstr='#6e6e6e',GradientType=0 ); /* IE6-9 */
	color: #ffffff;font-size: 4.9vw;font-weight: bold;line-height: 1.4;
	text-shadow: 0 -1px 0 #000000;
}
/*div.feature_box_inner > div:nth-child(1) > div > div h3 span{display: block;padding: 0 0 0 197px;}*/
div.feature_box_inner > div:nth-child(1) > div > div h3.edit{padding: 2vw 25vw 2vw 4vw;}
div.feature_box_inner > div:nth-child(1) > div > div h3.edit::after{
	content: "";
	position: absolute;top: 0;bottom: 0; right: 0;
	display: block; width: 25vw; height: 25vw;margin: auto;
	background: url("../imgs/common/label_100_simple.png") no-repeat center center;background-size: cover;
}
div.feature_box_inner > div:nth-child(2){position: relative; /*width: 50%;*/ top:-30px;}
div.feature_box_inner h3 + p{
	padding: 5vw;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 3.7vw;line-height: 1.8;
}
div.feature_box_inner h3 + p span{color: #b30030;}
div.feature_box_inner dl{
	margin: 3vw 5vw 0;
	background: #f0f0f0;

}
div.feature_box_inner dl dt{
	padding: 6vw 5vw 5vw 13vw;
	background: url("../imgs/common/icon/icon_point.svg") no-repeat 5vw 5vw;background-size: 5.5vw auto;
	color: #b30030; font-size: 4.4vw;font-weight: bold;
}
div.feature_box_inner dl dd{
	padding: 0 5vw 5vw 13vw;
	background: url("../imgs/common/icon/icon_star.png") no-repeat 6vw 1vw;background-size: 4.0vw auto;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 3.7vw;line-height: 1.8;
}
div.feature_box_inner a{
	display: block;/*height: 13vw;*/margin:5vw 5vw 0;/*padding:0;*/padding:2.5vw 0;
	background: rgb(227,0,60); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(227,0,60,1) 0%, rgba(130,0,35,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(227,0,60,1) 0%,rgba(130,0,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(227,0,60,1) 0%,rgba(130,0,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3003c', endColorstr='#820023',GradientType=0 ); /* IE6-9 */
	border-radius: 100px;
	box-shadow: 0 2px 0 #6d001d;
	color: #ffffff; /*font-size: 3.0vw;*/font-size: 4vw;font-weight: bold;/*line-height: 13vw;*/ text-align: center;
}
/*div.feature_box_inner a.edit{font-size: 3.5vw;}*/


div.slider_feature{z-index:999;position: relative;max-width: 100%;line-height: 0;}
div.slider_feature .slider_case{max-width:100%;margin: 0 auto;}
div.slider_feature .slick-slider{position: relative;display: block;}
div.slider_feature .slick-list{
    position: relative;
    display: block;margin: 0;padding: 0;
    overflow: hidden;
}
div.slider_feature .slick-track{
	position: relative;top: 0;left: 0;
	display: block;
}
div.slider_feature .slick-slide{display: none;float: left;text-align: center;}
div.slider_feature .slick-initialized .slick-slide{display: block;}

div.slider_feature .slick-dots{
	z-index: 9999;
	position: absolute;bottom: 18px;left: 0;right: 0;
	display: flex;justify-content: center;
}
div.slider_feature .slick-dots li{
	width: 28px;height: 5px; margin: 0 4px;
	background-color: #c9c9c9;
	cursor: pointer;
}
div.slider_feature .slick-dots li.slick-active{background-color: #003d7c;}
div.slider_feature .slick-dots li button{text-indent: -9999px;}

div.slider_feature img{width: 100%;height: auto;}

div.feature_content div:nth-child(2) div.cap1 p{bottom: 33.3%;width: 100%;}
div.feature_content div:nth-child(2) div.cap2 p.cap1{/*top: 0;*/top: 8px;left: 0; width: 50%;}
div.feature_content div:nth-child(2) div.cap2 p.cap2{/*top: 0;*/top: 8px;right: 0; width: 50%;}
div.feature_content div:nth-child(2) div.cap2 p.cap3{/*top: 50%;*/top: 48%;width: 100%;}
div.feature_content div:nth-child(3) p.cap,
div.feature_content div:nth-child(4) p.cap,
div.feature_content div:nth-child(5) p.cap{bottom: 42px;width: 100%;}
div.feature_content p.cap{
	position: absolute;
	height: 12vw; padding: 3.5vw 0 0;
	background: rgba(0,0,0,0.4);
	color: #ffffff;font-size: 3.7vw;font-weight: bold;line-height: 1.4; text-align: center;
	text-shadow: 0 -1px 0 #000000;
}
div.feature_content p.cap1{padding:1.0vw 0 0;font-size: 3.5vw;}



/* ----------------------------------------
	floor
---------------------------------------- */
div.floor h2 + p{
	padding: 0 0 10vw;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 4.5vw;text-align: center;
}
div.floor h2 + p + div{padding:0 5vw 10vw;}
div.floor h2 + p + div > div{display: inline-block;text-align: left;}
div.floor h2 + p + div > div > p{
	padding: 0 0 0 3.7vw;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 3.7vw;line-height: 1.8;text-indent: -3.7vw;text-align: left;
}
div.floor h2 + p + div + div{
	margin:0 0 5vw; padding:5vw;
	background: url("../imgs/common/bg/bg_deco_light_gray.png") repeat center top;
}
div.floor h2 + p + div + div div{max-width: 1000px; margin: 0 auto 20px;}
div.floor h2 + p + div + div div iframe{width: 100%; height: 400px;}
div.floor h2 + p + div + div div iframe + a{display: block;margin: 40px auto;}
div.floor h2 + p + div + div div iframe + a img{width: 100%;}


/* ----------------------------------------
	type
---------------------------------------- */
div.type h2 + p{
	/*max-width: 1000px;*/margin: 0 auto;padding:0 5vw 10px;
	font-size:3.7vw;text-align: right;
}
div.type h2 + p + div{background: url("../imgs/shop/ginza/rentaloffice/type_bg.jpg") no-repeat center center;background-size: cover;}
div.type h2 + p + div > div{/*padding:10vw 5vw;*/padding:10vw 2vw;background: rgba(255,255,255,0.8);}
div.type h2 + p + div > div > div{/*max-width: 1000px;*/margin: 0 auto;}
div.type h2 + p + div > div > div ul{display: flex;flex-wrap: wrap; /*justify-content: flex-start;*/justify-content: center;}
div.type h2 + p + div > div > div ul li{
	position: relative;
	margin:0 auto 10vw;
	background: #ffffff;
	box-shadow: 0 0 14px rgba(0,0,0,0.4);
	width:46%;
} 
div.type h2 + p + div > div > div ul li p:nth-child(1){
	/*position: absolute;*/
	width: 100%; /*height: 50px; padding: 11px 0 0;*/height: 40px; line-height: 40px;
	background: rgba(0,0,0,0.4);
	color: #ffffff; font-size: 18px;font-weight: bold;text-align: center;
	text-shadow: 0 -1px 0 #000000;
}
div.type h2 + p + div > div > div ul li img{display: block;width: 100%;height: auto;}
div.type h2 + p + div > div > div ul li img + p{
	/*padding: 15px 0;*/padding: 10px 0;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	/*font-size: 18px;*/font-size: 16px;font-weight: bold;text-align: center;
}
div.type h2 + p + div + p{
	margin:0 5vw;padding: 20px 0 0;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 3.7vw;
}

div.type a.type_search{
	display: block;height: 13vw;margin: 10vw 5vw 15vw;padding: 0;
	background: rgb(179,36,119); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(179,36,119,1) 0%, rgba(102,12,64,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(179,36,119,1) 0%,rgba(102,12,64,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(179,36,119,1) 0%,rgba(102,12,64,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b32477', endColorstr='#660c40',GradientType=0 ); /* IE6-9 */
	border-radius: 100px;
	box-shadow: 0 2px 0 #330620;
	color: #ffffff; font-size: 4vw;font-weight: bold;line-height: 13vw;text-align: center;
}


/* ----------------------------------------
	charge
---------------------------------------- */
div.charge h2 + div{
	margin: 0 0 5vw; padding: 5vw;
	background: url("../imgs/common/bg/bg_deco_beige.png") repeat center top;
}
div.charge > section > div > div{text-align:center;}
div.charge > section > div > div > p.tax{
	padding: 0 0 5px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color: #282828; font-size: 15px;text-align: right;
}
div.charge > section > div > div > p.tax + div{padding: 0 0 55px;}
div.charge > section > div > div > p.tax + div h3{
	padding: 3vw 0;
	background: rgb(149,149,149); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(149,149,149,1) 0%, rgba(124,124,124,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(124,124,124,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(149,149,149,1) 0%,rgba(124,124,124,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#7c7c7c',GradientType=0 ); /* IE6-9 */
	color: #ffffff;font-size: 4.5vw;font-weight: bold;
	text-shadow: 0 -1px 0 #000000;
}
div.charge > section > div > div > p.tax + div h3 + dl{display: flex;flex-wrap: wrap;padding: 2px 0 10px;}
div.charge > section > div > div > p.tax + div h3 + dl dt{
	width: calc(50% - 1px);height: 50px; margin: 0 1px 2px 0;padding: 3vw 0;
	background: #ffffff;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color: #282828;font-size: 3.5vw;font-weight: bold;
}
div.charge > section > div > div > p.tax + div h3 + dl dd{
	width: calc(50% - 1px);height: 50px; margin: 0 0 2px 1px;padding: 3vw 0 0;
	background: #ffffff;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color: #282828;font-size: 3.5vw;
}
div.charge > section > div > div > p.tax + div h3 + dl .edit{background: #ebe9e4 !important;}
div.charge > section > div > div > p.tax + div p,
div.charge > section > div > div > p.tax + div + div > div ul + p,
div.charge > section > div > div > p{
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color: #282828; font-size: 3.7vw;text-align: left;
}



div.charge > section > div > div > p.tax + div + div{margin: 0 auto 10vw;}
div.charge > section > div > div > p.tax + div + div h3{
	padding: 3vw 0;
	background: rgb(149,149,149); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(149,149,149,1) 0%, rgba(124,124,124,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(124,124,124,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(149,149,149,1) 0%,rgba(124,124,124,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#7c7c7c',GradientType=0 ); /* IE6-9 */
	color: #ffffff;font-size: 4.5vw;font-weight: bold;
	text-shadow: 0 -1px 0 #000000;
}
div.charge > section > div > div > p.tax + div + div ul{ padding-bottom:10px; }
div.charge > section > div > div > p.tax + div + div ul li{
	margin: 2px 0 0;padding: 3vw 0;
	background: #ffffff;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color: #282828;font-size: 3.7vw;text-align: center;
}
div.charge > section > div > div > p.tax + div + div ul + p{font-size:3.7vw;}



h3.charge_option{
	padding:3vw 0;
	background: rgb(149,149,149); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(149,149,149,1) 0%, rgba(124,124,124,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(124,124,124,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(149,149,149,1) 0%,rgba(124,124,124,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#7c7c7c',GradientType=0 ); /* IE6-9 */
	color: #ffffff;font-size: 4.5vw;font-weight: bold;
	text-shadow: 0 -1px 0 #000000;
}
h3.charge_option + div{display: flex;justify-content: space-between; padding-bottom:5vw;}
h3.charge_option + div dl:nth-child(1){width:33%;}
h3.charge_option + div dl:nth-child(2){width:17%;}
h3.charge_option + div dl:nth-child(3){width:22%;}
h3.charge_option + div dl:nth-child(4){width:28%;}
h3.charge_option + div dl dt{
	height: 50px;margin: 2px 0 0;padding: 17px 0 0;
	background: #a4a4a4;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color: #ffffff;font-size: 3vw;font-weight: bold;
	text-shadow: 0 -1px 0 #000000;
}
h3.charge_option + div dl dd ul li{
	height: 50px;margin: 2px 0 0;padding: 8px 0 0;
	background: #ffffff;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color: #282828;font-size: 3vw;
}
h3.charge_option + div dl dd ul li:nth-child(even){background: #ebe9e4;}
h3.charge_option + div dl dd ul li:nth-child(8){ margin-top:10px; }

}
/* End SP */
