/*##########################################


	ページ設定


##########################################*/
#wrapper{
	width: 750px;
	margin: 0 auto;
}

#aceservice {
	font-size: 14px;
	font-weight: normal;
	font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	color: #181A1A;
	line-height: 1.7em;
	vertical-align: baseline;
	width: 780px;
	margin: 0 10px 60px 0;
}

#aceservice div, p, span, ul, li, a, table, caption, tr, th, td, h1, h2, h3 {
	margin: 0;
	padding: 0;
}

#aceservice li {
    list-style: none;
}


/*================================
  main
================================*/
#aceservice a {
	transition: all .2s;
}
#aceservice a,
#aceservice a:hover {
	color: #000;
    text-decoration: none;
}
#aceservice .btn_ {
	display: block;
	width: 360px;
	margin: 0 auto;
	background: #840012;
	text-align: center;
	color: #fff;
	font-size: 16px;
	border-radius: 3px;
	padding: 14px 0 12px;
	transition: all .2s;
	font-weight: bold;
}
#aceservice .btn_:hover {
	color: #fff;
	opacity: .85;
}
#aceservice .breadcrumb_ {
	display: flex;
	margin: 5px 0 0;
}
#aceservice .breadcrumb_ a {
	position: relative;
	padding: 0 13px 0 0;
	margin: 0 8px 0 0;
}
#aceservice .breadcrumb_ a:before,
#aceservice .breadcrumb_ a:after {
	content: '';
	position: absolute;
	right: 0;
	width: 5px;
	height: 1px;
	background: #181A1A;
}
#aceservice .breadcrumb_ a:before {
	top: 9px;
	transform: rotate(45deg);
}
#aceservice .breadcrumb_ a:after {
	bottom: 10px;
	transform: rotate(-45deg);
}
#aceservice .mv_ {
	margin: 0 0 80px;
}
#aceservice .use_ {
	margin: 0 0 80px;
}
#aceservice .use_ h2,
#aceservice .series_ h2 {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	font-weight: bold;
	margin: 0 0 25px;
}
#aceservice .use_ h2 span,
#aceservice .series_ h2 span {
	color: #fff;
	font-size: 16px;
	padding: 10px 25px 9px;
	background: #181A1A;
	border-radius: 100px;
	margin: 0 15px 0 0;
}
#aceservice .use_ .ex_ {
	position: relative;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding: 0 0 28px;
	margin: 0 0 50px;
}
#aceservice .use_ .ex_:before,
#aceservice .use_ .ex_:after {
	content: '';
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	width: 30px;
	height: 1px;
	background: #959EA7;
}
#aceservice .use_ .ex_:before {
	transform: rotate(45deg);
	left: -21px;
}
#aceservice .use_ .ex_:after {
	transform: rotate(-45deg);
	right: -21px;
}
#aceservice .use_ ul {
	display: flex;
	margin: 0 0 40px;
}
#aceservice .use_ ul li {
	width: 260px;
	border-right: 1px solid #CDCDCD;
	padding: 0 25px 0 0;
	margin: 0 25px 0 0;
	text-align: center;
}
#aceservice .use_ ul li:last-child {
	border: 0;
	padding: 0;
	margin: 0;
}
#aceservice .use_ ul li h3 {
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 12px;
}
#aceservice .use_ ul li .recommend_ {
	background: #F5F5F5;
	padding: 15px 18px;
	margin: 0 0 30px;
	height: 145px;
	box-sizing: border-box;
	text-align: left;
}
#aceservice .use_ ul li a {
	display: block;
}
#aceservice .use_ ul li a:hover {
	opacity: .85;
}
#aceservice .use_ ul li img {
	margin: 0 0 28px;
}
#aceservice .use_ ul li .name_ {
	margin: 0 0 8px;
}
#aceservice .use_ ul li .default_ {
	display: flex;
	align-items: center;
	margin: 0 10px 3px;
}
#aceservice .use_ ul li .label_ {
	font-size: 10px;
	line-height: 1;
	padding: 6px 10px 4px;
	margin: 0 10px 0 0;
}
#aceservice .use_ ul li .default_ .label_ {
	background: #F5F5F5;
}
#aceservice .use_ ul li .default_ p {
	text-decoration: line-through;
}
#aceservice .use_ ul li .sale_ {
	display: flex;
	align-items: center;
	margin: 0 10px;
}
#aceservice .use_ ul li .sale_ .label_ {
	background: #D50000;
	color: #fff;
}
#aceservice .use_ ul li .sale_ p {
	color: #D50000;
	font-weight: bold;
}
#aceservice .use_ ul li .sale_ p span {
	font-size: 20px;
}
#aceservice .series_ {
	margin: 0 0 80px;
}
#aceservice .series_ ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 40px;
}
#aceservice .series_ ul li {
	width: 260px;
}

/* プロテカ レクト */

