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

/* .featuring */

.featuring {
	letter-spacing: 0.025em;
}
.featuring .fls-50 {
	letter-spacing: 0.050em;
}

.featuring .fea-row {
	display: flex;
	flex-wrap: wrap;
}
.featuring img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

.featuring a.txt-link {
	color: #3399cc;
	position: relative;
}
.featuring a.txt-link:hover {
	color: #f60;
}
.featuring a.txt-link:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: currentColor;
	position: absolute;
	right: 0;
	bottom: -2px;
	z-index: 1;
	transition: background-color ease 0.28s;
}

/* .pagetitle */
.pagetitle {
}
.pagetitle .fea-row {
	align-items: center;
}
.pagetitle .left {
/*	width: 50%;
	padding-right: 1.8%;*/

	padding-left: 3.4%;	
	width: 100%;
	padding-right: 51.8%;
	position:relative;
}
.pagetitle .right {
	width: 50%;
	position: absolute;
	right: 0;
	bottom: 50%;
	transform: translateY(50%);
	z-index: 1;
}
.pagetitle .iblock {
	display: inline-block;
}
.pagetitle .ttl > img {
	max-width: 430px;
	width: 83%;
}
.pagetitle .prod-link {
	display: table;
	table-layout: auto;
	margin: 0 auto;
}
.pagetitle .prod-link dt,
.pagetitle .prod-link dd {
	display: table-cell;
	vertical-align: top;
}
.pagetitle .prod-link dt {
	width: 100px;
}
.pagetitle .prod-link dd {
	padding-left: 5px;
}
.pagetitle .prod-link dd span {
	display: inline-block;
	padding-left: 14px;
	position: relative;
}
.pagetitle .prod-link dd span:not(:last-child) {
	margin-right: 10px;
}
.pagetitle .prod-link dd span:before {
	content: ">";
	display: block;
	color: #3399cc;
	position: absolute;
	left: 0;
	top: -1px;
	z-index: 1;
}
.pagetitle .prod-link dd span a {
	position: relative;
}
.pagetitle .right img {
	max-width: 545px;
}

@media (max-width: 991px) {
	.pagetitle .left {
		padding-left: 0;
	}
}
@media (max-width: 768px) {
	.pagetitle .left {
		width: 100%;
		padding-right: 0;
/*		padding-bottom: 20px;*/
	}
	.pagetitle .ttl {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.pagetitle .ttl > img {
		width: 50%;
		padding-right: 20px;
	}
	.pagetitle .right {
		width: 50%;
		position: relative;
		bottom: 0;
		transform: translateY(0);
	}
}
@media (max-width: 480px) {
	.pagetitle .ttl > img {
		width: 70%;
		margin: 0 auto 20px auto;
	}
	.pagetitle .right {
		width: 90%;
		margin: 0 auto;
	}
	.pagetitle .prod-link dt,
	.pagetitle .prod-link dd {
		display: block;
	}
	.pagetitle .prod-link dt .colon {
		display: none;
	}
}


/*.fea-target*/
.fea-intro  {
	max-width: 1055px;
	margin: 0 auto;
}
.fea-intro .fea-row {
	align-items: center;
}
.intro-upper .left {
	width: 50%;
}
.intro-upper .right {
	width: 50%;
	padding-left: 5.7%;
}
.fea-intro .target-list span {
	display: inline-block;
	vertical-align: middle;
}
.fea-intro .target-list li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px;
}
.fea-intro .target-list .check {
	width: 17px;
	height: 17px;
	border: 2px solid #d5d5d5;
	position: absolute;
	top: 6px;
	left: 0;
}
.fea-intro .target-list .check img {
	width: 23px;
	height: 17px;
	position: absolute;
	top: -6px;
	left: -3px;
	z-index: 1;
}
@media (max-width: 480px) {
	.fea-intro .target-list .check {
		top: 3px;
	}
}
.intro-lower .left {
/*	width: calc(100% - 270px);*/
	width: 75%;
}
.intro-lower .left .desc {
	max-width: 710px;
	padding-right: 20px;
}
.intro-lower .right {
/*	width: 270px;*/
	width: 25%;
}
.intro-lower .right img {
}

