﻿@charset "utf-8";

html {
    font-size: initial;
    -webkit-tap-highlight-color: initial;
    font-family: initial;
    -webkit-text-size-adjust: initial;
    -ms-text-size-adjust: initial;
}

/* 色々と崩れる為、bootstrap 打ち消し */
.ac1-container-for-html-contents * {
    -webkit-box-sizing: initial !important;
    -moz-box-sizing: initial !important;
    box-sizing: initial !important;
}

.pr-sns-button {
    line-height: 1;
}

/***** 全面背景, superBanner非表示, img border削除 *****/
#wrapper .wrapperinner {
	width: 100% !important;
	margin: 0 auto;
	padding: 0px !important;
	background: #000;
	text-align: left !important;
}

.superBanner {
	display: none;
}

*:focus {
	outline: none; /* chrome */
}

/***** 要素 *****/
#pr-body {
	font-size: 15px;
	color: #fff;
	line-height: 1.7em;
	text-align: left;
	background-color: #000;
	margin-bottom: 10px;
}

strong {
	color:#FFF;
}

.content-center {
	width: 950px;
	margin: 0 auto;
	position: relative;
}

ul.pr-gnav-list,
ul.pr-fnav-img-list li a:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity = 80);
	-ms-filter: "alpha( opacity=80 )";
	-khtml-opacity: 0.8;
}

.text-center {
	text-align: center;
}

