/*##########################################


	ページ設定


##########################################*/

body {
	font-size: 14px;
	color: #181A1A;
	line-height: 22px;
	font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	background-color: #FFFFFF;
	min-width: 320px;
}

#aceservice {
	width: 100%;
	margin: 0 0 20px 0;
	overflow-x: hidden;
}

#aceservice div, p, span, ul, li, a, table, caption, tr, th, td, h1, h2, h3 {
	margin: 0;
	padding: 0;
}

#aceservice img {
	max-width: 100%;
	max-height: none !important;
}

#aceservice a {
    color: #000;
    text-decoration: none;
}

#aceservice li {
    list-style: none;
}


/*================================
  main
================================*/
#aceservice .breadcrumb_ {
	margin: 0 5px;
}
#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: 7px;
	transform: rotate(45deg);
}
#aceservice .breadcrumb_ a:after {
	bottom: 8px;
	transform: rotate(-45deg);
}
#aceservice .mv_ {
	margin: 0 0 65px;
}
#aceservice .use_ {
	padding: 0 20px;
	margin: 0 0 100px;
}
#aceservice h2 {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 25px;
}
#aceservice h2 span {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background: #181A1A;
	border-radius: 100px;
	padding: 10px 25px 9px;
	margin: 0 0 15px;
}
#aceservice .use_ .ex_ {
	position: relative;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding: 0 0 28px;
	margin: 0 0 45px;
}
#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 {
	margin: 0 0 40px;
}
#aceservice .use_ li {
	padding: 0 0 25px;
	margin: 0 0 25px;
	border-bottom: 1px solid #CDCDCD;
}
#aceservice .use_ li:last-child {
	margin: 0;
}
#aceservice .use_ li h3 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 15px;
}
#aceservice .use_ li .recommend_ {
	background: #F5F5F5;
	padding: 15px 20px;
	margin: 0 0 15px;
}
#aceservice .use_ li a {
	display: flex;
}
#aceservice .use_ li a .img_ {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 140px;
	margin: 0 20px 0 0;
}
#aceservice .use_ li:nth-child(1) a .img_ img {
	width: 66px;
}
#aceservice .use_ li:nth-child(2) a .img_ img {
	width: 70px;
}
#aceservice .use_ li:nth-child(3) a .img_ img {
	width: 59px;
}
#aceservice .use_ li a .detail_ {
	width: calc(100% - 140px - 20px);
}
#aceservice .use_ li a .detail_ .name_ {
	margin: 0 0 10px;
}
#aceservice .use_ li a .detail_ .default_ {
	display: flex;
	align-items: center;
	margin: 0 0 10px;
}
#aceservice .use_ li a .detail_ .label_ {
	font-size: 10px;
	line-height: 12px;
	background: #F5F5F5;
	padding: 4px 6px 3px;
	margin: 0 10px 0 0;
}
#aceservice .use_ li a .detail_ .default_ p {
	text-decoration: line-through;
}
#aceservice .use_ li a .detail_ .sale_ {
	display: flex;
	align-items: center;
}
#aceservice .use_ li a .detail_ .sale_ .label_ {
	color: #fff;
	background: #D50000;
}
#aceservice .use_ li a .detail_ .sale_ p {
	color: #D50000;
	font-weight: bold;
}
#aceservice .use_ li a .detail_ .sale_ p .price_ {
	font-size: 20px;
}
#aceservice .btn_ {
	display: block;
	background: #840012;
	text-align: center;
	color: #fff;
	font-size: 16px;
	border-radius: 3px;
	padding: 14px 0 12px;
	transition: all .2s;
	font-weight: bold;
}
#aceservice .series_ {
	margin: 0 0 60px;
}
#aceservice .series_ ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 40px;
}
#aceservice .series_ li {
	width: 50%;
}

/* プロテカ レクト */

