@charset "utf-8";

/* =========================================================
グローバル
========================================================= */

.cBox h3.exterior-viewer-title {
    font-size: 22px;
    font-weight: bold;
}

.exterior-viewer {
    position: relative;
    width: 100%;
    min-width: 878px;
    margin-bottom: 240px;
}

.exterior-viewer-viewer-wrapper {
    height: 540px;
    background: url(../../img/shadow.jpg) no-repeat center top;
}

.exterior-viewer-bodytype .exterior-viewer-bodytype__link,
.exterior-viewer-grade .exterior-viewer-grade__list-dl>dt {
    font-weight: 200;
    letter-spacing: 1px;
}

.spritespin-stage img {
    box-sizing : border-box
}

/* =========================================================
ボディタイプ選択
========================================================= */

.exterior-viewer-bodytype {
    z-index: 10000;
    position: absolute;
    top: 0;
    left: 0;
}

.exterior-viewer-bodytype .exterior-viewer-bodytype__list-ul {
    display: table;
}

.exterior-viewer-bodytype .exterior-viewer-bodytype__list-ul>li {
    display: table-cell;
    padding-left: 15px;
    vertical-align: bottom;
}

.exterior-viewer-bodytype .exterior-viewer-bodytype__list-ul>li:first-child {
    padding-left: 0;
}

.exterior-viewer .exterior-viewer__link, .exterior-viewer-bodytype .exterior-viewer-bodytype__link {
    box-sizing: border-box;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    transition-timing-function: linear;
}

.exterior-viewer-bodytype .exterior-viewer-bodytype__link {
    display: block;
    border-bottom: solid 2px #666;
    padding: 10px 15px 15px;
    font-size: 16px;
    color: #666;
    transition-duration: .5s;
}

.exterior-viewer-bodytype .exterior-viewer-bodytype__link.ev-is-current, .exterior-viewer-bodytype .exterior-viewer-bodytype__link:hover {
    color: #fff;
    border-bottom: solid 2px #fff;
    transition-duration: .1s;
    transition-timing-function: linear;
}

/* =========================================================
ボディカラー選択
========================================================= */

.exterior-viewer-bodycolor {
    z-index: 10000;
    position: absolute;
    bottom: -18px;
    left: 0;
}

.exterior-viewer-bodycolor .exterior-viewer-bodycolor__list-dl {
    min-height: 70px;
}

.exterior-viewer-bodycolor .exterior-viewer-bodycolor__list-dl>dd {
    margin-top: 10px;
    font-size: 15px;
    line-height: 26px;
}

.exterior-viewer-bodycolor .exterior-viewer-bodycolor__box3 {
    opacity: 1;
    position: relative;
    left: 0px;
}

.exterior-viewer-bodycolor .exterior-viewer-bodycolor__list-dl>dd>span {
    display: inline-block !important;
    font-size: 10px;
    line-height: 12px;
}

.exterior-viewer-bodycolor .exterior-viewer-bodycolor__box {
    position: absolute;
    top: -470px;
    left: 0;
    display: table;
    height: 460px;
}

.exterior-viewer-bodycolor .exterior-viewer-bodycolor__list-dl>dd {
    margin-top: 10px;
    font-size: 15px;
    line-height: 26px;
}

.exterior-viewer-bodycolor .exterior-viewer-bodycolor__box2 {
    display: table-cell;
    vertical-align: middle;
}

.exterior-viewer-bodycolor .exterior-viewer-bodycolor__list-ul {
    padding: 10px 20px 10px 0;
    list-style: none;
}

.exterior-viewer-bodycolor .exterior-viewer-bodycolor__list-ul>li {
    position: relative;
    margin-top: 15px;
    width: 25px;
    height: 25px;
}

.exterior-viewer-bodycolor .exterior-viewer-bodycolor__list-ul>li:first-child {
    margin-top: 0;
}