#rect {
	background: #E76134;
}
#rect .color_ span:nth-child(1) {
	background: #464E51;
}
#rect .color_ span:nth-child(2) {
	background: #316733;
}
#rect .color_ span:nth-child(3) {
	background: #CA4826;
}
#rect .color_ span:nth-child(4) {
	background: #83ADBB;
}

/* プロテカ エキノックスライトα */

#eqla {
	background: #5C9994;
}
#eqla .color_ span:nth-child(1) {
	background: #464E51;
}
#eqla .color_ span:nth-child(2) {
	background: #354979;
}
#eqla .color_ span:nth-child(3) {
	background: #7B1221;
}
#eqla .color_ span:nth-child(4) {
	background: #7EB0AF;
}

/* プロテカ フラクティ */

#flucty {
	background: #362A28;
}
#flucty .color_ span:nth-child(1) {
	background: #3F3733;
}
#flucty .color_ span:nth-child(2) {
	background: #27314A;
}
#flucty .color_ span:nth-child(3) {
	background: #E0DFDA;
}
#flucty .color_ span:nth-child(4) {
	background: #6997AC;
}
#flucty .color_ span:nth-child(5) {
	background: #CA4826;
}

/* プロテカ スタリアEX */

#stariaex {
	background: #522640;
}
#stariaex .color_ span:nth-child(1) {
	background: #3D4248;
}
#stariaex .color_ span:nth-child(2) {
	background: #5A2C36;
}
#stariaex .color_ span:nth-child(3) {
	background: #8E9293;
}

/* プロテカ ポケットライナー */

#pocketliner {
	background: #FA5738;
}
#pocketliner .color_ span:nth-child(1) {
	background: #2A2C32;
}
#pocketliner .color_ span:nth-child(2) {
	background: #1F2C44;
}
#pocketliner .color_ span:nth-child(3) {
	background: #CC6338;
}

/* オービター オービター4 */

#orbiter4 {
	background: #568000;
}
#orbiter4 .color_ span:nth-child(1) {
	background: #006DB6;
}
#orbiter4 .color_ span:nth-child(2) {
	background: #8EAE00;
}
#orbiter4 .color_ span:nth-child(3) {
	background: #F02989;
}
#orbiter4 .color_ span:nth-child(4) {
	background: #EF641D;
}

/* ハンド マイン  */

#main {
	background: #CEB3A3;
}
#main .color_ span:nth-child(1) {
	background: #0E0E0F;
}
#main .color_ span:nth-child(2) {
	background: #E8D2C4;
}
#main .color_ span:nth-child(3) {
	background: #F46B17;
}

/* プロテカ マックスパスH2s */

#maxpassh2s {
	background: #142E46;
}
#maxpassh2s .color_ span:nth-child(1) {
	background: #000000;
}
#maxpassh2s .color_ span:nth-child(2) {
	background: #3D4248;
}
#maxpassh2s .color_ span:nth-child(3) {
	background: #5A2C36;
}
#maxpassh2s .color_ span:nth-child(4) {
	background: #8E9293;
}

/* オロビアンコ ARZILLO  */

#arzillo {
	background: #5B5A5B;
}
#arzillo .color_ span:nth-child(1) {
	background: #1C305A;
}
#arzillo .color_ span:nth-child(2) {
	background: #115253;
}
#arzillo .color_ span:nth-child(3) {
	background: #AAA9A9;
}
#arzillo .color_ span:nth-child(4) {
	background: #781622;
}