#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_ li a {
	position: relative;
	display: block;
	padding: 22px 14px 15px;
}
#aceservice .series_ li .head_ {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(24, 26, 26, .4);
	width: 50px;
	height: 50px;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	font-weight: bold;
}
#aceservice .series_ li .img_ {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 170px;
	margin: 0 0 25px;
}
#aceservice .series_ li .img_ img {
	height: 170px;
}
#aceservice .series_ li:last-child .img_ img {
	height: 123px;
}
#aceservice .series_ li .color_ {
	display: flex;
	justify-content: center;
	margin: 0 0 25px;
}
#aceservice .series_ li .color_ span {
	width: 12px;
	height: 12px;
	border-radius: 10px;
	margin: 0 7px;
}
#aceservice .series_ li .item_ {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 10px;
	box-sizing: border-box;
}
#aceservice .series_ li .item_ + p {
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 10px;
}
#aceservice .series_ li .info_ {
	padding: 7px;
	background: rgba(255, 255, 255, .9);
	box-sizing: border-box;
}
#aceservice .series_ li .info_ > div {
	display: flex;
	align-items: flex-start;
}
#aceservice .series_ li .info_ > div:not(:last-child) {
	margin: 0 0 10px;
}
#aceservice .series_ li .info_ .label_ {
	background: #fff;
	width: 50px;
	text-align: center;
	font-size: 10px;
	line-height: 1;
	padding: 6px 0 4px;
	margin: 0 8px 0 0;
}
#aceservice .series_ li .info_ .sale_ .label_ {
	color: #fff;
	background: #D50000;
}
#aceservice .series_ li .info_ .capacity_ p {
	width: calc(100% - 58px);
	font-size: 12px;
}
#aceservice .series_ li .info_ .default_ p {
	width: calc(100% - 58px);
	font-size: 12px;
	text-decoration: line-through;
}
#aceservice .series_ li .info_ .sale_ p {
	width: calc(100% - 58px);
	color: #D50000;
	font-weight: bold;
}
#aceservice .series_ li .info_ .sale_ p .price_ {
	display: block;
	font-size: 4.8vw;
	letter-spacing: -0.3px;
}
#aceservice .series_ .btn_ {
	margin: 0 20px;
}
#aceservice .service_ {
	padding: 60px 20px;
	background: url(../../sp/img/bg_service.png) no-repeat center top / cover;
}
#aceservice .service_ h2 {
	color: #fff;
	margin: 0 0 20px;
}
#aceservice .service_ h2 p {
	font-size: 18px;
	margin: 7px 0 0;
}
#aceservice .service_ .point_ {
	display: flex;
	justify-content: space-between;
	margin: 0 0 17px;
}
#aceservice .service_ .point_ p {
	width: calc((100% - 12px) / 2);
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	border: 1px solid #fff;
	border-radius: 100px;
	text-align: center;
	padding: 5px 0 2px;
}
#aceservice .service_ ul {
	margin: 0 0 40px;
}
#aceservice .service_ li {
	border-radius: 4px;
	background: rgba(255, 255, 255, .9);
	margin: 0 0 5px;
	padding: 12px 15px;
}
#aceservice .service_ li p {
	display: flex;
	flex-flow: column;
	justify-content: center;
	min-height: 32px;
	color: #3B4043;
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 0 42px;
	background: url(../../sp/img/img_check.png) no-repeat left center / 32px;
}
#aceservice .service_ li p span {
	font-size: 11px;
}
#aceservice .service_ li:last-child {
	margin: 0;
}
#aceservice .howto_ {
	padding: 60px 20px;
	background: #F5F5F5;
}
#aceservice .howto_ ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 40px;
}
#aceservice .howto_ ul li {
	background: #fff;
	padding: 93px 16px 20px;
	box-sizing: border-box;
	width: calc((100% - 10px) / 2);
	margin: 0 0 10px;
}
#aceservice .howto_ ul li:nth-child(1) {
	background: #fff url(../../sp/img/img_flow01.png) no-repeat center top 30px / 52px;
}
#aceservice .howto_ ul li:nth-child(2) {
	background: #fff url(../../sp/img/img_flow02.png) no-repeat center top 30px / 34px;
}
#aceservice .howto_ ul li:nth-child(3) {
	background: #fff url(../../sp/img/img_flow03.png) no-repeat center top 30px / 43px;
}
#aceservice .howto_ ul li:nth-child(4) {
	background: #fff url(../../sp/img/img_flow04.png) no-repeat center top 30px / 40px;
}
#aceservice .howto_ ul li:nth-child(5) {
	margin: 0;
	background: #fff url(../../sp/img/img_flow05.png) no-repeat center top 30px/ 72px;
}
#aceservice .howto_ ul li h3 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 15px;
}
#aceservice .howto_ ul li p {
	font-size: 14px;
	line-height: 18px;
}
#aceservice .contact_ {
	padding: 60px 20px;
	background: #1D2021;
	color: #fff;
}
#aceservice .contact_ h2 {
	margin: 0 0 30px;
}
#aceservice .contact_ h2 + p {
	margin: 0 0 20px;
}
#aceservice .contact_ .inner_ {
	padding: 20px 0 0;
	border-top: 1px dotted #fff;
}
#aceservice .contact_ .caution_ {
	color: #53ACAC;
	line-height: 20px;
	margin: 0 0 15px;
}
#aceservice .contact_ .tel_ {
	margin: 0 0 8px;
}
#aceservice .contact_ .tel_ .num_ {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 2px;
	padding: 0 0 0 30px;
	background: url(../../sp/img/icon_tel.png) no-repeat left center / 21px;
}
#aceservice .contact_ .tel_ span,
#aceservice .contact_ .tel_ p {
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 0 28px;
}
#aceservice .contact_ .mail_ {
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 0 30px;
	margin: 0 0 25px;
	background: url(../../sp/img/icon_mail.png) no-repeat left center / 19px;
	letter-spacing: -0.5px;
}
#aceservice .contact_ .mail_ a {
	color: #fff;
}
#aceservice .contact_ .mail_ + p {
	font-size: 12px;
	line-height: 22px;
}

.menseki {
	margin: 0 20px 20px;
}