.exterior-viewer-bodycolor .exterior-viewer-bodycolor__link {
    position: absolute;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    width: 25px;
    height: 25px;
    border: 2px solid rgba(255,255,255,0);
    text-indent: -9999px;
    box-shadow: 0 0 6px 2px rgba(0,0,0,.5);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAANlBMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD////19fXk5OTZ2dnIyMi8vLy1tbWtra2pqamsxZwSAAAAEnRSTlMAAwcLERYaHiEzNTk8QUVIS02IaTanAAAAq0lEQVRIx5XOOQ7DQAxDURFQE9//rm5dJBPPooVk//DpH5MGwGUBN7slcWkVAOIxyAQyGcJcFjR5BUsmQZJZcGQRFFkFQzZBkF305BAtOUVHAtGQSNQkFCWJRUUSUZBM5CQVKclFRgqRkErEpBQhqUVEGhGQTpykFQfpxU4IsRFGrIQSC+HETEgxEVa8hBZ/wotBBPEjivgSSZjLwlwW5rIwl4U5cGliVARhDyJdA1k5xOKSAAAAAElFTkSuQmCC);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: border, opacity;
}

.exterior-viewer-bodycolor .exterior-viewer-bodycolor__link.ev-is-current,
.exterior-viewer-bodycolor .exterior-viewer-bodycolor__link:hover {
    border: 2px solid #fff;
    transition-duration: .1s;
    transition-timing-function: linear;
    transition-property: border;
}

.exterior-viewer-bodycolor .exterior-viewer-bodycolor__link.is-disabled {
    opacity: 0;
    cursor: default;
    pointer-events:none
}


/* =========================================================
エクステリアアイテム選択
========================================================= */

.exterior-viewer-exterioritem {
    z-index: 10000;
    position: absolute;
    bottom: 5px;
    left: 235px;
    width: 684px;
}

.exterior-viewer-exterioritem.-hidden {
    display: none;
}

.exterior-viewer-exterioritem-item {
    position: relative;
    float: left;
    margin-right: 3px;
    width: 202px;
}

.exterior-viewer-exterioritem .exterior-viewer-exterioritem-item>dt {
    font-family: InterstateRegular,Helvetica,Arial,sans-serif;
    font-weight: 200;
    letter-spacing: 1px;
    font-size: 10px;
}

.exterior-viewer-exterioritem-item__option .exterior-viewer-exterioritem__link,
.exterior-viewer-exterioritem-item__option a,
.exterior-viewer-exterioritem-item dt,
.exterior-viewer-exterioritem-item__box {
    /*opacity: 0.6;*/
    /*background: #888;*/
    -webkit-transition: opacity .5s linear;
       -moz-transition: opacity .5s linear;
        -ms-transition: opacity .5s linear;
         -o-transition: opacity .5s linear;
            transition: opacity .5s linear;
}

.exterior-viewer-exterioritem-item__box {
    opacity: 1;
    position: relative;
    left: 0px;
    margin-top: 10px;
    padding-bottom: 3px;
    cursor: pointer;
    font-size: 11px;
    line-height: 24px;
    background: #888;
    letter-spacing: -1px;
    text-align: center;
}

.exterior-viewer-exterioritem-item__box.current,
.exterior-viewer-exterioritem-item__box:hover {
    background: #222;
}

.option-bg {
    position: absolute;
    top: 56px;
    display: block;
    width: 100%;
    background: #444;
    z-index: 0;
}

.exterior-viewer-exterioritem-item__option {
    position: absolute;
    display: none;
    left: 0;
    top: 37px;
    background-position: 20px 33px;
    padding: 20px;
    width: 644px;
    -webkit-transition: opacity .5s linear;
       -moz-transition: opacity .5s linear;
        -ms-transition: opacity .5s linear;
         -o-transition: opacity .5s linear;
            transition: opacity .5s linear;
}

.exterior-viewer-exterioritem__list-dl {
    /*opacity: 0;*/
}

.exterior-viewer-exterioritem-item__option .img {
    position: absolute;
    left: 20px;
    top: 36px;
    width: 360px;
    height: 141px;
    background-repeat: no-repeat;
}

.exterior-viewer-exterioritem-item__option.XDR.ac-r .img {
    background-image: url(../../img/xdproactiv_ac-red.jpg);
}
.exterior-viewer-exterioritem-item__option.XDL.ac-r .img {
    background-image: url(../../img/xdlpackage_cstm.jpg);
    width: 644px;
}

