@charset "utf-8";




/* 
---------------------------------------
#header
--------------------------------------- */
#header{ padding:55px 0 60px; position: relative; width: 100%;  }
#header .logo{  margin:0; padding:0; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -ms-align-items: center; align-items: center; justify-content: center; }
#header .logo img{ width: 100px; height: 140px; }
@media screen and (max-width: 767px) {
	#header{ padding-top: 43px; padding-bottom: 40px; }
}

/* 
---------------------------------------
nav
--------------------------------------- */
#gnav{ position: absolute; bottom: 90px; right: 0; z-index: 2; }
#gnav>.scrollcover{  }

.navlist{  }
.navlist .mainlist>li{ display: inline-block; /* padding-right: 13px;  */padding-left: 15px; position: relative; font-size: 15px; }
.navlist .mainlist>li:first-child{ padding-left: 0; display: none; }
.navlist .mainlist>li:last-child{ padding-right: 0; }
.navlist .mainlist>li>a,
.navlist .mainlist>li>p{ text-decoration: none; }
.navlist .mainlist>li.current>a>span,
.navlist .mainlist>li.current>p>span{ opacity: 1; position: relative; padding-bottom: 20px; }
.navlist .mainlist>li.current>a>span:after,
.navlist .mainlist>li.current>p>span:after{ content:""; background: #191919; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; display: inline-block; }

.navlist .mainlist>li>p{ cursor: pointer; }
.navlist .mainlist>li>p:hover{ opacity: 0.6; -webkit-transition: 0.3s; -moz-transition : 0.3s; transition : 0.3s; }
.navlist .mainlist>li>ul { position: absolute; top: 60px; left: -20px; background: #000; display: inline-block; padding: 20px 20px; width: 180px;}
.navlist .mainlist>li>ul>li { display: block; color: #fff; padding: 2px; line-height: 1.8; }
.navlist .mainlist>li>ul>li a { text-decoration: none; }
.navlist .mainlist>li>ul>li a:hover { text-decoration: underline; opacity: 1; }
.navlist .mainlist>li>ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }

#fnav{ margin-bottom: 0; }
#fnav>ul.mainlist>li>a>span{ position: relative; text-decoration: none; display: block; overflow: hidden; line-height: 1; padding:5px 0; margin-bottom: -5px; -webkit-transition: 0.3s; -moz-transition : 0.3s; transition : 0.3s; }
#fnav>ul.mainlist>li>a>span:before{ display: none; }
#fnav>ul.mainlist>li>a>span:hover{ opacity: 0.6;}

#fnav{ margin-bottom: 0; width: 500px; text-align: right; }
#fnav.navlist .mainlist>li>p{ display: none; }
#fnav.navlist .mainlist>li>ul { position: static; background: none; display: inline-block; padding: 0; width: auto; }
#fnav.navlist .mainlist>li.haslow>ul>li { display: inline-block; padding: 0; margin-left: 15px; }
#fnav.navlist .mainlist>li>ul>li a { color: #191919; }
#fnav.navlist .mainlist>li>ul>li a:hover { text-decoration: none; opacity: 0.6; -webkit-transition: 0.3s; -moz-transition : 0.3s; transition : 0.3s;}

@media screen and (max-width: 1280px) {
	#gnav{ bottom: 40px; }
}
@media screen and (max-width: 767px) {
	#fnav { display: none }
	.navlist, #gnav  .scrollcover, #gnav  .box1, .navlist li a{ display: block; }
	#gnav .mainlist{ text-align: center; display: inline-block; vertical-align: middle; margin-bottom: 30px; }
	#gnav .mainlist>li{ border-left: none; margin-bottom: 5px; display: block; text-align: center; padding-right: 0; padding-left: 0 }
	#gnav .mainlist>li.pclast{ border-right: none }
	#gnav .mainlist li p, .navlist .mainlist li a {  padding: 0!important; position: relative; display: block; }
	#gnav .mainlist .lows{ position: static; padding-left:0; text-align: center; display: block; height:auto; width: 100% }
	#gnav .mainlist li a span{ display: inline; margin-bottom: 0; }
	#gnav li a{ margin-right: 0 }
	#gnav li a span { border-left: none; }
	#gnav .mainlist ul ul li a:hover{ background: transparent; }
	.navlist .mainlist>li.current>a>span,
	.navlist .mainlist>li.current>p>span{ opacity: 1; color:inherit; }
	#gnav .mainlist li{ width: auto }
	#gnav .mainlist li:last-child a{ border-bottom: none }
	#gnav .mainlist li.nopc { display: block; }
	#gnav .mainlist .lows>li:after{ content:none; }
	#gnav .mainlist .haslow>p,.navlist .mainlist .haslow>a{ display: none }
	#gnav .mainlist .splast>a{ border-bottom: 0 }
	
	#gnav .mainlist .haslow>p { display: block }
	.navlist .mainlist>li>ul { position: static; background: none; display: inline-block; padding: 0; width: auto;}
	.navlist .mainlist>li>ul>li a { color: #191919; }
	.navlist .mainlist>li>ul>li a:hover { text-decoration: none; opacity: 0.6; -webkit-transition: 0.3s; -moz-transition : 0.3s; transition : 0.3s;}
	
	#gnav li:before{ content:none; }
	#gnav .sublist{  }
	#gnav .sublist li.tel .tel_link{ font-size: 2.19em; padding: 12px 6%; background-color: #fff; line-height: 1; margin-bottom: 10px; }
	#gnav .sublist li.contact>a{ font-size: 1.13em; color: #fff; text-decoration: none; padding: 12px 6%; text-align: center; background-color: #8c8c8c;  }
	#gnav .box1.wrap>.inwrap>.inwrap{ width: 100% }


	#gnav { padding: 0; z-index: 299999;  max-width: none; text-align: right; vertical-align: inherit; position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: block; }
	#gnav .scrollcover { position: absolute; top: 30px; right: 0; bottom: 0; left: 0; z-index: 10; display: table; width: 100% }
	#gnav .box1.wrap {  width: 100%; position: relative; display: table-cell; vertical-align: middle; }
	#gnav .box1.wrap>.inwrap { width: 100%; }
	#gnav .mainlist, #gnav .sublist{ text-align: center; vertical-align: middle; margin: 0; padding:0; display: block; letter-spacing: 0.025em;  position: static; margin-bottom: 30px; }
	#gnav .mainlist>li, #gnav .sublist>li{ border-left: none; opacity: 0; overflow: hidden; margin-right: auto; margin-left: auto; }

	/* animation */
	#gnav { -webkit-perspective: 500px; perspective: 500px; pointer-events: none; }
	#gnav .scrollcover { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
	#gnav .box1.wrap>.inwrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; perspective: 500px; }
	#gnav .box1.wrap>.inwrap>.inwrap { box-sizing: border-box }
	#gnav .mainlist>li, #gnav .sublist>li{ transform: translate3d(0px, 0px, 50px); text-transform: uppercase; -webkit-transform: translate3d(0, 0, 50px); }

	#gnav .bg{ opacity: 0; -webkit-transform: translate3d(0, 0, -50px); transform: translate3d(0, 0, -50px); -webkit-transition-duration: .6s; transition-duration: .6s; -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1); transition-timing-function: cubic-bezier(.075, .82, .165, 1); opacity: 0; transform: translate3d(0px, 0px, -50px); transition-duration: 0.6s; transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: rgb(243, 243, 243); overflow: hidden; }
	#gnav.is-open{ pointer-events: auto; }
	#gnav.is-open .bg{  opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
	#gnav.is-open .box1.wrap>.inwrap { -webkit-transition-duration: .8s; transition-duration: .8s; -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1); transition-timing-function: cubic-bezier(.19, 1, .22, 1) }
	#gnav.is-open .box1.wrap>.inwrap>.inwrap { -webkit-transition-duration: .8s; transition-duration: .8s; -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1); transition-timing-function: cubic-bezier(.19, 1, .22, 1) }
	#gnav.is-open .mainlist>li, #gnav.is-open .sublist>li { -webkit-transition-duration: .6s; transition-duration: .6s; -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1); transition-timing-function: cubic-bezier(.19, 1, .22, 1); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); }
	#gnav.is-open .mainlist>li:nth-child(1) { -webkit-transition-delay: .14s; transition-delay: .14s; }
	#gnav.is-open .mainlist>li:nth-child(2) { -webkit-transition-delay: .18s; transition-delay: .18s; }
	#gnav.is-open .mainlist>li:nth-child(3) { -webkit-transition-delay: .22s; transition-delay: .22s; }
	#gnav.is-open .mainlist>li:nth-child(4) { -webkit-transition-delay: .26s; transition-delay: .26s; }
	#gnav.is-open .sublist>li:nth-child(1) { -webkit-transition-delay: .3s; transition-delay: .3s; }
	#gnav.is-open .sublist>li:nth-child(2) { -webkit-transition-delay: .34s; transition-delay: .34s; }
	#gnav .box1{ text-align: center; padding: 0 4%; width: 92%!important; margin:0!important; }
}

@-webkit-keyframes drawOverLine {
	0% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: left;
		transform-origin: left
	}
	100% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: left;
		transform-origin: left
	}
}

@keyframes drawOverLine {
	0% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: left;
		transform-origin: left
	}
	100% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: left;
		transform-origin: left
	}
}


