@charset "UTF-8";
/* CSS Document */
/*---------------------------------------
header
----------------------------------------*/
header {
	padding-bottom:0.5%;
	border-bottom:1px solid #06C;
	width:100%;
	overflow:hidden;
	background-color:#FFF;
	box-sizing:border-box;
}
.header-logo img {
	margin:2.2% 0 0 3.6%;
	display:block;
	float:left;
	width:42%;
}
.header-description img {
	margin:2% 4.4% 0 0;
	display:block;
	float:right;
	width:42.6%;
}
/*---------------------------------------
footerLink
----------------------------------------*/
.footerLink {
	margin-bottom:4%;
}
.footerLink-menu-title {
	padding:2.6%;
	font-weight:bold;
	width:100%;
	color:#FFF;
	background:#06C;
	text-align:center;
	box-sizing:border-box;
}
.footerLink-menu li a {
	padding:2.6% 8% 2.6% 4.4%;
	border-top:1px solid #CCC;
	display:block;
	width:100%;
	color:#06C;
	background:url(https://img.phoenix.webcrew.co.jp/3057/sp/images/icon_arrow_blue.png) no-repeat 95.6% center;
	background-size:2.6%;
	box-sizing:border-box;
}
.footerLink-recommend-title {
	padding:2.6%;
	font-weight:bold;
	width:100%;
	color:#FFF;
	background:#999;
	text-align:center;
	box-sizing:border-box;
}
.footerLink-recommend li a {
	padding:2.6% 8% 2.6% 4.4%;
	border-top:1px solid #CCC;
	display:block;
	width:100%;
	color:#06C;
	background:url(https://img.phoenix.webcrew.co.jp/3057/sp/images/icon_arrow_gray.png) no-repeat 95.6% center;
	background-size:2.6%;
	box-sizing:border-box;
}
.footerLink-recommend li:last-child a {
	border-bottom:1px solid #CCC;
}
/*---------------------------------------
footer
----------------------------------------*/
.footer-box {
	padding:5.3% 0;
	border-top:1px dotted #3294F0;
	background:#D7E7F0;
	box-sizing:border-box;
}
.footer-link-list {
	margin-bottom:4%;
	width:100%;
	text-align:center;
}
.footer-link-list li {
	display:inline-block;
	font-size:75%;
}
.footer-link-list li a {
	color:#3294F0;
}
.footer-text {
	margin:0 4.4% 2.6%;
	line-height:1.6;
	font-size:77%;
}
.footer-note {
	margin:0 4.4%;
	padding-left:1em;
	color:#666;
	line-height:1.6;
	font-size:77%;
	text-indent:-1em;
}
.footer-pageTop {
	display:none;
	position:fixed;
	right:1em;
	bottom:1em;
	z-index:777;
	width:14%;
	text-align:right;
}
.footer-pageTop img {
	width:100%;
}
.footer-copyright {
	padding:1.6% 0 2.6%;
	font-size:77%;
	text-align:center;
}

/*---------------------------------------
floating
----------------------------------------*/
/* floating-button */
#wrap {
	padding-bottom:18%;
}
.floating-button {
	padding:2.4% 0;
	overflow:hidden;
	width:100%;
	position:fixed;
	bottom:0;
	z-index:100;
	background:rgba(255,255,255,.8);
}
.floating-button-action {
	margin-left:3.4%;
	display:block;
	float:left;
	width:73.8%;
	background:url(https://img.phoenix.webcrew.co.jp/3057/sp/images/action_button_active.png) no-repeat top center;
	background-size:100%;
}
.floating-button-action img {
	width:100%;
}
.floating-button-menu {
	margin-right:3.4%;
	display:block;
	float:right;
	width:17.8%;
	background:url(https://img.phoenix.webcrew.co.jp/3057/sp/images/menu_button_active.png) no-repeat top center;
	background-size:100%;
}
.floating-button-menu img {
	width:100%;
}
/* floating-menu */
.floating-menu {
	margin:0 3.4% 2.4% 0;
	width:17.8%;
	position:fixed;
	right:0;
	bottom:0;
	z-index:100;
}
.floating-menu-button {
	display:block;
	background:url(https://img.phoenix.webcrew.co.jp/3057/sp/images/menu_button_active.png) no-repeat top center;
	background-size:100%;
}
.floating-menu-button img {
	width:100%;
}
@media (orientation: landscape){
.floating-button {
	padding:5px 0;
	text-align:center;
	line-height:0;
}
.floating-button-action {
	display:inline-block;
	float:inherit;
	width:280px;
}
.floating-button-menu {
	display:inline-block;
	float:inherit;
	width:68px;

}
.floating-menu {
	width:68px;
	line-height:0;
}
}

/*---------------------------------------
tap-effectButton
----------------------------------------*/
.effectButton,
.effectButton img {
	transition:all 0.1s ease;
	-webkit-transition:all 0.1s ease;
	-moz-transition:all 0.1s ease;
	-o-transition:all 0.1s ease;
	-ms-transition:all 0.1s ease;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
}
input.tap,
a.tap img {
	opacity:0;
}

/*---------------------------------------
URLリンクのため
----------------------------------------*/
p > a[rel="noopener"] {
	word-wrap: break-word;
}