@charset "UTF-8";

/*========================================================================

  header

========================================================================*/

.pbHeaderArea .header > div:not(.pb-handle) {
	background: #000;
	color: #fff;
}
.pbHeaderArea .header a {
	color: #fff;
}

/*  sp-menu
------------------------------------------------*/

.pbHeaderArea .header .sp-menu span {
	background: #fff;
}

/*  right
------------------------------------------------*/

.pbHeaderArea .header .list-title a {
	position: relative;
	padding-right: 1.5em;
}
.pbHeaderArea .header .list-item:hover .list-title a {
	color: #ef6132;
}
.pbHeaderArea .header .list-title a:after {
	content: '';
	position: absolute;
	top: .6em;
	right: .2em;
	width: .4em;
	height: .4em;
	border-bottom: 2px solid #ef6132;
	border-right: 2px solid #ef6132;
	transform: rotate(45deg);
}
.pbHeaderArea .header .list-text li a:hover {
	color: #ef6132;
}
.pbHeaderArea .header .button a {
	background: #ef6132;
	border-radius: 30px;
}
.pbHeaderArea .header .button a:hover {
	background: #fff;
	color: #ef6132;
}
.pbHeaderArea .header .button a:hover:before {
	border-color: #ef6132;
}

@media screen and (max-width: 1200px) {
	.pbHeaderArea .header .list-item {
		margin-left: 0;
	}
	.pbHeaderArea .header .button {
		margin-left: 10px;
	}
}

@media screen and (max-width: 1024px) {
	.pbHeaderArea .header .right {
		background: rgba(0,0,0,.8);
	}
	.pbHeaderArea .header .list-title a:after {
		display: none;
	}
	.pbHeaderArea .header .list-text li a {
		display: block;
		padding: 3px 0;
		color: #fff;
	}
	.pbHeaderArea .header .list-text li a:hover {
		color: #fff;
	}
	.pbHeaderArea .header .button {
		margin-left: 0;
	}
}

/*========================================================================

  footer

========================================================================*/

.navigation {
	background: #000;
}
.magazine {
	background: #333;
}
.magazine .pbCorner .forTdCellCenter input {
	border-color: #000;
}
.footer {
	background: #000;
	color: #fff;
}
.footer a {
	color: #fff;
}
.footer .list li a:hover {
	color: #ef6132;
}
.footer .list li a:before {
	border-color: #ef6132;
}
.footer .sns a:hover {
	background: #ef6132;
}
.footer .copyright {
	border-top: 1px solid #333;
}

/*========================================================================

  component

========================================================================*/

/*  textbox
========================================================================*/

.base-textbox .button a {
	border-radius: 20px;
}
.base-textbox .button a:hover {
	background: #ef6132;
}
.base-textbox .button a:before {
	border-color: #ef6132;
}
.base-textbox .button a:hover:before {
	border-color: #fff;
}

/*  textbox-red
------------------------------------------------*/

.textbox-red .button a:hover {
	background: #000;
}
.textbox-red .button a:before {
	border-color: #fff;
}

/*  imagebox
========================================================================*/

.base-imagebox .button a {
	border-radius: 20px;
}
.base-imagebox .button a:hover {
	background: #ef6132;
}
.base-imagebox .button a:before {
	border-color: #ef6132;
}
.base-imagebox .button a:hover:before {
	border-color: #fff;
}

/*  imageboxR
========================================================================*/

.base-imageboxR .button a {
	border-radius: 20px;
}
.base-imageboxR .button a:hover {
	background: #ef6132;
}
.base-imageboxR .button a:before {
	border-color: #ef6132;
}
.base-imageboxR .button a:hover:before {
	border-color: #fff;
}

/*  step
========================================================================*/

.base-step .button a {
	border-radius: 20px;
}
.base-step .button a:hover {
	background: #ef6132;
}
.base-step .button a:before {
	border-color: #ef6132;
}
.base-step .button a:hover:before {
	border-color: #fff;
}

/*  point
========================================================================*/

