@charset "utf-8";

#pr-body {
    font-family: "Yu Mincho", "YuMincho", serif;
    font-family: "游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3",
    "Hiragino Mincho Pro", "serif";
    font-weight: bold;
}

/*-- main --*/
.content-center {
    width: 950px;
    margin: 0 auto;
    position: relative;
}

a img:hover {
    opacity: 0.8;
}

.top-logo {
    position: absolute;
    top: -12px;
    left: 0;
    z-index: 1;
}

.ac1-container-for-html-contents p {
    font-size: 16px;
    line-height: 32px;
}

.page h1 {
    position: absolute;
    right: 35px;
    top: 0;
}

.index-page .pr-visual {
    background: url(https://cdn.autoc-one.jp/static/article-assets/special/3488212/images/FeeltheVOLVO_toppage_MV_03.jpg) no-repeat center top, #FFF;
    height: 472px;
}

.top-border {
    height: 12px;
    background: #0a144a;
}

.top-border:before {
    content: "";
    display: block;
    height: 12px;
    width: 100%;
    background: -moz-linear-gradient(left, #0a144a 0%, #1c3973 50%, #0a144a 100%);
    background: -webkit-linear-gradient(left, #0a144a 0%, #1c3973 50%, #0a144a 100%);
    background: linear-gradient(to right, #0a144a 0%, #1c3973 50%, #0a144a 100%);
}

.index-page .pr-visual .content-center {
    height: 460px;
}

.index-page .pr-visual h1 img {
    width: 690px;
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    margin: auto;
}

/*-- TOP PAGE --*/
.index-page .pr-visual .pr-sns-button {
    position: absolute;
    bottom: 10px;
    right: 5px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 4px;
    padding: 10px 15px 2px;
}

.pr-sns-button .tw {
    float: right;
}

.pr-sns-button .fb {
    float: right;
    margin-right: 10px;
}

.top-intro {
    padding: 60px 0 40px;
}

.top-intro h2 img {
    width: 788px;
    margin: 0 auto 40px;
    display: block;
}

.top-intro p {
    font-size: 16px;
    line-height: 37px;
    text-align: center;
}

.top-nav {
    height: 299px;
    background: url(https://cdn.autoc-one.jp/static/article-assets/special/3488212/images/toppage_nav_bg.jpg) no-repeat center top, #111111;
}

.top-nav nav ul li:first-child a img,
.top-nav nav ul li:nth-child(2) a img {
    width: 307px;
    height: 219px;
    float: left;
    margin: 40px 14px 0 0;
    filter: grayscale(90%);
    -webkit-filter: grayscale(90%);
}

.top-nav nav ul li:first-child a img:hover,
.top-nav nav ul li:nth-child(2) a img:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}

.top-nav nav ul li:last-child img {
    width: 307px;
    height: 219px;
    float: right;
    margin: 40px 0 0;
}

/* フッタ用 vol別リンク */
.top-nav-vol {
    height: 278px;
    background: url(https://cdn.autoc-one.jp/static/article-assets/special/3488212/images/footer_nav_vol_3_bg.png) no-repeat center top, #111111;
}

.top-nav-vol nav ul li:first-child a img,
.top-nav-vol nav ul li:nth-child(2) a img {
    width: 307px;
    height: 219px;
    float: left;
    margin: 40px 14px 0 0;
}

.top-nav-vol nav ul li:last-child img {
    width: 307px;
    height: 219px;
    float: right;
    margin: 40px 0 0;
}

.top-nav-vol nav ul li img.vol_present {
    -webkit-filter: grayscale(1);
    filter: gray;
    filter: grayscale(1);
}

.volvo-bnr {
    background: #0a144a;
    padding: 50px 0;
    margin: 0 0 30px;
}

/***** ページヘッダー定義 *****/
.page .volvo-page-header {
    background: rgba(10, 20, 74, 1.00);
    height: 70px;
    border-bottom: 6px solid #FFF;
}

.page .volvo-page-header .pr-sns-button {
    position: absolute;
    margin: auto;
    top: 22px;
    right: 0;
}

.page .pr-visual {
    background: url(https://cdn.autoc-one.jp/static/article-assets/special/3488212/images/page_bg_vol3.jpg) no-repeat center bottom, #dee0e1;
    height: 445px;
}

.pr-gnav-vol {
    height: 65px;
    width: 100%;
    background: rgba(0, 0, 0, .8);
    position: absolute;
    bottom: 0;
}

.pr-gnav-vol nav {
    background: rgba(0, 0, 0, 0);
}

.pr-gnav-vol nav ul li a {
    background-image: url(https://cdn.autoc-one.jp/static/article-assets/special/3488212/images/pr_gnav_vol3.png);
    background-repeat: no-repeat;
    height: 65px;
    width: calc(950px / 5);
    display: block;
    float: left;
}

/***** グローバルナビ区切り線処理 *****/
.pr-gnav-vol nav ul li a {
    border-left: 1px solid #535353;
}

.pr-gnav-vol nav ul li.nav5 a {
    border-right: 1px solid #535353;

}

.pr-gnav-vol nav ul li.nav1 a {
    background-position: 0 0; /** positionは必ず0 0で **/
}

.pr-gnav-vol nav ul li.nav1 a:hover, .pr-gnav-vol nav ul li.nav1.on a {
    background-position: 0 -66px;
}

.pr-gnav-vol nav ul li.nav2 a {
    background-position: -191px 0;
}

.pr-gnav-vol nav ul li.nav2 a:hover, .pr-gnav-vol nav ul li.nav2.on a {
    background-position: -191px -66px;
}

.pr-gnav-vol nav ul li.nav3 a {
    background-position: -381px 0;
}

.pr-gnav-vol nav ul li.nav3 a:hover, .pr-gnav-vol nav ul li.nav3.on a {
    background-position: -381px -66px;
}

.pr-gnav-vol nav ul li.nav4 a {
    background-position: -571px 0;
}

.pr-gnav-vol nav ul li.nav4 a:hover, .pr-gnav-vol nav ul li.nav4.on a {
    background-position: -571px -66px;
}

.pr-gnav-vol nav ul li.nav5 a {
    background-position: -761px 0;
}

.pr-gnav-vol nav ul li.nav5 a:hover, .pr-gnav-vol nav ul li.nav5.on a {
    background-position: -761px -66px;
}

.page-next-link {
    position: absolute;
    right: 90px;
    top: -20px;
}

.text-photo {
    text-align: right;
    padding: 15px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin: 0 0 60px;
}

.sponsored {
    background: #000;
    height: 42px;
}

.sponsored p {
    width: 950px;
    margin: 0 auto;
    text-align: right;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    line-height: 42px;
}

/*******************************************************
  【Vol.3】
	page3-01
*******************************************************/

/*****  *****/
.page3-1-block1 {
    padding: 20px 0 40px 0;
    margin: 0 0 56px 0;
    height: 1125px;
}

.page3-1-block1 .profile p {
    font-size: 15px;
    line-height: 20px;
}

.page3-1-block1 .profile h3 {
    font-weight: bold;
    font-size: 15px;
    margin: 0 0 8px;
}

.page3-1-block1 .profile-1 img {
    width: 450px;
    height: 300px;
    margin: 73px 0 0 0;
}

.page3-1-block1 .profile-1 .profile {
    border: 1px solid #885906;
    background: #FFF;
    padding: 25px 15px;
    width: 565px;
    height: 159px;
    position: absolute;
    bottom: 187px;
    right: 0;
    z-index: 1;
}

.page3-1-block1 .profile-1 .profile-line {
    border: 1px solid #cbaa6f;
    width: 565px;
    height: 159px;
    display: block;
    position: absolute;
    right: 12px;
    bottom: 200px;
}

/******/

.page3-1-block1 .profile-2 img {
    position: absolute;
    bottom: -163px;
    width: 450px;
    height: 300px;
    margin: 0 0 0 49px;
}

.page3-1-block1 .profile-2 p {
}

.page3-1-block1 .profile-2 .profile {
    border: 1px solid #885906;
    background: #FFF;
    padding: 25px 15px;
    width: 565px;
    height: 159px;
    position: absolute;
    bottom: -208px;
    left: 11px;
    z-index: 1;
}

.page3-1-block1 .profile-2 .profile-line {
    border: 1px solid #cbaa6f;
    width: 565px;
    height: 159px;
    display: block;
    position: absolute;
    left: 0px;
    bottom: -221px;
}

/* ----------------------------------------------------- */

.page3-1-block2 .keiro {
    text-align: center;
}

.page3-1-block2 .part1 img,
.page3-1-block2 .part2 img,
.page3-1-block2 .part3 img,
.page3-1-block2 .part6 img,
.page3-1-block2 .part7 img {
    width: 450px;
    margin: 0 50px 0 0;
}

.page3-1-block2 .part4 img,
.page3-1-block2 .part5 img,
.page3-1-block2 .part8 img,
.page3-1-block2 .part9 img,
.page3-1-block2 .part10 img {
    width: 450px;
    margin: 0 0 0 50px;
}

.page3-1-block2 .part1 p,
.page3-1-block2 .part2 p,
.page3-1-block2 .part3 p,
.page3-1-block2 .part4 p,
.page3-1-block2 .part5 p,
.page3-1-block2 .part6 p,
.page3-1-block2 .part7 p,
.page3-1-block2 .part8 p,
.page3-1-block2 .part9 p {
    width: 450px;
}

.page3-1-block2 .part9 p {
    height: 300px;
    background: url("https://cdn.autoc-one.jp/static/article-assets/special/3488212/images/page03_illust1.png") no-repeat bottom right;
}

/* ----------------------------------------------------- */

.page3-1-block3 .part3 {
    margin: 0 0 45px 0;
}

.page3-1-block3 .part1 img,
.page3-1-block3 .part2 img,
.page3-1-block3 .part3 img {
    width: 450px;
}

.page3-1-block3 .part1 img {
    margin: 0 0 0 50px;
}

.page3-1-block3 .part2 img,
.page3-1-block3 .part3 img {
    margin: 0 50px 0 0;
}

.page3-1-block3 .part1 p,
.page3-1-block3 .part2 p,
.page3-1-block3 .part3 p {
    width: 450px;
}

.page3-1-block3 .part3 p {
    display: table-cell;
    height: 300px;
    vertical-align: middle;
}

/* ----------------------------------------------------- */
.page3-1-block3 .shop-profile {
    width: 435px;
    border: 1px solid #885906;
    background: #FFF;
    padding: 20px;
    font-size: 13px;
    line-height: 18px;
    position: absolute;
    left: 15px;
    bottom: -14px;
    z-index: 1;
}

.page3-1-block3 .shop-profile h3 {
    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
}

.page3-1-block3 .shop-profile li {
    font-weight: normal;
}

.page3-1-block3 .pos-r {
    height: 165px;
    margin: 0 0 54px 0;
}

.page3-1-block3 .shop-profile img {
    width: 185px;
}

.page3-1-block3 .shop-profile-line {
    border: 1px solid #cbaa6f;
    width: 435px;
    height: 170px;
    display: block;
    position: absolute;
    left: 0;
    top: -5px;
}

/*******************************************************
  【Vol.3】
	page3-02
*******************************************************/

/* ----------------------------------------------------- */
.page3-2-block1 {
    padding: 20px 0 50px 0;
}

.page3-2-block1 .keiro {
    text-align: center;
}

/* ----------------------------------------------------- */

.page3-2-block2 {
    padding: 0 0 50px 0;
}

.page3-2-block2 .part1 img,
.page3-2-block2 .part2 img {
    width: 450px;
    margin: 0 50px 0 0;
}

.page3-2-block2 .part3 img,
.page3-2-block2 .part4 img {
    width: 450px;
    margin: 0 0 0 50px;
}

.page3-2-block2 .part1 p,
.page3-2-block2 .part2 p,
.page3-2-block2 .part3 p,
.page3-2-block2 .part4 p {
    width: 450px;
}

.page3-2-block2 .part4 p {
    display: table-cell;
    height: 296px;
    vertical-align: middle;
}

.page3-2-block2 .part2 p {
    height: 300px;
    background: url("https://cdn.autoc-one.jp/static/article-assets/special/3488212/images/page03_illust2.png") no-repeat bottom right;
}


/* ----------------------------------------------------- */

.page3-2-block3 .part4 {
    margin: 0 0 60px 0;
}

.page3-2-block3 .part1 img,
.page3-2-block3 .part2 img {
    width: 450px;
    margin: 0 50px 0 0;
}

.page3-2-block3 .part3 img,
.page3-2-block3 .part4 img {
    width: 450px;
    margin: 0 0 0 50px;
}

.page3-2-block3 .part1 p,
.page3-2-block3 .part2 p,
.page3-2-block3 .part4 p,
.page3-2-block3 .part3 p {
    width: 450px;
}

.page3-2-block3 .pos-r {
    height: 185px;
    margin-bottom: 37px;
}

.page3-2-block3 .shop-profile {
    width: 437px;
    border: 1px solid #885906;
    background: #FFF;
    padding: 20px;
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    left: 15px;
    z-index: 1;
    font-weight: normal;
}

.page3-2-block3 .shop-profile h3 {
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
}

.page3-2-block3 .shop-profile img {
    width: 180px;
    position: absolute;
    right: 20px;
}

.page3-2-block3 .shop-profile-line {
    border: 1px solid #cbaa6f;
    width: 437px;
    height: 180px;
    display: block;
    position: absolute;
    left: 0;
    top: -16px;
}

/*******************************************************
  【Vol.3】
	page3-03
*******************************************************/

.page3-3-block1 {
    padding: 20px 0 50px 0;
}

.page3-3-block1 .keiro {
    text-align: center;
}

/* ----------------------------------------------------- */

.page3-3-block2 {
    padding: 0 0 50px 0;
}

.page3-3-block2 .part1 img,
.page3-3-block2 .part2 img {
    width: 450px;
    margin: 0 0 0 50px;
}

.page3-3-block2 .part3 img,
.page3-3-block2 .part4 img,
.page3-3-block2 .part5 img {
    width: 450px;
    margin: 0 50px 0 0;
}

.page3-3-block2 .part1 p,
.page3-3-block2 .part2 p,
.page3-3-block2 .part3 p,
.page3-3-block2 .part4 p,
.page3-3-block2 .part5 p {
    width: 450px;
}

.page3-3-block2 .part1 p {
    height: 300px;
    background: url("https://cdn.autoc-one.jp/static/article-assets/special/3488212/images/page03_illust3.png") no-repeat bottom right;
}

/* ----------------------------------------------------- */

.page3-3-block3 .part3 {
    margin: 0 0 60px 0;
}

.page3-3-block3 .part1 img {
    width: 450px;
    margin: 0 0 0 50px;
}

.page3-3-block3 .part2 img,
.page3-3-block3 .part3 img {
    width: 450px;
    margin: 0 50px 0 0;
}

.page3-3-block3 .part1 p,
.page3-3-block3 .part2 p,
.page3-3-block3 .part3 p {
    width: 450px;
}

/* ----------------------------------------------------- */

.page3-3-block3 .pos-r {
    height: 215px;
    margin: 0 0 15px 0;
}

.page3-3-block3 .shop-profile {
    width: 435px;
    border: 1px solid #885906;
    background: #FFF;
    padding: 20px;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    position: absolute;
    left: 15px;
    z-index: 1;
}

.page3-3-block3 .shop-profile h3 {
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
}

.page3-3-block3 .shop-profile img {
    width: 180px;
    position: absolute;
    right: 20px;
}

.page3-3-block3 .shop-profile-line {
    border: 1px solid #cbaa6f;
    width: 435px;
    height: 188px;
    display: block;
    position: absolute;
    left: 0;
    top: -16px;
}

/*******************************************************
  【Vol.3】
	page3-04
*******************************************************/

.page3-4-block1 {
    padding: 20px 0 50px 0;
}

.page3-4-block1 .keiro {
    text-align: center;
}

/* ----------------------------------------------------- */

.page3-4-block2 {
    padding: 0 0 50px 0;
}

.page3-4-block2 .part1 img,
.page3-4-block2 .part2 img {
    width: 450px;
    margin: 0 50px 0 0;
}

.page3-4-block2 .part1 p,
.page3-4-block2 .part2 p {
    width: 450px;
}

/* ----------------------------------------------------- */

.page3-4-block3 {
    padding: 0 0 50px 0;
}

.page3-4-block3 .part1 img {
    width: 450px;
    margin: 0 0 0 50px;
}

.page3-4-block3 .part2 img,
.page3-4-block3 .part3 img {
    width: 450px;
    margin: 0 50px 0 0;
}

.page3-4-block3 .part1 p,
.page3-4-block3 .part2 p,
.page3-4-block3 .part3 p {
    width: 450px;
}

.page3-4-block3 .part3 p {
    margin: 0 0 70px 0;
}

.page3-4-block3 .part4 p {
    width: 450px;
    margin: 0 0 0 50px;
}

.page3-4-block3 .shop-profile {
    width: 435px;
    border: 1px solid #885906;
    background: #FFF;
    padding: 20px;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    position: absolute;
    top: 40px;
    left: 15px;
    z-index: 1;
}

.page3-4-block3 .shop-profile h3 {
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
}

.page3-4-block3 .shop-profile img {
    width: 180px;
    position: absolute;
    right: 20px;
}

.page3-4-block3 .shop-profile-line {
    border: 1px solid #cbaa6f;
    width: 435px;
    height: 188px;
    display: block;
    position: absolute;
    left: 0;
    top: 27px;
}

/* ----------------------------------------------------- */

.page3-4-block4 {
    padding: 0 0 70px 0;
}

.page3-4-block4 .part1 img,
.page3-4-block4 .part2 img,
.page3-4-block4 .part5 img {
    width: 450px;
    margin: 0 0 0 50px;
}

.page3-4-block4 .part3 img,
.page3-4-block4 .part4 img {
    width: 450px;
    margin: 0 50px 0 0;
}

.page3-4-block4 .part1 p,
.page3-4-block4 .part2 p,
.page3-4-block4 .part5 p,
.page3-4-block4 .part3 p,
.page3-4-block4 .part4 p {
    width: 450px;
}

/* ----------------------------------------------------- */

.page3-4-block5 {
    background: url(https://cdn.autoc-one.jp/static/article-assets/special/3488212/images/page3-4_block5_bg.jpg) no-repeat center top #FFF;
    height: 378px;
}

.page3-4-block5 p {
    padding: 30px 0 0 0;
    text-shadow: 2px 2px 5px #FFF, -2px 2px 5px #FFF, 2px -2px 5px #FFF, -2px -2px 5px #FFF;
}

/* ----------------------------------------------------- */

.page3-4-block6 .shop-profile {
    width: 435px;
    border: 1px solid #885906;
    background: #FFF;
    padding: 20px;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    position: absolute;
    left: 15px;
    top: 39px;
    z-index: 1;
}

.page3-4-block6 .shop-profile h3 {
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
}

.page3-4-block6 .shop-profile img {
    width: 180px;
    position: absolute;
    right: 20px;
}

.page3-4-block6 .shop-profile-line {
    border: 1px solid #cbaa6f;
    width: 435px;
    height: 188px;
    display: block;
    position: absolute;
    left: 0;
    top: 24px;
}

.page3-4-block6 .shop-profile p a {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0 0 0;
    text-align: center;
    background-color: #885906;
    float: left;
    padding: 0 5px;
    border-radius: 5px;
    width: 390px;
    box-shadow: #999 1px 1px 1px;
    line-height: 2;
    text-decoration: none;
}

.page3-4-block6 .shop-profile p a:hover {
    background-color: #cbaa6f;
    text-decoration: none;
    color: #111;
}

.page3-4-block6 .shop-profile p a span {
    font-size: 12px;
    margin-left: 5px;
}

/* ----------------------------------------------------- */
.footer-nav-vol {
    height: 443px;
    background: url(https://cdn.autoc-one.jp/static/article-assets/special/3488212/images/footer_nav_bg_vol3.jpg) no-repeat center top #FFF;
}

.footer-nav-vol nav ul {
    padding: 40px 0 0;
}

.footer-nav-vol nav ul li a {
    display: block;
    width: 465px;
    height: 110px;
    background: url(https://cdn.autoc-one.jp/static/article-assets/special/3488212/images/footer_nav_vol3.png);
    background-repeat: no-repeat;
    float: left;
    margin: 0 20px 20px 0;
}

.footer-nav-vol nav ul li:nth-child(even) a {
    margin: 0 0 20px;
}

.footer-nav-vol nav ul li.nav1 a {
    background-position: 0 0;
}

.footer-nav-vol nav ul li.nav1 a:hover, .footer-nav-vol nav ul li.nav1.on a {
    background-position: 0 -112px;
}

.footer-nav-vol nav ul li.nav2 a {
    background-position: -466px 0;
}

.footer-nav-vol nav ul li.nav2 a:hover, .footer-nav-vol nav ul li.nav2.on a {
    background-position: -466px -112px;
}

.footer-nav-vol nav ul li.nav3 a {
    background-position: -932px 0;
}

.footer-nav-vol nav ul li.nav3 a:hover, .footer-nav-vol nav ul li.nav3.on a {
    background-position: -932px -112px;
}

.footer-nav-vol nav ul li.nav4 a {
    background-position: -1398px 0;
}

.footer-nav-vol nav ul li.nav4 a:hover, .footer-nav-vol nav ul li.nav4.on a {
    background-position: -1398px -112px;
}

.footer-nav-vol nav ul li.nav5 a {
    background-position: -1864px 0;
}

.footer-nav-vol nav ul li.nav5 a:hover, .footer-nav-vol nav ul li.nav5.on a {
    background-position: -1864px -112px;
}

/*******************************************************
  【Vol.3】
	page3-gallery
*******************************************************/

.page .pr-visual-ga {
    background: url(https://cdn.autoc-one.jp/static/article-assets/special/3488212/images/ga_bg_vol3.jpg) no-repeat center bottom, #dee0e1;
    height: 315px;
}

.ga-main-vol {
    height: 570px;
    background: url(https://cdn.autoc-one.jp/static/article-assets/special/3488212/images/ga3_bg.jpg) no-repeat center top, #F0F0F0;
}

.ga-img {
    width: 720px;
    margin: 0 auto;
    padding: 50px 0 0;
}

.ga-img img {
    width: 720px;
    border: 10px solid #FFF;
    box-sizing: border-box;
    box-shadow: 5px 5px 50px rgba(0, 0, 0, 0.2);
}

.ga-prev {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 15px;
}

.ga-next {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 15px;
    transform: rotate(180deg);
}

.ga-thumb {
    margin: 0 0 60px;
}

.ga-thumb ul li a {
    float: left;
    width: calc(942px / 5);
    margin: 0 2px 3px 0;
    display: block;
}

.ga-thumb ul li a img {
    width: 100%;
    height: auto;
    filter: grayscale(90%);
    -webkit-filter: grayscale(90%)
}

.ga-thumb ul li a img:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    opacity: 1;
}

.ga-thumb ul li:nth-child(5n) a {
    margin: 0 0 3px;
}

.ga-thumb ul li.on a img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%)
}