@-webkit-keyframes removeOverLine {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: right;
		transform-origin: right
	}
	100% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: right;
		transform-origin: right
	}
}

@keyframes removeOverLine {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: right;
		transform-origin: right
	}
	100% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: right;
		transform-origin: right
	}
}





/* 
---------------------------------------
btn
--------------------------------------- */
/* #menubtn */
#menubtn { display: none; z-index: 300000; }
@media screen and (max-width: 767px) {
	#menubtn { position: fixed; top: 40px; right: 30px; display: block; }
	#menubtn a { text-decoration: none; position: relative; display: block; width: 40px; height: 20px; }
	/* fast */
	#menubtn .line {
	width: 100%; height: 2px; background: #191919; position: absolute; left: 0; right:0; margin:0 auto;
	-webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
	#menubtn #line1 { top: 0; }
	#menubtn #line2 { top: 47%; }
	#menubtn #line3 { bottom: 0; }
	#menubtn.active #line1 { 
	-webkit-transform:translateY(10px) translateX(0) rotate(222deg);
	-moz-transform:translateY(10px) translateX(0) rotate(222deg);
	transform:translateY(10px) translateX(0) rotate(222deg);
	}
	#menubtn.active #line2{ display: none; }
	#menubtn.active #line3 { 
	-webkit-transform:translateY(-10px) translateX(0) rotate(-222deg); 
	-moz-transform:translateY(-10px) translateX(0) rotate(-222deg);
	transform:translateY(-10px) translateX(0) rotate(-222deg);
	}
}



