@charset "UTF-8";

html, body {
    font-family: 'Noto Sans JP', sans-serif;
    position: relative;
}

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');
/*////////////////////////////////////////


#headerCon


//////////////////////////////////////// */

#headerCon {
    width: 750px;
    height: 180px;
    transition: 0.5s;
    position: fixed;
    top: 0;
    z-index: 100;
}

/* =================================
#header
================================= */

#header {
    width: 750px;
    height: 100px;
    background: #323746;
    font-size: 20px;
    color: #FFF;
    line-height: 100px;
    text-align: center;
}

/* 下スクロール時に上に隠れる ------------ */

#headerCon.hide {
    transform: translateY(-100px);
}

#header .logo {
    width: 83px;
    height: 72px;
    background: url(https://finefitter.xsrv.jp/main/_img/_common/header_logo.png);
    position: absolute;
    top: 20px;
    left: 25px;
}

#header .wrapper {
    width: 582px;
    height: 100px;
    /*background: #ff0;*/
    position: absolute;
    top: 0;
    right: 0;
}

#header .wrapper a {
    text-decoration: none;
    color: #FFF;
}

/* 通常 ------------ */

#header .brand {
    width: 100px;
    height: 100px;
    float: left;
    font-weight: 400;
}

#header .type {
    width: 100px;
    height: 100px;
    float: left;
    font-weight: 400;
}

#header .price {
    width: 100px;
    height: 100px;
    float: left;
    font-weight: 400;
}

#header .size {
    width: 100px;
    height: 100px;
    float: left;
    font-weight: 400;
}

#header .change {
    width: 182px;
    height: 100px;
    float: left;
    font-weight: 400;
    background: #C80000;
}

/*
#header .change .icon {
    width: 50px;
    height: 42px;
    background: url(https://finefitter.xsrv.jp/main/_img/_common/header_change-icon.png);
    background-size: cover;
    position: 
}
*/

#header .change:before {
    content: "";
    display: inline-block;
    width: 50px;
    height: 42px;
    background: url(https://finefitter.xsrv.jp/main/_img/_common/header_change-icon.png) no-repeat;
    background-size: contain;
    vertical-align: -12px;
    padding-right: 10px;
}

/* 今は非表示 */

#header .search {
    width: 37px;
    /*105*/
    height: 36px;
    /*100*/
    background: url(https://finefitter.xsrv.jp/main/_img/_common/header_search.png);
    position: absolute;
    top: 34px;
    right: 34px;
}

/* アクティブ ------------ */

#header.index_brand .brand {
    width: 100px;
    height: 100px;
    background: #d7d9db;
    float: left;
    color: #07141d;
    font-weight: 600;
}

#header.index_type .type {
    width: 100px;
    height: 100px;
    background: #d7d9db;
    float: left;
    color: #07141d;
    font-weight: 600;
}

#header.index_price .price {
    width: 100px;
    height: 100px;
    background: #d7d9db;
    float: left;
    color: #07141d;
    font-weight: 600;
}

#header.index_size .size {
    width: 100px;
    height: 100px;
    background: #d7d9db;
    float: left;
    color: #07141d;
    font-weight: 600;
}

/* =================================
.header-sub
================================= */

.header-sub {
    width: 750px;
    height: 130px;
    /*110px*/
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    margin: 100px auto 0 auto;
    position: fixed;
    top: 0;
    z-index: 1;
}

/* width */

.header-sub::-webkit-scrollbar {
    height: 0px;
}

.header-sub .wrapper {
    box-sizing: border-box;
    height: 100px;
    /*80px*/
    background: #d7d9db;
    padding: 40px 40px;
    /*30px 40px*/
    min-width: 100%;
}

body#type .header-sub .wrapper {
    padding: 0px 40px;
}

.header-sub .wrapper ul {
    width: auto;
    height: 100%;
}

.header-sub .wrapper ul li {
    position: relative;
    float: left;
    font-size: 18px;
    margin-right: 50px;
    opacity: 0.3;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

body#type .header-sub .wrapper ul li {
    opacity: 1;
}


.header-sub .wrapper ul li>div {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    height: auto;
    min-width: 100px;
}

body#size .header-sub .wrapper ul li>div {
    min-width: 94px;
}

body#type .header-sub .wrapper ul li>div {
    align-items: center;
    min-width: 140px;
    height: 100px;
}