.exterior-viewer-exterioritem-item__option.XDR.ac-s .img {
    background-image: url(../../img/xdproactiv_ac-silver.jpg);
}
/*
.exterior-viewer-exterioritem-item__option.XDL.ac-s .img {
    background-image: url(../../img/xdlpackage_ac-silver.jpg);
}

*/
.exterior-viewer-exterioritem-item__option.XDR.ac-b .img {
    background-image: url(../../img/xdproactiv_ac-black.jpg);
}
/*
.exterior-viewer-exterioritem-item__option.XDL.ac-b .img {
    background-image: url(../../img/xdlpackage_ac-black.jpg);
}
*/
.exterior-viewer-exterioritem-item__option.ac-s {
    margin-left: -205px;
}

.exterior-viewer-exterioritem-item__option.ac-b {
    margin-left: -410px;
}

.exterior-viewer-exterioritem-item__option .i-plus {
    position: absolute;
    left: 400px;
    top: 92px;
    width: 33px;
    height: 33px;
    background: url(../../img/icon-plus.png) no-repeat;
}

body.index2 .exterior-viewer-exterioritem-item__option {
    background-color: black;
}

.exterior-viewer-exterioritem-item__option dt {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 7px;
    line-height: 1;
}

.exterior-viewer-exterioritem-item__option dt span:not(.ledFog) {
    padding-right: 13.5em;
    float: right;
}
#contentsBox .exterior-viewer-exterioritem-item__option.XDL dt span.ledFog{
    display: none;
}
#contentsBox .exterior-viewer-exterioritem-item__option.XDR dt span.ledFog{
    display: inline;
}

.exterior-viewer-exterioritem__list-dl dd {
    float: right;
    width: 216px;
}

.exterior-viewer-exterioritem-item__option .exterior-viewer-exterioritem__link {
    display: block;
    width: 210px;
    height: 61px;
    margin-bottom: 5px;
    background: no-repeat;
    text-indent: -9999px;
    opacity: 0.5;
    border: 3px solid transparent;
}


.exterior-viewer-exterioritem-item__option.XDL.ac-r .exterior-viewer-exterioritem__link {
    width: 638px;
    height: 141px;
}

.exterior-viewer-exterioritem-item__option .exterior-viewer-exterioritem__link.ev-is-current,
.exterior-viewer-exterioritem-item__option .exterior-viewer-exterioritem__link:hover {
    border-color: #FFF;
    opacity: 1;
}

.exterior-viewer-exterioritem-item__option.XDR.ac-r .exterior-viewer-exterioritem__link:nth-child(1) {
    background-image: url(../../img/xdproactiv_ac-red_dc-on.jpg);
}

.exterior-viewer-exterioritem-item__option.XDR.ac-r .exterior-viewer-exterioritem__link:nth-child(2) {
    background-image: url(../../img/xdproactiv_ac-red_dc-off.jpg);
}

.exterior-viewer-exterioritem-item__option.XDL.ac-r .exterior-viewer-exterioritem__link:nth-child(1) {
    background-image: url(../../img/xdlpackage_cstm.jpg);
}

.exterior-viewer-exterioritem-item__option.XDL.ac-r .exterior-viewer-exterioritem__link:nth-child(2) {
    background-image: url(../../img/xdlpackage_ac-red_dc-off.jpg);
}

.exterior-viewer-exterioritem-item__option.XDR.ac-s .exterior-viewer-exterioritem__link:nth-child(1) {
    background-image: url(../../img/xdproactiv_ac-silver_dc-on.jpg);
}

.exterior-viewer-exterioritem-item__option.XDR.ac-s .exterior-viewer-exterioritem__link:nth-child(2) {
    background-image: url(../../img/xdproactiv_ac-silver_dc-off.jpg);
}

.exterior-viewer-exterioritem-item__option.XDL.ac-s .exterior-viewer-exterioritem__link:nth-child(1) {
    background-image: url(../../img/xdlpackage_ac-silver_dc-on.jpg);
}

.exterior-viewer-exterioritem-item__option.XDL.ac-s .exterior-viewer-exterioritem__link:nth-child(2) {
    background-image: url(../../img/xdlpackage_ac-silver_dc-off.jpg);
}

.exterior-viewer-exterioritem-item__option.XDR.ac-b .exterior-viewer-exterioritem__link:nth-child(1) {
    background-image: url(../../img/xdproactiv_ac-black_dc-on.jpg);
}

.exterior-viewer-exterioritem-item__option.XDR.ac-b .exterior-viewer-exterioritem__link:nth-child(2) {
    background-image: url(../../img/xdproactiv_ac-black_dc-off.jpg);
}