/* 
---------------------------------------
#index_mainv
--------------------------------------- */
#index_mainv { position: relative; overflow: hidden; }
#index_mainv .swiper-container{  padding-bottom: 35px; }

#index_mainv .swiper-pagination-bullets{ bottom: 0; text-align: right; }
#index_mainv .swiper-pagination-bullets.swiper-pagination .swiper-pagination-bullet { width: 40px; height: 100%; background: transparent; }
#index_mainv .swiper-pagination-bullets.swiper-pagination .swiper-pagination-bullet:before{ content:"" ; background: #000; width: 100%; height: 2px; display: inline-block; left: 0; right: 0; bottom: 0; }
#index_mainv .swiper-pagination-bullets.swiper-pagination .swiper-pagination-bullet-active:before { background: #007aff; }
#index_mainv .bg1  img{ width: 100%; height: 780px; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ }
#index_mainv .inwrap{ width: 100% }

#index_mainv .txtbox1 { width: 100%; height: 100%; margin: 0; padding: 110px 9% 0; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center;  position: absolute; left: 0; right: 0; top: 0; bottom: 0; justify-content: flex-start; }
#index_mainv .txtbox1 .title1 span{ font-size: 2.81em; display: inline-block; background-color: #fff; padding: 16px 33px; line-height: 1; font-feature-settings: "palt"; margin-bottom: 5px; }

@media screen and (max-width: 767px) { 
	#index_mainv .bg1  img{ height: 245px; }
	#index_mainv .txtbox1{ padding:20px; -ms-align-items: flex-end; align-items: flex-end; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	#index_mainv .txtbox1 .title1 span{ font-size: 1.25em; padding: 6px 18px; }
	#index_mainv .swiper-container{  padding-bottom: 25px; margin:0 6%; padding-left: 0; padding-right: 0 }
	#index_mainv .swiper-pagination-bullets.swiper-pagination .swiper-pagination-bullet{ width: 17px; }
	#index_mainv .swiper-pagination-bullets{ left:6%; width: 88% }
 }