body#type .header-sub .wrapper ul li>div>p {
    opacity: 0.3;
}

.header-sub .wrapper ul li>div>img, body#type .header-sub .wrapper ul li:nth-child(6)>div>img {
    display: none;
}

body#type .header-sub .wrapper ul li>div>img {
    display: block;
    width: 150px;
}

.header-sub .wrapper ul li.ac, body#type .header-sub .wrapper ul li.ac>div>p {
    opacity: 1;
}

.header-sub .wrapper ul li .ac-bar {
    width: 124px;
    left: 50% !important;
    transform: translateX(-50%);
    top: 55px;
    opacity: 0;
}

body#type .header-sub .wrapper ul li .ac-bar {
    width: 220px;
}

body#type .header-sub .wrapper ul li:nth-child(4) .ac-bar {
    width: 258px;
}

body#type .header-sub .wrapper ul li:nth-child(6) .ac-bar {
    width: 120px;
}

.header-sub .wrapper ul li.ac .ac-bar {
    opacity: 1;
}

#headerCon .ac-bar, body#type #headerCon .ac-bar {
    height: 6px;
    background: #323746;
    position: absolute;
    bottom: 0px;
    left: 40px;
    z-index: 99;
}

body#type #headerCon .ac-bar {
    top: 95px;
}

#headerCon .ac-bar.index {
    width: 124px;
}

#headerCon .ac-bar.index_type {
    width: 90px;
}

#headerCon .ac-bar.index_price {
    width: 78px;
}

#headerCon .ac-bar.index_size {
    width: 60px;
}

#headerCon .ac-bar.favorite {
    width: 114px;
}

#headerCon .num {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 40px;
    height: 34px;
    background: #323746;
    text-align: center;
    padding: 0 6px;
    line-height: 34px;
    border-radius: 17px;
    font-weight: 600;
    color: #FFF;
    font-size: 20px;
    z-index: 999;
}

.header-sub .brand_etc {
    width: 750px;
    height: 100px;
    /*80px*/
    background: url(https://finefitter.xsrv.jp/main/_img/_common/h-brand-sub_etc.png);
}

/* .h-btn --------------------- */

.h-btn_open {
    width: 80px;
    height: 80px;
    background: url(https://finefitter.xsrv.jp/main/_img/_common/h-btn_open.png);
    position: fixed;
    top: 110px;
    /*100px*/
    right: 0;
    z-index: 99;
    display: none;
}

body[page-type="index"] .h-btn_open {
    display: block;
}

.h-btn_close {
    width: 80px;
    height: 80px;
    background: url(https://finefitter.xsrv.jp/main/_img/_common/h-btn_close.png);
    position: fixed;
    top: 110px;
    /*100px*/
    right: 0;
    z-index: 99;
}

/*////////////////////////////////////////


#nav


//////////////////////////////////////// */

/*
#nav {
    width: 750px;
    height: 100px;
    background: #f0f0f0;
    background-size: cover;
    position: fixed;
    bottom: 0;
    z-index: 98;
}
*/

#nav {
    box-sizing: border-box;
    width: 750px;
    height: 120px;
    background: #f0f0f0;
    position: fixed;
    bottom: 0;
    font-size: 28px;
    font-weight: 400;
    display: flex;
    padding: 20px 0;
    z-index: 98;
}

#nav a {
    color: #06141D;
    text-decoration: none;
}

/* ホーム ------ */

#nav .home {
    width: 116px;
    height: 80px;
    position: relative;
}

#nav .home .icon {
    width: 45px;
    height: 47px;
    background: url(https://finefitter.xsrv.jp/home/_img/home.png);
    background-size: cover;
    position: absolute;
    top: 16px;
    left: 35px;
}

/* メガネ探す ============== 

#nav .search {
    width: 93px;
    height: 66px;
    background: url(https://finefitter.xsrv.jp/main/_img/_common/nav_search.png);
    position: absolute;
    top: 27px;
    left: 30px;
}

#nav.index .search, #nav.index_brand .search, #nav.index_type .search, #nav.index_price .search, #nav.index_size .search {
    width: 93px;
    height: 66px;
    background: url(https://finefitter.xsrv.jp/main/_img/_common/nav_search_ac.png);
    position: absolute;
    top: 27px;
    left: 30px;
}
*/