.exterior-viewer-exterioritem-item__option.XDL.ac-b .exterior-viewer-exterioritem__link:nth-child(1) {
    background-image: url(../../img/xdlpackage_ac-black_dc-on.jpg);
}

.exterior-viewer-exterioritem-item__option.XDL.ac-b .exterior-viewer-exterioritem__link:nth-child(2) {
    background-image: url(../../img/xdlpackage_ac-black_dc-off.jpg);
}


.exterior-viewer-exterioritem-item__option .exterior-viewer-exterioritem__link {
    color: white !important;
    text-decoration: none !important;
}

.exterior-viewer-exterioritem__link-btn {
    /*opacity: 0;*/
}

.exterior-viewer-exterioritem-item__option .exterior-viewer-exterioritem__link-detail {
    display: block;
    border: 1px solid white;
    margin-top: 10px;
    padding: 5px 12px;
    color: white;
    cursor: default;
    text-align: center;
    text-decoration: none !important;
    -webkit-border-radius: 3px;
            border-radius: 3px;
}

.exterior-viewer-exterioritem-item__option .clickable .exterior-viewer-exterioritem__link-detail:hover {
    background: #FFF;
    color: #444;
    cursor: pointer;
}

#contentsBox .exterior-viewer-exterioritem-item__option .exterior-viewer-exterioritem__link-detail span {
    font-size: 12px;
}

.exterior-viewer-exterioritem-item:hover .exterior-viewer-exterioritem-item__option,
.exterior-viewer-exterioritem-item.exterior-viewer-exterioritem-item__state-active .exterior-viewer-exterioritem-item__option {
    /*display: block;*/
}

.exterior-viewer-exterioritem-item__option a:hover,
.exterior-viewer-exterioritem-item__option a:active,
.exterior-viewer-exterioritem-item__option a:focus,
.exterior-viewer-exterioritem-item__option dd:hover,
.exterior-viewer-exterioritem-item__option .exterior-viewer-exterioritem__link:hover,
.exterior-viewer-exterioritem-item__option .exterior-viewer-exterioritem__link.ev-is-current,
.exterior-viewer-exterioritem-item:hover dt,
.exterior-viewer-exterioritem-item:hover .exterior-viewer-exterioritem-item__box,
.exterior-viewer-exterioritem-item.exterior-viewer-exterioritem-item__state-active dt,
.exterior-viewer-exterioritem-item.exterior-viewer-exterioritem-item__state-active .exterior-viewer-exterioritem-item__box,
.exterior-viewer-exterioritem-all-off.ev-is-current .exterior-viewer-exterioritem-item__box {
    background: #444;
}

.exterior-viewer-exterioritem-item__box span {
    line-height: 1;
    margin-left: -5px;
}

.exterior-viewer-exterioritem-all-off {
    margin-top: 10px;
    height: 29px;
    float: left;
    width: 69px;
}

.exterior-viewer-exterioritem-all-off .exterior-viewer-exterioritem-item__box {
    margin-top: 0;
    padding-bottom: 0;
}

.exterior-viewer-exterioritem-all-off a {
    display: block;
    color: white !important;
    text-decoration: none;
    margin-top: 0;
    letter-spacing: 0;
    font-size: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
}

.exterior-viewer-exterioritem-item__option dl {
    overflow: hidden;
}

/* =========================================================
360度ビューアー
========================================================= */

.exterior-viewer-viewer {
    z-index: 1;
    margin: auto;
    cursor:-moz-grab;
    cursor:-webkit-grab;
    -webkit-transition: opacity .6s linear;
       -moz-transition: opacity .6s linear;
        -ms-transition: opacity .6s linear;
         -o-transition: opacity .6s linear;
            transition: opacity .6s linear;
}

.exterior-viewer-viewer:active {
    cursor:-moz-grabbing;
    cursor:-webkit-grabbing;
}

.exterior-viewer-viewer.loading {
    opacity: 0;
}

.exterior-viewer-viewer.loading .spritespin-stage {
    display: block !important;
}

/* =========================================================
ローディング画像
========================================================= */

.exterior-viewer-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 70px;
    height: 70px;
}

