@charset "utf-8";
/* CSS Document */

/*==================================
	base
==================================*/
* {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}
html { height: 100%;}
body {
	font: 16px "游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background:#FFF;
	color:#333;
	height: 100%;
	width: 100%;
	min-width: 1200px;
	line-height: 1.5;
}
ul, li, dl, dt, dd { list-style: none;}
img { vertical-align: bottom;}

body .inner { width: 1250px; margin-left: auto; margin-right: auto;}

#container { height: 100%;}

/* 切替 */
@media screen and (min-width: 640px) {
	.spOnly { display: none;}
}
@media screen and (max-width: 639px) {
	.pcOnly { display: none;}
	body { min-width: 100%; font-size: 85%;}
	body .inner { width: 90%; margin-left: 5%; margin-right: 5%;}
}	

/*----------------------------------------------------*/ 
/* link
------------------------------------------------------*/ 

a:link {	color:#007FD7; text-decoration:underline;}
a:visited {	color:#007FD7;	text-decoration:underline;}
a:hover {	color:#007FD7;	text-decoration:none;}
a:active {	color:#007FD7;	text-decoration:underline;}


/*==================================
	header
==================================*/
header { position: fixed; background: #fff; width: 100%; z-index: 500;}
header .inner {}
header .hd_logo {}
header .hd_logo img { width: 100%;}
header .hd_nav {}
/* btn_hamburger */
.btn_hamburger { margin: 0 auto 2em !important; width: 40px; display: none;}
.btn_hamburger a { position: relative; display: block; height: 22px; -webkit-transition: all .4s; transition: all .4s; box-sizing: border-box;}
.btn_hamburger span { position: absolute; display: inline-block; left: 0; width: 100%; height: 2px; background-color: #000; border-radius: 2px; -webkit-transition: all .4s; transition: all .4s; box-sizing: border-box;}
.btn_hamburger span:nth-of-type(1) { top: 0;}
.btn_hamburger span:nth-of-type(2) { top: 10px;}
.btn_hamburger span:nth-of-type(3) { bottom: 0;}
.btn_hamburger span:nth-of-type(2)::after { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 2px; background-color: #000; border-radius: 2px; -webkit-transition: all .4s; transition: all .4s;}
.btn_hamburger .active span:nth-of-type(2) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.btn_hamburger .active span:nth-of-type(2):after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.btn_hamburger .active span:nth-of-type(1) { -webkit-transform: translateY(20px) scale(0); -ms-transform: translateY(20px) scale(0); transform: translateY(20px) scale(0);}
.btn_hamburger .active span:nth-of-type(3) { -webkit-transform: translateY(-20px) scale(0); -ms-transform: translateY(-20px) scale(0); transform: translateY(-20px) scale(0);}

@media only screen and (min-width: 640px) {
header { height: 80px; text-align: center;}
header .inner { display: flex; position: relative; max-width: 1200px; width: auto;}
header .inner #menu { position: absolute; right: 0;}
header .hd_logo { width: 172px; margin-top: 18px;}
header .hd_nav { width: 645px; margin-top: 30px;}
header .hd_nav .mainMenu { display: flex;}
header .hd_nav li { width: 160px;}
header .hd_nav li a { text-decoration: none; padding:0 0 30px 0; display: block;}
header .hd_nav li a .line { color: #333; display: block; border-left: solid 1px #999; font-weight: normal;}
header .hd_nav li.last a .line { border-right: solid 1px #999;}
header .hd_nav li a:hover .line { color: #007FD7;}
header .hd_nav li a:hover { opacity: 1;}
header .hd_nav li li a:hover { opacity: 0.8;}
/* dropdown */
#menu nav .mainMenu { position: relative; width: 100%; margin: 0 auto;}
#menu nav .mainMenu .menu__second-level { position: relative; visibility: hidden; opacity: 0; z-index: 1; display: flex;}
#menu nav .mainMenu > li:hover { -webkit-transition: all .5s; transition: all .5s;}
#menu nav .mainMenu li .menu__second-level li a { color: #fff; text-align: left;}
#menu nav .mainMenu:before,
#menu nav .mainMenu:after { content: " "; display: table;}
#menu nav .mainMenu:after { clear: both;}
#menu nav .mainMenu  { *zoom: 1;}
#menu nav .mainMenu > li.menu__single { position: relative; cursor: default;}
#menu nav .mainMenu li.menu__single .menu__second-level { width: 100%; position: fixed; -webkit-transition: all .2s ease; transition: all .2s ease; margin-left: 0; left: 0; padding: 30px 0; background-color: rgba(8,28,53,0.8); top: 80px;}
#menu nav .mainMenu li.menu__single:hover .menu__second-level { visibility: visible; opacity: 1;}
#menu nav .mainMenu li.menu__single .menu__second-level li { width: 400px;}
#menu nav .mainMenu li.menu__single .menu__second-level li a { padding: 0 30px 0 12px; display: flex;}
#menu nav .mainMenu li.menu__single .menu__second-level li a .img { width: 100px; display: block; margin-right: 20px; height: 100px;}
#menu nav .mainMenu li.menu__single .menu__second-level li a .detail { width: 238px;}
#menu nav .mainMenu li.menu__single .menu__second-level li a .detail .tit { font-size: 110%;}
#menu nav .mainMenu li.menu__single .menu__second-level li a .detail .txt { font-size: 75%; margin-top: 10px;}
}
@media only screen and (max-width: 850px) {
header .inner { width: 850px;}
}
@media only screen and (max-width: 639px) {
header {}
header .inner { width: 100%; margin: 0; height: 60px;}
header .hd_logo { width: 150px; margin-left: 5%; padding-top: 12px; height: 60px;}
.btn_hamburger { display: block; position: absolute; top: 19px; width: 27px; right: 10px;}
#menu nav { width: 100%; min-width: 100%; display: flex;}
#menu nav .mainMenu { display: none; position: fixed; background: #fff; height: 100%; width: 100%; padding-top: 30px;}
#menu nav .mainMenu li { padding: 10px 5%; text-align: center;}
#menu nav .mainMenu li a { width: 100%; text-decoration: none; color: #000;}
#menu nav .mainMenu li .menu__second-level { margin-top: 10px; display: none;}
#menu nav .mainMenu li.active .menu__second-level { display: block;}
#menu nav .mainMenu li .menu__second-level ul { display: inline-block;}
#menu nav .mainMenu li .menu__second-level ul li { padding: 10px 0; border-top: 0;}
#menu nav .mainMenu li .menu__second-level ul li a { display: block; width: 100%;}
#menu nav .mainMenu li .menu__second-level ul li .img {display: none;}
#menu nav .mainMenu li .menu__second-level ul li .detail { width: 100%;}
#menu nav .mainMenu li.menu__single .menu__second-level li a .detail .tit { font-size: 90%;}
#menu nav .mainMenu li.menu__single .menu__second-level li a .detail .txt { display: none;}
	
#menu nav .mainMenu li.menu__single .menuli .line:before { display: inline-block; content: "+";}
#menu nav .mainMenu li.menu__single.active .menuli .line:before { content: "-";}
}




/*==================================
	main
==================================*/
main {}
@media only screen and (min-width: 640px) {
main { padding-top: 80px;}
}
@media only screen and (max-width: 639px) {
main { padding-top: 60px;}
}
    @media only screen and (min-width: 640px) {
.ft_box{
    display: flex;
justify-content: space-between;
}
}

.ft_address {
    max-width: 770px;
    font-size: 80%;
}

.ft_address dl {
    margin-bottom: 1rem;
}
.ft_address dt {
    font-weight: bold;
}
.ft_address dd .zip {  display: inline-block;margin-right: 1em;}
/*==================================
	footer
==================================*/
footer { background: #071f3b;}
footer .inner { color: #fff;}
footer .ft_box {}
footer .ft_box .ft_add {}
footer .ft_box .ft_bn { display: flex;}
footer .ft_box .ft_bn li { }
footer .ft_box .ft_bn .blnbtn { position: relative;}
footer .ft_box .ft_bn .blnbtn img { cursor: pointer; -webkit-transition:0.8s; -moz-transition:0.8s; -ms-transition:0.8s; -o-transition:0.8s; transition:0.8s;}
footer .ft_box .ft_bn .blnbtn img:hover { opacity: 0.6;}
footer .ft_box .ft_bn .blnbtn .blnbox { z-index: 190; position: absolute; top: -160px; width: 170px; margin: 0 auto; left: 0; right: 0; padding-bottom: 10px; display: none;}
footer .ft_box .ft_bn .blnbtn .blnbox:before{ content: ""; position: absolute; top: 100%; left: 50%; margin-top: -10px; margin-left: -10px; border: 10px solid transparent; border-top: 10px solid #000000;}
footer .ft_box .ft_bn .blnbtn.on .blnbox {display: block;}
footer .ft_box .ft_bn .blnbtn .blnbox ul { padding: 5px 5px 10px 5px; background-color: rgba(0,0,0,0.8);}
footer .ft_box .ft_bn .blnbtn .blnbox ul li { float: none; width: 100%; text-align: center; padding:5px 0 0 0;}
footer .ft_box .ft_bn .blnbtn .blnbox ul li a { color: #fff; text-decoration: none; padding:8px 5px; display: block;}
footer .ft_bar { background: #000000; position: relative;}
footer .ft_bar .inner { text-align: center;}
footer .ft_bar copy { color: #aaa;}
footer .ft_bar .link_pp a { color: #fff; text-decoration: none; font-size: 90%;}
footer .ft_bar .pagetop { position: absolute; right: 0;}
footer .ft_bar .pagetop a { position: relative; display: block; background: #007ac5;}
footer .ft_bar .pagetop a .ft_arr {  border: 2px solid; border-color: #fff #fff transparent transparent; transform: rotate(-45deg); display: block; position: absolute;}
@media only screen and (min-width: 640px) {
footer .ft_box { padding: 30px 0; display: flex;}
footer .ft_box .ft_add { width: 770px; font-size: 80%;}
footer .ft_box .ft_add { display: flex; flex-wrap: wrap;}
footer .ft_box .ft_add dt { width: 62px;}
footer .ft_box .ft_add dd:before { content: ":"; margin-right: 10px;}
footer .ft_box .ft_add dd { width: 680px;}
footer .ft_box .ft_add dd .zip { width: 68px; display: inline-block;}
footer .ft_box .ft_bn li:first-child{ margin-right: 2px;}
footer .ft_bar { height: 50px;}
footer .ft_bar .inner { line-height: 50px; font-size: 90%;}
footer .ft_bar .link_pp { position: absolute; left: 16px; top: 12px;}
footer .ft_bar .pagetop { bottom: 0;}
footer .ft_bar .pagetop a { height: 50px; width: 50px;}
footer .ft_bar .pagetop a .ft_arr { width: 15px; height: 15px; left: 18px;  top: 22px;}
}
@media only screen and (max-width: 639px) {
footer .ft_box { padding: 30px 0 20px 0;}
footer .ft_box .ft_add { display: none;}
footer .ft_box .ft_bn li { width: 48%;}
footer .ft_box .ft_bn li img { width: 100%;}
footer .ft_box .ft_bn li:first-child{ margin-right: 4%;}
footer .ft_bar { padding: 10px 0 20px 0; width: 100%;}
footer .ft_bar .inner { font-size: 70%;}
footer .ft_bar .link_pp { text-align: center; margin-bottom: 15px;}
footer .ft_bar .pagetop { top: 0;}
footer .ft_bar .pagetop a { height: 40px; width: 40px;}
footer .ft_bar .pagetop a .ft_arr { width: 12px; height: 12px; left: 14px;  top: 18px;}
}

/* low */
footer .ft_box_low { overflow: hidden; padding: 60px 0;}
footer .ft_box_low .ft_logo { width: 200px; float: left;}
footer .ft_box_low .ft_logo img { width: 100%;}
footer .ft_box_low .ft_link { float: right; display: flex;}
footer .ft_box_low .ft_link li { margin-right: 60px;}
footer .ft_box_low .ft_link li:last-child { margin-right: 0;}
footer .ft_box_low .ft_link li .tit { margin-bottom: 10px; display: block;}
footer .ft_box_low .ft_link li a { color: #fff; text-decoration: none;}
footer .ft_box_low .ft_link li .child { font-size: 90%; margin-top: 5px;}


@media only screen and (max-width: 639px) {
footer .ft_box_low { padding: 30px 0;}
footer .ft_box_low .ft_logo { max-width: 200px; width: 40%; float: none;}
footer .ft_box_low .ft_link { float: none; display: block; margin-top: 20px;}
footer .ft_box_low .ft_link li { margin-right: 0; margin-bottom: 10px;}
footer .ft_box_low .ft_link li:last-child { margin-bottom: 0;}
footer .ft_box_low .ft_link li .child { padding-left: 5%;}
}







/*----------------------------------------------------*/
/* lightgallery
------------------------------------------------------*/

.lightgallery {
    cursor: pointer;
}

.galleryItem {
    display: none;
/*    height: 212px;*/
    overflow: hidden;
}

.galleryItem:hover {
    opacity: 0.8;
}

.galleryItem:hover .apartmentName {
    background-color: #070d24;
}

.galleryItem:first-child {
    display: block;
}

.lg-outer .lg {
    width: 980px!important;
    height: 575px!important;
    margin-top: 130px!important;
}

.lg-backdrop,
.lg-sub-html,
.lg-toolbar {
    background-color: rgba(9, 16, 45, .9);
}

.lg-outer .lg-inner {
    width: 770px;
    height: 570px;
    background-color: #000;
    margin-left: 47px;
    border: 1px solid #454958;
}

.lg-sub-html {
    position: absolute;
    width: 768px;
    left: auto;
    right: auto;
    bottom: 6px!important;
    margin-left: 48px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: none;
    transition: none;
    background-color: #0e1532;
}

.lg-sub-html p {
    line-height: 1.667;
}

.lg-outer .lg-thumb {
    /*    width: 100px!important;*/
    margin: 0 auto;
    padding: 0;
}

.lg-outer .lg-thumb-outer {
    right: 47px;
    bottom: auto;
    width: 100px;
    max-height: inherit;
    height: auto!important;
    background-color: transparent;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    -webkit-transition: none;
    transition: none;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    width: 100px!important;
    height: 75px!important;
    margin-right: 0!important;
}

.lg-thumb lg-group {
    width: 100px!important;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    width: 100px!important;
    height: 75px!important;
}

.lg-outer .lg-thumb-item {
    float: none;
    /*    width: 100px !important;*/
    height: 75px;
    margin-right: 0!important;
    margin-bottom: 7px;
}

.lg-outer .lg-thumb-item:last-child {
    margin-bottom: 0;
}

.lg-outer .lg-thumb-item,
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border: none;
    border-radius: 0;
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    position: relative;
    opacity: 0.6;
}

.lg-outer .lg-thumb-item.active:before {
    content: "";
    display: block;
    position: absolute;
    width: 42px;
    height: 22px;
    opacity: 1;
    background: url(../img/service/lightgallery_thumb_hover_icon.png);
    top: 29px;
    left: 0;
    right: 0;
    margin: auto;
}

.lg-outer .lg-toogle-thumb {
    display: none;
    max-height: inherit;
}

.lg-outer .lg-img-wrap {
    /*    padding: 0 0 0 47px;*/
    padding: 0;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.lg-actions .lg-prev,
.lg-actions .lg-next {
    right: 0;
    opacity: 1!important;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding: 0;
    width: 16px;
    height: 31px;
}

.lg-actions .lg-prev {
    left: 0;
    background: url(../img/service/lightgallery_arrow_left_icon.png) no-repeat;
}

.lg-actions .lg-next {
    right: 0;
    background: url(../img/service/lightgallery_arrow_right_icon.png) no-repeat;
}

.lg-actions .lg-prev:after,
.lg-actions .lg-next:before {
    content: "";
}

.lg-toolbar {
    position: absolute;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    right: 164px;
    top: 1px;
    left: auto;
}

.lg-toolbar.lg-group {
    width: 64px;
    height: 64px;
    opacity: 1!important;
    background-color: #1f2643;
}

.lg-toolbar .lg-icon {
    width: 64px;
    height: 64px;
    background: url(../img/service/lightgallery_close_icon.png) center center no-repeat;
}

.lg-toolbar .lg-close:after {
    content: "";
}

.lg-hide-items .lg-toolbar {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

@media only screen and (max-width: 639px) {
    .lg-outer {
        height: 425px;
    }
    .lg-outer .lg {
        width: 100%!important;
        margin-top: 0!important;
        padding-top: 80px;
        height: 100%!important;
    }
    .lg-outer .lg-inner {
        width: 100%;
        margin-left: 0;
        height: 100%!important;
        background-color: #09102d;
        border: none;
        margin-top: 80px;
        border-top: 1px solid #454958;
    }
    .lg-outer .lg-img-wrap {
        max-height: 237px;
    }
    .lg-outer .lg-img-wrap:before,
    .lg-outer .lg-item:before {
        display: none;
    }
    .lg-outer .lg-thumb-outer {
        right: 0;
        width: 100%;
        height: 50px!important;
        bottom: 0;
        padding: 0 25px;
        background-color: #09102d;
        border-top: 1px solid #454958;
    }
    .lg-outer .lg-thumb {
        width: 249px;
        margin: 15px auto 0;
    }
    .lg-outer .lg-thumb-item {
        float: left;
        width: 27px!important;
        height: 20px;
        margin-bottom: 0;
        margin-right: 10px!important;
    }
    .lg-outer .lg-thumb-item.active:before {
        width: 21px;
        height: 11px;
        background-size: cover;
        top: 4px;
    }
    .lg-outer .lg-thumb-item img {
        height: auto;
    }
    .lg-outer .lg-thumb-item:last-child {
        margin-right: 0!important;
    }
    .lg-outer .lg-thumb-item.active,
    .lg-outer .lg-thumb-item:hover {
        opacity: .6;
    }
    .lg-sub-html {
        position: absolute;
        width: 100%;
        bottom: 55px!important;
        text-align: left;
        margin-left: 0;
        padding: 15px;
        background-color: #09102d;
    }
    .lg-sub-html p {
        margin: 0;
    }
    .lg-actions .lg-next,
    .lg-actions .lg-prev {
        top: auto;
        bottom: 14px;
        z-index: 9999;
        width: 12px;
        height: 22px;
        background-size: cover;
    }
    .lg-actions .lg-prev {
        left: 15px;
    }
    .lg-actions .lg-next {
        right: 15px;
    }
    .lg-toolbar.lg-group,
    .lg-toolbar .lg-icon {
        top: 81px;
        width: 48px;
        height: 48px;
    }
    .lg-toolbar {
        top: 80px;
        right: 0;
    }
    .lg-toolbar .lg-icon {
        background-size: 50%;
    }
    .galleryItem {
        height: 217px;
    }
}