/* フレーム選ぶ ------ */

#nav .search {
    width: 317px;
    height: 80px;
    border-left: 1px solid rgb(50, 55, 70, 0.5);
    position: relative;
}

#nav .search .icon {
    width: 72px;
    height: 32px;
    background: url(https://finefitter.xsrv.jp/home/_img/search.png);
    background-size: cover;
    position: absolute;
    top: 25px;
    left: 31px;
}

#nav .search.ac .icon {
    background: url(https://finefitter.xsrv.jp/home/_img/search_ac.png);
}

#nav .search .text {
    position: absolute;
    top: 27px;
    left: 115px;
}

#nav .search.ac .text {
    font-weight: bold;
}

/* お気に入り ==============

#nav .favorite {
    width: 92px;
    height: 83px;
    background: url(https://finefitter.xsrv.jp/main/_img/_common/nav_favorite.png);
    position: absolute;
    top: 10px;
    left: 187px;
}

*/

/* お気に入り ------ */

#nav .favorite {
    width: 317px;
    height: 80px;
    border-left: 1px solid rgb(50, 55, 70, 0.5);
    position: relative;
}

#nav .favorite .icon {
    width: 64px;
    height: 62px;
    background: url(https://finefitter.xsrv.jp/home/_img/favorite.png);
    background-size: cover;
    position: absolute;
    top: 8px;
    left: 56px;
}

#nav .favorite.ac .icon {
    background: url(https://finefitter.xsrv.jp/home/_img/favorite_ac.png);
}

#nav .favorite .text {
    position: absolute;
    top: 27px;
    left: 131px;
}

#nav .favorite.ac .text {
    font-weight: bold;
}

/*
#nav.favorite .favorite {
    width: 92px;
    height: 83px;
    background: url(/_img/_common/nav_favorite_ac.png);
    position: absolute;
    top: 10px;
    left: 187px;
}
- */

#nav .nav-f-num {
    width: auto;
    height: 34px;
    background: #c80000;
    position: absolute;
    top: -5px;
    right: 20px;
    text-align: left;
    padding: 0 12px;
    line-height: 34px;
    border-radius: 17px;
    font-weight: 600;
    color: #FFF;
    font-size: 20px;
}

#nav .nav-f-num.none {
    display: none;
}

/* カート ============== */

#nav .cart {
    width: 57px;
    height: 78px;
    background: url(https://finefitter.xsrv.jp/main/_img/_common/nav_cart.png);
    position: absolute;
    top: 15px;
    left: 350px;
}

#nav.cart .cart {
    width: 57px;
    height: 78px;
    background: url(https://finefitter.xsrv.jp/main/_img/_common/nav_cart_ac.png);
    position: absolute;
    top: 15px;
    left: 350px;
}

#nav .nav-c-num {
    width: auto;
    height: 34px;
    background: #c80000;
    position: absolute;
    top: -4px;
    left: 39px;
    text-align: left;
    padding: 0 12px;
    line-height: 34px;
    border-radius: 17px;
    font-weight: 600;
    color: #FFF;
    font-size: 20px;
}

#nav .nav-c-num.none {
    display: none;
}

/* お知らせ ============== */

#nav .info {
    width: 74px;
    height: 79px;
    background: url(https://finefitter.xsrv.jp/main/_img/_common/nav_info.png);
    position: absolute;
    top: 14px;
    left: 487px;
}

#nav.info .info {
    width: 74px;
    height: 79px;
    background: url(https://finefitter.xsrv.jp/main/_img/_common/nav_info_ac.png);
    position: absolute;
    top: 14px;
    left: 487px;
}

/* マイページ ============== */

#nav .mypage {
    width: 93px;
    height: 78px;
    background: url(https://finefitter.xsrv.jp/main/_img/_common/nav_mypage.png);
    position: absolute;
    top: 15px;
    left: 630px;
}

#nav.mypage .mypage {
    width: 93px;
    height: 78px;
    background: url(https://finefitter.xsrv.jp/main/_img/_common/nav_mypage_ac.png);
    position: absolute;
    top: 15px;
    left: 630px;
}

/*////////////////////////////////////////


#contents


//////////////////////////////////////// */

#contents {
    width: 750px;
    height: auto;
    margin: 180px auto 100px auto;
}