.exterior-viewer-progress span {
    display:inline-block;
    width:70px;
    height:70px;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABaUExURUxpcf///////////////////////////////////////////////////////////////////////////////////////////////////////////////////1YG+bcAAAAddFJOUwArCxowIgQzJxAFHQMBFsUZgqlDVdO38fzlbpRzj9qIiQAAAgxJREFUWMPtWNlywyAMNOYQYIOP+kja8v+/WZweY3wBamb6Ur0lNhuhlVZSiuLf/tBq1XJJGMB8b/ruRWEwtJXwbe5ht+a9ygQp+XJcUlXq2n+qYOimBWl6yQFZHOHKhN+KofdITSqQ9p4QWh89Ut3oXN+moCgGjJ4+Nd3s5iEKYip/HX31RuWv9qYjHPuo2NhPvfoIXbIvJJAyfm82utFe+iJ1Svxo48ZTf0wqSlHYxk1nr1ZAdGpqVaN7O2EaoExPUebcIe+axTkK+ZqPSowDz6u73vUHdQRM5MHYu9vXlwSaqyWda/bOkHxNGnfu8HxnFnemTRUA1Pkwyt1Ccm0uTd9kvW4CjBLsIQxyDWAwMMLdVFAHEteDpoCrFsPTJ1ddQLfCwQxBQcic2l4bBDEmoHEw1N3X4oFJvs8EnNe+AXZcCE6iYUxwEn0pAewZIdaBvqAJL4P0R6efCpQBXQwU2meUZigwWKEwG9FEytb2FkgR5ZtGi5N0HwvxhAZDd3dAtTuyz1pE820P0iR/FBDsiN7sweT4QO6YZIHp3w9tJZxlbM4IqQlUFwNtYpj9HC5Pq1CQxMFY+2le/HrYL8klSuLqYSF6+fgitGxtVVydrteygvrHSdp0sSTWlMScja6sRi3rsMxpRasFWhgjdKnoYy3nuf1svc5/mbSo3vrz5wIjkrcK2eb/7Tn2AY5rFsWlDzbxAAAAAElFTkSuQmCC);
    background-size:70px 70px;
    background-repeat:no-repeat;
    background-position:center;
    -webkit-animation:spin2 .5s linear infinite;
    animation:spin2 .5s linear infinite;
}

/* =========================================================
360Viewぐるぐる
========================================================= */

.exterior-viewer-info {
    z-index: 9000;
    position: absolute;
    bottom: 30px;
    width: 100%;
    height: 85px;
    opacity: 1;
    -webkit-transition: opacity .5s linear;
       -moz-transition: opacity .5s linear;
        -ms-transition: opacity .5s linear;
         -o-transition: opacity .5s linear;
            transition: opacity .5s linear;
}

.exterior-viewer-info .exterior-viewer-info__circle {
    width: 25px;
    height: 25px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABRUExURUxpcZmZmZmZmZubm5mZmZiYmJmZmZiYmJmZmZmZmZmZmZqampiYmJmZmZmZmZmZmZiYmJmZmZqampmZmZiYmJmZmZmZmZmZmZmZmZiYmJmZmcW61wYAAAAadFJOUwCw2QVLznH9PnqlDeT3ae3CLWQ0V4UYliGOgaAPUwAAAVlJREFUSMetVdFyhCAM5BBURNRTOb38/4eWoHMV2gFimxcHx5Vks8ky9q9RDYoImHuwJMTKAUBRAQBDMUBIABKkneAT3D7zAP2AMKY2i3ltJgI9XlnQ3kWYUeSze57ZCdv7Z1MXcLB4DrRTwAFSpUx7Po4057J+TsdTNQ5iFpJ4Bt+iioR5A1FwTtWooFEH7+ZapwlsflzDwWx7CoON4kHrMNekllr84irR2p37dDnY0asGsFtdGhJ/IqNf/BKYiLycR5RgRj9I8+VsctUf9Zu/QW4kdqP8GyQXtlLRBbOEsnS7J7l13KoKZMkUrpH0qOo6HH+NNEvaqOI18KaNKqeZgx9VFE1z0ijXIszsN1znV7arSxSXA/1QMV1oEk4DzQGy4jSJAjsSY+QS3Z63o9jCzJa3o6tRHtnpAjuysqEY5ZXvUqa/zQH4ShQcCcCYhX6mqZqpmgjIxRcXcSivz43QWQAAAABJRU5ErkJggg==);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