@media (max-width: 991px) {
	.intro-upper .left {
		width: 45%;
	}
	.intro-upper .right {
		width: 55%;
		padding-left: 5%;
	}
}
@media (max-width: 768px) {
	.intro-upper .left {
		width: 100%;
		order: 2;
	}
	.intro-upper .right {
		width: 100%;
		max-width: 460px;
		margin: 0 auto 40px auto;
		order: 1;
	}
}

@media (max-width: 480px) {
	.intro-lower .left {
		width: 100%;
	}
	.intro-lower .left .desc {
		padding-right: 0;
	}
	.intro-lower .right {
		display: none;
	}
}


/*.fea-rental*/
.fea-rental {
	position: relative;
}
.fea-rental .rental-row {
	display: flex;
	flex-wrap: wrap;
}
.fea-rental .rental-row .left {
	width: 38%;
	padding-right: 5%;
}
.fea-rental .rental-row .left img {
	width: auto;
	height: auto;
	max-width: 100%;
}
.fea-rental .rental-row .right {
	width: 62%;
	position: relative;
	z-index: 1;
}
.fea-rental .rental-row .right .ttl {
	max-width: 480px;
}
.fea-rental .rental-row .right .ttl .ylw-marker {
	background: linear-gradient(transparent 70%, #f2ec4f 70%);
	padding-bottom: 3px;
	line-height: 1.4;
}

/* .rental-list */
.rental-list {
	display: table;
	table-layout: auto;
	padding: 20px 0;
	width: 100%;
	border-top: 1px solid #e2e2e2;
}
.rental-list > * {
	display: table-cell;
	vertical-align: middle;
}
.rental-list .num {
	text-align: center;
}
.rental-list .num span {
	display: block;
	line-height: 1;
}

@media (max-width: 480px) {
	.rental-list {
		padding: 10px 0;
	}
	.rental-list > * {
		display: block;
	}
	.rental-list .num {
		display: flex;
		align-items: center;
		text-align: left;
		padding-bottom: 5px;
	}
	.rental-list .num span:first-child {
		padding-right: 5px;
	}
}


/*.fea-rental*/
.fea-rental {
	position: relative;
}
.fea-rental .rental-row {
	display: flex;
	flex-wrap: wrap;
}
.fea-rental .rental-row .left {
	width: 38%;
	padding-right: 5%;
}
.fea-rental .rental-row .left img {
	width: auto;
	height: auto;
	max-width: 100%;
}
.fea-rental .rental-row .right {
	width: 62%;
	position: relative;
	z-index: 1;
}
.fea-rental .rental-row .right .ttl {
	max-width: 480px;
}
.fea-rental .rental-row .right .ttl .ylw-marker {
	background: linear-gradient(transparent 70%, #f2ec4f 70%);
	padding-bottom: 3px;
	line-height: 1.4;
}
.fea-rental .rental-row .right .rental-list:last-child {
	border-bottom: 1px solid #e2e2e2;
}
.fea-rental .rental-row .right .rental-list .num {
	width: 80px;
}
.fea-rental .rental-row .right .rental-list .desc {
	padding-left: 30px;
}


@media (max-width: 768px) {
	.fea-rental .rental-row .left {
		width: 40%;
		padding-right: 0;
		margin: 0 auto 30px auto;
	}
	.fea-rental .rental-row .right {
		width: 100%;
	}
	.fea-rental .rental-row .right .ttl {
		max-width: none;
	}
}

@media (max-width: 480px) {
	.fea-rental .rental-row .left {
		width: 50%;
	}
	.fea-rental .rental-row .right .rental-list .num {
		width: 100%;
	}
	.fea-rental .rental-row .right .rental-list .desc {
		padding-left: 0;
	}
}


/* .fea-app */
.fea-app {
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.fea-app .left {
	width: 37%;
	padding-top: 200px;
	padding-left: 20px;
}
.fea-app .right {
	width: 63%;	
}
.fea-app .def-app {
	display: flex;
	flex-wrap: wrap;
/*	justify-content: space-between;*/
}
.fea-app .def-app li {
	width: 16.66666666%;
	text-align: center;
	padding: 15px 0;
}
.fea-app .def-app li img {
	max-width: 52px;
}
.fea-app .def-app li .name {
	white-space: nowrap;
}
.fea-app .comments {
	display: block;
	text-align: right;
}

@media (max-width: 991px) {
	.fea-app .def-app li {
		width: 20%;
	}
}
@media (max-width: 768px) {
	.fea-app .left {
		width: 100%;
		padding-top: 0;
		padding-left: 0;
		padding-bottom: 15px;
	}
	.fea-app .right {
		width: 100%;	
	}
	.fea-app .def-app li {
		width: 16.66666666%;
	}
}
@media (max-width: 640px) {
	.fea-app .def-app li {
		width: 20%;
	}
}
@media (max-width: 575px) {
	.fea-app .def-app li {
		width: 25%;
	}
}
@media (max-width: 480px) {
	.fea-app .def-app li {
		width: 33.33333333%;
	}
	.fea-app .comments {
		text-align: left;
	}
}

/* .fea-using */
.fea-using {
}

.fea-using .use-block {
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.fea-using .num {
	display: inline-block;
	vertical-align: middle;
	padding-right: 20px;
	color: #00b3ce;
}

.fea-using .cont-use {
	overflow: hidden;
}

.fea-using .cont-use .ttl {
	width: 48%;
	padding-right: 3%;
	float: left;
}
.fea-using .cont-use .img {
	width: 52%;
	float: right;
}
.fea-using .use-block .desc {
	width: 48%;
	padding-right: 3%;
	line-height: 1.87;
	
}
.fea-using .use-block .desc .icons {
	max-width: 525px;
}
.fea-using .use-block .desc .i-conf,
.fea-using .use-block .desc .i-appstore {
	display: inline-block;
	vertical-align: middle;
	width: 52px;
	height: 52px;
}
@media (max-width: 991px) {
	.fea-using .cont-use .ttl {
		width: 100%;
		padding-right: 0;
		float: none;
	}
	.fea-using .cont-use .img {
		width: 100%;
		max-width: 600px;
		margin: 0 auto 30px auto;
		float: none;
	}
	.fea-using .cont-use .desc {
		width: 100%;
		padding-right: 0;
	}
}

/* .cont-wifi */
.fea-using .cont-wifi {
	overflow: hidden;
}
.fea-using .cont-wifi .cont01 {
	width: 48%;
	padding-right: 3%;
	float: left;
}
.fea-using .cont-wifi .cont02 {
	width: 52%;
	float: right;
}
.fea-using .cont-wifi .cont03 {
	width: 48%;
	padding-right: 3%;
	float: left;
}
.fea-using .cont-wifi .cont04 {
	width: 52%;
	float: right;
	display: flex;
	align-items: center;
	justify-content: center;
}
.fea-using .cont-wifi .cont04 p {
	padding-right: 20px;
	white-space: nowrap;
}
.fea-using .cont-wifi .cont04 img {
	max-width: 395px;
	margin: 0 auto;
}
.fea-using .cont-wifi .cont05 {
	width: 48%;
	padding-right: 3%;
	display: flex;
	flex-wrap: wrap;
}
.fea-using .cont-wifi .cont05 .img {
	order: 2;
	width: 212px;
}
.fea-using .cont-wifi .cont05 p {
	order: 1;
	width: calc(100% - 212px);
	padding-right: 5%;
}

@media (max-width: 991px) {
	.fea-using .cont-wifi .cont01 {
		width: 100%;
		padding-right: 0;
		float: none;
	}
	.fea-using .cont-wifi .cont02 {
		width: 100%;
		float: none;
	}
	.fea-using .cont-wifi .cont02 img {
		max-width: 600px;
		margin: 0 auto;
	}
	.fea-using .cont-wifi .cont03 {
		width: 100%;
		padding-right: 0;
		float: none;
	}
	.fea-using .cont-wifi .cont04 {
		width: 100%;
		float: none;
		padding-bottom: 20px;
	}
	.fea-using .cont-wifi .cont05 {
		width: 100%;
		padding-right: 0;
	}	
	.fea-using .cont-wifi .cont05 .img {
		order: 1;
		width: 212px;
		margin: 0 auto 20px auto;
	}
	.fea-using .cont-wifi .cont05 p {
		order: 2;
		width: 100%;
		padding-right: 0;
	}
}
@media (max-width: 480px) {
	.fea-using .cont-wifi .cont04 {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.fea-using .cont-wifi .cont04 p {
		padding-bottom: 5px;
	}
}

.fea-using .cont-wifi .c-num {
    display: inline-block;
    vertical-align: middle;
	padding: 0 10px;
    color: #fff;
    font-family: arial, sans-serif;
    font-weight: 600;
    text-align: center;
    line-height: 1.5;
    position: relative;
    z-index: 1;
}
.fea-using .cont-wifi .c-num:before {
	content: "";
	display: block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #ff3131;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: -1;
}
.fea-using .cont-wifi .i-wifi {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
}



/* .fea-spec */
.fea-spec {
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.fea-spec .fea-row {
/*	justify-content: space-between;*/
	justify-content: center;
}
.fea-spec .model-box {
	width: 25%;
	padding: 0 15px 20px 15px;
}
.fea-spec .model-box .img-box {
	padding-top: 100%;
	border: 1px solid rgba(0,0,0,0.1);
	position: relative;
	margin-bottom: 20px;
}
.fea-spec .model-box .img-box > span {
	position: absolute;
	right: 50%;
	bottom: 50%;
	transform: translate(50%,50%);
	z-index: 1;
}
.fea-spec .ge9 .img-box > span {
	max-width: 155px;
	width: 62%;
}
.fea-spec .ge8 .img-box > span {
	max-width: 155px;
	width: 62%;
}
.fea-spec .ge7 .img-box > span {
	max-width: 155px;
	width: 62%;
}
.fea-spec .ge6 .img-box > span {
	max-width: 151px;
	width: 60.4%;
}
.fea-spec .mini4 .img-box > span {
	max-width: 124px;
	width: 49.6%;
}
.fea-spec .model-box .txt-box {
	padding-bottom: 15px;
}
.fea-spec .model-box .txt-box .ttl {
	line-height: 1.3;
	padding-bottom: 5px;
}
.fea-spec .model-box .rent-link {
	display: inline-block;
	border-bottom: 5px solid #005aa0;
	padding: 10px 15px 5px 25px;
	color: #005aa0;
	position: relative;
	white-space: nowrap;
}
.fea-spec .model-box .rent-link:hover {
	color: #f60;
	border-color: currentColor;
}
.fea-spec .model-box .rent-link:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	position: absolute;
	left: 4px;
	top: 55%;
	transform: translateY(-50%) rotate(45deg);
	transition: border-color ease 0.28s;
	z-index: 1;	
}
.fea-spec .btn-area .btn {
	width: 100%;
	max-width: 520px;
	border-radius: 0;
}
.fea-spec .btn-area .btn a {
	position: relative;
    padding: 21px 20px 21px 40px;
}
.fea-spec .btn-area .btn a:before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border: none;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 50%;
    left: 25px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
	margin-top: 0;
}
.fea-spec .btn-area .btn a span.f-sz16 {
	display: inline-block;
}

.fea-spec .btn-area .btn a:hover {
	color: #fff;
}
.fea-spec .btn-area .btn a:hover:before {
    left: 30px;
}


@media (max-width: 768px) {
	.fea-spec .fea-row {
		justify-content: flex-start;
	}
	.fea-spec .model-box {
		width: 50%;
	}
}
@media (max-width: 480px) {
	.fea-spec .model-box {
		padding: 0 5px 20px 5px;
	}
	.fea-spec .model-box .rent-link {
		display: block;
		padding: 10px 0 5px 10px;
	}
	.fea-spec .model-box .rent-link:before {
		left: 0;
	}
}


/* .fea-recapp */
.fea-recapp {
}
#under .item .conBox.item_infoBox .fea-recapp .conTtl02 {
	display: flex;
	justify-content: space-between;
	padding: 13px 25px 13px 30px;
	margin-bottom: 30px;
}
.fea-recapp .recapp-box {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 0 30px auto;
	padding-left: calc(150px + 3.4%);
	padding-right: 3.4%;
	padding-top: 12px;
	padding-bottom: 12px;
	position: relative;
}
.fea-recapp .recapp-box:last-child {
	margin: 0 0 60px auto;
}


.fea-recapp .recapp-box .group {
	width: 100%;
	padding-bottom: 20px;
}
.fea-recapp .recapp-box .app {
	width: 120px;
	position: absolute;
	left: 3.4%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}
.fea-recapp .recapp-box .desc {
	width: 100%;
}
.fea-recapp .ban-pencil {
	padding-left: 3.4%;
	padding-right: 3.4%;
	margin-bottom: 60px;
}

@media (max-width: 991px) {
	#under .item .conBox.item_infoBox .fea-recapp .conTtl02 {
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	#under .item .conBox.item_infoBox .fea-recapp .conTtl02 > * {
		display: block;
		width: 100%;
		line-height: 1.3;
	}
	#under .item .conBox.item_infoBox .fea-recapp .conTtl02 span.f-sz20 {
		padding-bottom: 5px;
	}

}
@media (max-width: 480px) {
	.fea-recapp .recapp-box {
		width: 100%;
		margin: 0 auto 30px;
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	.fea-recapp .recapp-box .group {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		padding-bottom: 10px;
	}
	.fea-recapp .recapp-box .app {
		width: 60px;
		position: relative;
		left: 0;
		top: 0;
		transform: translateY(0);
	}
	.fea-recapp .recapp-box .name {
		width: calc(100% - 60px);
		padding-left: 10px;
	}
	.fea-recapp .ban-pencil {
		padding-left: 0;
		padding-right: 0;
	}
}



/*.ipad-banner*/
.ipad-banner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.ipad-banner .ban-box {
	width: calc(50% - 20px);
}
.ipad-banner img {
	width: 100%;
	height: auto;
	max-width: 100%;
}
@media (max-width: 480px) {
	.ipad-banner .ban-box {
		width: 100%;
	}
	.ipad-banner .ban-box:first-child {
		margin-bottom: 20px;
	}
}

/* フッターバナー */
.bootbanner-wrap .fban-list li.slick-slide {
    opacity: 1;
}
.bootbanner-wrap .fban-list li a {
    display: block;
}
.bootbanner-wrap .fban-list li a img {
    width: 100%;
    height: auto;
}


/*------ページ内リンク----------*/
#under .anchor{
    padding-top: 300px;
    margin-top: -300px;
	z-index: -1;
}
#under .inpage-link-area{
	position: relative;
}
#under .inpage-link-area .inpage-link-block .page-link-menu.flex{
	display: flex;
	justify-content: center;
}
#under .inpage-link-area .inpage-link-block .page-link-menu li{
	position: relative;
	margin: 10px;
	padding: 5px 5px 5px 10px;
}
#under .inpage-link-area .inpage-link-block .page-link-menu li a{
	position: relative;
	color: #39c;
	padding-left: 20px;
}
#under .inpage-link-area .inpage-link-block .page-link-menu li:hover a{
	opacity: 0.8;
}
#under .inpage-link-area .inpage-link-block .page-link-menu li a:before{
	content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    z-index: 1;
    border-top: 1px solid #39c;
    border-right: 1px solid #39c;
    transform: translateY(-50%) rotate(45deg);
    left: 0;
    transition: left ease 0.28s, opacity ease 0.28s, visibility ease 0.28s;
}
#under .inpage-link-area .inpage-link-block .page-link-menu li:hover a:before{
	opacity: 0.8;
	left: 2px;
	transition: left ease 0.28s, opacity ease 0.28s, visibility ease 0.28s;
}