#contents.favorite {
    width: 750px;
    height: auto;
    margin: 100px auto 100px auto;
}

#contents .element .btn_try {
    display: none;
}

.caption {
    width: 750px;
    height: 325px;
    background: #07141d;
    color: #FFF;
    box-sizing: border-box;
    text-align: center;
}

.caption p.title {
    font-size: 40px;
    line-height: 325px;
    font-weight: bold;
}

/* ブランドa-z順で探す ============== */

body#brand-index #headerCon .ac-bar {
    height: 6px;
    background: #323746;
    position: absolute;
    bottom: 0px;
    left: 40px;
    z-index: 99;
    width: 50px;
}

body#brand-index #headerCon .wrapper>ul>li>a {
    color: #000;
    text-decoration: none;
    font-size: 19px;
}

.brand-index-section {
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

.brand-index-section .bar {
    box-sizing: border-box;
    width: 100%;
    height: 80px;
    background: #6a7277;
    color: #FFF;
    font-weight: 600;
    line-height: 80px;
    font-size: 28px;
    padding-left: 20px;
    position: -webkit-sticky;
    position: sticky;
    top: 180px;
}

.brand-index-section .item {
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #ccc;
    font-weight: 300;
    line-height: 80px;
    font-size: 26px;
    padding-left: 20px;
    box-sizing: border-box;
}

.brand-index-section .item:last-child {
    border-bottom: none;
}

.brand-index-section .item a {
    display: block;
    width: 100%;
    height: 80px;
    text-decoration: none;
    color: #000;
}

/* ====================================
.element
==================================== */

.element {
    width: 750px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

/* moreボタン --------- */

.element .btn_detail {
    width: 135px;
    height: 54px;
    background: url(https://finefitter.xsrv.jp/main/_img/_common/btn_more.png);
    position: absolute;
    bottom: 110px;
    left: 30px;
    z-index: 10;
}

/* カートボタン --------- */

.element .btn_cart {
    width: 63px;
    height: 62px;
    position: absolute;
    background: url(https://finefitter.xsrv.jp/main/_img/_common/btn_cart.png);
    bottom: 30px;
    left: 110px;
    z-index: 10;
}

.element .btn_cart.ac {
    width: 63px;
    height: 62px;
    background: url(https://finefitter.xsrv.jp/main/_img/_common/btn_cart_ac.png);
    position: absolute;
    bottom: 30px;
    left: 110px;
    z-index: 10;
}

/* お気に入りボタン --------- */

.element .btn_favorite {
    width: 66px;
    height: 63px;
    background: url(https://finefitter.xsrv.jp/main/_img/_common/btn_favorite.png);
    position: absolute;
    bottom: 30px;
    left: 64.5px;
    z-index: 10;
}

.element .btn_favorite.ac {
    background: url(https://finefitter.xsrv.jp/main/_img/_common/btn_favorite_ac.png);
}

/* 矢印 --------- */

.element .arrow_R {
    width: 26px;
    height: 26px;
    position: absolute;
    top: 360px;
    right: 20px;
    border-top: 10px solid #ccc;
    border-right: 10px solid #ccc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 10;
    opacity: 0.3;
}

.element .arrow_L {
    width: 26px;
    height: 26px;
    position: absolute;
    top: 360px;
    left: 20px;
    border-bottom: 10px solid #ccc;
    border-left: 10px solid #ccc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 10;
    opacity: 0.3;
}

/*鼻パッド無し・眼鏡傾き補正 表記 --------- */

.element .noPad, .element .rev {
    color: red;
    position: absolute;
    top: 40px;
    right: 25px;
    font-size: 20px;
    z-index: 99;
}

/* ---------------------
プロパティ
------------------------ */

.element .modelNum {
    font-size: 20px;
    font-weight: normal;
}

.element .name {
    width: 235px;
    height: auto;
    font-size: 30px;
    line-height: 30px;
    position: absolute;
    bottom: 96px;
    right: 30px;
    text-align: right;
    margin-bottom: 14px;
    z-index: 10;
    font-weight: 500;
    text-shadow: white 2px 0px, white -2px 0px, white 0px -2px, white 0px 2px, white 2px 2px, white -2px 2px, white 2px -2px, white -2px -2px, white 1px 2px, white -1px 2px, white 1px -2px, white -1px -2px, white 2px 1px, white -2px 1px, white 2px -1px, white -2px -1px;
}

.element .size {
    width: 160px;
    height: auto;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    bottom: 66px;
    right: 30px;
    text-align: right;
    margin-bottom: 10px;
    z-index: 10;
    text-shadow: white 2px 0px, white -2px 0px, white 0px -2px, white 0px 2px, white 2px 2px, white -2px 2px, white 2px -2px, white -2px -2px, white 1px 2px, white -1px 2px, white 1px -2px, white -1px -2px, white 2px 1px, white -2px 1px, white 2px -1px, white -2px -1px;
}

.element .price {
    width: 160px;
    height: auto;
    font-size: 30px;
    line-height: 30px;
    position: absolute;
    bottom: 36px;
    right: 30px;
    text-align: right;
    z-index: 10;
    text-shadow: white 2px 0px, white -2px 0px, white 0px -2px, white 0px 2px, white 2px 2px, white -2px 2px, white 2px -2px, white -2px -2px, white 1px 2px, white -1px 2px, white 1px -2px, white -1px -2px, white 2px 1px, white -2px 1px, white 2px -1px, white -2px -1px;
}

/*フリップの中身 ---------------- */

.element .slickCon {
    width: 750px;
    height: auto;
}

/* ====================================
.bar
==================================== */

.bar {
    width: 100%;
    height: 200px;
    background: #323746;
    text-align: center;
    color: #FFF;
    font-size: 34px;
    font-weight: bold;
    line-height: 200px;
}

.bar span {
    font-size: 24px;
    font-weight: normal;
}

/*============================================
メイン写真
============================================*/

.list-1_face {
    background: url(https://finefitter.xsrv.jp/main/_img/item/new/no_image.png);
}

.list-1_front {
    background: url(https://finefitter.xsrv.jp/main/_img/item/new/no_image.png);
}

.list-1_naname {
    background: url(https://finefitter.xsrv.jp/main/_img/item/new/no_image.png);
}

.list-1_side {
    background: url(https://finefitter.xsrv.jp/main/_img/item/new/no_image.png);
}

/* サイズ合わせ（なぜかidのdivで囲ったらこれ必要になったので） */

.element .slickCon .item {
    width: 750px;
    height: 750px;
    background-size: cover;
}

#model_b .element .slickCon .item {
    width: 750px;
    height: 750px;
    background-size: cover;
}

#model_c .element .slickCon .item {
    width: 750px;
    height: 750px;
    background-size: cover;
}

#kawa_normal .element .slickCon .item {
    width: 750px;
    height: 750px;
    background-size: cover;
}

#kawa_eff .element .slickCon .item {
    width: 750px;
    height: 750px;
    background-size: cover;
}

#kawa_bright1 .element .slickCon .item {
    width: 750px;
    height: 750px;
    background-size: cover;
}

#kawa_bright2 .element .slickCon .item {
    width: 750px;
    height: 750px;
    background-size: cover;
}

#kawa_dark1 .element .slickCon .item {
    width: 750px;
    height: 750px;
    background-size: cover;
}

#kawa_dark2 .element .slickCon .item {
    width: 750px;
    height: 750px;
    background-size: cover;
}

#kawa_naname .element .slickCon .item {
    width: 750px;
    height: 750px;
    background-size: cover;
}

#kawa_uwame .element .slickCon .item {
    width: 750px;
    height: 750px;
    background-size: cover;
}

#kawa_mioroshi .element .slickCon .item {
    width: 750px;
    height: 750px;
    background-size: cover;
}