.exterior-viewer-info .exterior-viewer-info__box {
    margin: 0 auto;
    padding-right: 70px;
    width: 25px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH4AAAAUBAMAAAC5YpSHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAtUExURUxpcZmZmZiYmJaWlpaWlpmZmZmZmZmZmZubm5mZmZiYmJmZmZiYmJiYmJmZmf3qg0MAAAAOdFJOUwDdzCIRke5VM0S7qndmyOFD2wAAAphJREFUOMulVD1r21AUPbKkWnYcsNI0lA7CydClILJkK+alQ0bhhkI7iZZ6KsW4pXQ07tKhg3GhXUNMoKOxl2ZqSP+A8S8wSP5IHNv6Db33PdmxyNgLtvTuPee9cz+egP+2XMs+ly+brXeX/LSO7Vf00Ftn+LstI90OvmxDt6XVzS322fscIJgTPI46jHdDJ2Bnjxy00eF5VxSvGWpUqii+Bip7ZLt1KxKEjqoUcQk2E/g+pvdnM6G3C0B6UsXnK+BEeM0NDiAzAYp5wNlXip06iY1KtHFEpxUYQDv6JOJwAWhTcgSKnw4Yz7us831Slw3IkQ6Bn6yjUieRFE1/Amqn5GhXoZ13YThNWhwNk3xGeE8oNXOsHMxN38T19Pv0NyhB/31GixIvCkm+N6I9Xs6B1FQ5NkmHOY/5LmWHRkEtGmUW00/ys0TzfxDHK6vjB+TIXm/+2nqBGMVwthQV0uDqrPNzJHtHuAI17pu15d5QltqQ+jdpwpAl00axshnBZ/GGDvfvPjFCWDP0+ipVK3ACKqgWzoXhv4Wu+MO4MtRrmaXk8/hwwBG5KzQ69GSMMD5S7bSoKQtqJPi46KORx5p+/vnV1AhaWQ+XM+xeQmOVfHgif5ycqh6s549aySvAnObGS36tgKysP0ES9Wchqw1XfC8/uERmvDFd8kmi6l9FrPqvzJxn5GAk+KnhBQ3cm3vUPuNYnp+HhFnB7fwp00NzcYefW9iMke1z+M626ThH1W81/7G1v5bv8K2QMx+0pdKxwLcJRU7eC93fvr1/sQ3c0h0+HM7ci3idi4Ld6CGPSkT3n2vXm8j7H9sR9xVr95+XFzxeKSXyacv+I18Odh/1pbrn8vsT24Yth2T5/dnZY/4HrpH5APgH/mLhvmFJ16AAAAAASUVORK5CYII=);
    background-size: 63px 10px;
    background-repeat: no-repeat;
    background-position: right center;
}

@-webkit-keyframes spin{
    0% { 
        -webkit-transform: rotate(0)
    }
    100% { 
        -webkit-transform: rotate(-360deg)
    }
}
@keyframes spin{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
    }
    100%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
    }
}
@-webkit-keyframes spin2{
    0%{
        -webkit-transform:rotate(-360deg)
    }
    100%{
        -webkit-transform:rotate(0)
    }
}
@keyframes spin2{
    0%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
    }
    100%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
    }
}

/* =========================================================
注意書き
========================================================= */
.exterior-view .exterior-view__list-ul>li {
    padding: 0 0 6px 0;
}
.exterior-view .exterior-view__list-ul>li>span {
    color: #c9caca;
}


/* =========================================================
モーダル内
========================================================= */

.remodal {
    text-align: left;
}

.remodal .modal-title {
    font-weight: bold;
    margin-bottom: 1em;
    font-size: 1.1em;
}

.remodal ul li:not(:last-child) {
    margin-bottom: 1.5em;
}

.remodal ul li.d-on {
    display: none;
}

.remodal .item__title-and-price {
    position: relative;
    height: 26px;
}

.remodal .item__title-and-price:before {
    z-index: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    display: block;
    content: "";
    border-bottom: 1px solid black;
}

.remodal .item__title,
.remodal .item__price {
    z-index: 1;
    position: absolute;
    top: 0;
    display: inline-block;
    background-color: white;
    font-weight: bold;
    font-size: 1.25em;
    line-height: 1.75;
}

.remodal .item__title {
    left: 0;
    padding-right: 5px;
}
.remodal .item__price {
    right: 0;
    padding-left: 5px;
    letter-spacing: .5px;
}