/* 
---------------------------------------
#mainv
--------------------------------------- */

#mainv { background: #e6e6e6; font-feature-settings: "palt"; letter-spacing: 0em; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; height: 215px; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }
body.wp.single #mainv.bgselected,
body.wp.single #mainv.coloronly{ padding:0; background: transparent; }
body.wp.single #mainv.coloronly .bgcolorbox{ padding-top:60px; padding-bottom:60px; }
@media screen and (max-width: 767px) { 
	#mainv{ height: 150px }
	body.wp.single #mainv.coloronly .bgcolorbox{ padding-top:40px; padding-bottom:40px; }
}

#mainv .parentscategory, #mainv .pagetitle { text-align: center; }

#mainv .pagetitle { line-height: 1.6;  font-size: 2.13em; margin-bottom: 0; font-family: "游明朝", YuMincho, "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif; /* font-weight: bold; */ }

@media screen and (max-width: 767px) { #mainv .pagetitle { font-size: 1.6em; } }



/* 
---------------------------------------
#pankuzu
--------------------------------------- */
#pankuzu { line-height: 1.4; padding-top:15px; }
#pankuzu ol li { display:inline-block; }
#pankuzu ol li a{ letter-spacing: -0.002em }
#pankuzu ol li:before { content:">"; display: inline-block; margin-right: 3px }
#pankuzu ol li:first-child:before { display: none; }
@media screen and (max-width: 767px) {
	#pankuzu { line-height: 1.8; font-size:14px; }
}

/* ---------------------------------------
#content
--------------------------------------- */
body article.bodywrap.first .bodyinwrap{ padding-top: 40px }
body article.bodywrap.last .bodyinwrap{ padding-bottom: 115px }
@media screen and (max-width: 767px) {
	body article.bodywrap.first .bodyinwrap{ padding-top: 40px }
	body article.bodywrap.last .bodyinwrap{ padding-bottom: 40px }
}


body article.bodywrap>.section { padding-bottom: 110px; }
body article.bodywrap.last>.section{ padding-bottom: 0!important }
@media screen and (max-width: 767px) { body article.bodywrap>.section { padding-bottom: 60px; } }

.yokocnt>.bodyinwrap{ -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; justify-content: space-between; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding-top: 40px; padding-bottom: 115px; max-width: 1180px; margin: 0 auto; }
.yokocnt>.bodyinwrap .cnt_main{ width: calc(100% - 370px); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }
.yokocnt>.bodyinwrap .cnt_main article{ width: 100%; max-width: 100%; }
.yokocnt>.bodyinwrap .cnt_main+.side{ width: 280px; }
.yokocnt>.bodyinwrap .cnt_main+.side .bodyinwrap{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; max-width: 100%; width: 100%; }
body .yokocnt article.bodywrap.first .bodyinwrap,
body .yokocnt article.bodywrap.last .bodyinwrap{ padding-top:0!important; padding-bottom: 0!important }
body .yokocnt article.bodywrap, body .yokocnt article.bodywrap .bodyinwrap{ padding:0!important; margin:0!important; }
@media screen and (max-width: 1280px) {
	.yokocnt>.bodyinwrap .cnt_main{ width: calc(100% - 300px); }
}
@media screen and (max-width: 1180px) { 
	.yokocnt>.bodyinwrap{ -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; justify-content: space-between; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding-top: 40px; padding-bottom: 115px; max-width: none; margin: 0 auto; }
}

@media screen and (max-width: 767px) { 
	.yokocnt>.bodyinwrap{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; padding-top: 30px; padding-bottom: 40px; }
	.yokocnt>.bodyinwrap .cnt_main,
	.yokocnt>.bodyinwrap .cnt_main+.side{ width: 100%; }
	.yokocnt>.bodyinwrap .cnt_main{ margin-bottom: 80px; }

}

/* 
---------------------------------------
#wp_cntside
--------------------------------------- */
#wp_cntside { width: 280px; }
#search #wp_cntside,
#rental #wp_cntside { width: auto; }
#wp_cntside #searchbox{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; max-width: 475px; width: 100%; margin:0 auto; }
#wp_cntside #searchbox .searchtxtbox{ border: none !important; width: calc(100% - 40px); font-size:15px; }
#wp_cntside #searchbox .searchtxtbox::-webkit-input-placeholder, #wp_cntside #searchbox .searchtxtbox::-moz-placeholder, #wp_cntside #searchbox .searchtxtbox:-moz-placeholder, #wp_cntside #searchbox .searchtxtbox:-ms-input-placeholder { color: #cccccc; }
#wp_cntside #searchbox #searchbtn{ width: 40px; height: 20px; background: url(../img/common/searchbtn.svg) no-repeat center center; -webkit-background-size: 20px 20px; background-size: 20px 20px; }
#wp_cntside .rental_searchlist{ margin-top: 40px; }
#wp_cntside .rental_searchlist>ul{  }
#wp_cntside .rental_searchlist>ul>li{ margin-bottom: 25px; }
#wp_cntside .rental_searchlist>ul>li:last-child{ margin-bottom: 0; }
#wp_cntside .rental_searchlist>ul>li>dl{  }
#wp_cntside .rental_searchlist>ul>li>dl>dt{ font-family: "游明朝", YuMincho, "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif; text-align: center; font-size: 1.5em; padding-bottom: 10px; cursor: pointer; line-height: 1.8; }
#wp_cntside .rental_searchlist>ul>li>dl>dt>.arr{ margin-left: 5px; vertical-align: text-bottom; display: inline-block; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
#wp_cntside .rental_searchlist>ul>li>dl>dt>.arr:after{ content:""; width: 7px; height: 7px; border-bottom:1px solid #191919; border-right:1px solid #191919; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); display: inline-block; }
#wp_cntside .rental_searchlist>ul>li>dl>dt.isopen>.arr:after{ -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); }
#wp_cntside .rental_searchlist>ul>li>dl>dd{ text-align: center; padding-bottom: 20px; }
#wp_cntside .rental_searchlist>ul>li>dl>dd>ul{ margin-right: -15px; }
#wp_cntside .rental_searchlist>ul>li>dl>dd>ul>li{ display: inline-block; margin-right: 15px; }
#wp_cntside .rental_searchlist>ul>li>dl>dd>ul>li>a{  }
#wp_cntside .bnrlist { margin-top: 145px; }
#wp_cntside .bnrlist .txt1{ text-align: center; }
#wp_cntside .bnrlist .list1{ margin-top: 45px; text-align: center; }
#wp_cntside .bnrlist .list1>li{ text-align: center; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; justify-content: center; -ms-align-items: center; align-items: center; }
#wp_cntside .bnrlist .list1>li>a{ font-size: 1.38em; color: #fff; text-decoration: none; padding: 20px 20px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 400px; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; justify-content: center; -ms-align-items: center; align-items: center; }
#wp_cntside .bnrlist .list1>li>a.blue{ background-color: #0032be;  }
#wp_cntside .bnrlist .list1>li>a.blue:hover{ background-color: #fff; color: #0032be; }
#wp_cntside .bnrlist .list1>li>a.black{ background-color: #191919;  }
#wp_cntside .bnrlist .list1>li>a.black:hover{ background-color: #fff; color: #191919; }

.yokocnt  #wp_cntside #searchbox{ max-width: 100%; margin:0; }
.yokocnt  #wp_cntside .rental_searchlist{ margin-top: 30px; }
.yokocnt  #wp_cntside .rental_searchlist>ul>li>dl>dt{ font-size: 1.13em; padding-bottom: 10px; text-align: left; font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN" ,"Meiryo UI", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.yokocnt  #wp_cntside .rental_searchlist>ul>li>dl>dt{ cursor: default; font-family: "游明朝", YuMincho, "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif; }
.yokocnt  #wp_cntside .rental_searchlist>ul>li>dl>dt>.arr,
.yokocnt  #wp_cntside .bnrlist .txt1{ display: none; }
.yokocnt  #wp_cntside .rental_searchlist>ul>li>dl>dd{ text-align: left; }
.yokocnt  #wp_cntside .rental_searchlist>ul>li>dl>dd{ padding-bottom: 10px; }
.yokocnt  #wp_cntside .rental_searchlist>ul>li{ margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #191919; }
.yokocnt  #wp_cntside .rental_searchlist>ul>li:last-child{ margin-bottom: 0; border-bottom: none; padding-bottom: 0; }
.yokocnt  #wp_cntside .bnrlist{ margin-top: 45px; }
.yokocnt  #wp_cntside .bnrlist .list1{ margin-top: 0; margin-bottom: -8px; }
.yokocnt  #wp_cntside .bnrlist .list1>li{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 100%; margin-bottom: 8px; }
.yokocnt  #wp_cntside .bnrlist .list1>li>a{ width: 100%; font-size: 1.06em; padding: 15px 6% 12px; }
@media screen and (max-width: 1280px) {
	#wp_cntside { width: 250px; }
}
@media screen and (max-width: 767px) { 
	#wp_cntside{ width: auto;  }
	#wp_cntside #searchbox{ max-width: 100%; margin:0; }
	#wp_cntside .rental_searchlist{ margin-top: 30px; }
	#wp_cntside .rental_searchlist>ul>li>dl>dt{ font-size: 1.13em; padding-bottom: 10px; text-align: left; }
	#wp_cntside .rental_searchlist>ul>li>dl>dd,
	#wp_cntside .bnrlist .txt1{ text-align: left; }
	#wp_cntside .rental_searchlist>ul>li>dl>dd{ padding-bottom: 10px; display: block!important; }
	#wp_cntside .rental_searchlist>ul>li{ margin-bottom: 25px; }
	#wp_cntside .bnrlist{ margin-top: 45px; }
	#wp_cntside .bnrlist .list1{ margin-top: 20px!important; margin-bottom: -8px; }
	#wp_cntside .bnrlist .list1>li{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 100%; margin-bottom: 8px; }
	#wp_cntside .bnrlist .list1>li>a{ width: 260px!important; font-size: 1.06em!important; padding: 15px 0% 12px!important; }
	.yokocnt  #wp_cntside .rental_searchlist>ul>li{ padding-bottom: 0; border-bottom: none; }
	#wp_cntside .rental_searchlist>ul>li>dl>dt>.arr { display: none; }
	.yokocnt  #wp_cntside .bnrlist .txt1{ display: block; }
}



/* ---------------------------------------
#footer
--------------------------------------- */
#snsbtns{ padding-top: 110px; }
#snsbtns+.bodywrap>#f_contact{ padding-top: 60px; }
#snsbtns .title{ text-align: center; }
#snsbtns .snslist{ text-align: center; margin-left: -10px; }
#snsbtns .snslist>li{ margin-left: 10px; display: inline-block; }
#snsbtns .snslist>li img{ width: 24px; height: 24px; }

#f_contact{ padding-bottom: 0!important; padding-top: 110px }
#f_contact .bgbox1{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: center; max-width: 100%; box-sizing: border-box; width:100%; height: 250px }
#f_contact .bgbox1>p{ display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; height: 100%; justify-content: center; -ms-align-items: center; align-items: center; }
#f_contact .bgbox1 .title{ font-size: 1.75em; padding-right: 45px; margin-right: 45px; position: relative; line-height: 1; }
#f_contact .bgbox1 .title:after{ content:""; background-color: #191919; position: absolute; top: 0; bottom: 0; right: 0; margin: auto 0px; display: inline-block; width: 2px; height: 40px; }
#f_contact .bgbox1 .link1{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; margin-right: 70px; -ms-align-items: baseline; align-items: baseline; }
#f_contact .bgbox1 .link1>a.tel_link{ font-size: 2.5em; line-height: 1; margin-bottom: 5px; }
#f_contact .bgbox1 .link1>span.txt1{ font-size: 0.81em; }
#f_contact .bgbox1 .link2>a{ font-size: 1.38em; color: #fff; text-decoration: none; padding: 16px 45px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; justify-content: center; -ms-align-items: center; align-items: center; background-color: #8c8c8c;  }
#f_contact .bgbox1 .link2>a:hover{ background-color: #fff; color: #333; opacity: 1; }
@media screen and (max-width: 767px) {
	#f_contact .bodyinwrap{ padding:0; }
	#f_contact .bgbox1{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; height: auto; padding-top: 35px; padding-bottom: 35px; }
	#f_contact .bgbox1 .title{ font-size: 1.13em; padding-right: 0; padding-bottom: 10px; margin-right: 0; margin-bottom: 30px; }
	#f_contact .bgbox1 .title:after{ width: 37px; height: 1px; top: auto; left: 0px; margin: 0 auto; }
	#f_contact .bgbox1 .link1{ margin-right: 0; margin-bottom: 30px; -ms-align-items: center; align-items: center; }
	#f_contact .bgbox1 .link2>a{ font-size: 1.06em; padding:14px 17px 13px; }
}

#footer>.bodyinwrap{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: flex-end; align-items: flex-end; margin-top: 210px; margin-bottom: 30px; }
#footer .leftbox .logobox{ margin-bottom: 40px; }
#footer .leftbox .logo{ width: 316px; height: 28px; display: inline-block; vertical-align: middle; }
#footer .leftbox .logobox .qr{ width: 74px; height: 74px; display: inline-block; margin-left: 20px; vertical-align: middle; }
#cr{ font-size: 0.81em; }
@media screen and (max-width: 767px) {
	#footer>.bodyinwrap{ margin-top: 25px; margin-bottom: 150px; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; }
	#footer .leftbox{ width: 100%; }
	#footer .leftbox .logo{ width: 100%; height: auto; text-align: center; display: block; }
	#footer .leftbox .logobox .qr{ display: none; }
	#footer .leftbox .logo img{ max-width: 316px; width: 88%; }
	#cr{ text-align: center; }
}

/* ---------------------------------------
#fixbox
--------------------------------------- */
#sidebnr{ position: fixed; top: 140px; left: 0; z-index: 10000 }
#sidebnr>ul{ display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }
#sidebnr>ul>li{  height: 182px; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; }
#sidebnr>ul>li>a{ padding: 0 17px; font-size: 1.13em; color: #fff; -webkit-writing-mode: tb-rl; -ms-writing-mode: tb-rl; writing-mode: tb-rl; text-decoration: none; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; height: 100%; box-sizing: border-box; justify-content: center; -ms-align-items: center; align-items: center; }
#sidebnr>ul>li>a.blue{ background-color: #0032be; }
#sidebnr>ul>li>a.grey{ background-color: #b2b2b2; }
#pagetop{ position: fixed; font-size: 0.88em; bottom: 170px; right: 20px; display: inline-block; }
#pagetop>a{ -webkit-writing-mode: tb-rl; -ms-writing-mode: tb-rl; writing-mode: tb-rl; display: inline-block; text-decoration: none; position: relative; }
#pagetop>a:before{ content:""; background-color: #191919; position: absolute; top: 0; left: 0; width: 1px;-webkit-transition: .5s all; transition: .5s all; -moz-transition : .5s all; height: 100%; }
#pagetop>a:hover{ opacity: 1 }
#pagetop>a:hover:before{ height: 0; }
@media screen and (max-width: 767px) {
	#fixbox{ position: fixed; bottom: 0; left: 0; right: 0; width: 100%; z-index: 1 }
	#sidebnr{ width: 100%; position: static; }
	#sidebnr>ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; float: right; justify-content: center; -ms-align-items: center; align-items: center; height: 60px; width: 100%; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
	#sidebnr>ul>li{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; height: 100%; justify-content: center; padding: 0; width: 50%; }
	#sidebnr>ul>li>a{ padding: 0; font-size: 1.06em; width: 100%; -webkit-writing-mode: lr-tb; -ms-writing-mode: lr-tb; writing-mode: lr-tb; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
	#sidebnr>ul>li>a:hover{ opacity: 1 }
	#sidebnr>ul>li>a.blue:hover{ background-color: #fff; color: #0032be; }
	#sidebnr>ul>li>a.grey:hover{ background-color: #fff; color: #b2b2b2; }
	#pagetop{ position: static; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; height: 60px; box-sizing: border-box; width: 100% }
	#pagetop>a{ -webkit-writing-mode: lr-tb; -ms-writing-mode: lr-tb; writing-mode: lr-tb; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; background: #f3f3f3; height: 100%; padding-bottom: 5px; box-sizing: border-box; width: 100% }
	#pagetop>a:hover{ background-color: #fff; color: #191919; }
	#pagetop>a>span{ display: inline-block; border-bottom: 1px solid #191919 }
	#pagetop>a:before{ content:none; }
}