#mori .element .slickCon .item {
    width: 750px;
    height: 750px;
    background-size: cover;
}

/*////////////////////////////////////////


body#favorite, body#cart #headerCon


//////////////////////////////////////// */

body#favorite #headerCon, body#cart #headerCon {
    color: #07141D;
}

body#favorite #headerCon #header .wrapper, body#cart #headerCon #header .wrapper {
    width: 680px;
    height: 100px;
    /*background: #aaa;*/
    font-size: 28px;
    font-weight: bold;
    line-height: 100px;
    text-align: center;
}

body#cart #headerCon #header .back {
    position: absolute;
    right: 16px;
    width: 80px;
    height: 100px;
}

body#cart #headerCon #header .back a {
    font-size: 26px;
    font-weight: normal;
    line-height: 100px;
    color: #FFF;
    text-decoration: none;
}

body#cart #headerCon.hide {
    transform: translateY(-540px);
}

body#cart #headerCon .header-sub {
    box-sizing: border-box;
    width: 750px;
    height: 200px;
    background: #F0F0F0;
    padding: 32px 32px 0 32px;
}

body#cart #headerCon .header-sub .wrap1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: auto;
    /*background: #bbb;*/
}

body#cart #headerCon .header-sub .wrap1 .coment {
    font-size: 22px;
}