#aceservice .series_ ul li a {
	position: relative;
	display: block;
	padding: 40px 15px 15px;
	text-align: center;
}
#aceservice .series_ ul li a:hover {
	opacity: .8;
}
#aceservice .series_ ul li .head_ {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(24, 26, 26, .4);
	color: #fff;
	font-weight: bold;
	width: 60px;
	height: 60px;
}
#aceservice .series_ ul li .img_ {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 236px;
	margin: 0 0 20px;
}
#aceservice .series_ ul li .img_ img {
	height: 236px;
}
#aceservice .series_ ul li .color_ {
	display: flex;
	justify-content: center;
	margin: 0 0 23px;
}
#aceservice .series_ ul li .color_ span {
	width: 12px;
	height: 12px;
	border-radius: 10px;
	margin: 0 12px;
}
#aceservice .series_ ul li .item_ {
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	margin: 0 0 10px;
}
#aceservice .series_ ul li .item_ + p {
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 15px;
	text-align: left;
}
#aceservice .series_ ul li:nth-child(n + 4) .item_ + p {
	height: 72px;
}
#aceservice .series_ ul li .info_ {
	background: rgba(255, 255, 255, .9);
	padding: 13px 15px 10px;
	text-align: left;
}
#aceservice .series_ ul li .info_ > div {
	display: flex;
	align-items: center;
}
#aceservice .series_ ul li .info_ > div:not(.sale_) {
	margin: 0 0 5px;
}
#aceservice .series_ ul li .info_ .label_ {
	background: #fff;
	text-align: center;
	width: 60px;
	margin: 0 10px 0 0;
	font-size: 10px;
	line-height: 1;
	padding: 6px 0 4px;
}
#aceservice .series_ ul li .info_ .sale_ .label_ {
	color: #fff;
	background: #D50000;
}
#aceservice .series_ ul li .info_ p {
	color: #181A1A;
}
#aceservice .series_ ul li .info_ .capacity_ p {
	font-size: 12px;
}
#aceservice .series_ ul li .info_ .default_ p {
	text-decoration: line-through;
}
#aceservice .series_ ul li .info_ .sale_ p {
	color: #D50000;
	font-weight: bold;
}
#aceservice .series_ ul li .info_ .sale_ p span {
	font-size: 20px;
}
#aceservice .service_ {
	padding: 58px 15px 67px;
	background: url(../img/bg_service.png) no-repeat center top;
}
#aceservice .service_ h2 {
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 20px;
}
#aceservice .service_ h2 p {
	font-size: 18px;
	padding: 13px 0 0;
}
#aceservice .service_ .point_ {
	display: flex;
	justify-content: space-between;
	width: 420px;
	margin: 0 auto 40px;
}
#aceservice .service_ .point_ p {
	width: 200px;
	border: 1px solid #fff;
	border-radius: 100px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 9px 0 6px;
}
#aceservice .service_ ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 40px;
}
#aceservice .service_ ul li {
	display: flex;
	align-items: center;
	background: #fff;
	border-radius: 4px;
	margin: 0 0 10px;
	padding: 0 10px 0 15px;
	height: 98px;
}
#aceservice .service_ ul li:nth-child(odd) {
	width: 275px;
	margin-right: 10px;
}
#aceservice .service_ ul li:nth-child(even) {
	width: 408px;
}
#aceservice .service_ ul li:nth-last-child(1),
#aceservice .service_ ul li:nth-last-child(2) {
	margin-bottom: 0;
}
#aceservice .service_ ul li p {
	color: #3B4043;
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	padding: 6px 0 6px 55px;
	background: url(../img/img_check.png) no-repeat left center;
}
#aceservice .service_ ul li p span {
	font-size: 16px;
}
#aceservice .howto_ {
	padding: 65px 15px;
	background: #F5F5F5;
}
#aceservice .howto_ h2 {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 25px;
}
#aceservice .howto_ ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 30px;
}
#aceservice .howto_ ul li {
	width: 140px;
	height: 255px;
	padding: 115px 10px 0;
	box-sizing: border-box;
}
#aceservice .howto_ ul li:nth-child(1) {
	background: #fff url(../img/img_flow01.png) no-repeat center top 32px;
}
#aceservice .howto_ ul li:nth-child(2) {
	background: #fff url(../img/img_flow02.png) no-repeat center top 32px;
}
#aceservice .howto_ ul li:nth-child(3) {
	background: #fff url(../img/img_flow03.png) no-repeat center top 32px;
}
#aceservice .howto_ ul li:nth-child(4) {
	background: #fff url(../img/img_flow04.png) no-repeat center top 32px;
}
#aceservice .howto_ ul li:nth-child(5) {
	margin: 0;
	background: #fff url(../img/img_flow05.png) no-repeat center top 32px;
}
#aceservice .howto_ ul li h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 15px;
	text-align: center;
}
#aceservice .howto_ ul li p {
	line-height: 20px;
}
#aceservice .contact_ {
	background: #1D2021;
	color: #fff;
	padding: 65px 70px;
}
#aceservice .contact_ h2 {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 30px;
}
#aceservice .contact_ h2 + p {
	font-size: 12px;
	text-align: center;
	margin: 0 0 30px;
}
#aceservice .contact_ .inner_ {
	padding: 32px 30px 0;
	border-top: 1px dotted #fff;
}
#aceservice .contact_ .caution_ {
	color: #53ACAC;
	margin: 0 0 15px;
}
#aceservice .contact_ .tel_ {
	margin: 0 0 5px;
	overflow: hidden;
	font-weight: bold;
}
#aceservice .contact_ .tel_ .num_ {
	float: left;
	font-size: 20px;
	padding: 0 0 0 30px;
	background: url(../img/icon_tel.png) no-repeat left center;
}
#aceservice .contact_ .tel_ span {
	font-size: 13px;
}
#aceservice .contact_ .tel_ p {
	clear: both;
	font-size: 12px;
	margin: 0 0 0 30px;
}
#aceservice .contact_ .mail_ {
	font-size: 20px;
	padding: 0 0 0 30px;
	margin: 0 0 30px;
	font-weight: bold;
	background: url(../img/icon_mail.png) no-repeat left center;
}
#aceservice .contact_ .mail_ + p {
	font-size: 12px;
	line-height: 20px;
}