hr {
	height:2px;
	border:0;
	margin:30px 0;
	background:url(https://cdn.autoc-one.jp/static/pr/2730469/images/line.png) top center no-repeat;
}

/***** facebook, twitter *****/
.pr-sns-button {
	width: 950px;
	margin-top:12px;
	float: right;
}

.pr-sns-button .fb {
	height:20px;
	float: right;
	margin-right:10px;
}

.pr-sns-button .tw {
	float: right;
}

/***** コンテンツ *****/

/*** head ***/
p.pr-maker-logo {
	float: left;
	margin-top: 12px;
}

.index-page .pr-visual {
	height: 750px;
	background:url(https://cdn.autoc-one.jp/static/pr/2730469/images/top_head_bg.jpg) top center no-repeat;
}

.index-page .function-logo {
	margin:30px 0 0 504px;
}

.page01 .pr-visual,
.page02 .pr-visual,
.page03 .pr-visual,
.page04 .pr-visual {
	height: 454px;
}

.page01 .pr-visual {
	background:url(https://cdn.autoc-one.jp/static/pr/2730469/images/p01_head_bg.jpg) top center no-repeat;
}
.page02 .pr-visual {
	background:url(https://cdn.autoc-one.jp/static/pr/2730469/images/p02_head_bg.jpg) top center no-repeat;
}
.page03 .pr-visual {
	background:url(https://cdn.autoc-one.jp/static/pr/2730469/images/p03_head_bg.jpg) top center no-repeat;
}
.page04 .pr-visual {
	background:url(https://cdn.autoc-one.jp/static/pr/2730469/images/p04_head_bg.jpg) top center no-repeat;
}

.page01 .function-logo,
.page02 .function-logo,
.page03 .function-logo,
.page04 .function-logo {
	position: absolute;
	top: 380px;
	left: 50px;
}

/*** h1-4 ***/

.index-page .pr-h1 {
	padding-top:420px;
	margin:0 0 0  489px;
}

.page01 .pr-h1,
.page02 .pr-h1,
.page03 .pr-h1,
.page04 .pr-h1 {
	position: absolute;
}

.index-page .pr-h2 {
	margin:15px 0 0 504px;
}

.page01 .pr-h2,
.page02 .pr-h2,
.page03 .pr-h2,
.page04 .pr-h2 {
	position: absolute;
	right: 0;
	top: 350px;
}

.pr-h3 {
	width:850px;
	margin:20px auto 30px;
}

h4 {
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}

/*** text ***/

p.pr-visual-text {
	position: absolute;
	top: 194px;
	left: 50px;
}

.pr-content {
	padding: 0 0 30px;
}

.pr-content-lower {
	padding: 35px 0 20px;
}

.index-page .pr-content {
	background:url(https://cdn.autoc-one.jp/static/pr/2730469/images/top_foot_bg.jpg) bottom center no-repeat;
	padding-bottom:370px;
}

.pr-section p {
	margin-bottom:40px;
}

.page04 .pr-section p {
	margin-bottom:1.3em;
}

.page01 .pr-section,
.page02 .pr-section,
.page03 .pr-section,
.page04 .pr-section {
	line-height:2em;
	text-align: justify;
	text-justify: inter-ideograph;
}
.page01 p strong, .page02 p strong, .page03 p strong,
.naviName, h4 {
	color:#6fa9e4;
}

.pr-text-blockL {
	float: left;
	width: 606px;
}
ul.pr-img-list p {
	text-align:center;
	font-size:11px;
	margin:5px auto 10px;
}

ul.pr-credit-list {
	text-align: right;
	margin-bottom: 25px;
}

ul.pr-credit-list li {
	display: inline-block;
	margin-left: 10px;
	font-size: 13px;
}

.naviProfile {
	width:880px;
	height:219px;
	margin:0 auto 50px;
	background:url(https://cdn.autoc-one.jp/static/pr/2730469/images/navigator_bg.png) top center no-repeat;
}

.naviProfile img {
	float:left;
	margin:24px 15px 0 0;
}

.naviName {
	font-size:23px;
	font-weight:bold;
	padding:40px 0 15px 370px;	
}
.naviName-r {
	font-size:15px;
}

.naviProfile p {
	line-height:1.9em;
	text-align: justify;
	text-justify: inter-ideograph;
}

.page03 .naviProfile p {
	line-height:1.7em;
	text-align: justify;
	text-justify: inter-ideograph;
}

.lineupLink {
	background:#233e94;
	width:350px;
	margin:20px auto 40px;
	text-align:center;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.lineupLink a {
	display:block;
	color:#FFF;
	padding:10px;
}

.review-intro {
	background-color:#293764;
	padding:15px 30px;
	margin:30px auto;
	text-align: justify;
	text-justify: inter-ideograph;
}
.page04 .pr-section .naviName {
	font-weight:bold;
	font-size:15px;
	padding:0;
	margin:0;
}

/*** img ***/

p.pr-block-img {
	float: right;
}

.pr-blockR {
	float: right;
	margin-left: 20px;
}

.pr-blockL {
	float: left;
	margin-right: 20px;
}
.img-L{
	float:left;
}
img.pr-block-img {
	width: 400px;
}

img.pr-block-small-img {
	width: 320px;
}

img.pr-block-medium-img {
	width: 350px;
}

ul.pr-small-img-list li {
	float: left;
	margin-right: 12px;
}

ul.pr-small-img-list li.li-last {
	margin-right: 0;
}

ul.pr-small-img-list li a img {
	width: 194px;
}

ul.pr-img-list li {
	float: left;
	margin-right: 10px;
}

ul.pr-img-list li a {
	display: block;
}

ul.pr-img-list li a img {
	width: 230px;
}

ul.pr-img-list li.li-last {
	margin-right: 0;
}

.next-page {
	width:850px;
	margin:40px auto 0;
}

.sponsor {
	margin:40px auto 0;
	text-align:right;
}

.page02 a.cboxElement .gal img {
	float:left;
}

/***** pr-gnav, pr-fnav *****/
.pr-footer {
	margin:0 auto 40px;
}

/* index */

.index-page ul.pr-fnav-list li,
.index-page ul.pr-fnav-list li a,
.index-page ul.pr-fnav-list li a on {
  display: block;
  height: 284px;
  overflow: hidden;
  background-image:url(https://cdn.autoc-one.jp/static/pr/2730469/images/nav_top.jpg);
  margin-bottom:40px;
}

.index-page ul.pr-fnav-list li.nav1 a { width:237px; background-position: 0 0;}
.index-page ul.pr-fnav-list li.nav2 a { width:238px; background-position: -237px 0;}
.index-page ul.pr-fnav-list li.nav3 a { width:238px; background-position: -475px 0;}
.index-page ul.pr-fnav-list li.nav4 a { width:237px; background-position: -713px 0;}
	
.index-page ul.pr-fnav-list li.nav1.on, .index-page ul.pr-fnav-list li.nav1 a:hover { width:237px; background-position: 0 -284px;}
.index-page ul.pr-fnav-list li.nav2.on, .index-page ul.pr-fnav-list li.nav2 a:hover { width:238px; background-position: -237px -284px;}
.index-page ul.pr-fnav-list li.nav3.on, .index-page ul.pr-fnav-list li.nav3 a:hover { width:238px; background-position: -475px -284px;}
.index-page ul.pr-fnav-list li.nav4.on, .index-page ul.pr-fnav-list li.nav4 a:hover { width:237px; background-position: -713px -284px;}

/* head */

ul.pr-gnav-list {
	float: right;
}
ul.pr-gnav-list li {
    float: left;
}
ul.pr-gnav-list li,
ul.pr-gnav-list li a,
ul.pr-gnav-list li a on {
  display: block;
  height: 81px;
  overflow: hidden;
  background-image:url(https://cdn.autoc-one.jp/static/pr/2730469/images/nav.png);
}
ul.pr-gnav-list li.nav1 a { width:144px; background-position: 0 0;}
ul.pr-gnav-list li.nav2 a { width:143px; background-position: -144px 0;}
ul.pr-gnav-list li.nav3 a { width:143px; background-position: -287px 0;}
ul.pr-gnav-list li.nav4 a { width:144px; background-position: -430px 0;}

ul.pr-gnav-list li.nav1.on, ul.pr-gnav-list li.nav1 a:hover { width:144px; background-position: 0 -81px;}
ul.pr-gnav-list li.nav2.on, ul.pr-gnav-list li.nav2 a:hover { width:143px; background-position: -144px -81px;}
ul.pr-gnav-list li.nav3.on, ul.pr-gnav-list li.nav3 a:hover { width:143px; background-position: -287px -81px;}
ul.pr-gnav-list li.nav4.on, ul.pr-gnav-list li.nav4 a:hover { width:144px; background-position: -430px -81px;}

/* foot */

.pr-fnav-bg {
	height:200px;
	margin:0 auto;
	background-color:#d8d8d8;
}
ul.pr-fnav-list {
	width:100%;
	height:200px;
}
ul.pr-fnav-list li {
	float: left;
}

ul.pr-fnav-list li,
ul.pr-fnav-list li a,
ul.pr-fnav-list li a on {
  display: block;
  height: 284px;
  overflow: hidden;
  background-image:url(https://cdn.autoc-one.jp/static/pr/2730469/images/f_nav.jpg);
  margin-bottom:40px;
}

ul.pr-fnav-list li.nav1 a { width:190px; background-position: 0 0;}
ul.pr-fnav-list li.nav2 a { width:190px; background-position: -190px 0;}
ul.pr-fnav-list li.nav3 a { width:190px; background-position: -380px 0;}
ul.pr-fnav-list li.nav4 a { width:190px; background-position: -570px 0;}
ul.pr-fnav-list li.nav5 a { width:190px; background-position: -760px 0;}
	
ul.pr-fnav-list li.nav1.on, ul.pr-fnav-list li.nav1 a:hover { width:190px; background-position: 0 -284px;}
ul.pr-fnav-list li.nav2.on, ul.pr-fnav-list li.nav2 a:hover { width:190px; background-position: -190px -284px;}
ul.pr-fnav-list li.nav3.on, ul.pr-fnav-list li.nav3 a:hover { width:190px; background-position: -380px -284px;}
ul.pr-fnav-list li.nav4.on, ul.pr-fnav-list li.nav4 a:hover { width:190px; background-position: -570px -284px;}
ul.pr-fnav-list li.nav5.on, ul.pr-fnav-list li.nav5 a:hover { width:190px; background-position: -760px -284px;}