body#cart #headerCon .header-sub .wrap1 .count {
    color: inherit;
    font-size: 32px;
    font-weight: bold;
    margin-top: -20px;
}

body#cart #headerCon .header-sub .wrap1 .count.max {
    color: red;
}

body#cart #headerCon .header-sub .wrap1 .count span {
    font-size: 52px;
}

body#cart #headerCon .header-sub .wrap2 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: auto;
    /*background: #bbb;*/
    margin-top: 28px;
}

body#cart #headerCon .header-sub .wrap2 #btn_release {
    display: flex;
    box-sizing: border-box;
    width: 190px;
    height: 70px;
    font-size: 24px;
    line-height: 70px;
    /*border: 1px solid #666;*/
    text-align: center;
    text-decoration: underline;
}

body#cart #headerCon .header-sub .wrap2 #btn_order {
    box-sizing: border-box;
    width: 554px;
    height: 70px;
    background: #DFB700;
    font-size: 30px;
    line-height: 70px;
    text-align: center;
    font-weight: bold;
    border-radius: 8px;
}

.wrap2>a {
    color: inherit;
    text-decoration: none;
}

/*////////////////////////////////////////


body#cart #contents


//////////////////////////////////////// */

body#cart #contents {
    margin: 300px auto 100px auto;
}

body#cart #contents .element .btn_try {
    display: block;
    width: 110px;
    height: 110px;
    background: url(https://finefitter.xsrv.jp/main/_img/cart/btn_try.png);
    position: absolute;
    top: 52px;
    left: 32px;
    z-index: 10;
}

body#cart #contents .element .btn_try.ac {
    width: 110px;
    height: 110px;
    background: url(https://finefitter.xsrv.jp/main/_img/cart/btn_try_ac.png);
    position: absolute;
    top: 52px;
    left: 32px;
    z-index: 10;
}

/*////////////////////////////////////////


body#info & body#mypage #headerCon


//////////////////////////////////////// */

body#info #headerCon .wrapper, body#mypage #headerCon .wrapper {
    font-size: 30px;
    line-height: 100px;
    text-align: left;
    text-indent: 80px;
}

/*////////////////////////////////////////


body#info & body#mypage #contents


//////////////////////////////////////// */

body#info #contents, body#mypage #contents {
    width: 750px;
    height: 2000px;
    margin: 100px auto 100px auto;
    text-align: center;
    padding-top: 500px;
    font-size: 28px;
    background: #ccc;
}

.amp-carousel-slide {
    background-size: cover;
}

.amp-carousel-button-prev {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 360px;
    left: 20px;
    border-bottom: 10px solid #ccc;
    border-left: 10px solid #ccc;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 10;
    opacity: 0.3;
    color: rgba(0, 0, 0, 0);
    background: none;
}

.amp-carousel-button-next {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 360px;
    right: 20px;
    border-top: 10px solid #ccc;
    border-right: 10px solid #ccc;
    border-bottom: none;
    border-left: none;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 10;
    opacity: 0.3;
    color: rgba(0, 0, 0, 0);
    background: none;
}

#glasses_sticker {
    width: 1722.368px;
    height: 1722.368px;
    transform: rotate(0.0174deg) translate(-457.684px, -481.184px);
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■


七七七株式会社追記（2021.4.24〜）


■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*////////////////////////////////////////


お気に入り（body#favorite）


////////////////////////////////////////*/

body#favorite .mail-space {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    background: #F0F0F0;
    padding: 40px;
}

body#favorite .mail-space.empty {
    display: none;
}

body#favorite .mail-space p {
    font-size: 28px;
    line-height: 1.6;
    margin: 0 auto;
    text-align: justify;
}

body#favorite .mail-space .btn_form {
    display: flex;
}