/*------ページ内リンク----------*/
#under .anchor-link{
    padding-top: 300px;
    margin-top: -300px;
	z-index: -1;
}
#under .inpage-link-area{
	position: relative;
}
#under .inpage-link-area .inpage-link-block .page-link-menu.flex{
	display: flex;
	justify-content: center;
}
#under .inpage-link-area .inpage-link-block .page-link-menu li{
	position: relative;
	margin: 10px;
	padding: 5px 5px 5px 10px;
}
#under .inpage-link-area .inpage-link-block .page-link-menu li a{
	position: relative;
	color: #39c;
	padding-left: 20px;
}
#under .inpage-link-area .inpage-link-block .page-link-menu li:hover a{
	opacity: 0.8;
}
#under .inpage-link-area .inpage-link-block .page-link-menu li a:before{
	content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    z-index: 1;
    border-top: 1px solid #39c;
    border-right: 1px solid #39c;
    transform: translateY(-50%) rotate(45deg);
    left: 0;
    transition: left ease 0.28s, opacity ease 0.28s, visibility ease 0.28s;
}
#under .inpage-link-area .inpage-link-block .page-link-menu li:hover a:before{
	opacity: 0.8;
	left: 2px;
	transition: left ease 0.28s, opacity ease 0.28s, visibility ease 0.28s;
}