.base-point .button a {
	border-radius: 20px;
}
.base-point .button a:hover {
	background: #ef6132;
}
.base-point .button a:before {
	border-color: #ef6132;
}
.base-point .button a:hover:before {
	border-color: #fff;
}

/*  overlap
========================================================================*/

.base-overlap .button a {
	border-radius: 20px;
}
.base-overlap .button a:hover {
	background: #ef6132;
}
.base-overlap .button a:before {
	border-color: #ef6132;
}
.base-overlap .button a:hover:before {
	border-color: #fff;
}

/*  imagelist
========================================================================*/

.base-imagelist .button a {
	border-radius: 20px;
}
.base-imagelist .button a:hover {
	background: #ef6132;
}
.base-imagelist .button a:before {
	border-color: #ef6132;
}
.base-imagelist .button a:hover:before {
	border-color: #fff;
}

/*  imagelistR
========================================================================*/

.base-imagelistR .button a {
	border-radius: 20px;
}
.base-imagelistR .button a:hover {
	background: #ef6132;
}
.base-imagelistR .button a:before {
	border-color: #ef6132;
}
.base-imagelistR .button a:hover:before {
	border-color: #fff;
}

/*  button
========================================================================*/

.base-button a {
	border-radius: 20px;
}
.base-button a:hover {
	background: #ef6132;
}
.base-button a:before {
	border-color: #ef6132;
}
.base-button a:hover:before {
	border-color: #fff;
}

/*  buttonRed
========================================================================*/

.base-buttonRed a {
	border-radius: 20px;
}

/*  largebutton
========================================================================*/

.base-largebutton a {
	border-radius: 40px;
}
.base-largebutton a:hover {
	background: #ef6132;
}
.base-largebutton a:before {
	border-color: #ef6132;
}
.base-largebutton a:hover:before {
	border-color: #fff;
}

/*  panel
========================================================================*/

.base-panel .button a {
	border-radius: 20px;
}
.base-panel .button a:hover {
	background: #ef6132;
}
.base-panel .button a:before {
	border-color: #ef6132;
}
.base-panel .button a:hover:before {
	border-color: #fff;
}

/*  colorpanel
========================================================================*/

.base-colorpanel .button a {
	border-radius: 20px;
}
.base-colorpanel .button a:hover {
	background: #ef6132;
}
.base-colorpanel .button a:before {
	border-color: #ef6132;
}
.base-colorpanel .button a:hover:before {
	border-color: #fff;
}

/*  iconpanel
========================================================================*/

.base-iconpanel .button a {
	border-radius: 20px;
}
.base-iconpanel .button a:hover {
	background: #ef6132;
}
.base-iconpanel .button a:before {
	border-color: #ef6132;
}
.base-iconpanel .button a:hover:before {
	border-color: #fff;
}

/*  videopanel
========================================================================*/

.base-videopanel .button a {
	border-radius: 20px;
}
.base-videopanel .button a:hover {
	background: #ef6132;
}
.base-videopanel .button a:before {
	border-color: #ef6132;
}
.base-videopanel .button a:hover:before {
	border-color: #fff;
}

/*  mappanel
========================================================================*/

.base-mappanel .button a {
	border-radius: 20px;
}
.base-mappanel .button a:hover {
	background: #ef6132;
}
.base-mappanel .button a:before {
	border-color: #ef6132;
}
.base-mappanel .button a:hover:before {
	border-color: #fff;
}

/*  overlappanel
========================================================================*/

.base-overlappanel .button a {
	border-radius: 20px;
}
.base-overlappanel .button a:hover {
	background: #ef6132;
}
.base-overlappanel .button a:before {
	border-color: #ef6132;
}
.base-overlappanel .button a:hover:before {
	border-color: #fff;
}

/*  mixpanel
========================================================================*/

.base-mixpanel .button a {
	border-radius: 20px;
}
.base-mixpanel .button a:hover {
	background: #ef6132;
}
.base-mixpanel .button a:before {
	border-color: #ef6132;
}
.base-mixpanel .button a:hover:before {
	border-color: #fff;
}