@charset "utf-8";
#pr-body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.content-center {
    width: 950px;
    margin: 0 auto;
    position: relative;
}
.pr-sns-button {
    position: absolute;
    top: 8px;
    right: 0;
    background: rgba(255,255,255,0.7);
    border-radius: 4px;
    padding: 10px 15px 2px;
}
.pr-sns-button .fb {
	height: 20px;
	float: right;
	margin-right: 10px;
	line-height: 1.0;
}
.pr-sns-button .tw {
	float: right;
}
a img:hover{
	opacity:0.8;
}
.index-page .pr-visual {
    background: url(https://cdn.autoc-one.jp/static/article-assets/special/3486284/images/main_bg.jpg) no-repeat center top, #e4f7ea;
    height: 485px;
	border-top:8px solid #ffe100;
}
.index-page .pr-visual h1 {
    position: absolute;
    right: 0;
    top: 135px;
}
.pr-visual .dunlop-logo {
    /* background: #ffe100; */
    width:208px;
    height:50px;
    /* border-radius:0 0 10px 10px; */
}
.pr-visual .dunlop-logo img {
    margin: 10px 0 0 0;
}
.pr-gnav{
	width:100%;
	height:75px;
	background:#000;
	position:absolute;
	bottom:0;
}
.pr-gnav ul.pr-gnav-list{
	width:750px;
	float:right;
}
.pr-gnav .pr-gnav-inner{
	width:950px;
	margin:0 auto;
}
ul.pr-gnav-list li {
    background-image: url(https://cdn.autoc-one.jp/static/article-assets/special/3486284/images/gnav.png) ;
    background-repeat: no-repeat;
	height:75px;
	width:150px;
	float:left;
	display:block;
	cursor:pointer;
}
ul.pr-gnav-list li.on {
cursor:inherit;
}
ul.pr-gnav-list li a {
	cursor:pointer;
	height:75px;
	width:150px;
	display:block;
}
ul.pr-gnav-list li.nav1 {
    background-position: -203px 0;
}
ul.pr-gnav-list li.nav1:hover, ul.pr-gnav-list li.nav1.on {
    background-position: -203px -75px;
}

ul.pr-gnav-list li.nav2 {
    background-position: -351px 0;
}
ul.pr-gnav-list li.nav2:hover, ul.pr-gnav-list li.nav2.on {
    background-position: -351px -75px;
}

ul.pr-gnav-list li.nav3 {
    background-position: -499px 0;
}
ul.pr-gnav-list li.nav3:hover, ul.pr-gnav-list li.nav3.on {
    background-position: -499px -75px;
}

ul.pr-gnav-list li.nav4 {
    background-position: -648px 0;
}
ul.pr-gnav-list li.nav4:hover, ul.pr-gnav-list li.nav4.on {
    background-position: -648px -75px;
}

ul.pr-gnav-list li.nav5 {
    background-position: -797px 0;
}
ul.pr-gnav-list li.nav5:hover, ul.pr-gnav-list li.nav5.on {
    background-position: -797px -75px;
}

.index-page .product-img{
	position:absolute;
top: 70px;
    left: 0;
    z-index: 2;
}

.top-movie-block{
background:url(https://cdn.autoc-one.jp/static/article-assets/special/3486284/images/top_movie_bg.jpg) no-repeat;
background-size:cover;
padding:0 0 80px;
}

.top-h2 {
background:url(https://cdn.autoc-one.jp/static/article-assets/special/3486284/images/h2_bg.png) repeat-x;
height:165px;
position:relative;
margin:0 0 50px;
}

.top-h2:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -15px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #0ec59a transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}
/* .h2-wrap{
  height: 100%;
  background: rgba(255,255,255,0.5);
}*/

.top-h2 h2{
	font-size:32px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	line-height:48px;
	padding:30px 0 0;
}

.top-h2 h2 span{
	font-size:36px;
	color:#ffe100;
}

.top-movie {
	width:740px;
	margin:0 auto;
	-webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,.25);
  -moz-box-shadow: 0 0 50px 0 rgba(0,0,0,.25);
  box-shadow: 0 0 50px 0 rgba(0,0,0,.25);
}

.top-block1{
	background:url(https://cdn.autoc-one.jp/static/article-assets/special/3486284/images/top_block1_bg.jpg) bottom no-repeat,#e4f7ea;
	padding:50px 0 60px;
		background-size: 100%;
}

.text-block{
	width:950px;
	margin:0 auto;
	padding:20px;
}

.text-block p{
	font-size:16px;
	line-height:26px;
}
.text-block p span{
	color:#006d2c;
	font-weight:bold;
}

.text-block .photo ul li{
	float:left;
	margin:0 10px 0 0;
	width:calc(889px / 3);
}
.text-block .photo ul li:last-child{
	margin:0;
}
.text-block .photo ul li img{
	width:100%;
}

.impression-box h3{
	font-size:24px;
	font-weight:bold;
	color:#006d2c;
	text-align:center;
	position:relative;
	margin:0 0 65px;
}
.impression-box h3:after{
	content:url(https://cdn.autoc-one.jp/static/article-assets/special/3486284/images/imp_arrow.png);
	position:absolute;
	bottom:-50px;
	left:0;
	right:0;
	margin:auto;
}

.impression-box {
	width:890px;
	margin:0 auto;
}

.impression-box ul li{
	float:left;
	margin:0 15px 0 0;
}
.impression-box ul li:last-child{
	margin:0;
}

.name{
	background:#000;
	width:100%;
	height:40px;
}

.name p{
	width:950px;
	margin:0 auto;
	text-align:right;
	color:#ffe100;
	font-size:16px;
	line-height:40px;
}

.top-product-h2{
width:100%;
height:190px;
background:url(https://cdn.autoc-one.jp/static/article-assets/special/3486284/images/top_product_h2_bg.png) center no-repeat, #252525;
position:relative;
margin:0 0 50px;
}

.top-product-h2 h2{
width:208px;
height:95px;
display:block;
margin:auto;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}

.top-block2{
background:#0cd2af;
padding:0 0 50px;
}

.top-block3{
padding:30px 0;
background:url(https://cdn.autoc-one.jp/static/article-assets/special/3486284/images/top_block3_bg.jpg) no-repeat;
background-size:cover;
}
.sponsored-by{
background:#FFE100;
width:100%;
padding:5px 0;
}
.sponsored-by p{
font-size:16px;
font-weight:bold;
}
.footer-nav{
	background:url(https://cdn.autoc-one.jp/static/article-assets/special/3486284/images/top_block1_bg.jpg) bottom no-repeat;
	padding:40px 0 50px;
	background-size: 100%;
}
.footer-nav ul li {
    background-image: url(https://cdn.autoc-one.jp/static/article-assets/special/3486284/images/footer_nav.png) ;
    background-repeat: no-repeat;
	height:252px;
	width:180px;
	margin:0 12.5px 0 0;
	float:left;
	display:block;
	cursor:pointer;
}
.footer-nav ul li:last-child {
margin:0;
}
.footer-nav ul li.on {
cursor:inherit;
}
.footer-nav ul li a {
	cursor:pointer;
	height:252px;
	width:180px;
	display:block;
}
.footer-nav ul li.nav1 {
    background-position: 0 0;
}
.footer-nav ul li.nav1:hover, .footer-nav ul li.nav1.on {
    background-position: 0 -253px;
}

.footer-nav ul li.nav2 {
    background-position:-193px 0;
}
.footer-nav ul li.nav2:hover, .footer-nav ul li.nav2.on {
    background-position: -193px -253px;
}

.footer-nav ul li.nav3 {
    background-position: -386px 0;
}
.footer-nav ul li.nav3:hover, .footer-nav ul li.nav3.on {
    background-position: -386px -253px;
}

.footer-nav ul li.nav4 {
    background-position: -577px 0;
}
.footer-nav ul li.nav4:hover,.footer-nav ul li.nav4.on {
    background-position: -577px -253px;
}

.footer-nav ul li.nav5 {
    background-position: -770px 0;
}
.footer-nav ul li.nav5:hover, .footer-nav ul li.nav5.on {
    background-position: -770px -253px;
}
.pr-banner{
width: 100%;
    padding: 50px 0;
    background: #f0f0f0;
    margin: 0 0 20px;
}

/***** page01 *****/
.page01 .pr-visual {
    background: url(https://cdn.autoc-one.jp/static/article-assets/special/3486284/images/page01_bg.jpg) no-repeat center top, #e4f7ea;
    height: 400px;
	border-top:8px solid #ffe100;
}
.page01 .pr-visual h1 {
    position: absolute;
    right: -10px;
    top: 60px;
}
.page .product-img{
	position:absolute;
	top: 60px;
    left: 20px;
    z-index: 2;
}

.page .product-img img{
	width:160px;
	height:auto;
}

.index-page .top-icon {
    position: absolute;
    top: 340px;
    left: 200px;
    z-index: 2;
}

.page .top-icon{
	position:absolute;
	top: 250px;
    left:190px;
    z-index: 2;
}

.page01-movie-block{
background:url(https://cdn.autoc-one.jp/static/article-assets/special/3486284/images/page01_movie_bg.jpg) no-repeat;
background-size:cover;
padding:0 0 80px;
}

.page01-block1{
	background: #e4f7ea;
	padding:40px 0 60px;
}
.page01-partition{
background:url(https://cdn.autoc-one.jp/static/article-assets/special/3486284/images/page01_partition.jpg) bottom no-repeat, #252525;
		background-size: auto 190px;
		height:190px;
}

.page01-block1 .text-block p{
width:480px;
margin:0 30px 0 0;
float:left;
}
.page01 .text-block p{
font-size:17px;
line-height:38px;
}
.page01-block1 .text-block .photo ul li{
width:400px;
float: left;
margin:0 0 20px;
}
.page01-block1 .text-block .photo ul li:last-child{
margin:0;
}

.page01-block2{
	background:url(https://cdn.autoc-one.jp/static/article-assets/special/3486284/images/page01_block2_bg.jpg) bottom no-repeat, #e7f7ed;
	padding:50px 0 610px;
}


/***** page02 *****/
.page02 .pr-visual {
    background: url(https://cdn.autoc-one.jp/static/article-assets/special/3486284/images/page02_bg.jpg) no-repeat center top, #e7f7ed;
    height: 400px;
	border-top:8px solid #ffe100;
}
.page02 .pr-visual h1 {
    position: absolute;
    right: -10px;
    top: 60px;
}

.page02-movie-block{
background:url(https://cdn.autoc-one.jp/static/article-assets/special/3486284/images/page02_movie_bg.jpg) no-repeat;
background-size:cover;
padding:0 0 80px;
}

.page02-block1{
	background: #d4f3dd;
	padding:50px 0 60px;
}
.page02-partition{
background:url(https://cdn.autoc-one.jp/static/article-assets/special/3486284/images/page02_partition.jpg) bottom no-repeat, #252525;
		background-size: auto 190px;
		height:190px;
}

.page02-block1 .text-block p{
width:480px;
margin:0 30px 0 0;
float:left;
}
.page02 .text-block p{
font-size:17px;
line-height:38px;
}
.page02-block1 .text-block .photo ul li{
width:400px;
float: left;
margin:0 0 20px;
}
.page02-block1 .text-block .photo ul li:last-child{
margin:0;
}

.page02-block1 .text-block .photo2 ul li{
	float:left;
	margin:0 10px 0 0;
	width:calc(889px / 3);
}
.page02-block1 .text-block .photo2 ul li:last-child{
	margin:0;
}
.page02-block1 .text-block .photo2 ul li img{
width:100%;
}

.page02-block2{
	background:url(https://cdn.autoc-one.jp/static/article-assets/special/3486284/images/page02_block2_bg.jpg) bottom no-repeat, #e4f7ea;
	padding:30px 0 600px;
}

/***** page03 *****/
.page03 .pr-visual {
    background: url(https://cdn.autoc-one.jp/static/article-assets/special/3486284/images/page03_bg.jpg) no-repeat center top, #e7f7ed;
    height: 400px;
	border-top:8px solid #ffe100;
}
.page03 .pr-visual h1 {
    position: absolute;
    right: -10px;
    top: 60px;
}

.page03-movie-block{
background:url(https://cdn.autoc-one.jp/static/article-assets/special/3486284/images/page03_movie_bg.jpg) no-repeat;
background-size:cover;
padding:0 0 80px;
}

.page03-block1{
background:#e4f7ea;
padding:40px 0;
}
.page03-block1 .text-block .photo {
width:400px;
margin:0 30px 0 0;
float:left;
}
.page03-block1 .text-block .photo ul li{
width:400px;
}

.page03-block1 .text-block p{
width:480px;
float:right;
}
.page03 .text-block p{
font-size:17px;
line-height:38px;
}

.page03-block1 .text-block .photo2 ul li{
	float:left;
	margin:0 10px 0 0;
	width:calc(889px / 3);
}
.page03-block1 .text-block .photo2 ul li:last-child{
	margin:0;
}
.page03-block1 .text-block .photo2 ul li img{
width:100%;
}
.page03-block1 .text-block p.p2{
width:100%;
float:none;
}
.page03-partition{
background:url(https://cdn.autoc-one.jp/static/article-assets/special/3486284/images/page03_partition.jpg) bottom no-repeat, #252525;
		background-size: auto 285px;
		height:285px;
}
.page03-block2{
	background:url(https://cdn.autoc-one.jp/static/article-assets/special/3486284/images/page03_block2_bg.jpg) bottom no-repeat, #e4f7ea;
	padding:30px 0 530px;
}

.page03-block2 .text-block p{
width:480px;
margin:0 30px 0 0;
float:left;
}
.page03-block2 .text-block .photo ul li{
width:400px;
float: left;
margin:0 0 20px;
}
.page03-block2 .text-block .photo ul li:last-child{
margin:0;
}

/***** gallery *****/
.gallery .pr-visual {
 background: url(https://cdn.autoc-one.jp/static/article-assets/special/3486284/images/gallery_bg.jpg) no-repeat center top, #e4f7ea;
 height: 225px;
	border-top:8px solid #ffe100;
}
.gallery .pr-visual h1 {
    position: absolute;
    right: 30px;
    top: 8px;
}
.gallery .product-img{
	position:absolute;
top: 17px;
    left: 221px;
    z-index: 2;
}

.gallery  .product-img img{
width:60px;
height:auto;
}

.gallery-main{
background:url(https://cdn.autoc-one.jp/static/article-assets/special/3486284/images/gallery_block_bg.jpg) no-repeat center top;
background-size:cover;
padding:50px 0;
border-top:8px solid #0ec59a;
position: relative;
}
.gallery-main:after{
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #0ec59a transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}

.gallery-img{
text-align: center;
}
.arrow-left{
position:absolute;
top:215px;
left:0;
}

.arrow-right{
position:absolute;
transform: rotate(180deg);
top:215px;
right:0;
}

.gallery-caption{
background:#252525;
color:#FFF;
text-align:center;
font-size:16px;
padding:20px 0;
}

.gallery-thumbnails {
padding:30px 0 50px;
background:#e4f7ea;
}
.gallery-thumbnails ul {
font-size:0;
}
.gallery-thumbnails ul li {
display: inline-block;
vertical-align: top;
margin:0 5px 10px 0;
width:185px;
background: #0EC59A;
}
.gallery-thumbnails ul li img {
width:100%;
}
.gallery-thumbnails ul li:nth-child(5n) {
margin:0 0 10px;
}
.gallery-thumbnails ul li.on img, .gallery-thumbnails ul li:hover{
opacity:0.7;
}
.gallery-thumbnails ul li.on:hover {
opacity:1;
}

.text-block .comments {
	text-align: right;
	margin-bottom: 10px;
	font-size: 13px;
}

.page02-movie-block .top-h2 {
	height: 120px;
	border-bottom: solid 10px #1ac59a;
}

.page02-movie-block .top-h2:after {
	bottom: -30px;
}