body#favorite .mail-space .btn_mail {
    width: 508px;
    height: 100px;
    background: #DFB700;
    line-height: 100px;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    border-radius: 8px;
    margin: 40px auto 0 auto;
    border: none;
    color: #07141D;
}

body#favorite .mail-space a {
    color: #06141D;
    text-decoration: none;
}

body#favorite .mail-space span {
    color: #C80000;
}

body#favorite button {
    font: inherit
}

/*////////////////////////////////////////


商品詳細（body#detail）


////////////////////////////////////////*/

/*=============================
#headerCon
=============================*/

body#detail #headerCon #header {
    width: 100%;
    height: 100px;
    background: url(https://finefitter.xsrv.jp/main/_img/detail/header.png);
    font-size: 30px;
    line-height: 100px;
    text-align: center;
}

body#detail #headerCon #header a {
    width: 100px;
    height: 100px;
    /*background: #eee;*/
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

/*=============================
#contents
=============================*/

body#detail #contents {
    margin-top: 100px;
    font-size: 30px;
    font-weight: 400;
}

/*=============================
.item
=============================*/

body#detail .item {
    width: 750px;
    height: 750px;
    background: url(https://finefitter.xsrv.jp/main/_img/face.png);
}

/*=============================
.data
=============================*/

body#detail .data {
    z-index: 10;
}

body#detail .data .wrapper {
    display: flex;
    width: 100%;
    height: 90px;
    border-bottom: 1px solid rgb(0, 0, 0, 0.5);
}

body#detail .data .brand-height {
    height: 120px;
}

/* キャプション ------- */

body#detail .data .wrapper .cap {
    display: table;
    width: 152px;
    height: 90px;
    background: #eee;
    font-size: 24px;
    line-height: 1.2em;
}

body#detail .data .brand-height .cap {
    height: 120px;
}

body#detail .data .wrapper .cap .cap-into {
    display: table-cell;
    padding: 0 1em;
    vertical-align: middle;
}

/* 内容 ------- */

body#detail .data .wrapper .con {
    display: table;
    width: 598px;
    height: 90px;
    /*background: #e0e;*/
    font-size: 30px;
    line-height: 1.2em;
}

body#detail .data .brand-height .con {
    height: 120px;
}

body#detail .data .wrapper .con .con-into {
    display: table-cell;
    padding: 0 1em;
    vertical-align: middle;
}

body#detail .data .wrapper .con .con-into .kana {
    font-size: 24px;
}

body#detail .data .wrapper .con .con-into .name {
    font-size: 40px;
    font-weight: 600;
}

/* 説明 ------- */

body#detail .data .setsumei {
    box-sizing: border-box;
    padding: 2em 1.4em;
    height: auto;
    border-bottom: 1px solid rgb(0, 0, 0, 0.5);
    line-height: 1.8em;
    text-align: justify;
}

/* お気に入り追加ボタン ------- */

body#detail .btn_favorite_bar {
    width: 75%;
    height: 160px;
    margin: 100px auto 220px auto;
    background: #323746;
    border-radius: 16px;
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    line-height: 160px;
    color: #FFF;
    pointer-events: initial;
}

body#detail .btn_favorite_bar.ac {
    background: #aaa;
}

body#detail .btn_favorite_bar:before, body#detail .btn_favorite_bar_match.ac:before {
    content: "";
    display: inline-block;
    width: 66px;
    height: 63px;
    background: url(https://finefitter.xsrv.jp/main/_img/_common/btn_favoriteW.png) no-repeat;
    background-size: contain;
    vertical-align: -16px;
    padding-right: 16px;
}

/* お気に入り追加済ボタン ------- */

body#detail .btn_favorite_bar_match {
    width: 75%;
    height: 160px;
    margin: 0 auto 200px auto;
    background: #aaa;
    border-radius: 16px;
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    line-height: 160px;
    color: #FFF;
    pointer-events: none;
}

body#detail .btn_favorite_bar_match.ac {
    background: #323746;
    pointer-events: initial;
}

body#detail .btn_favorite_bar_match:before, body#detail .btn_favorite_bar.ac:before {
    content: "";
    display: inline-block;
    width: 66px;
    height: 63px;
    background: url(https://finefitter.xsrv.jp/main/_img/_common/btn_favoriteW_ac.png) no-repeat;
    background-size: contain;
    vertical-align: -16px;
    padding-right: 16px;
}