@charset "UTF-8";

body {
    font-size: 16px;
    line-height: 1.6;
    color: #000;
    background: #fff;
    text-align: left;
}

.container_ button,
.container_ input,
.container_ select,
.container_ textarea {
  font-family : inherit;
  font-size   : 100%;
}

.container_ button{
    border-radius: 0;
}

a {
    color: #dddddf;
    text-decoration: none;
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    transition: .25s ease-out;
}
a:hover {
    opacity: 0.7;
    text-decoration: none;
}

a:link {
    color: #2299e1;
}

a:visited {
    color:  #2299e1;
}

img {
    vertical-align: bottom;
}

h1 {
    font-size: 40px;
    line-height: 1;
}

h2 {
    font-size: 28px;
    line-height: 1;
}

h3 {
    font-size: 20px;
    font-weight: normal;
}

h4 {
    font-size: 16px;
    font-weight: normal;
}

h5 {
    font-weight: normal;
    font-size: 14px;
}

h6 {
    font-size: 14px;
}

p {
    font-size: 16px;
}

select{
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0;
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

input, button, textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

sup {
    font-size: 75.5%;
    vertical-align: top;
    position: relative;
    top: -0.1em;
}

select:hover, button:hover, input[type="checkbox"]:hover, input[type="submit"]:hover, input[type="reset"]:hover,label:hover{
    cursor: pointer;
}

input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus {
    border: 1px solid #229ae1;
}

input:focus,
select:focus {
    outline-offset: unset;
    outline: unset;
}

label {
    margin: 0;
    line-height: inherit;
    padding-bottom: 0;
}

input[type="radio"] {
display: none;
width: 20px;
height: 20px;
-webkit-box-shadow: none;
box-shadow: none;
}

h1.optimaizedH1 { position:absolute; left:0; top:0;}

/* ---------------------------------------------------------------
wrapper_
--------------------------------------------------------------- */
div.wrapper_ {
    width: calc(100% - 80px);/*width: calc(100% - 81px);*/
    min-width: 768px;
    position: relative;
    margin: 0;
    left: 80px;
    overflow: hidden;
}

div.wrapper_.another__window_ {
    width: 100%;
    left: 0;
}

/* ---------------------------------------------------------------
modal window風
--------------------------------------------------------------- */

#another__window {
    position: relative;
    -webkit-transition: .75s ease-in;
    -moz-transition: .75s ease-in;
    transition: .75s ease-in;
    opacity: 0;
}

#another__window.modal__open_ {
    opacity: 1;
}

#another__window.modal__open_.modal__close_ {
    opacity: 0;
}

.js__closeBtn_ {
    position: absolute;
    top: 5px;
    right: 5px;
    display: none;
}

.js__closeBtn_ a {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    display: block;
    position: relative;
    width: 44px;
    height: 44px;
    margin-right: 0;
    margin-left: auto;
}

.js__closeBtn_ a:before {
    content: "";
    width: 25px;
    height: 2px;
    display: block;
    position: absolute;
    top: 21px;
    left: 8px;
    background: #229ae1;
    border-right: #229ae1 solid 1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
}

.js__closeBtn_ a:after {
    content: "";
    width: 25px;
    height: 2px;
    display: block;
    position: absolute;
    top: 21px;
    left: 8px;
    background: #229ae1;
    border-right: #229ae1 solid 1px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
    z-index: 1;
}

#another__window .btn__line2_ + .btn__line1_ {
    margin-top: 30px;
}

/*
******************************************************************
article - common
******************************************************************
*/

.container_ {
    margin-bottom: 80px;
}

.smallComplementTxt_ {
    font-size: 12px;
}

.smallComplementTxtR_ {
    text-align: right;
}

.smallComplementTxt__kome_ {
    text-indent: -1em;
    padding-left: 1em;
}

.complementLink_ {
    border-bottom: 1px solid #2299e1;
    color: #2299e1;
    display: inline-block;
    line-height: 1.2;
}

.grayArea_ {
    background: #f7f7f7;
    box-sizing: border-box;
}

.shopBagView_ .grayArea_ {
    margin: 50px auto;
        padding: 30px 25px;
}

.grayArea_ select {
    background: #fff;
}

.separate__grayBorder_:not(:last-of-type),
.separate__box_:not(:last-of-type) {
    margin-bottom: 30px;
}
.separate__grayBorder__mid_,
.separate__grayBorder_ {
    border-bottom: 1px solid #ebebeb;
}

.separate__grayBorder_ {
    padding-bottom: 30px;
}

.separate__grayBorder__mid_ {
    padding-bottom: 30px;
}

.separate__grayBorder__mid_:not(:last-of-type) {
    margin-bottom: 20px;
}

.complementLink_ {
    font-size: 16px;
}

.lead__nameBox_ {
    padding: 20px 0;
    border-bottom: 1px solid #ebebeb;
    overflow: hidden;
}

/* 料金 */
.container_ .table__block_.totalCal_ tr,
.totalCal_ dl{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
}


.container_ .table__block_.totalCal_ tr:not(:last-of-type),
.totalCal_ dl:not(:last-of-type) {
    margin-bottom: 10px;
}

.carriage_,
.totalOff_,
.subTotal_ {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
}

.totalCal_ tr td,
.totalCal_ tr th,
.carriage_ td,
.carriage_ th,
.totalOff_ td,
.totalOff_ th,
.subTotal_ th,
.subTotal_ td,
.totalCal_ dl dd,
.totalCal_ dl dt,
.carriage_ dd,
.carriage_ dt,
.totalOff_ dd,
.totalOff_ dt,
.subTotal_ dt,
.subTotal_ dd {
    font-size: 18px;
}

.discount__value_ {
    color: #e20c0c;
}

.container_ .item__calBox_.table__block_ tr {
    padding: 10px 20px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.container_ .item__calBox_.table__block_ tr + tr {
    margin-top: 10px;
}

.container_ .item__calBox_.table__block_ .campaignBox_ th,
.container_ .item__calBox_.table__block_ .campaignBox_ td {
    color: #e20c0c;
}

.container_ .item__calBox_.table__block_ th,
.container_ .item__calBox_.table__block_ td {
    font-size: 18px
}

.container_ .item__calBox_.table__block_ th span {
    font-size: 14px;
    display: block;
}

.container_ .item__calBox_.table__block_ th span.itemPrice_tax_ {
    display: inline-block;
    font-size: 0.6em;
    vertical-align: baseline;
}

/* ポップアップボタン */
.popup__btn_ {
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.popup__btnTxt_ a {
    text-align: center;
    color: #fff;
    position: relative;
    display: block;
    font-size: 15px;
}

.popup__btnTxt_:before {
    position: absolute;
    content: "";
    background: #90ccf0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
}

/* ポップアップ中身 */
body .mfp-inline-holder .mfp-content ,
body .mfp-ajax-holder .mfp-content {
    padding: 40px 40px 30px;
    border: 1px solid #229ae1;
}

body .mfp-inline-holder .mfp-content img ,
body .mfp-ajax-holder .mfp-content img {
    width: 100%;
}

body .mfp-inline-holder .mfp-content p ,
body .mfp-ajax-holder .mfp-content p {
    font-size: 14px;
}

body .mfp-inline-holder .mfp-content .popup__txt_ ,
body .mfp-ajax-holder .mfp-content .popup__txt_ {
    margin-bottom: 40px;
}

body .mfp-inline-holder .mfp-content .popup__lensType_ img ,
body .mfp-ajax-holder .mfp-content .popup__lensType_ img {
    display: block;
    margin: 0 auto;
    width: 530px;
}

#pop__exchangeLens .h3__title_ {
		font-size: 18px; text-align: center; font-weight: bold; margin-bottom: 15px;
}
#pop__exchangeLens p{ margin-bottom: 15px; }

/* 吹き出し */

.pop__hukidashi_ {
    width: 370px;
    height: auto;
    min-height:100px;
    border: 1px solid #229ae1;
    padding: 20px 10px 16px;
    color: #229ae1;
    position: absolute; left: -40px;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    z-index: 10;
    display: none;
    line-height: 1.8;
}

.pop__hukidashi_:before {
    content: '';
    position: absolute;
    top: -17px;
    left: 162px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #229ae1 transparent;
}

.pop__hukidashi_:after {
    content: '';
    position: absolute;
    top: -15px;
    left: 162px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #fff transparent;
}

.pop__hukidashi2_ {
    width: 370px;
    height: auto;
    min-height:100px;
    border: 1px solid #229ae1;
    padding: 20px 10px 16px;
    color: #229ae1;
    position: absolute;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    z-index: 10;
    display: none;
    line-height: 1.8;
}

.pop__hukidashi2_:before {
    content: '';
    position: absolute;
    top: 42px;
    right: -18px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #229ae1 transparent;
    transform: rotate(90deg);
}

.pop__hukidashi2_:after {
    content: '';
    position: absolute;
    top: 42px;
    right: -16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #fff transparent;
    transform: rotate(90deg);
}

.pop__hukidashi02_:before {
    left: 245px;
}

.pop__hukidashi02_:after{
    left: 245px;
}

/* 戻るリンク */
.pageBack__link_ {
    position: absolute;
    top: 20px;
    left: 30px;
}

.pageBack__link_ a {
    position: relative;
    display: block;
    color: #2299e1;
    padding-left: 14px;
}

.pageBack__link_ a:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 1px solid #2299e1;
    border-left: 1px solid #2299e1;
}

/*カスタムスクロールバー（プラグイン）*/
.mCS-my-theme.mCSB_scrollTools .mCSB_dragger {
    height: 165px;
}

.mCS-my-theme.mCSB_scrollTools .mCSB_draggerContainer {
    border-left: 1px solid #c7c7c7;
    background: #ebebeb;
}

.mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 10px;
    height: 165px;
    background-color: #90ccf0 !important;
}

.mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail{
    background-color: transparent;
}

/* ---------------------------------------------------------------
google map
--------------------------------------------------------------- */

/* google map デフォルトのUI */
.page__shop_ #googleMap__area_ .gmnoprint,
.page__shop_ #googleMap__area_ img.gm-fullscreen-control,
.page__shop_ #googleMap__area_ .gm-style-cc,
.page__shop_ #googleMap__area_ .gm-style-mtc {
    display: none;
}

/* ---------------------------------------------------------------
magnific popup
--------------------------------------------------------------- */
body .mfp-bg {
    background: rgba(0,0,0,0.2);
}

/* ---------------------------------------------------------------
change__link_
--------------------------------------------------------------- */
.change__link__set01_,
.change__link__set02_ {
    display: none;
}

.change__link__set01_.on,
.change__link__set02_.on {
    display: block;
}

.layout__flex__line_.flex__box01_.change__link__set02_ {
    display: none;
}

.layout__flex__line_.flex__box01_.on {
    display: flex;
    margin-top: 0;
}

/* ---------------------------------------------------------------
タイトル
--------------------------------------------------------------- */

.pageTitle_{
    width: 700px;
    margin: auto;
    color:#229ae1;
    border-bottom:1px solid #229ae1;
    padding-bottom:20px;
    text-align: center;
    padding: 30px 0 20px;
}

.common_headline1_.pageTitle_ {
    font-size: 28px;
}

.page__consent_ h2.common_headline1_.pageTitle_ {
    font-size: 28px;
}

.h3__title_ {
    color: #2299e1;
    float: none;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
}

.h3__title_ img {
    vertical-align: middle;
    position: relative;
    top: -0.1em;
}

.h4__title_ {
    font-size: 14px;
    color: #229ae1;
    margin-bottom: 15px;
    font-weight: normal;
}

.h5__title_ {
    font-size: 14px;
    color: #229ae1;
    margin-bottom: 15px;
    font-weight: normal;
}

/* ---------------------------------------------------------------
リストスタイル
--------------------------------------------------------------- */

.li__decimal_ li {
    list-style: cambodian;
}

.li__disc_ {
    list-style: disc;
    padding-left: 28px;
}

/* ---------------------------------------------------------------
タイトル帯
--------------------------------------------------------------- */
.obiTxt_ {
    width: auto;
    font-size: 12px;
    color: #fff;
    text-align: center;
    display: inline-block;
    /*margin-left: 30px;*/
    margin-left: 5px;
    vertical-align: middle;
    line-height: 1.4em;
    margin-bottom: 3px;
    padding: 0 10px;
}
.obiTxt_:first-child {
  margin-left: 10px;
}
.page__shop_.container_ .obiTxt_:first-child {
  margin-left: 0px;
}


.obi__taxFree_ {
    background: #ffd200;
}

.obiTxt_.obi__srvTrans_ {
    background: #80c269;
}
.obiTxt_.obi__srvSignLang_ {
    background: #8f82bc;
}

.obi__campaign_ {
    background: #9bcb9b;
}

.obi__newOpen_ {
    background: #ff0000;
}

.obi__info_ {
    background: #99cdff;
}

.obi__renewal_ {
    background: #7fccf0;
}

.obi__closed_ {
    background: #999999;
}

.obi__newItem_ {
    background: #cc99cc;
}

.obiTxt_.obi__1_ {
    background: #ff0000;
}

.obiTxt_.obi__2_ {
    background: #7fccf0;
}

.obiTxt_.obi__3_ {
    background: #9bcb9b;
}

.obiTxt_.obi__4_ {
    background: #cc99cc;
}

.obiTxt_.obi__5_ {
    background: #99cdff;
}

/* ---------------------------------------------------------------
共通パーツ
--------------------------------------------------------------- */

/* 注意メッセージ */
.caution_message_ {
    border: solid 3px #229ae1;
    padding: 25px 20px;
    margin: 40px auto 60px auto;
    box-sizing: border-box;
    font-size: 14px;
}
.caution_message_ a {
    text-decoration: underline;
}
hr{
    border: 0; 
    height: 1px; 
    border-top: 1px solid #d9e4ea;
}
/* ---------------------------------------------------------------
タグ
--------------------------------------------------------------- */

.tagTxt_ {
    padding: 0 1px;
    display: inline-block;
    font-size: 10px;
    border-width: 1px;
    border-style: solid;
    background: #fff;
    box-sizing: border-box;
}

.tag__popularity_ {
    border-color: #229ae1;
    color: #229ae1;
}

/* ---------------------------------------------------------------
税込
--------------------------------------------------------------- */

.itemPrice_tax_{
    font-size: .6em;
    margin-left: .2em;
    vertical-align: middle;
}

/* ---------------------------------------------------------------
サービスレイアウト
--------------------------------------------------------------- */
.service__sideLayout_ {
    overflow: hidden;
}

.service__sideLayout__view_,
.service__sideLayout__txt_ {
    display: table-cell;
}

.service__sideLayout__view_ {
    margin-right: 20px;
}

.service__sideLayout__view_ img {
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    width: 100%;
}

.service__sideLayout__txt_ {
    padding-left: 20px;
    vertical-align: middle;
}

.service__sideLayout__txtTitle_ {
    display: block;
}

.service__sideLayout__txtTitle_ {
    display: block;
}

.service__sideLayout__description_ {
    margin-bottom: 30px;
}

.service__sideLayout_ input:checked + label.radio__label_ .radio__parts_:before{
    top: 34px;
}

.service__sideLayout_ .radio__label_:before{
    top: 30px;
}

.service__sideLayout_ .radio__block_ {
    width: 33%;
    float: left;
    margin-bottom: 30px;
}

.service__sideLayout_ .radio__block_ input{
    display: none;
}

.service__sideLayout_ .radio__block_ label{
    margin-right: 30px;
}

.service__sideLayout_ .radio__block_ .service__sideLayout__view_{
    display: table-cell;
    margin: 0 auto;
}

.service__sideLayout_ .radio__block_ .service__sideLayout__txt_{
    display: inline-block;
    text-align: left;
    padding-left: 0;
    width: 100%;
}

.service__sideLayout_ .radio__block_ span img{
    width: 90px;
    height: 90px;
    margin-bottom: 10px;
    pointer-events: none;
}

/* ---------------------------------------------------------------
ポストイン
--------------------------------------------------------------- */

.cartItem_ .item__calBox_ .service__sideLayout_ {
    overflow: hidden;
}

.cartItem_ .item__calBox_ .service__sideLayout__view_,
.cartItem_ .item__calBox_ .service__sideLayout__txt_ {
    display: table-cell;
}

.cartItem_ .item__calBox_ .service__sideLayout__view_ {
    margin-right: 20px;
}

.cartItem_ .item__calBox_ .service__sideLayout__view_ img {
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    width: 100%;
}

.cartItem_ .item__calBox_ .service__sideLayout__txt_ {
    padding-left: 20px;
    vertical-align: middle;
}

.cartItem_ .item__calBox_ .service__sideLayout__txtTitle_ {
    display: block;
}

.cartItem_ .item__calBox_ .service__sideLayout__txtTitle_ {
    display: block;
}

.cartItem_ .item__calBox_ .service__sideLayout__description_ {
    margin-bottom: 30px;
}

.cartItem_ .item__calBox_ .service__sideLayout_ input:checked + label.radio__label_ .radio__parts_:before{
    top: 34px;
}

.cartItem_ .item__calBox_ .service__sideLayout_ .radio__label_:before{
    top: 30px;
}

.cartItem_ .item__calBox_ .service__sideLayout_ .radio__block_ {
    width: 33%;
    float: left;
    margin-bottom: 30px;
}

.cartItem_ .item__calBox_ .service__sideLayout_ .radio__block_ input{
    display: none;
}

.cartItem_ .item__calBox_ .service__sideLayout_ .radio__block_ label{
    margin-right: 30px;
}

.cartItem_ .item__calBox_ .service__sideLayout_ .radio__block_ .service__sideLayout__view_{
    display: table-cell;
    margin: 0 auto;
}

.cartItem_ .item__calBox_ .service__sideLayout_ .radio__block_ .service__sideLayout__txt_{
    display: inline-block;
    text-align: left;
    padding-left: 0;
    width: 100%;
}

.cartItem_ .item__calBox_ .service__sideLayout_ .radio__block_ span img{
    width: 90px;
    height: 90px;
    margin-bottom: 10px;
    pointer-events: none;
}

.cartItem_ .item__calBox_ .service__sideLayout__view_ {
    width: 90px;
    height: 90px;
}

.cartItem_ .item__calBox_ .service__sideLayout__txt_ {
    width: 590px;
}

.cartItem_ .item__calBox_ .service__sideLayout__view_,
.cartItem_ .item__calBox_ .service__sideLayout__txt_ {
    display: block;
}



/* ---------------------------------------------------------------
商品ビュー
--------------------------------------------------------------- */

/* product__sideLayout_ */
.product__sideLayout_ {
    overflow: hidden;
}

.product__sideLayout_ .view_ {
    float: left;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content:center;
    align-items:center;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
}

.product__sideLayout_ .view_ img {
    width: 100%;
    background: #fff;
}

.product__sideLayoutBig_:not(:last-of-type) {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
}

.product__sideLayoutBig_ .view_ {
    width: 130px;
    height: 130px;
}

.product__sideLayoutBig_ .view_ img {
    padding: 33px 0;
}

.product__sideLayout_ .product__data_ {
    float: left;
    width: 410px;
    margin-left: 20px;
}

.registration__info_ .product__data_ {
    width: 570px;
}

.product__sideLayout_ .product__data_ dl {
    overflow: hidden;
}

.product__sideLayout_ .product__data_ dt {
    float: left;
}

.product__sideLayout_ .product__data_ dd {
    float: left;
}

/* ---------------------------------------------------------------
商品ビュー table
--------------------------------------------------------------- */

/* ecbeing reset */
.container_ table.cartlist_ td.name_ div.name_ {
    margin-bottom: 0;
}

.container_ table.cartlist_ td.qty_ {
    text-align: left;
}

.container_ div.cartinfo_ {
    margin: 0;
}

.container_ table.cartlist_ td {
    border: 0;
    }

.container_ .formlist_ td {
    padding: 0;
}

.container_ table.cartlist_ .qty_ input {
    border: 0;
    font-weight: normal;
    display: inline;
    height: inherit;
    line-height: 1.6;
    text-align: center;
    width: 20px;
    margin: 0;
    display: none;
}

/* カート ver  */
.container_ table.cartlist_ .qty_ span {
    display: inline-block;
}

.container_ .table__product__layout_ {
    padding: 45px 0 15px;
    border-bottom: 1px solid #ebebeb;
    position: relative;
}

.container_ .table__product__layout_ tr {
    overflow: hidden;
}

.container_ .table__product__layout_ .tProduct__img_ {
    float: left;
    width: 130px;
    height: 130px;
    display: flex;
    justify-content:center;
    align-items:center;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    margin-top: 5px;
}

.container_ .table__product__layout_ .tProduct__img_ a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content:center;
    align-items:center;
}

.container_ .table__product__layout_ .tProduct__img_ img {
    width: 100%;
}

.container_ .table__product__layout_ .tProduct__detail_ {
    width: 550px;
    float: right;
    margin-bottom: 3px;
}

.container_ .table__product__layout_ .tProduct__detail_ > p {
    display: inline-block;
}

.container_ .table__product__layout_ .tProduct__detail_ .price_ {
    color: #000;
    font-size: 16px;
    font-weight: normal;
}

.container_ .table__product__layout_ .tProduct_del__button_ label{
    position: absolute;
    top: 20px;
    right: 10px;
    width: 20px;
}

.container_ .table__product__layout_ .tProduct_del__button_ label img{
    pointer-events:none;
}

.container_ .table__product__layout_ .tProduct_del__button_ input {
    display: none;
}

/* ご注文方法 ver */
.container_ div.order_ table.destgoodslist_ .method_img_ {
    width: 130px;
}

.container_ table.destgoodslist_ {
    margin-bottom: 0;
}

.container_ .formlist_ th {
    font-weight: normal;
    border: 0;
    background: none;
    padding: 0;
}

.container_ .formlist_ td {
    background: none;
    border: 0;
}

.container_ .table__product__layout02_ {
    position: relative;
}

.container_ .table__product__layout02_ tbody {
    overflow: hidden;
}

.container_ .table__product__layout02_ .tProduct__img_ {
    float: left;
    width: 130px;
    height: 130px;
    display: flex;
    justify-content:center;
    align-items:center;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    margin-top: 5px;
    background: #fff;
}

.container_ .table__product__layout02_ .tProduct__img_ img {
    width: 100%;
}

.container_ .table__product__layout02_ .tProduct__detail_ {
    width: 490px;
    float: right;
    margin-bottom: 3px;
}

.container_ .table__product__layout02_ .tProduct__detail_ td,
.container_ .table__product__layout02_ .tProduct__detail_ th {
    display: inline-block;
}

/* ---------------------------------------------------------------
情報ビュー
--------------------------------------------------------------- */

.info__layout__block_:not(:last-of-type) {
    margin-bottom: 30px;
}

.info__layout__innerBlock_:not(:last-of-type) {
    margin-bottom: 20px;
}

.info__layout__block_ {
    margin-top: 40px;
}

.info__layout__innerBlock_ a {
    color: #000;
}

.info__layout__block_ .h3__title_ {
    line-height: 1;
}

.info__layout__block_ .h3__title__block_ {
    border-bottom: 1px solid #229ae1;
    margin-bottom: 20px;
}

.info__layout__block_ .h4__title_ {
    font-size: 20px;
    color: #000;
    vertical-align: middle;
}

.info__layout__block_ .info__layout__innerBlock_ {
    border-bottom: 1px solid #229ae1;
    padding-bottom: 20px;
}

.info__layout__block_ .info__layout__innerBlock_:not(:last-of-type) {
    margin-bottom: 20px;
}

.info__sideLayout_ {
    overflow: hidden;
}

.info__sideLayout__inner_,
.info__sideLayout__innerBig_ {
    overflow: hidden;
    float: left;
}

.info__sideLayout_ dl {
    overflow: hidden;
}

.info__sideLayout_ dt,
.info__sideLayout_ dd {
    float: left;
}

.info__sideLayout_ dt {
    width: 80px;
    color: #2299e1;
}

.info__pageLinkArea_ ul{
    text-align: center;
    font-size: 0;
    margin-top: 40px;
}

.info__pageLinkArea_ li{
    display: inline-block;
    margin: 0 10px;
}

.info__pageLinkArea_ a{
    font-size: 14px;
    position: relative;
    padding-right: 1em;
}

.info__pageLinkArea_ a:after{
    content: "";
    width: 7px;
    height: 7px;
    display: block;
    position: absolute;
    top: 3px;
    right: 0;
    border-bottom: 1px #2299e1 solid;
    border-right: 1px #2299e1 solid;
    transform: rotate(45deg);
}

/* ---------------------------------------------------------------
cart系
--------------------------------------------------------------- */

.cart__goodInfo__box_ {
    text-align: center;
    padding-top: 10px;
    margin-bottom: 50px;
}

.cart__goodInfo__box_ span {
    color: #e20c0c;
}

/* ---------------------------------------------------------------
nextStep__fixBtn_
--------------------------------------------------------------- */
.nextStep__fixBtn_ {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    padding: 15px 20px 15px 30px;
    overflow: hidden;
}

.nextStep__fixBtn_ .priceBlockIn_ {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nextStep__fixBtn_ .sumBox_,
.nextStep__fixBtn_ .btn_line1_,
.nextStep__fixBtn_ .errorTxt_ {
    vertical-align: middle;
}

.nextStep__fixBtn_ .sumBox_ {
    padding-right: 30px;
}

.nextStep__fixBtn_ .priceBlockIn_ button {
    width: 90px;
}

.nextStep__fixBtn_ .errorTxt_ {
    font-size: 14px;
    color: #e20c0c;
    text-align: center;
    margin-top: 10px;
}

.nextStep__fixBtn_ .errorTxt_.on {
    display: none;
}

.nextStep__fixBtn_ .btn_line1_ {
    text-align: right;
}

.nextStep__fixBtn_ button {
    width: 260px;
}

.nextStep__fixBtn_ .priceBlock_ {
    margin: 0 auto;
    overflow: hidden;
}

.container_ .nextStep__fixBtn_ .btnBlock_ {
    overflow: hidden;
    margin: 0 auto;
}

.nextStep__fixBtn_ .sumBox_ p {
    font-size: 30px;
    font-weight: bold;
    color: #e20c0c;
    line-height: 1.2;
}

.nextStep__fixBtn_ .sumBox_ .sumBox__subTxt_ {
    font-size: 16px;
    text-align: center;
}

.nextStep__fixBtn_ .priceBlock_ .calculationBox_ {
    display: table-cell;
    vertical-align: middle;
}

.nextStep__fixBtn_ .priceBlock_ ul {
    float: left;
    padding: 0;
    position: relative;
    left: 50%;
    text-align: center;
    display: table;
}

.nextStep__fixBtn_ .priceBlock_ li {
    width: 45px;
    height: 45px;
    float: left;
    left: -50%;
    position: relative;
}


.nextStep__fixBtn_ .priceBlock_ li + li {
    margin-left: 3px;
}

.nextStep__fixBtn_ .priceBlock_ img,
.nextStep__fixBtn_ .priceBlock_ .calculationBox__view_ p {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    color: #229ae1;
    line-height: 45px;
    font-size: 19px;
}

.nextStep__fixBtn_ .priceBlock_ li p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.nextStep__fixBtn_ .priceBlock_ .calculationBox__txt_ {
    clear: both;
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
    padding-top: 3px;
}

.nextStep__fixBtn_ .priceBlock_ .calculationBox__plus_ {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0 10px;
    font-size: 10px;
    line-height: 1;
    color: #229ae1;
}

.nextStep__fixBtn_.has__detail_ .btnBlock_ {
    display: block;
}

.nextStep__fixBtn_.has__detail_ .priceBlockIn_ {
    display: table;
}

.nextStep__fixBtn_.has__detail_ .errorTxt_ {
    text-align: center;
    margin-right: 0;
    margin-bottom: 10px;
}

.nextStep__fixBtn_.has__detail_ .sumBox_ {
    padding: 10px 0 0 20px;
    display: table-cell;
}

.nextStep__fixBtn_.has__detail_ .sumBox_ p {
    text-align: center;
}

@media all and (max-width: 960px) {
    .nextStep__fixBtn_ .btnBlock_ {
        flex-direction: column;
        align-items: baseline;
    }
}

/* 下固定 フィールド table ver */

div.cart_submit_ div.order_btn_,
div.cart_submit_ div.next_,
.container_ div.cart_submit_ {
    width: inherit;
    margin: 0;
}

.nextStep__fixBtn_ .table__block_.sumBox_ {
    border: 0;
    padding-right: 0;
}

.nextStep__fixBtn_ .table__block_.sumBox_ tbody {
    display: flex;
}

.nextStep__fixBtn_ .sumBox_ .sumBox__Detail_ {
    text-align: center;
}

.nextStep__fixBtn_ .sumBox_ .sumBox__Detail_ .sumBox__subTxt_ {
    width: 100%;
    color: #e20c0c;
}

.nextStep__fixBtn_ .sumBox_ .sumBox__Detail_ .sumBox__total_,
.nextStep__fixBtn_ .sumBox_ .sumBox__Detail_ .sumBox__money_ {
    display: inline-block;
    color: #e20c0c;
    font-size: 30px;
    width: inherit;
    font-weight: bold;
}

.nextStep__fixBtn_ .sumBox_ .sumBox__Detail_ .sumBox__money_ .price_ {
    font-weight: bold;
    color: #e20c0c;
    font-size: 30px;
}

.nextStep__fixBtn_ .sumBox_ .sumBox__button_ {
    margin-left: 30px;
    width: inherit;
}

.nextStep__fixBtn_ .btnBlock_ input[name="submit"] {
    padding: 0;
    border-radius: 0;
}

.nextStep__fixBtn_ + .form__backArea_ {
    margin-top: 20px;
}

/* ---------------------------------------------------------------
order__stepBox_
--------------------------------------------------------------- */
.order__stepBox_ {
    overflow: hidden;
    margin-bottom: 40px;
    margin-top: 30px;
}
.order__stepBox_ ul{

}

.order__stepBox_ li {
    float: left;
    width: 25%;
    position: relative;
}

.order__stepBox_ li  img {
    display: block;
    margin: 0 auto;
}

.order__stepBox_ li:before {
    position: absolute;
    content: "";
    background: url(../../../img/private/pc/order/order_steplineoff.gif) left top repeat-x;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
}

.order__stepBox_ li:nth-child(2):before {
    position: absolute;
    content: "";
    background: url(../../../img/private/pc/order/order_steplineoff.gif) left top repeat-x;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
}

.order__stepBox_ li:nth-child(3):before {
    position: absolute;
    content: "";
    background: url(../../../img/private/pc/order/order_steplineoff.gif) left top repeat-x;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
}

.order__stepBox_ li:nth-child(4):before {
    position: absolute;
    content: "";
    background: url(../../../img/private/pc/order/order_steplineoff.gif) left top repeat-x;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
}

.order__stepBox_ li:nth-of-type(2):before {
    left: -50%;
}

.order__stepBox_ li:nth-of-type(3):before {
    left: -50%;
}

.order__stepBox_ li:nth-of-type(4):before {
    left: -50%;
}

.order__stepBox_ li:nth-of-type(5):before {
    left: -50%;
}

.order__stepBox_ li:first-child:before {
    display: none;
}

.order__stepBox_ li.step__on_:before {
    opacity: 1;
    background-image: url(../../../img/private/pc/order/order_stepline.gif);
}

.order__stepBox_ li img {
    position: relative;
    z-index: 2;
}


/* ---------------------------------------------------------------
ページ送り
--------------------------------------------------------------- */
.listPagenation_{
    text-align: center;
    margin: 80px 0 100px;
}

.listPagenation_ ul {
    display: block;
    margin: 0 auto;
    font-size: 0;
}

.listPagenation_ li {
    display: inline-block;
    width: 1em;
    margin: 0 12px;
    color: #000;
    font-size: 16px;
    line-height: 1;
}

.listPagenation_ li.listPrev_ {
    color: #696969;
    margin: 0 24px 0 0;
}

.listPagenation_ li.listPrev_ a {
    color: #229ae1;
}

.listPagenation_ li.listActive_ {
    color: #229ae1;
}

/* ---------------------------------------------------------------
form ecbeing reset
--------------------------------------------------------------- */

/* reset */
.container_ div.col1_ {
    width: 100%;
    padding-bottom: 0;
    min-height: auto;
}

.container_ div.order_col1_ {
    width: inherit;
    padding: 0;
    margin: 0;
}

.container_ .formdetail_ td,
.container_ .formdetail_ th {
    padding: 0;
}

table.formdetail_.card_.jsok_ label{
    margin-left:0;
}

.container_ .must_ {
    float: none;
}

.container_ .submit_ {
    margin: 0 auto;
}

.container_ .submit_ input,
.container_ .submit_ img {
    margin: 0;
}

.container_ table.cartlist_ {
    width: 100%;
}

.container_ div.customer_ table.customer_ th {
    width: 100%;
}

.container_ .checktype_kana,
.container_ .checktype_name {
    font-size: 14px;
}

.container_ .checktype_kana input,
.container_ .checktype_name input {
    margin-top: 5px;
}

.container_ table.table__block_,
.container_ .table__block_ tbody,
.container_ .table__block_ thead,
.container_ .table__block_ tfoot,
.container_ .table__block_ tr,
.container_ .table__block_ td,
.container_ .table__block_ th {
    display: block;
    box-sizing: border-box;
}

.container_ .table__block_.cardlist_ tr:nth-child(1){
    display: inline-block;
    margin-right:120px;
}

.container_ .table__block_.cardlist_ tr:nth-child(2){
    display: inline-block;
}

.cardupdate_info_ span.small:after{
    border-bottom: none;
    border-right: none;
}

.ui-widget.ui-widget-content,
.ui-dialog.ui-widget-content{
    border: 1px solid #229ae1 !important;
    background: #fff;
    border-radius: 0;
}

.ui-widget-header {
    border: none !important;
    background: none !important;
}

.ui-dialog .ui-dialog-buttonpane {
    border: none;
}

.ui-button .ui-icon {
    background-image: none !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    background: none !important;
    border: none !important;
    width: 20px !important;
    height: 20px !important;
    background: url(../../../img/sys/button/delete_s.png) no-repeat center center !important;
}

.ui-dialog .ui-dialog-buttonpane button {
    color: #179be1;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    background: none !important;
    border: 1px solid #229ae1 !important;
    border-radius: 0 !important;
}

/* ---------------------------------------------------------------
form ecbeing 登録/変更
--------------------------------------------------------------- */

.container_ .formContent_ th,
.container_ .formContent_ td{
    font-weight: normal;
    border: none;
    background: #fff;
}

/* form button */
.submit__container_ .submit_ {
    overflow: hidden;
    text-align: left;
}

.submit__container_ .submit__btn_,
.submit__container_ .back__btn_ {
    width: 335px;
    display: block;
    float: left;
}

.submit__container_ .submit__btn_ {
    float: right;
}

.submit__container_ .submit_.btn__line1_.form__lastBtn_{
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ebebeb;

}

/* 注意書き */
.formContent_ .small_ {
    margin-top: 10px;
}
.formContent_ .fContent__title_ .small_ {
    margin-left: 10px; color: #000; font-size: 12px;
}

div.customer_ .formContent_ .fContent__layout__side2_ .small_ {
    margin-top: 10px;
    color: #229ae1;
}

/* 任意タグ */
.ninni_ {
    margin-left: 20px;
    display: inline-block;
}

/* 区切り */
.formContent_ tr {
    margin-top: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
}

.formContent_ .no__separate_ {
    padding-bottom: 0;
    border-bottom: 0;
}

/* タイトル */
.formContent_ .fContent__title_ {
    color: #2299e1;
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1;
    position: relative;
}

.formContent_ .fContent__title_ img {
    margin-left: 20px;
}

.formContent_ .fContent__title_ #pwd_count_msg {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    color: #2299e1;
    height: 100%;
    align-items: center;
    display: flex;
    font-weight: normal;
}

.formContent_ .fContent__underTitle_ {
    margin-bottom: 10px;
}

.formContent_ .fContent__underTitle_ img {
    position: relative;
    display: inline-block;
    top: -0.1em;
    vertical-align: middle;
    margin-left: 20px;
}

/* 入力チェック */
.efo__wrapBox_ {
    position: relative;
}

.efo__wrapBox_ img {
    position: absolute;
    bottom: 12px;
    right: 10px;
}

/* error message */
.container_ .error_ {
    clear: both;
    color: #ff1900;
    padding-top: 15px;
    border:none;
    width: auto;
    margin: 0 auto;
    max-width: 700px;
}

.container_ .error__top_ {
    color: #ff1900;
    padding: 15px;
    border: #ff1900 solid 1px;
    margin-bottom: 30px;
    font-weight: bold;
}

/* th td 横並び*/
.container_ .formContent_ .fContent__layout__side2_ {
    display: flex;
    align-items: center;
}

.container_ div.customer_ .formContent_ .fContent__layout__side2_ th {
    width: 120px;
}

.container_ div.customer_ .formContent_ .fContent__layout__side2_ td {
    width: 600px;
}

.container_ .formContent_ .fContent__layout__side2b_ {
    display: block;
    overflow: hidden;
}

.container_ .formContent_ .fContent__layout__side2b_ th {
    float: left;
}

.container_ .formContent_ .fContent__layout__side2b_ td {
    float: right;
}

/* 2つ並び*/
.formContent_ .fContent__layout__line2_ {
    overflow: hidden;
}

.formContent_ .fContent__layout__line2_ > div,
.formContent_ .fContent__layout__line2_ > span {
    display: block;
    width: 48%;
    margin-right: 4%;
    float: left;
}

.formContent_ .fContent__layout__line2_ > div:nth-of-type(2n),
.formContent_ .fContent__layout__line2_ > span:nth-of-type(2n) {
    margin-right: 0;
}

/* 3つ並び */

.formContent_ .fContent__layout__line3_ {
    display: flex;
    justify-content: space-between;
}

.formContent_ .fContent__layout__line3_ .fContent__select__wrap_ select {
    display: inline-block;
}

.formContent_ .fContent__layout__line3_ .fContent__select__wrap_:nth-of-type(3n+1) {
    text-align: left;
}

.formContent_ .fContent__layout__line3_ .fContent__select__wrap_:nth-of-type(3n+1):after {
    right: 3.3em;
    top: 22px;
}

.formContent_ .fContent__layout__line3_ .fContent__select__wrap_:nth-of-type(3n+2) {
    text-align: center;
}

.formContent_ .fContent__layout__line3_ .fContent__select__wrap_:nth-of-type(3n+2):after {
    right: 2.7em;
    top: 22px;
}

.formContent_ .fContent__layout__line3_ .fContent__select__wrap_:nth-of-type(3n) {
    text-align: right;
}

.formContent_ .fContent__layout__line3_ .fContent__select__wrap_:nth-of-type(3n+3):after {
    right: 2.3em;
    top: 22px;
}

.formContent_ .fContent__layout__line3_ .fContent__parts__sizeS_ {
    width: 220px;
}

.formContent_ .fContent__layout__line3_ .fContent__parts__sizeS_ select {
    width: 182px;
    margin-right: 10px;
}

.formContent_ .fContent__layout__line3_ .fContent__select__wrap_ label:before{
    display: none;
}
.formContent_ .fContent__layout__line3_ .fContent__select__wrap_ label{
    padding-right:0;
}

/* dt・dd横並び時のコンテンツ3つ並び */
.formContent_ .fContent__layout__side2_ .fContent__layout__line3_ .fContent__select__wrap_:nth-of-type(3n+1):after {
    right: 3em;
    top: 22px;
}

.formContent_ .fContent__layout__side2_ .fContent__layout__line3_ .fContent__select__wrap_:nth-of-type(3n+2):after {
    right: 2.7em;
    top: 22px;
}

.formContent_ .fContent__layout__side2_ .fContent__layout__line3_ .fContent__select__wrap_:nth-of-type(3n+3):after {
    right: 2.3em;
    top: 22px;
}

.formContent_ .fContent__layout__side2_ .fContent__layout__line3_ .fContent__parts__sizeS_ {
    width: 188px;
}

.formContent_ .fContent__layout__side2_ .fContent__layout__line3_ .fContent__parts__sizeS_ select {
    width: 156px;
    margin-right: 10px;
}

/* セレクトボックス */
.formContent_ .fContent__select__wrap_ {
    display: block;
    position: relative;
}

.formContent_ .fContent__select__wrap_ select {
    width: 100%;
    height: 50px;
    margin: 0;
    padding: .5em .5em .5em 1em;
    font-size: 16px;
    border: #229ae1 solid 1px;
    box-sizing: border-box;
    text-align: left;
    position: relative;
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
    float: none;
}

.formContent_ .fContent__select__wrap_:after {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 17px;
    right: 1em;
    border-bottom: #229ae1 solid 1px;
    border-right: #229ae1 solid 1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none;
}

.formContent_ .form__birth_ .fContent__parts__sizeS_ {
    width: 100%;
}

.formContent_ .fContent__layout__side2_ .form__birth_ .fContent__layout__line3_ .fContent__parts__sizeS_ {
    width: 100%;
}

.formContent_ .form__birth_ .fContent__parts__sizeS_:after {
    display: none;
}

.form__birth_ .efo__wrapBox_ span {
    display: table-cell;
}

.form__birth_ select {
    width: 182px;
    margin-right: 10px;
    height: 50px;
    margin: 5px .5em 5px 0;
    padding: .5em .5em .5em 1em;
    font-size: 16px;
    border: #229ae1 solid 1px;
    box-sizing: border-box;
    text-align: left;
    position: relative;
    float: none;
    background: #fff;
}

.form__birth_ label {
    position: relative;
    display: inline-block;
}

.form__birth_ label:after {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 20px;
    right: 1.5em;
    border-bottom: #229ae1 solid 1px;
    border-right: #229ae1 solid 1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none;
}

/* サイズ */
.formContent_ .fContent__parts__sizeM_ {
    width: 44%;
}

.formContent_ .fContent__parts__sizeS_ {
    width: 26%;
}

/* ご家族情報追加 */
.family__info__Inputbox_ {
    margin-top: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
}

.family__info__Inputbox_ .grayArea_ {
    padding: 20px;
}

.familyinfoAddFormRemove_ {
    height: 50px;
    margin: 0;
    padding: .5em;
    color: #229ae1;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    border: #229ae1 solid 1px;
    background: #fff;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    display: block;
    margin-bottom: 30px;
    margin-top: 30px;
}

/*タイトル*/
.family__info__Inputbox_ .family__info__title_ {
    color: #2299e1;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
    line-height: 1;
}

/* 登録者名 */
#cartstatus_ .customer_status_ {
    padding: 0px 0 20px;
    border-bottom: 1px solid #ebebeb;
    overflow: hidden;
}

#cartstatus_ .container_ a{
    text-decoration: underline;
}

#cartstatus_ {
    border:1px solid #2299e1;
    padding:30px;
    box-sizing: border-box;
}

#cartstatus_ .container__inner_ {
    width:100%;
}

#cartstatus_ .accordion__area_:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom:none;
}

#cartstatus_ .accordion__area_ p{
    font-size: 14px;
}

#cartstatus_ .customer_status_ h3 {
    font-size: 24px;
    color: #229ae1;
    margin-bottom: 10px;
}

.page__cartStatus_.container_ .customer_status_ p {
    margin-bottom: 20px;
}

.container_ .customer_status_ .loginname_ {
    float: left;
    font-weight: normal;
}

.container_ .customer_status_ .formSelectWrap_ {
    float: right;
    color: #2299e1;
}

#cartstatus_ .accordion__area_ p:first-child{
    margin-top: 20px;
    margin-bottom: 20px;
}

#cartstatus_ dl p.page__cartStatusCyuui_{
    margin-top: 10px;
}

#cartstatus_ .accordion__area_{
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#cartstatus_ .accordion__inner_{
    display:block;
}

/* リンク */
.fContent__link_ a,
.fContent__link_ .small_ {
    font-size: 16px;
    color: #2299e1;
    text-decoration: underline;
}

.formContent_ .fContent__link_ .small_ {
    margin-left: 20px;
}

.fContent__password__link_ {
    margin-top: 20px;
}

/* 度数情報ありなし */
.dioptre__have_ img {
    width: 63px;
    border: 1px solid #229ae1;
    border-radius: 50%;
}

/* 家族情報入力注意文 */
.family__caution_{
    display: none;
    font-size: 12px;
}

.family__lead_ , .mystore_lead_ {
    margin-bottom: 20px;
}

.family__caution_ p {
    font-size: 12px;
}

.family__caution_ {
    margin-top: 20px;
}

#form__family__boxArea{
    display: none;
}

.form__family__box_ + .form__family__box_{
    border-top: #ededed solid 1px;
}

.form__family__box_ table.selected{
    opacity: .5;
}

.form__family__box_ table.selected input,
.form__family__box_ table.selected select{
    cursor: inherit;
    pointer-events: none;
}

.form__family__box_ {
    padding: 20px;
    background: #f7f7f7;
}

.form__family__box_ table{}
.form__family__box_ tr{}
.container_ div.customer_ .form__family__box_ .formdetail_ th{
    background: none;
}

.container_ div.customer_ .form__family__box_ .formdetail_ td{
    width: 540px;
    background: none;
}

.container_ div.customer_ .form__family__box_ .formdetail_ td select{
    width: 144px;
    background: #fff;
}

.classrequired{
    background: #fff;
}

.form__family__box_ .formContent_ .fContent__select__wrap_ select{
    background: #fff;
}

/* ---------------------------------------------------------------
form ecbeing 確認
--------------------------------------------------------------- */
.container_ .contact_ .formConfirm_ th,
.container_ .contact_ .formConfirm_ td,
.container_ .customer_ .formConfirm_ th,
.container_ .customer_ .formConfirm_ td{
    width: 100%;
    font-weight: normal;
    border: none;
    background: #fff;
}

.container_ .contact_ .formConfirm_ th,
.container_ .customer_ .formConfirm_ th {
    color: #229ae1;
    font-size: 20px;
    margin-bottom: 15px;
}

.container_ .contact_ .formConfirm_ th img,
.container_ .customer_ .formConfirm_ th img {
    position: relative;
    display: inline-block;
    top: -0.1em;
    vertical-align: middle;
    margin-left: 20px;
}

.formConfirm_ tr {
    margin-top: 25px;
}

.formConfirm_ tr:not(:last-of-type) {
    padding-bottom: 25px;
    border-bottom: 1px solid #ebebeb;
}

/* ---------------------------------------------------------------
form
--------------------------------------------------------------- */
.form_ .container__inner_{
    margin-bottom: 25px;
}
.form__boxTitle_ {
    margin-bottom: 20px;
}

.form__box_ input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form__box_ .container__inner_:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
}

.form__box_ .form__boxTitle_ p {
    color: #2299e1;
    float: none;
    font-size: 20px;
    font-weight: normal;
}

.form__box_ .formRequired_ {
    color: #fff;
    background-color: #2299e1;
    font-size: 16px;
    padding: 3px 10px;
    margin-left: 20px;
}

.form__box_ .ninni {
    background-color: #bfbfbf;
    color: #fff;
    font-size: 16px;
    padding: 3px 10px;
    margin-left: 20px;
}

.form__box_ .form__boxTitleBlack_ {
    margin-bottom: 15px;
}

.form__box_ .form__boxTitleBlack_ p {
    color: #000;
    float: none;
    font-size: 16px;
}

.form__box_ .form__boxTitleBlack_ p span {
    color: #fff;
    background-color: #2299e1;
    font-size: 16px;
    padding: 3px 10px;
    margin-left: 20px;
}

.form__box_ .form__boxTitleBlack_ p span.ninni {
    background-color: #bfbfbf;
}

.form__boxTextTitle__border_,
.form__boxTextTitle_ {
    font-size: 14px;
    margin-bottom:10px;
    font-weight: normal;
}

.form__boxTextTitle__border_ {
    font-size: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
    color: #000;
}

.form__boxTextTitleSmall_ {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
    color: #000;
}

.form__box_ {
    padding: 25px 0 30px;
    overflow: hidden;
    border-bottom: 1px solid #229ae1;
}

.form__borderGray_ .form__box_ {
    border-bottom: 1px solid #ebebeb;
}

.form__boxInner_ {
    overflow: hidden;
    padding: 4px 0 0;
}
.form__boxInner_ input[type="text"],.form__boxInner_ input[type="password"]{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    font-size: 16px;
}

/* star html hack for Chrome */
input::-webkit-input-placeholder {
    color: #a7d1ef;
}

/* star html hack for IE */
input:-ms-input-placeholder {
    color: #a7d1ef;
}

/* star html hack for Firefox */
input::-moz-placeholder {
    color: #a7d1ef;
}

.form__boxLast_{
    border-bottom:none;
}

.form__box:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
}

.form__box_ input {
    border: 1px solid #2299e1;
}

.form__box_ select {
    height: 50px;
    margin: 0;
    padding: 10px 30px 10px 20px;
    width: 100%;
    font-size: 16px;
    border: #229ae1 solid 1px;
    box-sizing: border-box;
    text-align: left;
    position: relative;
    display: block;
    float: left;
    margin: 0;
}

.form__box_ .form__selectBox_:after,
.form__box_ .formSelectWrap_:after {
    pointer-events: none;
}

.form__box_ .form__boxTextFull_ select {
    margin: 0 0 10px;
}

.form__boxTextThreeClearfix_{
    float: left;
}

.form__box_ .form__boxTextMostminClearfix_:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
}

.form__box_ .form__boxTextMostminClearfix_ .form__boxTitleBlack_ {
    padding-top: 0;
}

.form__box_ .form__boxTextFull_ {
    width: 100%;
}

.form__box_ .form__boxTextFull_ select {
    width: 100%;
}

.form__box_ .form__boxTextFull_ input {
    width: 100%;
}

.form__boxTextHalf__wrap_ {
    overflow: hidden;
}

.form__boxTextHalf__wrap_:not(:last-of-type) {
    margin-bottom: 10px;
}

.form__box_ .form__boxTextHalf_ {
    width: 48%;
    margin-right: 4%;
    float: left;
}

.form__box_ .form__boxTextHalf_ input {
    width: 100%;
}

.form__box_ .form__boxTextHalf_:last-child {
    margin-right: 0;
}

.form__box_ .form__boxTextThree_ {
    width: 170px;
    margin-right: 20px;
    float: left;
}

.form__box_ .form__boxTextThree_ input, .form__box_ .form__boxTextThree_ select {
    width: 100%;
}

.form__box_ .form__boxTextThree_:last-child {
    margin-right: 0;
}

.form__box_ .form__boxTitleBlackP_{
    margin: 10px 20px 0 -10px;
    margin-right: 3px;
    float: left;
}

.form__box_ .form__boxTextMostmin_ {
    width: 28%;
    margin-right: 2%;
    float: left;
}

.form__box_ .form__boxTextMostmin_ input, .form__box_ .form__boxTextMostmin_ select {
    width: 100%;
}

.form__box_ .form__boxTextMostmin_:last-child {
    margin-right: 0;
}

.form__box_ .form__boxTextMostmin_ .form__boxTitle__innnerBlack_ {
    padding-top: 2em;
}

.form__box_ p {
    line-height: 1;
}

.form__box_ .smallComplementTxt__kome_ {
    margin-top: 10px;
    line-height: 1.8;
}

.form__box_ .form__boxFamilyinfo_ .form__boxTitleBlack_ {
    padding-top: 2em;
    width: 23%;
}

.form__box_ .form__boxChyuui_ {
    float: none;
    margin-top: 15px;
}

.form__boxFamilyinfoAddForm_ {
    padding:25px 20px;
    overflow: hidden;
    background-color: #f1f1f1;
    margin-bottom: 25px;
    text-align: center;
}

.form__boxFamilyinfoAddForm_ .container__inner_{
    margin-bottom: 0;
}

.form__boxFamilyinfoBox_ + .form__boxFamilyinfoBox_{
    padding-top: 25px;
    border-top: #ccc solid 1px;
}

.form__boxFamilyinfoAddFormBtn_ {
    height: 40px;
    margin: 0 10px 0 0;
    padding: .5em;
    color: #229ae1;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    border: #229ae1 solid 1px;
    background: #fff;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    display: inline-block;
}

.form__boxFamilyinfoAddFormBtn_:after {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 10px;
    right: 1em;
    background: url(../../../img/private/pc/common/icon_plus.png) 50% 50% no-repeat;
    background-size: 80% 80%;
}

.form__boxFamilyinfoAddFormRemove_ {
    height: 40px;
    margin: 0;
    padding: .5em;
    color: #229ae1;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    border: #229ae1 solid 1px;
    background: #fff;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    display: block;
}

.form__radioInput_, .form__radio_ {
    float: left;
}

.form__radio_ {
    margin-right: 4%;
    margin-left: 1%;
    padding: 16px 0;
}

.form__blueBtn_ ,.form__whiteBtn_{
    display: inline-block;
}

.form__blueBtn_ input {
    width: 335px;
    height: 50px;
    text-align: center;
    padding: .5em;
    font-size: 16px;
    background-color: #229ae1;
    color: #fff;
    border: none;
    font-weight: normal;
}

.form__whiteBtn_ input {
    width: 335px;
    height: 50px;
    text-align: center;
    padding: .5em;
    font-size: 16px;
    background-color: #fff;
    color: #229ae1;
    border: 1px solid #229ae1;
    margin-top: 30px;
    margin-right:26px;
    font-weight: normal;
}

input.btn__actFocusOff_ {
    width: 260px;
    height: 50px;
    background: #ccc;
    border: 1px solid #ccc;
    color: #fff;
    cursor: auto;
    pointer-events: none;
}

input.btn__actFocusOff_.btn__actOff_{
    background: #ccc;
    border: 1px solid #ccc;
    color: #fff;
}

input.btn__actFocusOff_.on {
    background: #e20c0c;
    border: 1px solid #e20c0c;
    cursor: pointer;
    pointer-events: inherit;
    border-radius: 0;
}

.form__selectBox_ {
    position: relative;
    display: block;
}

.form__selectBox_:after {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 17px;
    right: 1em;
    border-bottom: #229ae1 solid 1px;
    border-right: #229ae1 solid 1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none;
}

.form__box_ .form__boxTextMostmin_ select.form__boxFamily_year_{
    margin-bottom: 2em;
}

.form__selectBoxZip_ {
    width: 44%;
    overflow: hidden;
    margin-bottom: 25px;
}

.form__boxFamilyinfoBox_ .form__boxTitleBlack_{
    width: 100px;
}

.form__boxFamilyinfoBox_ .form__boxTextThree_{
    width: 278px;
}

.form__boxFamilyinfoBox_ .form__boxTextThree_ p{
    margin-bottom: 10px;
}

.form__boxFamilyinfoBox_ .form__boxTextMostmin_{
    width: 130px;
}

.form__boxFamilyinfoBox_ .form__boxTextMostmin_ .form__selectBox{
    width: 130px;
}

.form__oneLineBox_ .form__boxTitleBlack_{
    padding-top: 0.6em;
}

.form__oneLineBox_ .form__boxTitleInnnerBlack_{
    padding-top:0.8em;
}

.form__oneLineBox_ p.form__boxTitleInnnerBlack_ {
    margin-right:2em;
}

.form__selectBox:after {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    top: 12px;
    right: 15px;
    border-bottom: #229ae1 solid 1px;
    border-right: #229ae1 solid 1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

input[type="password"] {
    padding: 0;
    box-sizing: border-box;
}

/* ---------------------------------------------------------------
フォームパーツ
--------------------------------------------------------------- */
.formRequired_ {
    color: #fff;
    display: inline-block;
    background: #229ae1;
    line-height: 1;
    padding: 4px 5px;
    font-weight: normal;
    vertical-align: text-top;
    margin-left: 10px;
    font-size: 12px;
}

br + .formRequired_ {
    margin-left: 0;
}

.formNoRequired_ {
    color: #fff;
    display: inline-block;
    background: #bfbfbf;
    line-height: 1;
    padding: 3px 10px;
    font-weight: normal;
    vertical-align: text-top;
    margin-left: 10px;
    font-size: 16px;
}

form label.label_miniTxt {
    font-size: 12px;
    padding-bottom: 3px;
}

input[type="image"],
input[type="submit"],
input[type="button"] {
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    transition: .25s ease-out;
}

input[type="image"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    opacity: 0.7;
}

input[type="text"],input[type="password"] {
    border: 1px solid #229ae1;
    padding: 15px 15px;
    font-size: 16px;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    line-height: 1.3;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
}

/* star html hack for Chrome */
input::-webkit-input-placeholder {
    color: #a7d1ef;
}

/* star html hack for IE */
input:-ms-input-placeholder {
    color: #a7d1ef;
}

/* star html hack for Firefox */
input::-moz-placeholder {
    color: #a7d1ef;
}

.formSelectWrap_ {
    position: relative;
    border: 1px solid #229ae1;
    width: 100%;
    overflow: hidden;
    }


.formSelectWrap_:after {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 17px;
    right: 1em;
    border-bottom: #229ae1 solid 1px;
    border-right: #229ae1 solid 1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.formSelectWrap_.select__btnMid_ {
    width: 335px;
}

.formSelectWrap_.select__btnSml_ {
    width: 180px;
}

.formSelectWrap_ select {
    padding: 15px 30px 15px 20px;
    font-size: 16px;
    box-sizing: border-box;
    width: 100%;
    line-height: 1.3;
    height: 50px;
}

.formSelectWrap_ select#get__memberRegistration__family02__gender{
    padding: 15px 36px 15px 20px;
}

.formSideLabel_ {
    color: #000;
}

button {
    border: 1px solid #229ae1;
    background: #fff;
    color: #229ae1;
    width: 100%;
    font-size: 16px;
    text-align: center;
    padding: 12px 5px;
    position: relative;
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    transition: .25s ease-out;
    outline: none;
}

button:hover {
    opacity: 0.7;
}

button.btn__act_ {
    background: #229ae1;
    color: #fff;
}

button.btn__actOff_ {
    background: #ccc;
    border:1px solid #ccc;
    color: #fff;
    pointer-events: none;
}

button.btn__actOff_.on {
    background: #e20c0c;
    border:1px solid #e20c0c;
    color: #fff;
    pointer-events: auto;
    cursor: pointer;
}

button.btn__actFocusOff_ {
    background: #f08585;
    border: 1px solid #f08585;
    color: #fff;
    cursor: inherit;
}

button.btn__actFocusOff_:hover {
    opacity: 1;
}

button.btn__actFocusOff_.on {
    background: #e20c0c;
    border: 1px solid #e20c0c;
    cursor: pointer;
}

button.btn__actFocusOff_.on:hover {
    opacity: 0.7;
}

.btn__actFocusOn_ {
    background: #e20c0c !important;
    color: #fff !important;
    border: 1px solid #e20c0c !important;
}

/* radio */
.radio__box_ input,
label.radio__label_ input, .js__radio__dispChange_ input,.js__radio__check_  input{
    display: none;
}

.js__radio__dispChange_ table input{
    display: block;
}

label.radio__label_ {
    padding-left: 30px;
    position: relative;
}

label.radio__label_:before{
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #ebebeb;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
}

span.radio__parts_ {
    display: inline-block;
}

.radio__label_ ~ .radio__parts_.js__checked_:before,
input:checked + label.radio__label_ .radio__parts_:before,
label.radio__label_ input:checked ~ .radio__parts_:before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #229ae1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.formdetail_.card_.jsok_ .radio__label_ ~ .radio__parts_.js__checked_:before,
.formdetail_.card_.jsok_  input:checked + label.radio__label_ .radio__parts_:before,
.formdetail_.card_.jsok_  label.radio__label_ input:checked ~ .radio__parts_:before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: -26px;
    width: 12px;
    height: 12px;
    background: #229ae1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.choice__option__color_ input:checked + label.radio__label_ .radio__parts_:before,
.choice__option__color_ label.radio__label_ input:checked ~ .radio__parts_:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 105px;
    height: 105px;
    border: #229ae1 solid 3px;
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.choice__option__color_ input:checked + label.radio__label_lightctrl_ .radio__parts_:before,
.choice__option__color_ label.radio__label_lightctrl_ input:checked ~ .radio__parts_:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 25px;
    width: 300px;
    height: 154px;
    background: none;
    margin-top: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.choice__option__color_ input:checked + label.radio__label_lightctrl_ .radio__parts_:after,
.choice__option__color_ label.radio__label_lightctrl_ input:checked ~ .radio__parts_:after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 29px;
    width: 12px;
    height: 12px;
    background: #229ae1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    /*---★★★---*/
    border-radius: 0;
    background: none;
    width: 100%; height: 100%;
    border: solid 3px #229ae1;
    top: -3px; left: -3px;
    /*---★★★---*/
}

label.radio__label_ input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.choice__color__box_ label.radio__label_:before{
    display: none;
}

.radio__label_ {
    margin-right: 0;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 10px;
}

.radio__block_ p:last-of-type .radio__label_ {
    margin-bottom: 0;
}

.radio__block_ .radio__label_:not(:last-of-type) {
    margin-bottom: 10px;
}

.radio__overall__inner_,
.radio__overall_ {
    position: relative;
    box-sizing: border-box;
}

.radio__overall_ label {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    cursor: pointer;
}

.radio__overall_ label.on {
    border: 1px solid #2299e1;
}

.radio__overall_ input {
    display: none;
}

/* checkbox */
label.checkbox__label_ input {
    display: none;
}

label.checkbox__label_ {
    padding-left: 35px;
    position: relative;
    display: inline-block;
}

label.checkbox__label_:before{
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    width: 20px;
    height: 20px;
    background: #f1f1f1;
    border: 2px solid #757575;
}

span.checkbox__parts_ {
    display: inline-block;
    font-size: 14px;
}

label.checkbox__label_ input:checked ~ .checkbox__parts_:before{
    content: "";
    width: 13px;
    height: 8px;
    display: block;
    border-top: #229ae1 solid 3px;
    border-right: #229ae1 solid 3px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotate(135deg) translateY(-50%);
    -moz-transform: rotate(135deg) translateY(-50%);
    transform: rotate(135deg) translateY(-50%);
}

.form__input__big_ {
    width: 100%;
}

.form__input__sml_ {
    width: 160px;
}

/* ---------------------------------------------------------------
フォームレイアウト
--------------------------------------------------------------- */

.form__box_ .lead {
    margin-bottom: 30px;
}

form .formTitle__noBorder_,
form .formTitle_ {
    color: #229ae1;
    font-size: 16px;
    margin-bottom: 15px;
}

form .formTitle_ {
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
}

form dd+dd {
    margin-top: 15px;
}

.formLayout__lineMini_ dd div+div {
    margin:15px 7px 0 0;
}

.formSelectWrap_+.formRightTxt_ {
    display: inline;
    font-size: 16px;
    vertical-align: middle;
    padding-left: 10px;
}

.formLayout__line1_ {
    margin-bottom: 20px;
}

.formLayout__line2__irregular_ {
    display: table;
}

.formLayout__line2_ {
    overflow: hidden;
}

.formLayout__line2__irregular_ > dl,
.formLayout__line2__irregular_ > div {
    display: table-cell;
    box-sizing: border-box;
    vertical-align: middle;
}

.formLayout__line2__irregular_ label {
    display: block;
    padding: 1em 0;
    color: #229ae1;
}

.formLayout__line2_ > dl,
.formLayout__line2_ > div {
    float: left;
    width: 335px;
}

.formLayout__line2_ > dl:nth-of-type(2n),
.formLayout__line2_ > div:nth-of-type(2n) {
    float: right;
}

.formLayout__line2_ > dl:nth-of-type(2n+3),
.formLayout__line2_ > div:nth-of-type(2n+3) {
    clear: both;
}

.formLayout__line2__irregular_ > dl + div,
.formLayout__line2__irregular_ > div + dl,
.formLayout__line2__irregular_ > div + div {
    padding-left: 30px;
}

.formLayout__line2_ > .radio__label_ {
    font-size: 13px;
    width: 335px;
    float: left;
    box-sizing: border-box;
    margin-right: 30px;
    padding-left: 32px;
}

.formLayout__line2_ > .radio__label_:nth-child(2n) {
    margin-right: 0;
}

.formLayout__line2_ > .radio__label_:first-child,
.formLayout__line2_ > .radio__label_:nth-child(2) {
    margin-top: 2px;
}

.formLayout__line3_ {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

.formLayout__line3_ > div {
    width: 32%;
}

.formLayout__line3_ > div:not(:last-of-type) {
    margin-right: 2%;
}

.formLayout__line3_ .radio__label_ {
    width: 32%;
    margin-right: 2%;
    display: block;
    box-sizing: border-box;
}

.formLayout__line3_ .radio__label_:nth-of-type(3n) {
    margin-right: 0;
}

.formLayout__sideLine2_ {
    display: table;
    width: 100%;
}

.formLayout__sideLine2_ + .formLayout__sideLine2_,
p + .formLayout__sideLine2_{
    margin-top: 20px;
}

.formLayout__sideLine2_ .complementColorTxt_ {
    clear: both;
}

.formLayout__sideLine2_.formLayout__line1_ div+div {
    margin-top: 15px;
}

.form_layoutBr {
    display: block !important;
    overflow: hidden !important;
}

.form__validation_ {
    border-top: 1px solid #ebebeb;
    padding-top: 20px;
    margin-top: 20px
}

.formLayout__lineFree_ li {
    display: inline-block;
}

.formLayout__lineFree_ label {
    display: inline-block;
    padding-right: 30px;
}

.formLayout__doneLine1_ {
    background: #f7f7f7;
    padding: 15px 20px;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.3;
}

input[name="mailnews"] + label {
    padding-left: 30px;
    position: relative;
}

input[name="mailnews"] + label:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #ebebeb;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
}

input[name="mailnews"]:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #229ae1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/* ---------------------------------------------------------------
ボタン
--------------------------------------------------------------- */
.container_ .btn__line2_ {
    overflow: hidden;
    margin-top: 30px;
}

.btn__line2_ .form__btn_,
.btn__line2_ button {
    float: left;
    line-height: 1.3;
}

.btn__line2_ .form__btn_+.form__btn_,
.btn__line2_ button+button {
    float: right;
}

.btn__line3_ .form__btn_ {
    float: left;
    line-height: 1.3;
}

.btn__line3_ .form__btn_ a,
.btn__line3_ .form__btn_ input,
.btn__line3_ button.form__btn_ {
    width: 214px;
    margin-left: 28px;
}

.btn__line3_ .form__btn_:first-of-type a,
.btn__line3_ .form__btn_:first-of-type input,
.btn__line3_ button.form__btn_:first-of-type {
    margin-left: 0;
}

button.form__longBtn_ {
    width: 75%;
    width: -webkit-calc(100% - 95px);
    width: calc(100% - 95px);
}

button.form__miniBtn_ {
    width: 80px;
}

button.icon_underArrow_:after {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 17px;
    right: 1em;
    border-bottom: #229ae1 solid 1px;
    border-right: #229ae1 solid 1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

button.icon_underArrow_ {
    padding: 15px 30px;
}

.btn_line1_ button + button {
    margin-top: 20px;
}

.form__midBtn_ + .form__midBtn_ {
    margin-left: 30px;
}

.grayArea_ .btn__line2_ button.form__midBtn_ + button.form__midBtn_ {
    margin-left: 20px;
}

.lensChoiceForm__actionArea_ div.form__midBtn_{
    width: 335px;
    border: 1px solid #229ae1;
    background: #fff;
    color: #229ae1;
    font-size: 16px;
    text-align: center;
    padding: 12px 5px;
    position: relative;
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    transition: .25s ease-out;
    outline: none;
}

/* ボタンサイズ */
.form__smlBtn_ {
    width: 150px;
}

.form__midBtn_ {
    width: 335px;
}

.grayArea_ .btn__line2_ .form__midBtn_ {
    width: 320px;
}

/* フォントサイズ */
.form__btn_.btn__fontSmall_ a,
.form__btn_.btn__fontSmall_ input {
    font-size: 14px;
}

.form__btn_,.submit__btn_{
    border-radius: 0;
}

/* aボタン */
.imgBtn__line1_ {
    text-align: center;
}

.btn__line1_ .form__btn_ {
    margin: 0 auto;
}

.btn__line1_ .form__btnText_{
    font-size: 14px;
    margin-top:15px;
    text-align: center;
}

.form__btn_ a {
    text-align: center;
    padding: 15px 7px;
    height: 50px;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.3;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #229ae1;
    display: block;
    position: relative;
    border: 1px solid #229ae1;
}

.form__btn_.btn__act_,
.form__btn_ a.btn__act_ {
    background: #229ae1;
    color: #fff;
    border: 0;
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    transition: .25s ease-out;
}

.form__btn_.btn__act_:hover {
    opacity: 0.5;
}

.form__btn_.btn__act_ a:hover {
    opacity: 1;
}

.underArrow_ a {
    padding-right: 30px;
}

.underArrow_ a:before {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 17px;
    right: 1em;
    border-bottom: #229ae1 solid 1px;
    border-right: #229ae1 solid 1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn__act_ a {
    background: #229ae1;
    color: #fff;
    border: 1px solid #229ae1;
}

/*アコーディオン*/
.accordion__title_ {
    margin-bottom: 0;
    display: block;
    padding: 15px 0 15px;
    position: relative;
}

.accordion__title_:before, .lens_accordion__title_:before {
    content: "";
    display: block;
    position: absolute;
    border-bottom: #229ae1 solid 1px;
    border-right: #229ae1 solid 1px;
    width: 21px;
    height: 1px;
    top: 50%;
    right: 20px;
    border: none;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transition: .25s ease;
    -moz-transition: .25s ease;
    transition: .25s ease;
    background: #229ae1;
}

.accordion__title_:after, .lens_accordion__title_:after {
    content: "";
    display: block;
    position: absolute;
    width: 21px;
    height: 1px;
    top: 50%;
    right: 20px;
    -webkit-transition: .25s ease;
    -moz-transition: .25s ease;
    transition: .25s ease;
    background: #229ae1;
}

.accordion__title_.on:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}

.accordion__inner_ {
    display: none;
}

.accordion__titlePlus_ .accordion__title_:before {
    content: "";
    display: block;
    position: absolute;
    border-bottom: #229ae1 solid 1px;
    border-right: #229ae1 solid 1px;
    width: 1px;
    height: 21px;
    top: 15px;
    right: 20px;
    border: none;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease;
    -moz-transition: .25s ease;
    transition: .25s ease;
    background: #229ae1;
}

.accordion__titlePlus_ .accordion__title_:after {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    width: 21px;
    top: 25px;
    right: 10px;
    -webkit-transition: .25s ease;
    -moz-transition: .25s ease;
    transition: .25s ease;
    background: #229ae1;
}

.accordion__titlePlus_ .accordion__title_.on:before {
    display: none;
}

/*プラスマーク*/
.plusmark_ {
    margin-bottom: 0;
    display: block;
    padding: 15px 0 15px;
    position: relative;
}

.plusmark_:before {
    content: "";
    display: block;
    position: absolute;
    border-bottom: #229ae1 solid 1px;
    border-right: #229ae1 solid 1px;
    width: 21px;
    height: 1px;
    top: 50%;
    right: 20px;
    border: none;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transition: .25s ease;
    -moz-transition: .25s ease;
    transition: .25s ease;
    background: #229ae1;
}

.plusmark_:after {
    content: "";
    display: block;
    position: absolute;
    width: 21px;
    height: 1px;
    top: 50%;
    right: 20px;
    -webkit-transition: .25s ease;
    -moz-transition: .25s ease;
    transition: .25s ease;
    background: #229ae1;
}

/* ---------------------------------------------------------------
ページネーション
--------------------------------------------------------------- */

.pagenation_ {
    margin: 50px 0;
  }

  .navipage_ {
    margin-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .navipage_.top_ {
    margin: 25px 0;
    padding: 0;
    font-size: 2px;
    text-align: left;
    color: #2299e1;
  }

  .navipage_ a {
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    color: #000;
    font-size: 14px;
    text-align: center;
    line-height: 1;
    min-width: 30px;
    padding: 9px 7px;
    margin: 0 5px;
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .navipage_ a:hover {
    color: #fff;
    background: #2299E1;
    opacity: 1;
  }
  
  .navipage_ .navipage_forward_ {
    margin-left: 5px;
  }

  .navipage_reverse_ {
    margin-right: 5px;
  }

  .navipage_reverse_ a {
    position: relative;
  }

  .navipage_reverse_ .navipage_first_ a {
    padding-left: 18px;
    font-size: 16px;
    border: 0;
  }

  .navipage_reverse_ .navipage_first_ a:hover {
    background: transparent;
    color: #000;
    opacity: .7;
  }

  .navipage_reverse_ .navipage_first_ a::before {
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    width: 5px;
    height: 5px;
    border-bottom: solid 1px #000;
    border-left: solid 1px #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .navipage_reverse_ .navipage_first_ a::after {
    content: "";
    position: absolute;
    top: 14px;
    left: 5px;
    width: 5px;
    height: 5px;
    border-bottom: #000 solid 1px;
    border-left: #000 solid 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  .navipage_prev_ a {
    padding-left: 12px;
    font-size: 16px;
    border: 0;
  }
  
  .navipage_prev_ a:hover {
    background: transparent;
    color: #000;
    opacity: .7;
  }

  .navipage_prev_ a::after {
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    width: 5px;
    height: 5px;
    border-bottom: #000 solid 1px;
    border-left: #000 solid 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  .navipage_last_ a {
    padding-right: 18px;
  }

  .navipage_last_ a:hover {
    background: transparent;
    color: #000;
    opacity: .7;
  }
  
  .navipage_forward_ a {
    position: relative;
    border: 0;
    font-size: 16px;
    color: #000;
  }

  .navipage_forward_ .navipage_last_ a::before {
    content: "";
    position: absolute;
    top: 14px;
    right: 0;
    width: 5px;
    height: 5px;
    border-top: #000 solid 1px;
    border-right: #000 solid 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .navipage_forward_ .navipage_last_ a::after {
    content: "";
    position: absolute;
    top: 14px;
    right: 5px;
    width: 5px;
    height: 5px;
    border-top: #000 solid 1px;
    border-right: #000 solid 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  .navipage_now_ {
    color: #2299e1;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    line-height: 1;
    min-width: 30px;
    padding: 9px 7px;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 5px;
    background: #fff;
  }
  
  .navipage_sum_ strong {
    font-weight: normal;
  }
  
  .navipage_next_ a {
    padding-right: 12px;
  }

  .navipage_next_ a::after {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    top: 14px;
    right: 0;
    border-top: #000 solid 1px;
    border-right: #000 solid 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .navipage_next_ a:hover {
    background: transparent;
    color: #000;
    opacity: .7;
  }

/* ---------------------------------------------------------------
header
--------------------------------------------------------------- */
.gheader_ {
    min-width: 768px;
    height: 70px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 12;
}

.gheader_ .header__announceTop_ {
    width: 100%;
    height: 60px;
    text-align: center;
    background: #d9e4ea;
    position: relative;
}

.gheader_ .header__announceTop_ p {
    font-size: 20px;
    padding: 1em 0;/*padding: 1em;*/
    line-height: 1;
}

.gheader_ .header__announceTop_ a {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 5px;
    right: 1em;
}

.gheader_ .header__announceTop_ a span {
    width: 26px;
    height: 2px;
    display: block;
    background: #229ae1;
    position: absolute;
    top: 50%;
    left: 12px;
}

.gheader_ .header__announceTop_ a span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.gheader_ .header__announceTop_ a span:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.gheader_ .header__announceTop_ a.linkText_ {
    position: static;
    top: 0;
    width: 100%;
    margin-top: -1em;
    padding: 1em;
    box-sizing: border-box;
    height: 60px;
    color: #000;
}

.gheader_ .header__nav_ {
    height: 70px;
    border-bottom:1px solid #179be1;
    background: #fff;
    position: relative;
    z-index:  21;
}

.gheader_ .header__navInner_ {
    height: 70px;
    display: table;
    padding: 0 30px;
    position: relative;
}

.gheader_ .header__navInner_ a {
    color: #229ae1;
}

.gheader_ .header__navInner_ h1 {
    display: table-cell;
    vertical-align: middle;
}

.gheader_ .header__navInner_ h1 img {
    width: 70px;
    height: 31px;
    vertical-align: top;
    padding-top: 5px;
}

.gheader_ .header__nav_ .gnav_ {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: right;
    padding:0 50px 0 0;
}

.gheader_ .header__navList_ {
    display: inline-block;
    position: relative;
    text-align: right;
        margin: 3px 0;
}

.gheader_ .header__navList_ li {
    display: inline-block;
    margin: 0 15px 0 0;
    position: relative;
    vertical-align: bottom;
}

.gheader_ .header__navList_:nth-child(2) li {
    margin: 0 20px 0 0;
}

.gheader_ .header__navList_:nth-child(2) li form {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    display: none;
}

.gheader_ .header__navList_:nth-child(2) li form input {
    padding: .5em;
}

.gheader_ .header__navShopSearchBox_ {
    width: 70px;
    height: 70px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.gheader_ .header__navShopSearchBtn_ {
    width: 70px;
    height: 70px;
    background: #229ae1 url(../../../img/private/pc/header/icon_shop.png) 50% 50% no-repeat;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.gheader_ .header__announceBtm_ {
    height: 60px;
    text-align: center;
    background: #d9e4ea;
    position: relative;
}

.gheader_ .header__announceBtm_ p {
    font-size: 14px;
    line-height: 1.25;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.gheader_ .header__navKeywordsSearchForm_ {
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 21;
    overflow: hidden;
    display: none;
    opacity: 0;
}

.gheader_ .header__navKeywordsSearchFormInner_ {
    width: 100%;
    height: 45px;
    position: relative;
    font-size: 0;
    margin: 0;
    text-align: center;
}

.gheader_ .header__navKeywordsSearchText_ {
    width: 660px;
    font-size: 16px;
    color: #229ae1;
    border: 0;
    border-bottom: #229ae1 solid 2px;
    padding: .5em 40px .5em 60px;/*padding: .5em 40px .5em .5em;*/
    display: inline-block;
    border-radius: 0;
    line-height: 1;
    font-size: 16px;
    margin: 80px 0 0;
    position: relative;
}

.header__navKeywordsSearchFormInner_ input[type="text"]:focus{
    border: none;
    border-bottom: #229ae1 solid 2px;
}

.gheader_ .header__navKeywordsSearchTitle_ {
  display: inline-block; position: absolute; left: 50%; top: 97px;z-index: 5;
  width: auto; margin-left: -330px; font-size: 16px; letter-spacing: 0.1em;
}

.header__navKeywordsLink{ margin-top: 120px; width: 600px; margin-left: auto; margin-right: auto;}
.gheader_ .findGkeywords{ width: inherit;}
.gheader_ .findGkeywords li a{ font-size: 16px; font-weight: normal; /*text-decoration: none;*/ }

.gheader_ .header__navKeywordsSearchBtn_ {
    width: 18px;
    font-size: 16px;
    color: #229ae1;
    padding: .5em;
    display: inline-block;
    border-radius: 0;
    line-height: 1;
    font-size: 16px;
    margin: 80px 0 0 -30px;
    position: relative;
}

.gheader_ .header__navKeywordsSearchClsBtn_ {
    width: 120px;/*width: 50px;*/
    height: 50px;
    display: block;
    position: absolute;
    top: 25px;/*top: 5px;*/
    right: 25px;/*right: 1em;*/
    border:solid 1px #229ae1;
}
.gheader_ .header__navKeywordsSearchClsBtn_:after{ content:'閉じる'; display:block; color: #229ae1 ; position: absolute; left: 45px; top: 0; font-size: 16px; line-height:52px;}

.gheader_ .header__navKeywordsSearchClsBtn_ span {
    width: 26px;
    height: 2px;
    display: block;
    background: #229ae1;
    position: absolute;
    top: 50%;
    left: 12px;
}

.gheader_ .header__navKeywordsSearchClsBtn_ span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.gheader_ .header__navKeywordsSearchClsBtn_ span:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.gheader_ .side__megamenu_{ text-align: center;  margin: 60px 60px 0 60px;/*background: #F7F7F7;*/ }
.gheader_ .side__megamenuInner_ {
    margin: 40px auto;
    padding: 0;
    display: inline-block;
    text-align: left;
    min-width: 1140px;
}
@media screen and (max-width: 1080px) {
    .gheader_ .side__megamenu_{
        display: none;
    }
}
@media screen and (max-height: 580px) {
    .gheader_ .side__megamenu_{
        display: none;
    }
}


/* suggest */
.gheader_ #search_suggest_area_ {
    top: 130px;
    left: 50%;
    max-width: 660px;
    width: 100%;
    margin-left: -332px;
    padding: 0;
    border-left: 1px #ededed solid;
    border-right: 1px #ededed solid;
    border-bottom: 1px #ededed solid;
    box-sizing: border-box;
    display: none;
}

.gheader_ .suggest_goods_ {
    padding: 0;
    width: 100%;
    position: relative;
    min-height: auto;
}

.gheader_ .suggest_goods_:hover {
    background: none;
}

.gheader_ .suggest_goods_ a{
    margin-left: 0;
    padding: 10px 20px;
    box-sizing: border-box;
}

.gheader_ .suggest_goods_ a:hover{
    opacity: 1;
    background: #f7f7f7;
}

.gheader_ .suggest_goods_name_ {
    width: 100%;
}

.gheader_ .header__nav_ .header__navKeep_ span{
    background: #f00;
    position: absolute;
    top: -.5em;
    right: -.8em;
    font-size: 10px;
    padding: 0.3em .5em;
    border-radius: 1em;
    line-height: 1;
    color: #fff;
}

.gheader_ .header__nav_ .header__navCart_ span,
.page__menu_ .category__list_ .category__icon_ a span.badge_count{
    background: #f00;
    position: absolute;
    top: -.5em;
    right: -.8em;
    font-size: 10px;
    padding: 0.3em .5em;
    border-radius: 1em;
    line-height: 1;
    color: #fff;
}

.gheader_ .gnav_ ul.header__navList_:nth-child(2) li:last-child{
    padding-left:26px;
}

.g.gheader_ .gnav_ ul.header__navList_:nth-child(2) li:last-child a:before {
    content: "";
    width: 23px;
    height: 24px;
    background: url(../../../img/private/pc/header/icon_myaccount.png) 50% 50% no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

/* ---------------------------------------------------------------
side
--------------------------------------------------------------- */
#side {
    width: 80px;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #d9e4ea;
    z-index: 11;
    border-right: #d9e4ea solid 1px;
}

#sidebg{
    position: absolute;
    top: 0;
    left: 81px;
    width: calc(100vw - 81px);
    height: 100%;
    background: rgba(0,0,0,0.7);
    display: none;
}

#side__gender li {
    margin: 0 0 1px;
}

#side__gender li:hover {
    opacity: 1;
}

#side__gender li:hover .side__megamenu_ {
    display: block;
}

#side__gender .side__genderIcon_ {
    width: 81px;
    height: 80px;
    background: #229ae1;
    display: block;
    color: #fff;
    position: relative;
    text-align: center;
    padding-right: 1px;
    border-right: #d9e4ea solid 1px;
    box-sizing: border-box;
}

#side__gender .side__genderIcon_:hover {
    background: #fff;
    color: #229ae1;
    opacity: 1;
    border-right: none;
}

#side__gender .side__selected_ {
    background: #fff;
    color: #229ae1;
    opacity: 1;
    border-right: none;
}

#side__gender .side__genderIcon_ span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 14px;
    font-weight: bold;
}

#side__gender li.product__class_ .side__genderIcon_ { background: #fff; color: #229ae1;}
#side__gender li.product__class_ .side__genderIcon_ span { width: 80px;font-size: 13px;}
#side__gender li.product__class_ .side__genderIcon_ span img{ display: block; margin: 0 auto 3px; }
#side__gender li.product__class_ .side__genderIcon_:hover { /*background: #229ae1; color: #fff;*/ }
/*
#side__gender li.product__class_ .side__genderIcon_:hover:before , #side__gender li.product__class_ .side__genderIcon_:hover:after { content: ""; width: 0px; height: 0px; position: absolute;}
#side__gender li.product__class_ .side__genderIcon_:hover:before { top: 26px;right: -1px;border-top: 10px solid transparent;border-left: 10px solid transparent;border-right: 10px solid #fff;}
#side__gender li.product__class_ .side__genderIcon_:hover:after { top: 36px;right: -10px;border-top: 10px solid #fff;border-left: 10px solid transparent;border-right: 10px solid transparent;}
*/

#side__gender .side__megamenu_ {
    width: calc(100vw - 81px);
    height: 400px;/*height: 320px;*/
    position: absolute;
    text-align: center;
    top: 0;
    left: 81px;
    padding-bottom: 20px;
    background: #fff;
    min-width: 1024px;/*min-width: 1150px;*/
    border-bottom: 1px #d9e4ea solid;
    display: none;
    overflow-x: auto;
}

#side__gender .side__megamenuInner_ {
    margin: 40px auto 0px auto;
    padding: 0 0 0 40px;
    display: inline-block;
    text-align: left;
    min-width: 1180px;
    box-sizing: border-box;
}

#side__gender .side__megamenu_.side__megamenuInHead_ .side__megamenuInner_{ /*margin-top: 15px;*/ }
#side__gender .side__megamenu_.side__megamenuInHead_ .side__megamenuHead_ { padding: 25px 0px; min-width: 1140px; background: #f7f7f7; position: absolute; left:0; bottom:0; width: 100%;}
#side__gender .side__megamenu_.side__megamenuInHead_ .side__megamenuHead_ .side__megamenuInner_ {padding: 0; margin: 0; }
#side__gender .side__megamenuBtns_ li{ display: inline-block; margin-left: 10px;}
#side__gender .side__megamenuBtns_ li a{ display: inline-block; border: solid 1px #229ae1; background: #FFF; padding: 10px 15px; }

.gheader_ .side__megamenuGenreBox_{
    padding-left: 60px; overflow: hidden; float: left;
}
#side__gender .side__megamenuGenreBox_ {
    overflow: hidden;
    float: left;
}

.gheader_ .side__megamenuGenre_ ,
#side__gender .side__megamenuGenre_ {
    float: left;
    margin: 0 40px 0 0;
    position: relative;
}

.gheader_ .side__megamenuGenre_:last-child,
#side__gender .side__megamenuGenre_:last-child {
    margin: 0 30px 0 0;
    padding: 0 30px 0 0;
    border-right: none;/*border-right: #c9e6f8 solid 1px;*/
    min-width: 250px; max-width: 350px; height: auto;margin-right: 0; padding-right: 0;
}

.gheader_ .side__megamenuGenre_ h4,
#side__gender .side__megamenuGenre_ h4 {
    font-size: 16px;
    font-weight: normal;
    margin: 14px 0;
}

.gheader_ .side__megamenuGenre_ li,
#side__gender .side__megamenuGenre_ li {
    margin: 0 0 5px;
}

.gheader_ .side__megamenuGenre_ a,
#side__gender .side__megamenuGenre_ a {
    color: #229ae1;
    text-align: left;
    position: relative;
}

.gheader_ .side__megamenuGenre_ a span,
#side__gender .side__megamenuGenre_ a span {
    width: 45px;
    height: 16px;
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
}

.gheader_ ul li.item__generalLink_ a, #side__gender ul li.item__generalLink_ a{ padding-left: 0;}

.gheader_ .side__megamenuTypeBox_,
#side__gender .side__megamenuTypeBox_ {
    overflow: hidden;
    float: left;
}

.gheader_ .side__megamenuGenreBox_ ,
#side__gender .side__megamenuGenreBox_ {
    overflow: hidden;
    float: left;
}
.gheader_ .side__megamenuTypeBox_,
.gheader_ .side__megamenuGenreBox_{
    width: 570px; box-sizing: border-box;
}

.gheader_ .side__megamenuTypeBox_ h4,
#side__gender .side__megamenuTypeBox_ h4 {
    font-size: 16px;
    font-weight: normal;
    margin: 14px 0;
}

.gheader_ .side__megamenuTypeShape_ ,
#side__gender .side__megamenuTypeShape_ {
    float: left;
    margin: 0 50px 0 0;
}
.gheader_ .side__megamenuTypeShape_ { float: right;}

.gheader_ .side__megamenuTypeShape_ h4 a,
#side__gender .side__megamenuTypeShape_ h4 a {
    color: #229ae1;
}

.gheader_ .side__megamenuTypeShape_ li,
#side__gender .side__megamenuTypeShape_ li {
    margin: 0 0 5px;
}

.gheader_ .side__megamenuTypeShape_ li a,
#side__gender .side__megamenuTypeShape_ li a {
    color: #229ae1;
    text-align: left;
    position: relative;
    line-height: 1;
    padding: 0 0 0 60px;
}

.gheader_ .side__megamenuTypeShape_ li a span,
#side__gender .side__megamenuTypeShape_ li a span {
    width: 45px;
    height: 17px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: cover;
}

.gheader_ .side__megamenuTypeColor_{
    width: 80px;
    overflow: hidden;
    float: right;
    margin: 0 0px 0 0;
    padding: 0 50px 0 0; border-right: #c9e6f8 solid 1px; height: auto;
}
#side__gender .side__megamenuTypeColor_ {
    width: 80px;
    overflow: hidden;
    float: left;
    margin: 0 50px 0 0;
    padding: 0 50px 0 0; border-right: #c9e6f8 solid 1px; height: auto;
}
#side__gender .side__megamenuSG_ .side__megamenuTypeColor_ { margin: 0 50px 0 0; padding: 0 30px 0 0; }


.gheader_ .side__megamenuTypeColor_ h4 a,
#side__gender .side__megamenuTypeColor_ h4 a {
    color: #229ae1;
}

.gheader_ .side__megamenuTypeColor_ li,
#side__gender .side__megamenuTypeColor_ li {
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 20px 10px 0;
}

.gheader_ .side__megamenuTypeColor_ li a,
#side__gender .side__megamenuTypeColor_ li a {
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 100%;
    overflow: hidden;
}

.gheader_ .side__megamenuTypeColor_ li span,
#side__gender .side__megamenuTypeColor_ li span{
    width: 20px;
    height: 20px;
    display: block;
}

.gheader_ .side__megamenuTypeShape_ li.item__shape_1_ span,
#side__gender .side__megamenuTypeShape_ li.item__shape_1_ span {
    background-image: url(../../../img/private/pc/common/shape_square.png);
}

.gheader_ .side__megamenuTypeShape_ li.item__shape_2_ span,
#side__gender .side__megamenuTypeShape_ li.item__shape_2_ span {
    background-image: url(../../../img/private/pc/common/shape_oval.png);
}

.gheader_ .side__megamenuTypeShape_ li.item__shape_3_ span,
#side__gender .side__megamenuTypeShape_ li.item__shape_3_ span {
    background-image: url(../../../img/private/pc/common/shape_wellington.png);
}

.gheader_ .side__megamenuTypeShape_ li.item__shape_4_ span,
#side__gender .side__megamenuTypeShape_ li.item__shape_4_ span {
    background-image: url(../../../img/private/pc/common/shape_boston.png);
}

.gheader_ .side__megamenuTypeShape_ li.item__shape_5_ span,
#side__gender .side__megamenuTypeShape_ li.item__shape_5_ span {
    background-image: url(../../../img/private/pc/common/shape_round.png);
}

.gheader_ .side__megamenuTypeShape_ li.item__shape_6_ span,
#side__gender .side__megamenuTypeShape_ li.item__shape_6_ span {
    background-image: url(../../../img/private/pc/common/shape_sirmont.png);
}

.gheader_ .side__megamenuTypeShape_ li.item__shape_7_ span,
#side__gender .side__megamenuTypeShape_ li.item__shape_7_ span {
}

.gheader_ .side__megamenuTypeShape_ li.item__shape_8_ span,
#side__gender .side__megamenuTypeShape_ li.item__shape_8_ span {
    background-image: url(../../../img/private/pc/common/shape_teardrop.png);
}

.gheader_ .side__megamenuTypeShape_ li.item__shape_9_ span,
#side__gender .side__megamenuTypeShape_ li.item__shape_9_ span {
    background-image: url(../../../img/private/pc/common/shape_sidewide.png);
}

.gheader_ .side__megamenuTypeShape_ li.item__shape_10_ span,
#side__gender .side__megamenuTypeShape_ li.item__shape_10_ span {
    background-image: url(../../../img/private/pc/common/shape_fox.png);
}

.gheader_ .side__megamenuTypeShape_ li.item__shape_11_ span,
#side__gender .side__megamenuTypeShape_ li.item__shape_11_ span {
    background-image: url(../../../img/private/pc/common/shape_barrel.png);
}

.gheader_ .side__megamenuTypeShape_ li.item__shape_12_ span,
#side__gender .side__megamenuTypeShape_ li.item__shape_12_ span {
    background-image: url(../../../img/private/pc/common/shape_octagon.png);
}

.gheader_ .side__megamenuTypeShape_ li.item__shape_13_ span,
#side__gender .side__megamenuTypeShape_ li.item__shape_13_ span {
    background-image: url(../../../img/private/pc/common/shape_boslington.png);
}

.gheader_ .side__megamenuTypeShape_ li.item__shape_14_ span,
#side__gender .side__megamenuTypeShape_ li.item__shape_14_ span {
    background-image: url(../../../img/private/pc/common/shape_hexagon.png);
}

.gheader_ .side__megamenuTypeShape_ li.item__shape_15_ span,
#side__gender .side__megamenuTypeShape_ li.item__shape_15_ span {
    background-image: url(../../../img/private/pc/common/shape_crownpanto.png);
}

.gheader_ .side__megamenuTypeColor_ li.item__color__13_ input[type="checkbox"]:checked + span:before,
#side__gender .side__megamenuTypeColor_ li.item__color__13_ input[type="checkbox"]:checked + span:before{
    border: #229ae1 solid 1px;
    top: -6px;
    left: -6px;
}

.gheader_ .side__megamenuTypeColor_ li.item__color__1_ span,
#side__gender .side__megamenuTypeColor_ li.item__color__1_ span {
    background: #000;
}

.gheader_ .side__megamenuTypeColor_ li.item__color__2_ span,
#side__gender .side__megamenuTypeColor_ li.item__color__2_ span {
    background: #999;
}

.gheader_ .side__megamenuTypeColor_ li.item__color__3_ span,
#side__gender .side__megamenuTypeColor_ li.item__color__3_ span {
    background: #960;
}

.gheader_ .side__megamenuTypeColor_ li.item__color__4_ span,
#side__gender .side__megamenuTypeColor_ li.item__color__4_ span {
    background: #060;
}

.gheader_ .side__megamenuTypeColor_ li.item__color__5_ span,
#side__gender .side__megamenuTypeColor_ li.item__color__5_ span {
    background: #039;
}

.gheader_ .side__megamenuTypeColor_ li.item__color__6_ span,
#side__gender .side__megamenuTypeColor_ li.item__color__6_ span {
    background: #639;
}

.gheader_ .side__megamenuTypeColor_ li.item__color__7_ span,
#side__gender .side__megamenuTypeColor_ li.item__color__7_ span {
    background: #fc0;
}

.gheader_ .side__megamenuTypeColor_ li.item__color__8_ span,
#side__gender .side__megamenuTypeColor_ li.item__color__8_ span {
    background: #f6b1d8;
}

.gheader_ .side__megamenuTypeColor_ li.item__color__9_ span,
#side__gender .side__megamenuTypeColor_ li.item__color__9_ span {
    background: #c00;
}

.gheader_ .side__megamenuTypeColor_ li.item__color__10_ span,
#side__gender .side__megamenuTypeColor_ li.item__color__10_ span {
    background: #f60;
}

.gheader_ .side__megamenuTypeColor_ li.item__color__11_ span,
#side__gender .side__megamenuTypeColor_ li.item__color__11_ span {
    background: url(../../../img/private/pc/common/color_silver.png) 50% 50%;
    background-size: 100%;
}

.gheader_ .side__megamenuTypeColor_ li.item__color__12_ span,
#side__gender .side__megamenuTypeColor_ li.item__color__12_ span {
    background: url(../../../img/private/pc/common/color_gold.png) 50% 50%;
    background-size: 100%;
}

.gheader_ .side__megamenuTypeColor_ li.item__color__13_ span,
#side__gender .side__megamenuTypeColor_ li.item__color__13_ span {
    width: 18px;
    height: 18px;
    background: #FFF;
    border: #ccc solid 1px;
    border-radius: 100%;
}

.gheader_ .side__megamenuTypeColor_ li.item__color__14_ span,
#side__gender .side__megamenuTypeColor_ li.item__color__14_ span {
    background: #F0F4F5;
}

.gheader_ .side__megamenuTypeColor_ li.item__color__99_ span,
#side__gender .side__megamenuTypeColor_ li.item__color__99_ span {
    background: url(../../../img/private/pc/common/color_other.png) 50% 50%;
    background-size: 100%;
}

.gheader_ .side__megamenuTypePrice_,
#side__gender .side__megamenuTypePrice_ {
    float: left;
    margin: 0 60px 0 0;/*margin: 0 30px 0 0;*/
    padding: 0;/*padding: 0 30px 0 0;*/
    /*border-right: #c9e6f8 solid 1px;*/
    height: auto;/*height: 260px;*/
}
.gheader_ .side__megamenuTypePrice_{float: right;}

#side__gender .side__megamenuSG_ .side__megamenuTypePrice_ {margin: 0 30px 0 0;}

.gheader_ .side__megamenuTypePrice_ { }

.gheader_ .side__megamenuTypePrice_ h4 a,
#side__gender .side__megamenuTypePrice_ h4 a {
    color: #229ae1;
}

.gheader_ .side__megamenuTypePrice_ li,
#side__gender .side__megamenuTypePrice_ li {
    margin: 0 0 10px;
}

.gheader_ .side__megamenuTypePrice_ li a,
#side__gender .side__megamenuTypePrice_ li a {
    display: block;
    color: #229ae1;
}

.gheader_ .side__megamenuSeriesBox_,
#side__gender .side__megamenuSeriesBox_ {
    overflow: hidden;
    float: left;
}

.gheader_ .side__megamenuSeries_,
#side__gender .side__megamenuSeries_ {
    float: left;
    margin: 0 20px 0 0; /*margin: 0 40px 0 0;*/
    position: relative;
    height: auto;/*height: 260px;*/
}

.gheader_ .side__megamenuSeries_ {margin: 0 20px 0 0;}

.gheader_ .side__megamenuSeries_ h4,
#side__gender .side__megamenuSeries_ h4 {
    font-size: 16px;
    font-weight: normal;
    margin: 14px 0;
}

.gheader_ .side__megamenuSeries_ li,
#side__gender .side__megamenuSeries_ li {
    margin: 0 0 5px;
}

.gheader_ .side__megamenuSeries_ a,
#side__gender .side__megamenuSeries_ a {
    color: #229ae1;
    text-align: left;
    position: relative;
}

.gheader_ .side__megamenuSeries_ a span,
#side__gender .side__megamenuSeries_ a span {
    width: 45px;
    height: 16px;
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
}
.gheader_ .side__megamenuSeries_ a span.side__megamenuSummaryTxt_,
#side__gender .side__megamenuSeries_ a span.side__megamenuSummaryTxt_ {
    width: auto; display: block; position: static; font-size: 12px; color: #229ae1;margin-bottom: 10px; height: auto; line-height: 140%;margin-left: 0px;
}

.gheader_ .side__megamenuSeriesListBtm_,
#side__gender .side__megamenuSeriesListBtm_ {
    position: absolute;
    bottom: 0;
    left: 0;
}

#side__type li {
    margin: 0 0 1px;
}

#side__type a {
    width: 80px;
    height: 80px;
    background: #fff;
    display: block;
    color: #229ae1;
    position: relative;
    text-align: center;
}

#side__type a:hover {
    background: #229ae1;
    color: #fff;
    opacity: 1;
}

#side__type span {
    width: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 13px;
    font-weight: bold;
}

#side__type img {
    display: block;
    margin: 0 auto 3px;
}

/* ---------------------------------------------------------------
レイアウト
--------------------------------------------------------------- */

/* container_ */
div.container_{
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 80px;
}

.container__inner_ {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}

/* flex */
.layout__flex__line_ {
    display: flex;
    flex-wrap: wrap;
}

.layout__flex__line_.flex__box01_ > p,
.layout__flex__line_.flex__box01_ > div {
    width: 47.5%;
}

.layout__flex__line_.flex__box01_ > p:nth-of-type(2n),
.layout__flex__line_.flex__box01_ > div:nth-of-type(2n){
    margin-left: 5%;
}

.layout__flex__line_.flex__box01_ > div.coupon__textCode_{
    width: 55%;
}

.layout__flex__line_.flex__box01_ > div.coupon__textCodebtn_{
    width: 40%;
    background: #229ae1;
    text-align: center;
}

.layout__flex__line_.flex__box01_ > div.coupon__textCodebtn_ a{
    color:#fff;
    line-height: 50px;
    display: block;
}

.couponCode_ .popup__btn_{
    height:50px;
}

.layout__flex__line_.flex__box02_ > p,
.layout__flex__line_.flex__box02_ > div {
    width: 100%;
}

/* ---------------------------------------------------------------
汎用
--------------------------------------------------------------- */
.notes{ text-indent: -1em; padding-left: 1em; font-size: 12px;}
.mt00{margin-top:0 !important}.mt05{margin-top:5px !important}.mt10{margin-top:10px !important}.mt15{margin-top:15px !important}.mt20{margin-top:20px !important}.mt25{margin-top:25px !important}.mt30{margin-top:30px !important}.mt35{margin-top:35px !important}.mt40{margin-top:40px !important}.mt45{margin-top:45px !important}.mt50{margin-top:50px !important}.mt60{margin-top:60px !important}.mt70{margin-top:70px !important}.mb00{margin-bottom:0 !important}.mb05{margin-bottom:5px !important}.mb10{margin-bottom:10px !important}.mb15{margin-bottom:15px !important}.mb20{margin-bottom:20px !important}.mb25{margin-bottom:25px !important}.mb30{margin-bottom:30px !important}.mb35{margin-bottom:35px !important}.mb40{margin-bottom:40px !important}.mb45{margin-bottom:45px !important}.mb50{margin-bottom:50px !important}.mb55{margin-bottom:55px !important}.mb60{margin-bottom:60px !important}
.pt00{padding-top:0 !important}.pt05{padding-top:5px !important}.pt10{padding-top:10px !important}.pt15{padding-top:15px !important}.pt20{padding-top:20px !important}.pt25{padding-top:25px !important}.pt30{padding-top:30px !important}.pt35{padding-top:35px !important}.pt40{padding-top:40px !important}.pt50{padding-top:50px !important}.pt60{padding-top:60px !important}.pb00{padding-bottom:0 !important}.pb05{padding-bottom:5px !important}.pb10{padding-bottom:10px !important}.pb15{padding-bottom:15px !important}.pb20{padding-bottom:20px !important}.pb25{padding-bottom:25px !important}.pb30{padding-bottom:30px !important}.pb40{padding-bottom:40px !important}

.bdr_btm00{ border-bottom: none!important;}
.bdr_top00{ border-top: none!important;}

.indent_list li{text-indent:-1em;padding-left:1em;}


/* ---------------------------------------------------------------
index
--------------------------------------------------------------- */

.index__topKv_{
    width: 100%; position: relative; text-align: center;
}

.index__topKv_ img{
    width: 100%; margin-bottom: 0;
}
.index__topKv_ .swiper-container_{ margin-bottom: 22px;}
.index__topKv_ .swiper-slide{  padding-bottom:  0;}
.index__topKv_ .swiper-container-horizontal>.swiper-pagination-bullets{ margin-bottom: 0; padding: 14px 0 0; position: absolute; left: 0; bottom: -22px; z-index: 2; background-color: #dfe9ee;}
.index__topKv_ .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background: #ccc; opacity: 1;}
.index__topKv_ .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #007aff;}
.index__anotherindex_ > div.index__topKv_  a img{ margin-bottom: 0;}

.index__topBnr_{
    width: 100%;
    overflow: hidden;
}
.index__topBnr_.index__topBnr_bg_ {
    padding: 20px;
    box-sizing: border-box;
    background-color: #dfe9ee;
}
.index__topBnr_.index__topBnr_anoter_ {
    padding: 45px 50px 0  50px;
    box-sizing: border-box;
}
.index__topBnr_.index__topBnr_anoter_  img{
    margin-bottom: 0;
}

.index__topBnr_ a{
    display: block;
    width: 100%;
    float: left;
}

.index__topBnr_ a img{
    width: 100%;
    height: auto;
}

.index__topBnr_.index__col2_ a{
    width: 50%;
}

.index__topBnr_.index__col3_ a{
    width: calc(100% / 3);
}

.index__topBnr_.index__col2_.index__topBnr_bg_ a{
    width: calc( 98% /2);
    width: calc(calc( 100% - 21px )/2);
    margin: 0 10px;
}
.index__topBnr_.index__col3_.index__topBnr_bg_ a{
    width: calc( 95% /3);
    width: calc(calc( 100% - 41px )/3);
    margin: 0 10px;
}
.index__topBnr_.index__col2_.index__topBnr_bg_ a img,
.index__topBnr_.index__col3_.index__topBnr_bg_ a img{
    width: 100%; margin-bottom: 0;
}
.index__topBnr_.index__col2_.index__topBnr_bg_ a:first-child,
.index__topBnr_.index__col3_.index__topBnr_bg_ a:first-child{
    margin-left: 0;
}
.index__topBnr_.index__col2_.index__topBnr_bg_ a:last-child,
.index__topBnr_.index__col3_.index__topBnr_bg_ a:last-child{
    margin-right: 0;
}
.index__topBnr_.index__col4_ a{
    width: 25%;
}
.swiper-containerCollection_{
    position: relative;
}

.index__slideArea_{
    text-align: center;
    margin: 0 0 90px;
    position: relative;
}

.index__slideArea_ .swiper-button-prev,.index__slideArea_ .swiper-button-next{
    top: 40%;
}

.index__pickup_ .swiper-button-prev,.index__pickup_ .swiper-button-next{
    top: 35%;
}

.index__pickup_ h2 img{
    width: auto;
}

.index__pickup_ img{
    width: 100%;
}

.index__slideArea_.index__pickup_  .index__gender_{ margin-bottom: 20px}


.index__pickup_column2_ > div{ width: 50%; width: calc(50% - 5px); box-sizing: border-box; }
.index__pickup_column2_ > div a img,
.index__anotherindex_ > div a img{ width: 100%; margin-bottom: 40px; border: solid 1px #d9e4ea; box-sizing: border-box; }
.index__pickup_column2_ > div:nth-child(odd){ float: left; clear: both;}
.index__pickup_column2_ > div:nth-child(even){ float: right;}
.index__pickup_column2_ .index__gender_{ margin: 25px 0 20px; }
.index__pickup_column2_ .swiper-slide:nth-last-child(-n+2) .index__gender_{ margin-bottom: 0;}
.index__slideArea_ .index__pickup_title_,
.index__anotherindex_ .index__pickup_title_{ margin-bottom: 10px; text-align: center;}
.index__pickup_column2_ p{ font-size: 18px; margin-left: 2%; margin-right: 2%; text-align: center;}

.index__slideArea_ h2{
    margin: 120px 0 40px;
}

.index__slideAreaUl_{
    display: inline-block;
    text-align: center;
    border: #229ae1 solid 1px;
    font-size: 0;
    margin: 0 0 50px;
}

.index__slideAreaUl_ li a{ opacity: 0.4;}

.index__slideArea_ a img{
    width: 100%;
}

.index__slideAreaUl_ li{
    display: inline-block;
    overflow: hidden;
}

.index__slideAreaUl_ li a{
    color: #229ae1;
    font-size: 18px;
    font-weight: bold;
    padding: .5em 1em;
    display: block;
    opacity: .6;
}

.index__slideAreaUl_ li.selected a, .index__slideAreaUl_ li a:hover{
    opacity: 1;
    text-decoration: none;
}

.index__collection_ .swiper-slide img{
    width: 100%;
}

.index__function_ .swiper-slide img,.index__collaboration_ .swiper-slide img,.index__pickup_ .swiper-slide img,.index__searchShop_ img{
    width: 100%;
    margin-bottom: 40px;
    border:solid 1px #d9e4ea;
    box-sizing:border-box;
}

.index__collaboration_{
    margin-top:90px;
}

.index__gender_{
    overflow: hidden;
    font-size: 0;
    margin: 25px 0 20px;
}

.index__gender_ a{
    min-width: 150px;
    font-size: 16px;
    display: inline-block;
    margin: 0 10px;
    padding: .7em 1.2em;
    background: #2299e1;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.index__genderLens_{
    overflow: hidden;
    font-size: 0;
    margin: 25px 0 110px;
}

.index__genderLens_ a{
    width: 280px;
    font-size: 16px;
    display: inline-block;
    margin: 0 10px;
    padding: .5em;
    background: #2299e1;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.index__topBanner_{
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

.index__topBanner_ li{
    width: 50%;
    float: left;
}

.index__topBanner_ li img{
    width: 100%;
}

.index__slideAnotherGlass_ .index__gender_ a{
    min-width: 150px;
    font-size: 16px;
    display: inline-block;
    margin: 0 10px;
    padding: .7em 1.2em;
    background: #2299e1;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.swiper-containerRanking_ .swiper-slide a:hover{
    color: #000;
    text-decoration: none;
}

.ranking__Number_{
    width: 40px;
    height: 40px;
    background: url(../../../img/private/pc/index/ranking_icon.png) 50% 100% no-repeat;
    display: block;
    margin: 0 auto 0px;/*margin: 0 auto 30px;*/
    font-size: 20px;
    color: #2299e1;
}

.ranking__NumberGold_{
    background: url(../../../img/private/pc/index/ranking_gold_icon.png) 50% 100% no-repeat;
    color: #e0cb3c;
}

.ranking__NumberSilver_{
    background: url(../../../img/private/pc/index/ranking_silver_icon.png) 50% 100% no-repeat;
    color: #bbb;
}

.ranking__NumberBronze_{
    background: url(../../../img/private/pc/index/ranking_bronze_icon.png) 50% 100% no-repeat;
    color: #d8ab6a;
}

.index__slideCollection_{
    position: relative;
}

.index__slideBox_{
    position: relative;
}

.index__slideArea_ hr{
    width: 96%;
    margin: 20px auto 0;
}

.index__slideRanking_ .swiper-slide{
    box-sizing: border-box;
    padding: 0 40px;
}

.index__slideRanking_ .swiper-pagination_{
    margin: 40px 0;
}

.index__slideRanking_ a {
    display: block;
    color: #000;
}

.index__slideArea_ .index__slideRanking_ a:hover {
    opacity: 0.5;
}

.index__slideArea_ .index__slideRanking_ .swiper-slide img{
    width: 100%;
    height: auto;
    max-width: 300px;
    margin-bottom: 30px;
    border: none;
}

.index__slideArea_ .index__slideRanking_ .swiper-slide h3{
    font-size: 18px;
    font-weight: normal;
}

.index__slideArea_ .index__slideRanking_ .swiper-slide p{
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 0;
}

.index__slideArea_ .index__slideRanking_ .swiper-slide small{
    font-size: 11px;
}

.index__slideAnotherGlass_ .swiper-slide{
    box-sizing: border-box;
    padding: 0 40px;
}

.index__slideAnotherGlass_ .swiper-pagination_{
    margin: 40px 0;
}

.index__slideAnotherGlass_ a {
    display: block;
    color: #000;
}

.index__slideArea_ .index__slideAnotherGlass_ a:hover {
    opacity: 0.5;
}

.index__slideArea_ .index__slideAnotherGlass_ .swiper-slide img{
    width: 100%;
    height: auto;
    max-width: 300px;
    margin-bottom: 30px;
}

.index__slideArea_ .index__slideAnotherGlass_ .swiper-slide h3{
    font-size: 18px;
    font-weight: normal;
}

.index__slideArea_ .index__slideAnotherGlass_ .swiper-slide p{
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 0;
}

.index__slideArea_ .index__slideAnotherGlass_ .swiper-slide small{
    font-size: 11px;
}

.index__slideAnotherGlassRanking_ .swiper-slide{
    box-sizing: border-box;
    padding: 0 40px;
}

.index__slideAnotherGlassRanking_ .swiper-pagination_{
    margin: 40px 0;
}

.index__slideAnotherGlassRanking_ a {
    display: block;
    color: #000;
}

.index__slideArea_ .index__slideAnotherGlassRanking_ a:hover {
    opacity: 0.5;
}

.index__slideArea_ .index__slideAnotherGlassRanking_ .swiper-slide img{
    width: 100%;
    height: auto;
    max-width: 300px;
    margin-bottom: 30px;
}

.index__slideArea_ .index__slideAnotherGlassRanking_ .swiper-slide h3{
    font-size: 18px;
    font-weight: normal;
}

.index__slideArea_ .index__slideAnotherGlassRanking_ .swiper-slide p{
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 0;
}

.index__slideArea_ .index__slideAnotherGlassRanking_ .swiper-slide small{
    font-size: 11px;
}

.index__anotherindex_ .index__slideArea_.index__anotherGlassRankingslide_{
    margin-bottom: 100px;
}

.container_.index__anotherindex_ .itemHistory_{
    border-bottom:#d9e4ea solid 1px;
    margin-bottom: 100px;
}

.index__slideArea_{
    width: 100%;
    text-align: center;
}

.index__slideArea_ h2{
    margin: 120px 0 40px;
}

.index__slideArea_ .swiper-wrapper{
    margin: 0;
}

.index__slideArea_ .swiper-slide p,
.index__anotherindex_ .swiper-slide p{
    margin-bottom: 35px;
}
.index__ranking_ h2{ color: #229ae1; text-align: center; font-size: 38px; font-weight: bold;}
.index__ranking_ .index__gender_ a{ display: inline-block; color: #fff; width: auto; padding: 0.7em 1.2em;}

.setShow{ display: block !important; opacity: 1 !important;}
.index__ranking_Something_{ padding: 60px 0 0; position: relative; overflow: hidden; margin-bottom: 0px;}
.index__ranking_Something_ h2{ color: #229ae1; text-align: center; margin: 0 0 40px; font-size: 38px; font-weight: bold; line-height: 120%;}
.index__ranking_Something_ h3.rankingSomething_title_{ color: #229ae1; text-align: center; font-size: 28px; margin: 50px 0 50px; }
.index__ranking_Something_ hr{ margin-top: 60px;}
.index__ranking_Something_ .index__slideAreaUl_{ margin-bottom: 40px; padding: 0 15px;}
.index__ranking_Something_ .index__slideRanking_{ margin-bottom: 0px;}
.index__ranking_Something_ .index__slideRanking_:last-child{ margin-bottom: 0px;}
.index__ranking_Something_ .itemPrice_tax_{ font-size: .5em; vertical-align: baseline; margin-left: 0;}
.index__slideArea_ .index__slideRanking_ .swiper-slide img{ margin-bottom: 0;}
.itemListOutlet_ .itemPrice_{color: #e20c0c;}

.index__topics_{
    text-align: center; margin-bottom: 60px;
}

.index__topicsInner_{
    margin: 0 40px;
}

.index__topics_ h2{
    margin-bottom: 60px;
}

.index__topicsList_{

}

.index__topicsListMore_{
    display: none;
}

.index__topicsList_ ul{
    position: relative;
    overflow: hidden;
    text-align: left;
}

.index__topicsList_ li{
    width: 48%;
}

.index__topicsList_ a{
    display: block;
    position: relative;
}

.index__topicsList_ li:nth-child(2n){
    float: left;
}

.index__topicsList_ li:nth-child(2n+1){
    float: right;
}

.index__topicsList_ .index__topicsListThumb_{
    width: 200px;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    border: #ccc solid 1px;
    box-sizing: border-box;
}

.index__topicsList_ .index__topicsListThumb_ img{
    width: 100%;
    height: auto;
}

.index__topicsList_ .index__topicsListText_{
    margin-left: 220px;
    color: #454545;
    min-height: 200px;
}

.index__topicsList_ p{
    font-size: 20px;
}

.index__topicsList_ .index__topicsListTextDate_{
    font-size: 14px;
}

a.index__topicsBtn_,a.index__topicsBtn_:link,a.index__topicsBtn_:visited{
    min-width: 150px;
    display: inline-block;
    font-size: 16px;
    background: #2299e1;
    padding: .7em 1.2em;
    margin: 0px auto 20px;/*margin: 60px auto 100px;*/
    color: #fff;
}

.index__topicsBtn_:hover{
    color: #fff;
    text-decoration: none;
}

.index__topics_ .topicsBlock__list_ {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.index__topics_ .topicsBlock_ {
    width: 48%;
    margin-left: 4%;
}

.index__topics_ .topicsBlock_:nth-of-type(2n+1) {
    margin-left: 0;
}

.index__topics_ .topicsBlock_:nth-of-type(n+3) {
    margin-top: 30px;
}

.index__topics_ .topicsBlock_ a{
    color: #000;
    display: block;
}

.index__topics_ .topicsBlock_ a:hover {
    opacity: 0.5;
}

.index__topics_ .topicsBox_ {
    display: flex;
}

.index__topics_ .topicsImg_ {
    max-width: 200px;
    width: 100%;
    margin-right: 20px;
}

.index__topics_ .topicsTl_ {
    width: 100%;
    text-align: left;
}

.index__topics_ .topicsImg_ img {
    width: 100%;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
}

.index__topics_ .topicsData__txt_ {
    margin-right: 30px;
}

.index__topics_ .obiTxt_ {
    margin-left: 0;
}

.index__searchShop_{
    text-align: center;
}

.index__searchShop_ .searchShopKv_{
    width: 100%;
    height: auto;
}

.index__searchShop_ h2{
    color: #229ae1;
    font-size: 28px;
    margin: 50px 0 40px;
}

.index__searchShop_ p{
    font-size: 20px;
    margin: 0 0 40px;
}

.index__searchShopBtn_,.index__searchShopBtn_:link,.index__searchShopBtn_:visited{
    width: 270px;
    display: block;
    font-size: 16px;
    color: #fff;
    background: #2299e1;
    padding: .7em 0;
    margin: 60px auto 100px;
}

.index__searchShopBtn_:hover{
    color: #fff;
    text-decoration: none;
}

.index__searchShopText_{
    margin: 0 30px;
}

.index__btmArea_{
    position: relative;
    overflow: hidden;
}

.index__about_{
    width: 50%;
    float: left;
    text-align: center;
}

.index__aboutKv_{
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}

.index__aboutText_{
    margin: 0 30px;
}

.index__about_ h2{
    font-size: 28px;
    color: #2299e1;
    margin-bottom: 40px;
}

.index__about_ h2 span{
    font-size: 14px;
}

.index__about_ p{
    font-size: 20px;
    margin-bottom: 50px;
}

.index__about_ a{
    width: 190px;
    display: block;
    font-size: 16px;
    color: #fff;
    background: #2299e1;
    padding: .7em 0;
    margin: 0 auto 100px;
}

.page__about_.container_{
    margin-bottom: 0;
}

.index__guarantee_{
    width: 50%;
    float: right;
    text-align: center;
}

.index__guaranteeKv_{
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}

.index__guaranteeText_{
    margin: 0 30px;
}

.index__guarantee_ h2{
    font-size: 28px;
    color: #2299e1;

    margin-bottom: 40px;
}

.index__guarantee_ p{
    font-size: 20px;
    margin-bottom: 50px;
}

.index__guarantee_ a{
    width: 190px;
    display: block;
    font-size: 16px;
    color: #fff;
    background: #2299e1;
    padding: .7em 0;
    margin: 0 auto 100px;
}

.bnrArea_{
    margin:120px auto;
}

.bnrArea_ a{
    display: block;
    border: #ccc solid 1px;
    margin: 2em 30px;
    padding: 2em 0;
    color: #2299e1;
}

p.glass__slide_{
    text-align: center;
    color:#454545;
    margin-bottom: 50px;
    margin-top: 30px;
}

p.glass__slide_.glass__slideCyuui_{
    margin-top: -30px;
    font-size: 14px;
}

p.glass__slide_.glass__slideCyuui_ a{
    text-decoration: underline;
}

.index__slideArea_.index__anotherindexslideArea_{
    margin: 0 0 40px;
}

img.index__anotherNoneslide_{
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}

.index__pickup_ img.index__anotherNoneslide_:nth-child(3n){
    vertical-align: top;
}

.index__anotherindex_ .index__slideArea_{
    margin-bottom: 0px;/*margin-bottom: 40px;*/
}

.index__anotherindex_ .refineSearch__contents_{
    margin: 60px 35px 0;
    position: relative;
    overflow: hidden;
    border-top:none;
    padding:0;
}

.index__anotherindex_ .refineSearch__contents_ li img{
    float: left;
    width: 35.4%;
    max-width: 200px;
    height: auto;
    margin: 0 10px 0 0px;
}

.refineSearch__contents_ li p.refineSearch__sub_{
    font-size: 14px;
}

/* ---------------------------------------------------------------
findGlassesArea
--------------------------------------------------------------- */
.findGlassesArea{ width: 100%; margin: 0 auto; margin-top: 110px; }
.findGlassesArea .findGInner{ background: #2299e1; }

.findGlassesArea h2.findGTitle{ margin-bottom: 40px; text-align: center;}
.findGlassesArea h2.findGTitle img{ }

.findGlassesArea .findGNav{ width: 980px; margin: 0 auto; text-align: center;}
.findGlassesArea .findGNav ul{ margin-bottom: 25px; }
.findGlassesArea .findGNav li.fgnav{ 
  display: inline-block;color: #2299e1; font-weight: bold; font-size: 20px; text-align: center;margin-right: 26px; line-height: 1;
  padding: 18px 20px 18px 20px;position: relative; cursor: pointer;
  white-space: nowrap;
  -webkit-transition: .25s ease-out;
  -moz-transition: .25s ease-out;
  transition: .25s ease-out;        
}
.findGlassesArea .findGNav li.fgnav:hover{ 
  opacity: 0.8;
}
.findGlassesArea .findGNav li.fgnav.on{ color: #fff; background: #2299e1;}
.findGlassesArea .findGNav li.fgnav.on:hover{ opacity: 1;}
.findGlassesArea .findGNav li.fgnav.on:before{
  content: ""; position: absolute; top: 100%; left: 50%;
  transform: translateX(-50%);
  border: 9px solid transparent;
  border-top: 15px solid #2299e1;
}

.findGlassesArea .finGShowArea{ background: #2299e1; padding:40px 0 20px 0; margin:0 auto 38px auto; width: 980px; }
.findGlassesArea .finGShowArea .finGShowItem{ display: none;}
.findGlassesArea .finGShowArea .finGShowItem.on{ display: block;}
.findGlassesArea .finGShowArea .finGShowItem img{ margin-bottom: 0; width: auto; border: none;}

.findGlassesArea .finGShowArea .fg_shapeFace { }
.findGlassesArea .finGShowArea .fg_shapeFace li{ display: block; width: 230px; float: left; position: relative; margin-right: 20px; margin-bottom: 20px;}
.findGlassesArea .finGShowArea .fg_shapeFace li:last-child{ margin-right: 0; }
.findGlassesArea .finGShowArea .fg_shapeFace h3.fgItem_txt{ width: 100%; text-align: center; font-size: 20px; color: #2299e1; font-weight: bold; line-height: 1; position: absolute; left: 0; top:20px; }
.findGlassesArea .finGShowArea .fg_shapeFace p.fgItem_txt{ width: 190px; text-align: left; font-size: 14px; color: #2299e1; position: absolute; left: 20px; top:195px; line-height: 1.5;}

.findGlassesArea .finGShowArea .fg_shapeFrame { width: 920px; display: block; margin: 0 auto;}
.findGlassesArea .finGShowArea .fg_shapeFrame li{ display: block; width: 215px; float: left; position: relative; margin-right: 20px; margin-bottom: 20px;}
.findGlassesArea .finGShowArea .fg_shapeFrame li:nth-child(4n){ margin-right:0; }
.findGlassesArea .finGShowArea .fg_shapeFrame .fgItem_txt{ width: 100%; text-align: center; font-size: 18px; line-height: 1; font-weight: bold;color: #2299e1; position: absolute; left: 0; bottom:25px;}

.findGlassesArea .finGShowArea .fg_price { width: 685px; display: block; margin: 0 auto;}
.findGlassesArea .finGShowArea .fg_price li{ display: block; width:215px; float: left; position: relative; margin-right: 20px; margin-bottom: 20px;}
.findGlassesArea .finGShowArea .fg_price li:nth-child(3n){ margin-right:0; }
.findGlassesArea .finGShowArea .fg_price li a{ display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 25px 0; background: #FFF; line-height: 1;}
.findGlassesArea .finGShowArea .fg_price .fgItem_txt{ width: 100%; text-align: center; font-size: 20px; line-height: 1; font-weight: bold; color: #2299e1; }
.findGlassesArea .finGShowArea .fg_price li.sale a .fgItem_txt{ color: #e60012}

.findGlassesArea .finGShowArea .fg_material { }
.findGlassesArea .finGShowArea .fg_material > li{ display: block; width: 195px; height: 290px; float: left; background: #FFF; position: relative; margin-right: 20px; margin-bottom: 20px;}
.findGlassesArea .finGShowArea .fg_material li.large{ width: 335px;}
.findGlassesArea .finGShowArea .fg_material li:last-child{ margin-right: 0; }
.findGlassesArea .finGShowArea .fg_material li a{ display: block; padding: 20px; box-sizing:border-box;}
.findGlassesArea .finGShowArea .fg_material .fgItem_fig { margin-bottom: 10px; text-align: center;}
.findGlassesArea .finGShowArea .fg_material .fgItem_ttl{ width: 100%; text-align: center; font-size: 18px; font-weight: bold; color: #2299e1; margin-bottom: 8px; }
.findGlassesArea .finGShowArea .fg_material .fgItem_txt{ width: 100%; text-align: left; font-size: 14px; color: #2299e1; margin-bottom: 8px; }

.findGlassesArea .finGShowArea .fg_material .clm2 a{ display: flex;}
.findGlassesArea .finGShowArea .fg_material .clm2 .fgItem_fig{ width: 20%; margin-right: 3.3%; }
.findGlassesArea .finGShowArea .fg_material .clm2 .fgItem_fig img{ width: 100%;}
.findGlassesArea .finGShowArea .fg_material .clm2 .fgItem_txtArea{  width: 67%; flex: 1;}
.findGlassesArea .finGShowArea .fg_material .clm2 .fgItem_txtArea .fgItem_txt{ margin-bottom: 0;}

.findGlassesArea .finGShowArea .notes{ text-align: left; font-size: 9px; padding-left: 1em; text-indent: -1em;}
.findGlassesArea .finGShowArea .notes li{ font-size: 9px; color: #2299e1; padding: 0; margin: 0;}

.findGkeywords{ text-align: center; width: 750px; margin: 0 auto; margin-top: -16px;}
.findGkeywords li{ display: inline-block; margin: 0 10px; margin-top: 16px;}
.findGkeywords li a{ font-size: 18px; color: #2299e1; font-weight: bold; text-decoration: underline; }


/* ---------------------------------------------------------------
refineSearch
--------------------------------------------------------------- */

.refineSearch_{
    margin: 60px 35px 0;
    position: relative;
    overflow: hidden;
}

.refineSearch_ h2{
    color: #229ae1;
    text-align: center;
    margin: 0 0 100px;
}

.refineSearch__form_{
    width: 480px;
    display: table;
    margin: 0 auto;
}

#refineSearch__form{
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding: 1em .5em;
    background: #fff;
    border: #229ae1 solid 1px;
    color: #229ae1;
    width: 150px;
    font-size: 16px;
    overflow: visible;
    line-height: 1;
    position: relative;
    text-align: left;
    position: relative;
}

.refineSearch__form_ .refineSearch__formSelect_{
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding: 10px .5em;
    background: #fff;
    border: #229ae1 solid 1px;
    color: #229ae1;
    width: 132px;
    font-size: 16px;
    line-height: 1;
    position: relative;
}

.refineSearch__formSelectBox_{
    display: block;
    position: relative;
    float: left;
    margin: 0;
}

.refineSearch__formSelectBox_:after {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 17px;
    right: 1.7em;
    border-bottom: #229ae1 solid 1px;
    border-right: #229ae1 solid 1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none;
}

.refineSearch__form_ .refineSearch__formCheckbox_ {
    display: block;
    float: left;
    margin: 0;
    padding: 1em .5em;
    background: #fff;
    border: #229ae1 solid 1px;
    color: #229ae1;
    width: 132px;
    font-size: 16px;
    line-height: 1;
    position: relative;

}

.refineSearch__form_ .refineSearch__formCheckbox_ input[type="checkbox"] {
    line-height: 1;
    padding: 0 0 0 32px;
    display: none;

}

.refineSearch__form_ .refineSearch__formCheckbox_ input[type="checkbox"] + span {
    display: block;
    padding: 0 0 0 36px;
}

.refineSearch__formCheckbox_ input[type="checkbox"]:checked + span {
    position: relative;
}

.refineSearch__formCheckbox_ input[type="checkbox"] + span:before {
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    background: url(../../../img/private/pc/common/icon_checkbox_off.png) 0 0 no-repeat;
    position: absolute;
    top: 12px;
    left: 10px;
}

.refineSearch__formCheckbox_ input[type="checkbox"]:checked + span:before {
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    background: url(../../../img/private/pc/common/icon_checkbox_on.png) 0 0 no-repeat;
    position: absolute;
    top: -4px;
    left: 2px;
}

.refineSearch__itemListTitle_ {
    font-size: 20px;
    color: #229ae1;
    text-align: center;
    margin: 16px auto 30px;
}

.refineSearch__itemListTitle_ p {
    display: inline-block;
}

.refineSearch__itemListNumber_ {
    font-size: 28px;
    font-weight: bold;
}

.refineSearch__itemListResult_ {
    font-size: 20px;
    font-weight: bold;
    margin: 0 1em 0 0;
}

.refineSearch__itemListInner_ {
    text-align: center;
}

.refineSearch__itemListInner_ a {
    color: #000;
    position: relative;
    display: block;
}

.refineSearch__itemListInner_ ul {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;/*width: 90%;*/
}

.refineSearch__itemListInner_ li {
    flex-basis: calc(100%/3);
    max-width: calc(100%/3);
    margin-bottom: 25px;
    padding: 0 0.8%;
    box-sizing: border-box;
}

.refineSearch__itemListInner_ li img {
    width: 100%;
    height: auto;
}

.refineSearch__itemListNew_ {
    position: absolute;
    top: 0;
    left: 0;
}

.refineSearch__itemListInner_ li.refineSearch__itemListSale_ h4 {
    color: #e20c0c;
}

.refineSearch__itemListTextArea_ h3 {
    font-size: 16px;
    font-weight: normal;
    height: 3em;
    overflow: hidden;
}

.refineSearch__itemListTextArea_ p {
    font-size: 24px;
    font-weight: bold;
}

.refineSearch__contents_, .itemHistory__contents_ {
    margin: 60px 0 0;
    padding: 100px 0 0;
    border-top: #ccc solid 1px;
}

.refineSearch__itemListTextArea_ .refineSearch__sale_{
    color: #e20c0c;
    font-weight: bold;
}

.refineSearch__itemListTextArea_ .refineSearch__sale_ span{
    font-size: 12px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.refineSearch__itemListTextArea_ .refineSearch__sale_ span.itemPrice_outlet_ {
    text-decoration: line-through;
}

.refineSearch__contents_ h2{
    color: #229ae1;
    text-align: center;
    margin: 0 0 100px;
}

.refineSearch__contents_ ul{
    overflow: hidden;
    display:-webkit-flex;
    display:-moz-flex;
    display: flex;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    flex-wrap: wrap;
}

.refineSearch__contents_ li{
    width: 50%;
    float: left;
    margin: 0 0 60px;
}

.refineSearch__contents_ li:nth-child(n + 5){
    display: none;
    opacity: 0;
}

.refineSearch__contents_ li a{
    display: block;
    color: #000;
    clear: both;
    position: relative;
}

.refineSearch__contents_ li img{
    float: left;
    width: 35.4%;
    max-width: 200px;
    height: auto;
    margin: 0 20px 0 5px;
    border: solid 1px #d9e4ea; box-sizing: border-box;
}

.refineSearch__contents_ li p{
    font-size: 16px;
}

.refineSearch__contentsMore_{
    display: none;
}

#refineSearch__contentsMoreBtn, #itemHistory__contentsMoreBtn{
    width: 160px;
    padding: 1em;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:  #229ae1 solid 1px;
    color: #229ae1;
    display: block;
    position: relative;
    font-weight: bold;
    margin: 0 auto 100px;
}

#refineSearch__contentsMoreBtn:after, #itemHistory__contentsMoreBtn:after {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 16px;
    right: 1em;
    border-bottom: #229ae1 solid 1px;
    border-right: #229ae1 solid 1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

#refineSearch__contentsMoreBtn:after {
    top:20px;
}

.refineSearch__match_ {
    max-width: 990px;
    margin: 0 auto 100px;
}

.refineSearch__match_ ul {
    overflow: hidden;
}

.refineSearch__match_ li {
    width: 48%;
    float: left;
}

.refineSearch__match_ li:nth-child(2) {
    width: 48%;
    float: right;
}

.refineSearch__match_ li a {
    display: block;
    /*border: #d4d4d4 1px solid;*/
    text-align: center;
    color: #229ae1;
    font-size: 30px;
    /*padding: 100px 0;*/
}

.refineSearch_ p.message_ {
    text-align: center;
    color: #229ae1;
    margin: 30px;
}

.itemHistory_ {
    border-top: #d9e4ea solid 1px;
    padding: 60px 0 0;
    margin: 0 35px;
    position: relative;
    overflow: hidden;
}

.itemHistory_ h2 {
    color: #229ae1;
    text-align: center;
    margin: 0 0 60px;
}

.itemHistory_ ul {
    overflow: hidden;
    margin: 0 auto 40px;
}

.itemHistory_ li {
    width: 17.17%;
    float: left;
    height: 260px;
    margin: 0 3.4% 60px 0;
}

.itemHistory_ li:nth-child(5n) {
    margin: 0;
}

.itemHistory_ li a {
    display: block;
    position: relative;
    color: #000;
    text-align: center;
}

.itemHistory_ li .itemHistory__itemListThumb_ {
    width: 100%;
    height: auto;

}

.itemHistory__itemListTextArea_ h4 {
    font-size: 16px;
    font-weight: normal;
    height: 3em;
    overflow: hidden;
}

.itemHistory__itemListTextArea_ p {
    font-size: 26px;
    font-weight: bold;
}

.itemHistory__itemListTextArea_ .itemHistory__sale_ {
    color: #e20c0c;
    font-weight: bold;
}

.itemHistory__itemListTextArea_ .itemHistory__sale_ span {
    font-size: 12px;
    color: #000;
    font-weight: bold;
    margin-right: .8em;
}

.itemHistory__itemListTextArea_ .itemHistory__sale_ span.itemPrice_outlet_ {
    text-decoration: line-through;
    margin-right: 0;
}

.itemHistory__itemListTextArea_ small {
    font-size: 11px;
}

.itemHistory__itemListNew_ {
    position: absolute;
    top: 0px;
    left: 0;
}

/* refineSearch__overlayer */
#refineSearch__overlayer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: -120%;
    left: 0;
    background: #fff;
    z-index: 20;
    -webkit-transition: .25s ease;
    -moz-transition: .25s ease;
    transition: .25s ease;
    opacity: 0;
}

#refineSearch__overlayer.on {
    width: 100%;
    top: 0;
    opacity: 1;
}

#refineSearch__overlayer.on .refineSearch__overlayerTotal_{
    right: 0;
    opacity: 1;
}

#refineSearch__overlayer a {
    color: #229ae1;
}

.refineSearch__overlayerTitle_ {
    font-size: 16px;
    text-align: center;
    padding: 1em;
    position: relative;
    border-bottom: #c9e6f8 solid 1px;
    background: #fff;
    color: #229ae1;
}

.refineSearch__overlayerTitle_ a {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 5px;
    right: 1em;
}

.refineSearch__overlayerTitle_ a:before{content:'閉じる';display:block;color: #229ae1;position: absolute;right: 45px;top: 0;white-space: nowrap;font-size: 16px;line-height:52px;}

.refineSearch__overlayerTitle_ a span {
    width: 26px;
    height: 2px;
    display: block;
    background: #229ae1;
    position: absolute;
    top: 50%;
    left: 12px;
}

.refineSearch__overlayerTitle_ a span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.refineSearch__overlayerTitle_ a span:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.refineSearch__overlayerInner_ {
    position: relative;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    color: #FFF;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerGender_, .refineSearch__overlayerInner_ .refineSearch__overlayerShape_, .refineSearch__overlayerInner_ .refineSearch__overlayerColor_, .refineSearch__overlayerInner_ .refineSearch__overlayerPrice_ {
    overflow: hidden;
    background: #fff;
    margin: 0 0 4px;
    padding: 0 0 0 70px;
    border-bottom: #c9e6f8 solid 1px;
}

.refineSearch__overlayerInner_ .refineSearch__separator{
    margin: 0 70px 4px 70px;
    padding: 0;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerGender_ h4, .refineSearch__overlayerInner_ .refineSearch__overlayerShape_ h4, .refineSearch__overlayerInner_ .refineSearch__overlayerColor_ h4, .refineSearch__overlayerInner_ .refineSearch__overlayerPrice_ h4 {
    text-align: left;
    margin: 25px 0 0;
    color: #229ae1;
}

.refineSearch__overlayerInner_ .refineSearch__separator h4 span,
.refineSearch__overlayerInner_ .refineSearch__separator--last h4 span{
    display: inline;
    font-size: 14px;
    padding-left: 10px;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerGender_ ul, .refineSearch__overlayerInner_ .refineSearch__overlayerShape_ ul, .refineSearch__overlayerInner_ .refineSearch__overlayerColor_ ul, .refineSearch__overlayerInner_ .refineSearch__overlayerPrice_ ul {
    font-size: 0;
    text-align: left;
    margin: 20px 0;
    overflow: hidden;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerGender_ li, .refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li, .refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li, .refineSearch__overlayerInner_ .refineSearch__overlayerPrice_ li {
    width: auto;
    display: inline-block;
    position: relative;
    font-size: 16px;
    text-align: center;
    margin: 0 20px 2px 0;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li {
    font-size: 12px;
    margin: 0 20px 10px 0;
    display: block;
    float: left;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ label {
    padding: .2em .5em;
    font-size: 16px;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ input {
    margin: 0;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ span {
    font-size: 16px;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ input[type="checkbox"] + img + span {
    position: relative;
    display: block;
    padding: .25em .5em;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ input[type="checkbox"]:checked + img + span:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border:  #229ae1 solid 1px;
}

.refineSearch__formCheckbox_ input[type="checkbox"]:checked + img + span {
    position: relative;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShapeItem_ {
    width: 50px;
    height: 20px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    display: inline-block;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 50px auto;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__1_ input[type="checkbox"] + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_square.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__1_ input[type="checkbox"]:checked + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_square_wh.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__2_ input[type="checkbox"] + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_oval.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__2_ input[type="checkbox"]:checked + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_oval_wh.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__3_ input[type="checkbox"] + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_wellington.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__3_ input[type="checkbox"]:checked + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_wellington_wh.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__4_ input[type="checkbox"] + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_boston.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__4_ input[type="checkbox"]:checked + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_boston_wh.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__5_ input[type="checkbox"] + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_round.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__5_ input[type="checkbox"]:checked + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_round_wh.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__6_ input[type="checkbox"] + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_sirmont.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__6_ input[type="checkbox"]:checked + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_sirmont_wh.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__8_ input[type="checkbox"] + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_teardrop.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__8_ input[type="checkbox"]:checked + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_teardrop_wh.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__9_ input[type="checkbox"] + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_sidewide.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__9_ input[type="checkbox"]:checked + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_sidewide_wh.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__10_ input[type="checkbox"] + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_fox.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__10_ input[type="checkbox"]:checked + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_fox_wh.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__11_ input[type="checkbox"] + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_barrel.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__11_ input[type="checkbox"]:checked + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_barrel_wh.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__12_ input[type="checkbox"] + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_octagon.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__12_ input[type="checkbox"]:checked + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_octagon_wh.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__13_ input[type="checkbox"] + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_boslington.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__13_ input[type="checkbox"]:checked + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_boslington_wh.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__14_ input[type="checkbox"] + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_hexagon.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__14_ input[type="checkbox"]:checked + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_hexagon_wh.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__15_ input[type="checkbox"] + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_crownpanto.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerShape_ li.item__shape__15_ input[type="checkbox"]:checked + span .refineSearch__overlayerShapeItem_ {
    background-image: url(../../../img/private/pc/common/shape_crownpanto_wh.png);
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ ul {
    margin: 20px 0;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li {
    width: 18px;
    height: 18px;
    margin: 0 20px 20px 0;
    display: block;
    float: left;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ input[type="checkbox"] + span{
    border:none;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li span {
    width: 18px;
    height: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li input[type="checkbox"]:checked + span:before{
    border: #229ae1 solid 1px;
    top: -6px;
    left: -6px;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__13_ input[type="checkbox"]:checked + span:before{
    border: #229ae1 solid 1px;
    top: -6px;
    left: -6px;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__1_ span {
    background: #000;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__2_ span {
    background: #999;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__3_ span {
    background: #960;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__4_ span {
    background: #060;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__5_ span {
    background: #039;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__6_ span {
    background: #639;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__7_ span {
    background: #fc0;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__8_ span {
    background: #f6b1d8;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__9_ span {
    background: #c00;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__10_ span {
    background: #f60;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__11_ span {
    background: url(../../../img/private/pc/common/color_silver.png) 50% 50%;
    background-size: 100%;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__12_ span {
    background: url(../../../img/private/pc/common/color_gold.png) 50% 50%;
    background-size: 100%;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__13_ span {
    width: 20px;
    height: 20px;
    background: #FFF;
    border: #ccc solid 1px;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__99_ span {
    background: url(../../../img/private/pc/common/color_other.png) 50% 50%;
    background-size: 100%;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__1_ input[type="checkbox"]:checked + span {
    background: #000;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__2_ input[type="checkbox"]:checked + span {
    background: #999;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__3_ input[type="checkbox"]:checked + span {
    background: #960;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__4_ input[type="checkbox"]:checked + span {
    background: #060;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__5_ input[type="checkbox"]:checked + span {
    background: #039;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__6_ input[type="checkbox"]:checked + span {
    background: #639;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__7_ input[type="checkbox"]:checked + span {
    background: #fc0;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__8_ input[type="checkbox"]:checked + span {
    background: #f6b1d8;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__9_ input[type="checkbox"]:checked + span {
    background: #c00;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__10_ input[type="checkbox"]:checked + span {
    background: #f60;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__11_ input[type="checkbox"]:checked + span {
    background: url(../../../img/private/pc/common/color_silver.png) 50% 50%;
    background-size: 100%;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__12_ input[type="checkbox"]:checked + span {
    background: url(../../../img/private/pc/common/color_gold.png) 50% 50%;
    background-size: 100%;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__13_ input[type="checkbox"]:checked + span {
    width: 20px;
    height: 20px;
    background: #FFF;
    border: #ccc solid 1px;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ li.item__color__99_ input[type="checkbox"]:checked + span {
    background: url(../../../img/private/pc/common/color_other.png) 50% 50%;
    background-size: 100%;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ label {
    display: block;
    width: 28px;
    height: 28px;
    padding: 6px;
    border-radius: 100%;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ input {
    margin: 0;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ input[type="checkbox"]:checked + span:before {
    width: 28px;
    height: 28px;
    top: -6px;
    left: -6px;
    border-radius: 100%;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerColor_ span {
    border-radius: 100%;
    display: block;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerPrice_ li {
    display: block;
    float: left;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerPrice_ label {
    padding: .5em;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerPrice_ input {
    margin: 0;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerPrice_ span {
    display: block;
    font-size: 16px;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerOther_ {
    overflow: hidden;
    background: #fff;
    margin: 0;
    padding: 0 0 0 70px;
    border-bottom: #c9e6f8 solid 1px;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerOther_ h4 {
    margin: 0;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerOther_ h4 a {
    display: block;
    position: relative;
    padding: .5em 0;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerOther_ h4 a:after {
content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 10px;
    right: 1em;
    background: url(../../../img/private/pc/common/icon_plus.png) 50% 50% no-repeat;
    background-size: 80% 80%;
    -webkit-transition: .25s ease;
    -moz-transition: .25s ease;
    transition: .25s ease;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerOther_ h4 a.on:after {
    top: 20px;
    background: url(../../../img/private/pc/common/icon_minus.png) 50% 50% no-repeat;
    background-size: 80% 80%;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerOther_ ul {
    font-size: 0;
    text-align: left;
    margin: 20px 0;
    overflow: hidden;
    width: auto;
    display: none;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerOther_ li {
    width: auto;
    display: block;
    position: relative;
    font-size: 14px;
    text-align: center;
    margin: 0 20px 10px 0;
    float: left;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerOther_ input {
    margin: 0;
}

.refineSearch__overlayerInner_ .refineSearch__overlayerOther_ span {
    display: block;
}

.refineSearch__overlayerTotal_ {
    width: 159px;
    height: 100%;
    position: fixed;
    top: 60px;
    right: -159px;
    background: #f9f9f9;
    border-top: #c9e6f8 solid 1px;
    border-left: #c9e6f8 solid 1px;
    opacity: 0;
}

.refineSearch__overlayerTotalInner_ {
    margin: 10px;
    overflow: hidden;
}

.refineSearch__overlayerTotalSubmit_ {
    width: 140px;
    height: 570px;
    background: #229ae1;
    padding: 1em 0;
    color: #fff;
    text-align: center;
    border-radius: 0;
    border:  0;
    font-size: 20px;
    margin: 0 0 10px;
}

.refineSearch__overlayerTotalClear_ {
    width: 139px;
    height: 90px;
    background: #fff;
    padding: 1em 0;
    color: #229ae1;
    text-align: center;
    float: right;
    border: #d9e4ea solid 1px;
    border-radius: 0;
    font-size: 16px;
}

.refineSearch__overlayerInner_ {
    margin: 0 160px 0 0;
}

.refineSearch__overlayerInner_ input {
    display: inline;
    border: 0;
}

.refineSearch__overlayerInner_ input[type="checkbox"] {
    display: none;
}

.refineSearch__overlayerInner_ input[type="checkbox"] + span {
    position: relative;
    display: block;
    padding: .25em .5em;
    border:  #229ae1 solid 1px;
    color: #229ae1;
}

.refineSearch__overlayerInner_ input[type="checkbox"]:checked + span:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.refineSearch__overlayerInner_ input[type="checkbox"]:checked + span {
    position: relative;
    color: #fff;
    background: #229ae1;
}

.refineSearch__overlayerInner_ label {
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: .25em .5em;
    margin: 0;
    line-height: 1.6;
}

.refineSearch__overlayerInner_ input[type="checkbox"]:checked::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: #229ae1 solid 1px;
}

.refineSearch__ratio_{
    background-color: #e20c0c;
    color: #fff;
    display:inline-block;
    font-size:12px;
    font-weight: normal;
    line-height:1;    
    padding:2px 5px;
    position:absolute;
    left:0; top:0;
}

/* ---------------------------------------------------------------
signup
--------------------------------------------------------------- */
#signup {
    width: 700px;
    margin: 0 auto;
}

.signup_ .form__boxInner_ {
    margin-bottom: 30px;
}

.signup_ .form__boxFamilyinfoBox_ p {
    margin-right: 3px;
    float: left;
    line-height: 1;
}

.signup_ small {
    font-size: 14px;
}

.form__boxFamilyinfoBox_ .form__conFamilyinfoChyuui {
    clear: both;
    color: #229ae1;
    font-size: 12px;
    margin-top: 14px;
    padding-left: 103px;
}

#signup .form__radioInput_ {
    box-shadow: none;
}

#signup input[type="radio"]:checked:before {
    background: none;
}

.page__signup_ table.formdetail_ label[for="mailnews_0"],
.page__signup_ table.formdetail_ label[for="mailnews_1"] {
    margin-left: 0;
}

/* ---------------------------------------------------------------
footer
--------------------------------------------------------------- */
.gfooter_ {
    position: relative;
}

.footer__inner_ {
    position: relative;
}

.footer__nav_ {
    background: #dfe9ee;
    padding: 60px 100px 130px;
    overflow: hidden;
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
}

.footer__navBox_ {
    margin: 0 2%;/*margin: 0 4.5%;*/
}

.footer__navBox_ h4 {
    font-size: 16px;
    color: #454545;
    margin: 0 0 2em;
    line-height: 1;
    font-weight: bold;
}

.footer__navBox_ a {
    font-size: 14px;
    color: #454545;
}

.footer__navBox_ ul {
    float: left;
}

.footer__navBox_ ul + ul {
    margin: 0 0 0 60px;
}

.footer__navBox_ li {
    margin: 0 0 15px;
    line-height: 1;
}

.footer__navSns_ {
    position: absolute;
    bottom: 50px;
    right: 50%;
    margin-right: -125px;
}

.footer__navSns_ li {
    width: 50px;
    height: 50px;
    overflow: hidden;
    float: left;
    margin: 0 17px 0 0;
}

.footer__navSns_ li:last-child {
    margin: 0;
}

.footer__navSns_ a {
    width: 50px;
    height: 50px;
    position: relative;
    display: block;
    background: #fff;
    border-radius: 100%;
}

.footer__navSns_ a:hover {
    opacity: 1;
}

.footer__navSns_ img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.footer__copyright_ {
    text-align: center;
    overflow: hidden;
    padding: 50px 0 70px;
}

.footer__copyright_ small {
    display: block;
    margin: 30px 0 0;
    font-size: 12px;
}


/* ---------------------------------------------------------------
swiper
--------------------------------------------------------------- */
.swiper-slide {
    text-align: center; padding-bottom: 60px;
}
.itemDetail__view_ .swiper-slide {padding-bottom: 0px;}

.swiper-slide .swiper-slideInner {
    max-width: 1000px;
    margin: 0 auto;
    padding: 100px;
}

.swiper-slide h4 {
    font-size: 20px;
}

.swiper-slide p {
    font-size: 20px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  margin-bottom: 60px;
}

/*
******************************************************************
個別ページ
******************************************************************
*/

/* ---------------------------------------------------------------
度数情報 新規登録
--------------------------------------------------------------- */
.page__dioptreRegistrationNew_ .lead__name_ {
    padding: 25px 0;
    border-bottom: 1px solid #ebebeb;
}

.page__dioptreRegistrationNew_ .formLayout__radioBox_ .smallComplementTxtR_ {
    float: right;
    padding: 5px 0;
}

.page__dioptreRegistrationNew_ .radio__label_:not(:last-of-type) {
    margin-right: 50px;
}

.page__dioptreRegistrationNew_ .radio__label_ {
    margin-bottom: 0;
}

.page__dioptreRegistrationNew_ .grayArea_ {
    padding: 20px 20px 10px;
    text-align: center;
    margin-bottom: 30px;
}

.page__dioptreRegistrationNew_ .errorTxt_ {
    font-size: 14px;
    font-weight: bold;
    color: #e20c0c;
    margin-top: 30px;
}

.page__dioptreRegistrationNew_ .errorBox_ {
    font-size: 14px;
    margin-top: 10px;
    padding: 10px 20px;
    border: solid 1px #ff1900;
}

/* ---------------------------------------------------------------
度数情報 変更・削除
--------------------------------------------------------------- */
.page__dioptreRegistrationChange_ .lead__name_ {
    padding: 25px 0;
    border-bottom: 1px solid #ebebeb;
}

.page__dioptreRegistrationChange_ .formLayout__radioBox_ .smallComplementTxtR_ {
    float: right;
    padding: 5px 0;
}

.page__dioptreRegistrationChange_ .radio__label_:not(:last-of-type) {
    margin-right: 50px;
}

.page__dioptreRegistrationChange_ .radio__label_ {
    margin-bottom: 0;
}

.page__dioptreRegistrationChange_ .grayArea_,
.page__dioptreRegistrationNew_ .grayArea_ {
    padding: 20px 20px 10px;
    text-align: center;
    margin-bottom: 30px;
}

.page__dioptreRegistrationChange_ .errorTxt_ {
    font-size: 14px;
    font-weight: bold;
    color: #e20c0c;
    margin-top: 30px;
}

.page__dioptreRegistrationChange_ .errorBox_ {
    font-size: 14px;
    margin-top: 10px;
    padding: 10px 20px;
    border: solid 1px #ff1900;
}

/* ---------------------------------------------------------------
search
--------------------------------------------------------------- */
.search_ .container__inner_ {
    width: inherit;
}

/* ---------------------------------------------------------------
会員規約
--------------------------------------------------------------- */
.page__membership_ .pageTitle_ {
    margin-bottom: 20px;
}

.page__membership_ .grayArea_ {
    margin-top: 20px;
    margin-bottom: 30px;
    height: 30vh;
    background: #f7f7f7;
}

.page__membership_ .scroll__content_ {
    padding: 30px 0 30px 30px;
}

.page__membership_ h3,
.page__membership_ p {
    line-height: 1.9;
}

.page__membership_ h3 {
    font-size: 16px;
}

.page__membership_ .h3Box_:not(:last-of-type) {
    margin-bottom: 40px;
}

/* ---------------------------------------------------------------
商品利用許諾
--------------------------------------------------------------- */

.page__consent_ .pageTitle_ {
    margin-bottom: 30px;
}

.page__consent_ .grayArea_ {
    margin-top: 20px;
    margin-bottom: 30px;
    height: 645px;
    background: #f7f7f7;
}

.page__consent_ .scroll__content_ {
    padding: 30px 0 30px 30px;
}

.page__consent_ h3,
.page__consent_ p {
    line-height: 1.9;
}

.page__consent_ h3 {
    font-size: 16px;
}

.page__consent_ .h3Box_:not(:last-of-type) {
    margin-bottom: 40px;
}

/* ---------------------------------------------------------------
実店舗詳細
--------------------------------------------------------------- */

.page__shop_ .shop__icon_ {
    padding: 20px 0;
}

p.status__comment_ {
    margin-bottom: 15px;
}

.page__shop_ .shop__icon_ span {
    margin-left: 10px;
}

.page__shop_ .pageTitle_ {
    padding: 20px 0 10px;
    border: 0;
}

.page__shop_ .shopView_ {
    margin: 80px auto;
    text-align: center;
    overflow: hidden;
    display: none;/* temporary hide */
}
.page__shop_ .shopView_ img {
    float: left;
    max-width: 335px;
}
.page__shop_ .shopView_ img:last-child {
    float: right;
}

.page__shop_ .googleMap_ {
    margin-bottom: 80px;/*margin-bottom: 50px;*/
}

.page__shop_ #googleMap__area_ {
    margin-top: 20px;
    margin-bottom: 30px;
    height: 400px;
}

.page__shop_ .h3Box_:not(:last-of-type) {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.page__shop_ .h3__title_ {
    font-size: 16px;
    margin-bottom: 0;
    margin-right: 10px;
}

.page__shop_ .shopDetail_ .h3__title_,
.page__shop_ .shopDetail_ .h3Box_ p {
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: middle;
}

.page__shop_ .h3Box_ .aLinkTxt_ {
    text-decoration: underline;
    color: #000;
}

.page__shop_ .shopDetail_ .h3__title_.shopNews_ {
    text-align: center;
    margin-bottom: 30px;
}

.page__shop_ .shopDetail_ .shopNews__box_ h3,
.page__shop_ .shopDetail_ .shopNews__box_ p {
    display: block;
}

.page__shop_ .shopDetail_ .shopNews__box_ p {
    margin-bottom: 0; line-height: 200%;
}

.page__shop_ .shop__brand_ a {
    color: #000;
    text-decoration: underline;
}

.page__shop_ .shopDetail_ .storeBnr {
    display: none !important;
}

/* ---------------------------------------------------------------
度数情報
--------------------------------------------------------------- */
.page__dioptreInfo_ .hrBlock_:not(:last-of-type) {
    margin-bottom: 50px;
}

.page__dioptreInfo_ .btn_line1_ {
    width: 270px;
    margin: 0 auto;
}

.page__dioptreInfo_ .lead__nameBox_ {
    margin-bottom: 20px;
}

.page__dioptreInfo_ .lead__name_ {
    float: left;
    padding: 13px 0;
}

.page__dioptreInfo_ .formSelectWrap_ {
    width: auto;
    float: right;
}

.page__dioptreInfo_ .lead__name_ + .formSelectWrap_ {
    color: #229ae1;
}

/* dioptreRegistered_ */
.page__dioptreInfo_ .dioptreRegisteredbox_ {
    overflow: hidden;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
}

.page__dioptreInfo_ .dioptreRegistered__data_ {
    display: block;
    width: 360px;
    padding-right: 20px;
    vertical-align: middle;
    float: left;
}

.page__dioptreInfo_ .dioptreRegisteredbox_ .btnBox_ {
    width: 320px;
    display: block;
    overflow: hidden;
    vertical-align: middle;
    float: left;
}

.page__dioptreInfo_ .dioptreRegisteredbox_ .btnBox_ button {
    float: left;
    width: 150px;
    margin-right: 20px;
}

.page__dioptreInfo_ .dioptreRegisteredbox_ .btnBox_ button + button {
    margin-right: 0;
}


.page__dioptreInfo_ .dioptreRegistered__data_ dl {
    overflow: hidden;
}

.page__dioptreInfo_ .dioptreRegistered__data_ dt,
.page__dioptreInfo_ .dioptreRegistered__data_ dd {
    float: left;
}

.page__dioptreInfo_ .dioptreRegisteredbox_ + .dioptreRegisteredbox_ {
    margin-top: 20px;
}

.page__dioptreInfo_ .dioptreEcRegistered__data_ {
    margin-bottom: 15px;
}

.page__dioptreInfo_ .dioptreEcRegistered__data_ dl {
    overflow: hidden;
}

.page__dioptreInfo_ .dioptreEcRegistered__data_ dt {
    float: left;
    width: 65px;
}

.page__dioptreInfo_ .dioptreEcRegistered__data_ dd {
    float: left;
    width: 80%;
    width: -webkit-calc(100% - 65px);
    width: calc(100% - 65px);
}

.page__dioptreInfo_ .product__contentAndBtnBox_ {
    overflow: hidden;
    display: table;
}

.page__dioptreInfo_ .product__sideLayout_ {
    width: 530px;
    padding-right: 20px;
    display: table-cell;
}

.page__dioptreInfo_ .dioptreEcRegistered_box_ .btn_line1_ {
    width: 150px;
    display: table-cell;
    vertical-align: bottom;
}

.page__dioptreInfo_ .dioptreEcRegistered_box_ .container__inner_ {
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
}

.page__dioptreInfo_ .dioptreEcRegistered_box_ + .dioptreEcRegistered_box_ {
    margin-top: 20px;
}

.page__dioptreInfo_ .dioptreInfo_back_ {
    background: #fff;
    position: relative;
    margin-top: 10px;
    z-index: 1;
    padding-top: 20px;
}

.page__dioptreInfo_ .dioptreEcRegistered_box_ .container__inner_:last-child {
    border-bottom: none;
}

.dioptreEcRegistered_box_ .dioptreEcRegistered_btnArea_ {
    overflow: hidden;
}

.dioptreEcRegistered_box_ .dioptreEcRegistered_btnArea_ a {
    width: 335px;
    height: 50px;
    text-align: center;
    padding: 15px 7px;
    font-size: 16px;
    background-color: #229ae1;
    color: #fff;
    border: none;
    font-weight: normal;
}

/* ---------------------------------------------------------------
会員登録完了
--------------------------------------------------------------- */
.page__entrycomplete_ .col1_ {
    min-height: inherit;
}

.page__entrycomplete_ .leadTxt_ {
    padding-top: 25px;
    margin-bottom: 40px;
}

/* ---------------------------------------------------------------
処方値
--------------------------------------------------------------- */
.input__prescriptionLevelInner_ {
    background: url(../../../img/private/pc/lenschoice/prescription_line.png) 426px 0 no-repeat;
}

.input__prescriptionLevel_ .leftRight__txt_ {
    width: 545px;
    margin-left: 155px;
    margin-bottom: 20px;
    color: #229ae1;
}

.input__prescriptionLevel_ .leftRight__txt_:last-child {
    margin-bottom: 0;
    margin-top: 20px;
}

.input__prescriptionLevel_ .form__box_ {
    border: 0;
    padding: 0;
}


.input__prescriptionLevel_ .form__box_ {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.input__prescriptionLevel_ .form__box_:not(:last-of-type) {
    margin-bottom: 20px;
}

.input__prescriptionLevel_ .form__box_ dt {
    width: 140px;
    flex: 1;
}

.input__prescriptionLevel_ .form__box_ dd {
    width: 545px;
}

.input__prescriptionLevel_ .form__box_.old__registration_.on {
    display: flex;
}

.input__prescriptionLevel_ .form__box_ .have__complementLink_ {
    margin-bottom: 10px;
    margin-left: 155px;
    margin-top: 0;
}

.input__prescriptionLevel_ .form__box_.old__registration_.on {
    display: flex;
}

.input__prescriptionLevel_ .form__box_ .formTitle_ {
    border: 0;
    padding-bottom: 0;
    color: #229ae1;
}

.input__prescriptionLevel_ .form__box_ .layout__flex__odd_ > div:nth-of-type(1) {
    width: 34.5%;
}

.input__prescriptionLevel_ .form__box_ .layout__flex__odd_ > div:nth-of-type(2) {
    width: 60.5%;
    margin-left: 5%;
}
.input__prescriptionLevel_ .formRequired_ {
    margin-left: 0;
    vertical-align: baseline;
}

.input__prescriptionLevel_ .formNoRequired_ {
    margin-left: 0;
    vertical-align: baseline;
}

.input__prescriptionLevel_ .popup__btnTxt_ {
    margin-left: 5px;
    top: 0.1em;
}

.input__prescriptionLevel_ .formTitle_ {
    color: #000;
}

#error_outOfStock {
    display: none;
}

.input__prescriptionLevel_ .errorTxt_ {
    font-size: 14px;
    font-weight: bold;
    color: #e20c0c;
    margin-top: 30px;
}

.input__prescriptionLevel_ .errorBox_ {
    font-size: 14px;
    margin-top: 10px;
    padding: 10px 20px;
    border: solid 1px #ff1900;
}

.input__prescriptionLevel_ .accordion__area_ {
    border: 1px solid #2299e1;
    box-sizing: border-box;
    margin: 25px auto;
}

.input__prescriptionLevel_ .accordion__title_ {
    text-align: center;
}

.input__prescriptionLevel_ .accordion__area_ ul {
    padding: 15px 30px 30px 30px;
}

.input__prescriptionLevel_ .form__inputBox_{
    width: 100%;
}

.data__prescriptionLevel_ table {
    width: 100%;
}

.data__prescriptionLevel_ table th,
.data__prescriptionLevel_ table td {
    width: 33%;
    padding: 15px;
    text-align: center;
    border: solid 1px #ebebeb;
}

/* ---------------------------------------------------------------
レンズ選択
--------------------------------------------------------------- */

.page__lenschoice_ {
    padding-bottom: 115px;
}

.page__lenschoice_ .shopBagView_ .h3box {
    display: table;
    width: 100%;
    margin-bottom: 30px;
}

.page__lenschoice_ .shopBagView_ .h3box h3 {
    display: table-cell;
    padding-right: 5px;
}

.page__lenschoice_ .shopBagView_ .h3box p {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}

.page__lenschoice_ .shopBagView_ .h3box a {
    color: #229ae1;
    text-decoration: underline;
}

.page__lenschoice_ .form__box_ select {
    padding-left: 15px;
    background: #fff;
}

.page__lenschoice_ .lensSale_ {
    position: relative;
}
.page__lenschoice_ .lensSale_:before {
    content: 'キャンペーン価格';
    position: absolute;
    top: 13px;
    right: 3%;
    font-size: 12px;
    font-weight: bold;
    color:#e20c0c;
}

.formLayout__line3_ .radio__label_ {
    height: 50px;
}

.page__lenschoice_ .choice__glassType_ {
    position: relative;
}

.page__lenschoice_ .choice__glassType_ .about__exchangeLens_ {
    top: 0;
    right: 0;
    padding-right: 30px;
    color: #229ae1;
    margin-left: 10px;
    vertical-align: top;
    display: inline;
}

.page__lenschoice_ .choice__glassType_ .about__exchangeLens_ .popup__btn_ {
    position: relative;
    right: 0;
    top: 0;
    left: 0.3em;
    margin: auto;
    vertical-align: top;
}

.page__lenschoice_ .choice__glassType_ input{
    display: none;
}

.new__registration_ .formLayout__radioBox_ input{
    display: none;
}

.page__lenschoice_ .registration__info_ .separate__grayBorder_ {
    padding-bottom: 0;
}

.page__lenschoice_ .registration__info_ .product__sideLayout_ {
    margin-bottom: 20px;
}

.page__lenschoice_ .thickness_image {
    margin-bottom: 20px;
    border: 1px solid #ebebeb;
}

.page__lenschoice_ .service__sideLayout__view_ {
    width: 90px;
    height: 90px;
}

.page__lenschoice_ .service__sideLayout__txt_ {
    width: 590px;
}

.page__lenschoice_ .choice__color_ .service__sideLayout__view_,
.page__lenschoice_ .choice__color_ .service__sideLayout__txt_ {
    display: block;
}

.page__lenschoice_ .choice__color_ {
    overflow: hidden;
    margin-bottom: 40px;
    display: none;
}

.page__lenschoice_ .choice__color_.js__open_ {
    display: block;
}

.page__lenschoice_ .choice__color_ .container__inner_ {
    padding-top: 40px;
    border-top: 1px solid #ebebeb;
}

.page__lenschoice_ .choice__color_ .service__sideLayout_ {
    width: 290px;
    margin: 0 auto;
}

.page__lenschoice_ .choice__color_ .service__sideLayout__view_ {
    float: left;
    margin-right: 0;
}

.page__lenschoice_ .choice__color_ .service__sideLayout__txt_ {
    float: right;
    width: 180px;
    padding: 8px 0 7px;
}

.page__lenschoice_ .choice__color_ dd+dd {
    margin-top: 0;
}

.page__lenschoice_ .choice__color_ img {
    border: 0;
}

.page__lenschoice_ .choice__case_ {
    margin-bottom: 30px;
}

.page__lenschoice_ .sml__txt__break_ {
    font-size: 12px;
    display: block;
}

.page__lenschoice_ .choice__prescriptionLevel_ .radio__block_ {
    margin-bottom: 30px;
}

.page__lenschoice_ .old__registration_,
.page__lenschoice_ .online__registration_,
.page__lenschoice_ .new__registration_ {
    display: none;
}

.page__lenschoice_ .old__registration_.on,
.page__lenschoice_ .online__registration_.on,
.page__lenschoice_ .new__registration_.on {
    display: block;
}

.page__lenschoice_ .online__registration_ .layout__flex__odd_ > div:nth-of-type(1) {
    width: 30%;
}

.page__lenschoice_ .online__registration_ .layout__flex__odd_ > div:nth-of-type(2) {
    width: 68%;
    margin-left: 2%;
}

.page__lenschoice_ .new__registration_ .formLayout__radioBox_ {
    overflow: hidden;
}

.page__lenschoice_ .new__registration_ .formLayout__radioBox_ .radio__label_ {
    margin-bottom: 0;
}

.page__lenschoice_ .new__registration_ .formLayout__radioBox_ .radio__label_:not(:last-of-type) {
    margin-right: 50px;
}

.page__lenschoice_ .new__registration_ .formLayout__radioBox_ .smallComplementTxtR_ {
    float: right;
    padding: 3px 0;
}

.page__lenschoice_ .h4__title_ {
    font-size: 16px;
}

.page__lenschoice_ .input__how_ {
    margin-bottom: 30px;
}

.page__lenschoice_ .input__how_ dt {
    text-align: center;
}

.page__lenschoice_ .input__how_ img {
    display: block;
    margin: 0 auto;
}

.page__lenschoice_ .choice__color__box_ {
    display: none;
}

.page__lenschoice_ .choice__color__box_.on {
    display: block;
}

.page__lenschoice_ .choice__option_ .h4__title_ {
    margin-top: 30px;
}

.page__lenschoice_ .choice__option_ #lens_color:before {
    content:"以下よりレンズの色を選択してください";
    margin-bottom:0px;
    display:inline-block;
    font-size:14px;
}

.page__lenschoice_ .radio__overall_ label.on{ border: 3px solid #2299e1;}

.page__lenschoice_ .choice__option_ .layout__flex__line_ .radio__overall_,
.page__lenschoice_ .choice__lensType_ .layout__flex__line_ .radio__overall_ {
    position: relative;
    margin-top: 10px;
}

.page__lenschoice_ .choice__option_ .choice__option__type_ .popup__btn_,
.page__lenschoice_ .choice__lensType_ .popup__btn_ {
    position: absolute;
    right: 16px;
    top: 50%;
    z-index:1;
    transform: translateY(-50%);
}

.page__lenschoice_ .choice__option_ .choice__option__type_ .popup__btn_ a ,
.page__lenschoice_ .choice__lensType_ .popup__btn_ a {
    text-align: center;
    color: #fff;
    position: relative;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
}

.page__lenschoice_ .choice__option_ .layout__flex__line_ .radio__overall__inner_,
.page__lenschoice_ .choice__lensType_ .layout__flex__line_ .radio__overall__inner_ {
    width: 700px;
    height: 80px;
    align-items: center;
    padding: 10px 5px 10px 15px;
}

.page__lenschoice_ .choice__option_ .layout__flex__line_ .radio__overall__inner_ > div,
.page__lenschoice_ .choice__lensType_ .layout__flex__line_ .radio__overall__inner_ > div {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.page__lenschoice_ .choice__option_ .layout__flex__line_ .radio__overall_ img,
.page__lenschoice_ .choice__lensType_ .layout__flex__line_ .radio__overall_ img {
    margin-right: 10px;
}

.page__lenschoice_ .choice__option_ .layout__flex__line_ .radio__overall__inner_ p,
.page__lenschoice_ .choice__lensType_ .layout__flex__line_ .radio__overall__inner_ p {
    line-height: 1.2;
}

.page__lenschoice_ .layout__flex__line_ .radio__overall__inner_ .smallComplementTxt_ {
    line-height: 16px;
    margin-left: 10px;
}

.page__lenschoice_ .layout__flex__line_ .radio__overall__inner_ .lens__rate__price_.smallComplementTxt_{
    line-height: 16px;
    margin-left:0;
    font-weight: bold;
    display: inline-block;
}

.page__lenschoice_ .layout__flex__line_ .radio__overall__inner_ .lens__rate_{
    margin-top: 10px;
}

.page__lenschoice_ .choice__lensType_ .lens__rate__choice_ {
    overflow: hidden;
}

/*2019.06 ECB修正*/
.both_aspheric {
    position:relative;
}

.page__lenschoice_ .choice__lensType_ .lens__rate__choice_ .both_aspheric:before {
    display: block;
    width:65px;
    height: 46px;
    background: #fff;
    position: absolute;
    top:-10px;
    left:70px;
    content: '';
    z-index: 50;
    background: no-repeat url(../../../img/private/pc/lenschoice/new.png) ;
}
/*2019.06 ECB修正*/

.page__lenschoice_ .choice__lensType_ .lens__rate__choice_ .radio__overall_ {
    float: left;
    margin-right: 8px;
/*2019.06 ECB修正*/
    width: 129px;
    height: 115px;
/*2019.06 ECB修正*/
    background: #FFF;
}

.page__lenschoice_ .choice__lensType_ .lens__rate__choice_ .radio__overall__inner_ {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    padding: 8px;
}

.page__lenschoice_ .choice__lensType_ .lens__rate__choice_ img {
    margin-bottom: 5px;
}

.page__lenschoice_ .choice__lensType_ .lens__rate__choice_ span {
    display: block;
}

.page__lenschoice_ .choice__lensType_ .lens__rate__choice_ span.itemPrice_tax_ {
    display: inline-block;
}

/*2019.06 ECB修正*/
.page__lenschoice_ .choice__lensType_ .lens__rate__choice_ span.lensdesign_ {
    font-size: .8em;
    color: #2299e1;
    font-weight: bold;
    margin-top: 3px;
}
/*2019.06 ECB修正*/

.page__lenschoice_ .choice__option__color_ .h5__title_ {
    color: #000;
}

.page__lenschoice_ .choice__option__color_ .grayArea_ {
    padding: 20px 10px 0 10px;
}

.page__lenschoice_ .choice__option__color_ .grayArea_:not(:last-of-type) {
    margin-bottom: 5px;
}

.page__lenschoice_ .formLayout__line3_ input{
    display: none;
}

.page__lenschoice_ .formLayout__line3_.lightctrl_ input{
    display: inline-block;
}

.page__lenschoice_ .formLayout__line3_ .radio__label_ {
    height: inherit;
    display: block;
    align-items: center;
    width: 105px;
    height: 105px;
    margin-right: 10px;
    margin-bottom: 40px;
    padding-left: 0;
}

.page__lenschoice_ .formLayout__line3_ .radio__label_:nth-of-type(3n) {
    margin-right: 0;
}

.page__lenschoice_ .formLayout__line3_ label.radio__label_ input:checked ~ .radio__parts_:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page__lenschoice_ .radio__label_ input {
    display: none;
}

.page__lenschoice_ .radio__label_ {
    padding-left: 30px;
    position: relative;
}

.page__lenschoice_ .radio__label_ .tag__popularity_ {
    position: absolute;
    top: 7px;
    left: 7px;
}

.page__lenschoice_ .radio__parts_ {
    display: inline-block;
    font-size: 16px;
}

.page__lenschoice_ .purpose__discription_ {
    display: block;
    font-size: 13px;
    padding-left:30px;
    margin-top: 6px;
    margin-bottom: 10px;
}

.page__lenschoice_ .lens__discription_ ,
.page__lenschoice_ .option__discription_ {
    display: block;
    font-size: 12px;
    color: #2299e1;
    padding-top: 5px;
}

.page__lenschoice_ .radio__minText_ {
    font-size: 12px;
    padding-left:20px;
}

.page__lenschoice_ .radio__label_ input:checked ~ .radio__parts_:before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #229ae1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.page__lenschoice_ .radio__label_ input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.page__lenschoice_ .radio__label_ {
    margin-right: 0;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 10px;
}

.page__lenschoice_ .radio__label_ .icon_moreview img {
    width: 20px;
    vertical-align: sub;
}

.page__lenschoice_ .radio__label_ .popup__btn_.icon_moreview {
    width: 103px;
    height: inherit;
    position: relative;
    font-size: 14px;
    text-align: center;
    margin-left: 0;
    display: block;
}

.page__lenschoice_ .radio__label_ .icon_moreview {
    display: block;
}

.page__lenschoice_ .radio__label_ .icon_moreview a {
    display: inline-block;
    margin-left: 5px;
    position: absolute;
    top: -22px;
    right: 5px;
}

.page__lenschoice_ .formLayout__line3_ .radio__label_lightctrl_ {
    height: inherit;
    display: block;
    align-items: center;
    width: 300px;
    height: 155px;
    margin-right: 5px;
    margin-bottom: 40px;
    padding-left: 25px;
  
    /*--★★--*/
    background:#FFF;
    border:solid 1px #CCC;
    padding-left:0;
    margin-left:25px;
    height: auto;
    padding-top: 5px;
    padding-bottom: 20px;
    box-sizing:border-box;
    margin-top: 5px;
    margin-bottom: 25px;
    /*--★★--*/
}

.page__lenschoice_ .formLayout__line3_ .radio__label_lightctrl_:nth-of-type(3n) {
    margin-right: 0;
}

.page__lenschoice_ .formLayout__line3_ label.radio__label_lightctrl_ input:checked ~ .radio__parts_:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page__lenschoice_ .radio__label_lightctrl_ input {
    display: none;
}

.page__lenschoice_ .radio__label_lightctrl_ {
    padding-left: 30px;
    position: relative;
}

.page__lenschoice_ .radio__label_lightctrl_ .tag__popularity_ {
    position: absolute;
    width: 40px;
    margin-left: 5px;
    margin-top: 3px;
}
.page__lenschoice_ .radio__label_lightctrl_ input:checked ~ .radio__parts_:before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #229ae1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.page__lenschoice_ .radio__label_lightctrl_ input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    /*----★★----*/
    border:2px solid #e0e0e0;
    margin: 5px 2px 7px 20px;
    /*----★★----*/
}

.page__lenschoice_ .radio__label_lightctrl_ {
    margin-right: 0;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 10px;
}

.page__lenschoice_ .radio__label_lightctrl_ .color_name_ {
    width: 103px;
    position: relative;
    font-size: 14px;
    text-align: center;
    margin-left: 0;
}

.page__lenschoice_ .colorChip_lightctrl_ {
    width: 270px;
    height: auto;
    display: block;
    margin-top: 5px;
    margin-left: 25px;
    pointer-events:none;
}

p.lightctrlcolorinfo__text_ {
    font-size: 12px;
    margin-left: 0px;
    margin-bottom: 15px;
    margin-top: 5px;
}

p.lens_info_text_ {
    color: #e20c0c;
    margin: 5px 0 5px 0;
    font-size: 12px;
    padding-left: 1em;
    text-indent: -1em;
}

.page__lenschoice_ .formLayout__line3_ .radio__label_polarizing_ {
    height: inherit;
    display: block;
    align-items: center;
    width: 105px;
    height: 105px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 40px;
    padding-left: 0;
}

.page__lenschoice_ .colorChip_ {
    width: 34px;
    height: 34px;
    display: block;
    margin: 20px auto 0;
    pointer-events:none;
}

.page__lenschoice_ .total__price__area_ .subTotal_.grayArea_ {
    padding: 10px 20px;
}

.page__lenschoice_ .total__price__area_ .subTotal_.grayArea_:not(:last-of-type) {
    margin-bottom: 10px;
}

.page__lenschoice_ .total__price__area_ .subTotal_.grayArea_ dt span {
    font-size: 14px;
    display: block;
}

.page__lenschoice_ .total__price__area_ .subTotal_.grayArea_ dt span.itemPrice_tax_ {
    display: inline-block;
    font-size: .6em;
}

.page__lenschoice_ .otherChoiceForm__actionArea_ .separate__grayBorder_ {
    padding: 10px 0 40px;
    border-bottom: none;
}

.page__lenschoice_ .rlensChoiceForm__actionArea_ .btn__line3_ {
    overflow: hidden;
}

.lensChoiceForm__actionArea_ input{
    display: none;
}

.page__lenschoice_ .rlensChoiceForm__actionArea_ .form__choiceBottomBtnArea_ {
    display: none;
    text-align: center;
}

.page__lenschoice_ .rlensChoiceForm__actionArea_ .form__choiceBottomBtnArea_.on {
    display: inline-block;
}

.page__lenschoice_ .rlensChoiceForm__actionArea_ .btn__line2_ {
    text-align: center;
}

.page__lenschoice_ .rlensChoiceForm__actionArea_ button[name="cancel"] {
    float: none;
    display: inline-block;
    line-height: 1.5;
    padding: 3px;
    font-size: 13px;
}

.page__lenschoice_ .rlensChoiceForm__actionArea_.on button[name="cancel"] {
    float: left;
    display: inline-block;
    line-height: 1.5;
    padding: 3px;
    font-size: 13px;
}

.page__lenschoice_ .rlensChoiceForm__actionArea_ .form__choiceBottomBtn_ {
    display: inline-block;
    text-align: center;
}

.page__lenschoice_ .rlensChoiceForm__actionArea_ .form__choiceBottomBtn_ button {
    width: 335px;
    line-height: 1.3;
    opacity: .3;
    pointer-events: none;
}

.page__lenschoice_ .rlensChoiceForm__actionArea_ .form__choiceBottomBtn_ button.on {
    width: 335px;
    line-height: 1.3;
    opacity: 1;
    pointer-events: all;
}

.page__lenschoice_ .rlensChoiceForm__actionArea_ .form__choiceBottomBtnArea_ .form__btnText_ {
    font-size: 12px;
    margin-top: 15px;
    text-align: center;
}

.page__lenschoice_ .choice__prescriptionLevel_ .grayArea_ {
    text-align: center;
    margin-bottom: 30px;
}
.page__lenschoice_ .total__price__area_ {
    margin-bottom: 30px;
}

.page__lenschoice_ .procedure__area02_,
.page__lenschoice_ .procedure__area03_,
.page__lenschoice_ .procedure__area04_,
.page__lenschoice_ .procedure__area05_
 {
    display: none;
}

.page__lenschoice_ .procedure__area03Left_ {
    width: 700px;
}

.page__lenschoice_ .procedure__area03Right_ {
    width: 700px;

}

.page__lenschoice_ .procedure__area03_ .radio__overall_ {
    margin-top: 10px;
}

.page__lenschoice_ .lensguid_ {    
    display: inline-block;
    text-align: right;
    width: 100%;
    padding-bottom: 10px;
}

.page__lenschoice_ .choice__lensType_ .js__activation_ .procedure__title_ {
    color: #2299e1;
    padding-bottom: 0;
}

.page__lenschoice_ .lensguid_ img {
    width: 14px;
    margin-left: 5px;
    display: inline-block;
    margin-right: 0;
    position: relative;
    top: -0.1em;
    vertical-align: middle;
}

.page__lenschoice_ .lensguid_ a {
    border-bottom: 1px solid #229ae1;
}

.page__lenschoice_ .procedure__title_ {
    margin-bottom: 0;
    color: #a9d0f0;
}

.page__lenschoice_ .formLayout__line1_ .smallComplementTxt__kome_ {
    margin-top: 10px;
    line-height: 1.8;
}

.page__lenschoice_ .js__activation_ .procedure__title_ {
    padding-bottom: 20px;
    color: #2299e1;
}

.page__lenschoice_ .h3__title_ .popup__btn_ {
    display: none;
}

.page__lenschoice_ .js__activation_ .h3__title_ .popup__btn_ {
    display: inline-block;
}

.page__lenschoice_ .js__activation_ .h3__title_ .popup__btn_ a {
    color: #fff;
}

.page__lenschoice_ .lens__image_ img {
    width: 25px;
}

.page__lenschoice_ .refraction__index__box_ {
    margin-top: 10px;
    background: #EEE;
}

.page__lenschoice_ .refraction__index__box_ .h4Block_ {
    padding: 10px 0 10px 10px;
}

.page__lenschoice_ .refraction__index__box_ .h4Block_ .h4__title_ {
    margin-bottom: 5px;
}

.page__lenschoice_ .refraction__index__box_ .radio__block_ div {
    display: block !important;
}

.page__lenschoice_ .procedure__area04Description_ {
    width: 100%;
    margin-top: 30px;
}

.page__lenschoice_ .page__lensChoiceNote_ {
    color: #229ae1;
    border: #229ae1 solid 1px;
    padding: 1em;
    background: #fff;
}

.procedure__area04_ .page__lensChoiceNote_ {
    margin-bottom: 15px;
}

.popup__followUp_ .h3__title_ {
    font-size: 16px;
}

.popup__followUp_ .h4__title_ {
    color: #000;
    margin-bottom: 0;
    line-height: 1.8;
}

.popup__followUp_ p {
    font-size: 14px;
    line-height: 1.8;
}

.popup__followUp_ p:not(:last-of-type) {
    margin-bottom: 40px;
}

.popup__lens_ {
    padding: 20px 20px 10px 20px;
}

.popup__lens_ img {
    width: 100%;
}

.popup__lens_ .popup__lens__text_ {
    margin-top: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.popup__lens_ .lens__opacity__rate_ {
    width: 200px;
    font-size: 28px;
    text-align: center;
}

.popup__lens_ .lens__attention {
    width: 350px;
    font-size: 12px;
}

.popup__lens_ .lens__attention span {
    display: block;
}

.page__lenschoice_ .detail__desc__link_ {
    text-align: right;
    margin-top: 8px;
    position: absolute;
    top: 50%;
    right: 22px;
}

.page__lenschoice_ .detail__desc__link_ {
    text-align: right;
    margin-top: 8px;
    transform: translateY(-50%);
}

.page__lenschoice_ .detail__desc__link_ a {
    color: #229ae1;
    display: inline-block;
    margin-right: 30px;
    border-bottom: 1px solid #229ae1;
    text-align: right;
    transform: translateY(-50%);
}

.page__lenschoice_ .choice__option_ .layout__flex__line_ .detail__desc__link_ img,
.page__lenschoice_ .choice__lensType_ .layout__flex__line_ .detail__desc__link_ img {
    width: 14px;
    margin-left: 5px;
    display: inline-block;
    margin-right: 0;
    position: relative;
    top: -0.1em;
    vertical-align: middle;
}

.page__lenschoice_ .nextStep__fixBtn_.has__detail_ .errorTxt_ {
    margin-top: 0;
}

.page__lenschoice_ .popup__btn_ {
    font-size: 16px;
    margin-left: 10px;
    top: 0.1em;
}

.page__lenschoice_ .popup__btn_ span {
    text-align: center;
    color: #fff;
    position: relative;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
}

.page__lenschoice_ .choice__glassType_ a{
    position: relative;
    right: 0;
    top: 0;
    left: 0.3em;
    margin: auto;
    vertical-align: top;
}

.page__lenschoice_ .h3__title_ .popup__btn_ {
    top: 0;
}

#get__dioptreRegistration__prescriptionSphMinus,
#get__dioptreRegistration__prescriptionSphPlus {
    display: none;
}

.page__lenschoice_ .procedure__area02_ .js__radio__dispChange_ label.disabled:before,
.page__lenschoice_ .procedure__area02_ .js__radio__dispChange_ label.disabled span.radio__parts_,
.page__lenschoice_ .procedure__area02_ .js__radio__dispChange_ label.disabled span.smallComplementTxt_ {
    opacity: .5;
}

.page__lenschoice_ .procedure__area02_ .js__radio__dispChange_ label.disabled {
    cursor: default;
}

.page__lenschoice_ .nextStep__fixBtn_ {
    position: fixed;
    display: flex;
    justify-content: space-between;
    align-items: center;
    bottom: 0;
    width: 100%;
    min-width: 1024px;
    background: #fff;
    border-top: 1px solid #ebebeb;
    box-sizing: border-box;
    padding: 15px 20px 15px 30px;
    z-index: 1000;
    overflow: hidden;
    box-shadow: 0 -5px 5px -3px rgba(0,0,0,0.1);
}

.page__lenschoice_ .prom {
    position: fixed;
    display: flex; /* CP表示用（display: none | flex;） */
    bottom: 125px;
    width: 125px;
    min-width: 125px;
    min-height: 135px;
    box-sizing: border-box;
}

.page__lenschoice_ .prom a {
    margin-left: auto;
}

.popup__lens_ a:focus {
    outline: none;
}

.page__lenschoice_ .payment__area_ {
    display: none;
    text-align: center;
    padding: 30px 0;
    background: #f4fafd;
}

.page__lenschoice_ .payment__area_.on {
    display: block;
}

.page__lenschoice_ .payment__area_ h4 {
    font-size: 20px;
    color: #229ae1;
    text-align: center;
    margin-bottom: 20px;
}

.page__lenschoice_ .payment__area_ p {
    padding-top: 10px;
    font-size: 12px;
}

.page__lenschoice_ .payment__area_ .btnBlock_ {
   display: inline-block;
   margin: 0 10px;
}

.page__lenschoice_ .payment__area_ .login_col_section {
    display: inline-block;
    padding:0;
    vertical-align: bottom;
}

.page__lenschoice_ .payment__area_ #AmazonPayButton {
    padding-bottom: 0;
}

.page__lenschoice_ .payment__area_ #AmazonPayButton img {
    height: 50px;
}

.page__lenschoice_ .payment__area_ button {
    width: 246px;
    padding: 6px 1em;
    font-size: 12px;
}

.page__lenschoice_ .stepBlock_ {
    width: 50%;
    display: block;
    margin: 0 auto;
    overflow: hidden;
}

.page__lenschoice_ .stepBlock__text_ {
    color: #229ae1;
    font-size: 16px;
    font-weight: bold;
}

.page__lenschoice_ .stepBlock__alert_ {
    color: #e20c0c;
    font-size: 14px;
}

.page__lenschoice_ .priceBlock_ .itemPrice_tax_ {
    font-size: 12px;
}

.page__lenschoice_ .priceBlock_ .price_msg_ {
    font-size: 12px;
}

.page__lenschoice_ .priceBlock_ .price_msg_::before {
    /*content: "※表示価格はキャンペーン適用前";*/ /* CP表示用（コメントアウト） */
    font-weight: normal;
    font-size: 11px;
}

#get__dioptreRegistration__prescriptionPd {
    padding-left: 46.5%;
}

/* ---------------------------------------------------------------
実店舗一覧
--------------------------------------------------------------- */
.page__shopSearch__list_ .info__sideLayout__innerBig_ {
    width: 470px;
}

.page__shopSearch__list_ .shopPlace_ dt {
    width: 65px;
}

.page__shopSearch__list_ .shopPlace_ dd:nth-of-type(1) {
    width: 110px;
}

.page__shopSearch__list_ .shopPlace_ dd:nth-of-type(2) {
    width: 295px;
}

.page__shopSearch__list_ .info__sideLayout__inner_ {
    width: 220px;
    float: right;
}

.page__shopSearch__list_ .shopTime_ dd,
.page__shopSearch__list_ .shopTel_ dd {
    width: 140px;
}

.page__shopSearch__list_ .info__layout__innerBlock_ .h4__title_ {
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    transition: .25s ease-out;
}

.page__shopSearch__list_ .info__layout__innerBlock_ a{
    display: block;
}

.page__shopSearch__list_ .info__layout__innerBlock_ a:hover {
    opacity: .3;
}

.page__shopSearch__list_ .btn__line1_ {
    margin-top: 50px;
}

.page__shopSearch__list_ .info__layout__innerBlock_ {
    border-bottom: 1px solid #ededed;
}

#popLens__typeSph p ,#popLens__typeSph img{ display: none;}
#popLens__typeSph p.popup__txt_{ display: block; margin-bottom: 0;}


/* ---------------------------------------------------------------
カート
--------------------------------------------------------------- */

.page__cart_ .cart__lead_ {
    text-align: left;
}

.page__cart_ .cart__lead_ h3 {
    margin-bottom: 10px;
}

.page__cart_ .cart__lead_ p {
    font-size: 14px;
}

.page__cart_ .lensSale_ {
    position: relative;
}
.page__cart_ .lensSale_:before {
    content: 'キャンペーン価格';
    position: absolute;
    top: 20px;
    right: 3%;
    font-size: 12px;
    font-weight: bold;
    color:#e20c0c;
}

.container_ div.cartinfo_.cart_zero_ {
    margin-bottom:80px;
}

.page__cart_ .separate__grayBorder__mid_ {
    padding-bottom: 30px;
}

.page__cart_ .product__sideLayout_ .view_ {
    width: 130px;
    height: 130px;
}

.product__sideLayout_ .product__data_ h4 {
    color: #229ae1;
}

/* 商品 */
.page__cart_ .cartItem_ {
    padding-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
}

.page__cart_ .cartItem_ .form__smlBtn_ {
    margin-top:15px;
}

.page__cart_ .cartItem_ .btn__line1_ {
    position: relative;
}

.page__cart_ .cartItem_ .btn__line1_ .item__copyBtn_ {
    position: absolute;
    width: 400px;
    top: 15px;
    left: 220px;
    text-align: left;
}

.page__cart_ .cartItem_ .tProduct__itemName_ a {
    color: #000;
    text-decoration: none;
}

.page__cart_ .cartItem_ .tProduct__itemName_ a:hover {
    color: #000;
}

/* 個数変更 */
.page__cart_ .cartItem_ .numberBox_ {
    display: inline-block;
}

.page__cart_ .cartItem_ .numberBox_ span,
.page__cart_ .cartItem_ .numberBox_ a {
    display: inline-block;
}

.page__cart_ .cartItem_ .numberBox_ .numberTitle_ {
    color: #229ae1;
    padding-right: 15px;
    margin-left: 30px;
}

.page__cart_.container_ button,.page__cart_.container_ input {
    font-size: 16px;
}

.page__cart_.container_ button,.page__cart_.container_ .lens_sg_::before {
    content: "度付きにする";
}

.page__cart_.container_ button,.page__cart_.container_ .lens_sg_.set_::before {
    content: "レンズ選択済み";
}

.number__recalculation_ + input {
    display: none;
}

.number__recalculation_ span {
    line-height: 23px;
}

.number__recalculation_ + input {
    display: none;
}

.number__recalculation_ span {
    line-height: 23px;
}

.page__cart_ .cartItem_ .numberBox_ .num_ {
    font-size: 16px;
    display: table-cell;
    padding: 0 15px;
}

.page__cart_ .cartItem_ .numberBox_ .number__minus_ {
    margin-right: 10px;
}

.page__cart_ .cartItem_ .numberBox_ .number__minus_,
.page__cart_ .cartItem_ .numberBox_ .number__plus_ {
    width: 23px;
    height: 23px;
    border: 1px solid #229ae1;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    position: relative;
    vertical-align: middle;
}

.page__cart_ .cartItem_ .numberBox_ .number__minus_:before,
.page__cart_ .cartItem_ .numberBox_ .number__plus_:before {
    content: "";
    width: 11px;
    height: 1px;
    display: block;
    position: absolute;
    top: 11px;
    left: 6px;
    background: #229ae1;
    z-index: 1;
}

.page__cart_ .cartItem_ .numberBox_ .number__plus_:after {
    content: "";
    width: 1px;
    height: 11px;
    display: block;
    position: absolute;
    top: 6px;
    left: 11px;
    background: #229ae1;
    z-index: 1;
}

.page__cart_ .cartItem_ .numberBox_ .number__recalculation_ {
    display: none;
    height: 23px;
    border: 1px solid #229ae1;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    color: #229ae1;
    padding: 0 1em;
    margin-left: 10px;
    width: 43px;
}

.page__cart_ .formLayout__line2__irregular_ {
    margin-bottom: 20px;
    margin: 20px auto;
}

.page__cart_ .cartItem_ .checkbox__block_ {
    text-align: right;
    color: #229ae1;
}

.page__cart_ .item__copyBtn_ {
    text-align: right;
    margin-top: 15px;
}

.page__cart_ .item__copyBtn_ a {
    color: #229ae1;
    text-decoration: underline;
}

.page__cart_ .form__smlBtn_ {
    width: 200px;
}

.page__cart_ .totalCal_ {
    margin-bottom: 40px;
    margin-top: 30px;
}

.page__cart_ .carriage_.grayArea_,
.page__cart_ .totalOff_.grayArea_,
.page__cart_ .subTotal_.grayArea_ {
    padding: 10px 20px;
}

.page__cart_ .totalOff_ {
    color: #e20c0c;
}

.page__cart_ .totalOff_ th {
    color: #000;
}

.page__cart_ .totalOff_ th span {
    color: #000;
    font-size: 14px;
    display: block;
}

.totalPrice_ td {
    color: #e20c0c;
    font-weight: bold;
}

.page__cart_ .item__calBox_ tr {
    padding: 10px 20px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page__cart_ .item__calBox_ tr + tr {
    margin-top: 10px;
}

.page__cart_ .item__calBox_ .campaignBox_ th,
.page__cart_ .item__calBox_ .campaignBox_ td {
    color: #e20c0c;
}

.page__cart_ .item__calBox_ th,
.page__cart_ .item__calBox_ td {
    font-size: 18px
}

.page__cart_ .item__calBox_ th span {
    font-size: 14px;
    display: block;
}

.page__cart_ .nextStep__fixBtn_ {
    display: block;
    justify-content: inherit;
    padding: 0;
    background: #f4fafd;
    margin-bottom: 30px;
}

.page__cart_ .nextStep__fixBtn_ input[name="submit"] {
    width: auto;
    padding: 0 1em;
}

.page__cart_ .nextStep__fixBtnIn_ {
    display: block;
    padding: 30px 20px 30px 30px;
}

.page__cart_ .nextStep__fixBtnIn_ .cart_submit_,
.page__cart_ .nextStep__fixBtnIn_ .priceBlock_ {
    margin: 0 auto;
    text-align: center;
}

.page__cart_ .nextStep__fixBtnIn_ .login_col_section{
    padding: 0;
    margin-right: 20px;
    display: inline-block;
}

.page__cart_ .nextStep__fixBtnIn_ h4 {
    font-size: 20px;
    color: #229ae1;
    text-align: center;
    margin-bottom: 20px;
}

.page__cart_ .nextStep__fixBtnIn_ .cart_submit_ p {
    font-size: 12px;
}

.page__cart_ .nextStep__fixBtnIn_ div.amazon_pay_button_login_ {
    padding-bottom: 0;
}

.page__cart_ .nextStep__fixBtnIn_ button {
    width: 246px;
    padding: 6px 1em;
    font-size: 12px;
}

.page__cart_ .nextStep__fixBtnIn_ .login_col_section img {
    height:50px !important;
}

.btnBlock_ .login_col_section {
    display: inline-block;
    padding:0;
    vertical-align: bottom;
}

.btnBlock_ #AmazonPayButton {
    padding-bottom: 0;
}

.btnBlock_ #AmazonPayButton img {
    height: 50px;
}

.page__cart_ .nextStep__fixLead_ {
    text-align: center;
    padding: 15px 20px 15px 30px;
}

.page__cart_ .nextStep__fixBtn_ {
    padding: 0;
}

.nextStep__fixBtn_ .form__btn_ {
    display: inline-block;
}

.page__cart_ .priceChange__num_ {
    font-size: 14px;
}

.page__cart_ .cart__gift__box_ {
    margin-top: 20px;
    text-align: right;
    color: #229ae1;
}

.page__cart_ div.cart_submit_ div.next_ {
    display: inline-block;
    float: none;
    margin-right: 10px;
}

/* ---------------------------------------------------------------
ご注文完了
--------------------------------------------------------------- */
.page__completion_ .completion__leadTxt_ {
    color: #229ae1;
    font-size: 20px;
    text-align: center;
}

.page__completion_ .messageBox_ {
    margin-top: 50px;
    margin-bottom: 40px;
    padding-top: 30px;
    border-top: 1px solid #ebebeb;
}

.page__completion_ .messageBox_ a {
    color: #000;
}

.page__completion_ .messageTxt_ {
    margin-bottom: 30px;
}

.page__completion_ .orderId_ {
    margin-top: 30px;
    text-align: center;
    padding: 25px 3px;
    margin-bottom: 30px;
    font-size: 20px;
    color: #229ae1;
}

.page__completion_ .orderId_.grayArea_ {
    background: #f7f7f7;
}

.page__completion_ .orderBlock_ dl {
    overflow: hidden;
}

.page__completion_ .orderBlock_ dt,
.page__completion_ .orderBlock_ dd {
    float: left;
}

.page__completion_ .orderBlock_ dt {
    clear: both;
}

.page__completion_ .btnBlock_ {
    padding-top: 50px;
    border-top: 1px solid #ebebeb;
}

.page__completion_ .btnBlock_ .leadTxt_ {
    color: #229ae1;
    font-size: 16px;
    text-align: center;
    margin-bottom: 40px;
    font-size: 20px;
}

/* ---------------------------------------------------------------
TOPICS
--------------------------------------------------------------- */

.topics__cat_ .container__inner_ {
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
}

.topics__cat_ a {
    color: #000;
}

.topics__cat_ .pageTitle_ {
    width: 100%;
}

.topics__cat_ .titleBox_ {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ebebeb;
}

.topics__cat_ .titleBox_ .h3__title_ {
    margin-bottom: 0;
}

.topics__cat_ .titleBox_ .topics__catList_ li {
    display: inline-block;
    padding-left: 10px;
}

.topics__cat_ .titleBox_ .topics__catList_ li a {
    color: #229ae1;
}

.topics__cat_ .topics__archive_ .h3__title_ {
    text-align: center;
    font-size: 28px;
    padding-bottom: 20px;
    border-bottom: 1px solid #2299e1;
    font-weight: bold;
}

.topics__cat_ .topics__archive_ .accordion__area_ {
    border:1px solid #2299e1;
    margin-bottom: 10px;
    cursor:pointer;
}

.topics__cat_ .topics__archive_ .accordion__area_ li:hover {
    opacity: 0.6;
}

.topics__cat_ .topics__archive_ .accordion__title_ {
    padding:15px 0 0;
}

.topics__cat_ .container__inner_ {
    padding-bottom: 15px;
}

.topics__cat_ .topics__archive__inner_ .container__inner_ {
    padding-top: 15px;
    padding-bottom: 15px;
}

.topics__cat_ ul.topics__archive__inner_ li {
    border-top:1px solid #ebebeb;
}

.topics__cat_ ul.topics__archive__inner_ li:nth-child(2n+1) .container__inner_ {
    background-color: #f7f7f7;
}

.topics__cat_ .archive__list_ {
    display: flex;
    flex-wrap: wrap;
    width: 700px;
    margin: 0 auto;
    padding: 0 25px;
    box-sizing: border-box;
}

.topics__cat_ .archive__list_ li {
    width: 130px;
    text-align: center;
}

.topics__cat_ .archive__list_ li a {
    font-size: 20px;
    color: #2299e1;
}

.page__topics_ .topicsBlock__list_ {
    display: flex;
    flex-wrap: wrap;
}

.page__topics_ .topicsBlock_ {
    width: 48%;
    margin-left: 4%;
}

.page__topics_ .topicsBlock_:nth-of-type(2n+1) {
    margin-left: 0;
}

.page__topics_ .topicsBlock_:nth-of-type(n+3) {
    margin-top: 30px;
}

.page__topics_ .topicsBlock_ a {
    display: block;
}

.page__topics_ .topicsBox_ {
    display: flex;
}

.page__topics_ .topicsImg_ {
    max-width: 200px;
    width: 100%;
    margin-right: 20px;
}

.page__topics_ .topicsTl_ {
    width: 100%;
}

.page__topics_ .topicsImg_ img {
    width: 100%;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
}

.page__topics_ .topicsData__txt_ {
    margin-right: 30px;
}

.page__topics_ .obiTxt_ {
    margin-left: 0;
}

/*topics detailページ*/
.page__topicsDetail_ .topics__inner_ {
    width: 700px;
    margin: 0 auto 80px;
}

.page__topicsDetail_ .topicsTl_ {
    margin-bottom: 30px;
}

.page__topicsDetail_ .topicsDetailImg_ {
    margin-bottom: 30px;
}

.page__topicsDetail_ .topicsDetailImg_ img {
    display: block;
    margin: 0 auto;
}

.page__topicsDetail_ .topicsDetailBlock_ p,
.page__topicsDetail_ .topicsDetailBlock_ ul li {
    line-height: 1.8;
}

.page__topicsDetail_ .topicsDetailBlock_ .sentTxt_ {
    margin-bottom: 30px;
}

/* ---------------------------------------------------------------
実店舗検索
--------------------------------------------------------------- */

.shopSearch_ .mapArea_ {
    margin: 30px auto;
    position: relative;
    min-height: 465px;
}
.shopSearch_ .mapArea_ p.mapImg_{  position: absolute; left: 0; top: 0;}

.shopSearch_ .mapArea_ map {
    width: 700px;
}

.shopSearch_ .mapArea_ area {
    border:none;
    outline:none;
}

.mapArea__areaList_ {
    position: absolute;
    width: 70px;
}

.mapArea__areaList_ h3 {
    font-size: 16px;
}


.mapArea__areaList_ li a {
    color: #000;
}

.mapArea__areaList_ li a:hover {
    color: #229ae1;
    opacity: 1;
}

.mapArea__areaList_ a {
    color: #229ae1;
}

.mapArea__areaList_ a.selected {
    opacity: 0.3;
}

.mapArea__areaList_ span {
    color: #ccc;
}

.shopSearch_ .mapArea_ .mapArea__areaFloat_ .mapArea__areaList_{  float: left; position: static;margin-bottom: 25px;}
.shopSearch_ .mapArea_ .mapArea__areaFloat_{ position: relative; }
.shopSearch_ .mapArea_ .mapArea__areaFloat_.mapArea__areaLeft{ float: left; }
.shopSearch_ .mapArea_ .mapArea__areaFloat_.mapArea__areaRight{ float: right; }
.shopSearch_ .mapArea_ .mapArea__areaFloat_ .mapArea__areaList_{ width: auto; display: inline-block; margin-right: 25px;}
.shopSearch_ .mapArea_ .mapArea__areaLeft_{ width: 350px;float: left }
.shopSearch_ .mapArea_ .mapArea__areaFloat_ .mapArea__areaLeft_child_{ float: left; min-width: 70px; max-width: 70px; margin-right: 10px; }
.shopSearch_ .mapArea_ .mapArea__areaFloat_ .mapArea__areaRight_child_{ float: left; min-width: 70px; max-width: 80px; }
.shopSearch_ .mapArea_ .mapArea__areaRight_{ width: 160px; float: right; }
.shopSearch_ .mapArea_ .mapArea__areaRight_ .mapArea__areaList_{ margin-right: 0px; }

#hokkaidou.mapArea__areaList_ {
    top: 0;
    left: 637px;
}

#touhoku.mapArea__areaList_ {
    top: 40px;
    left: 637px;
}

#kantou.mapArea__areaList_ {
    top: 240px;
    left: 637px;
}

#toukai.mapArea__areaList_ {
    top: 0;
    left: 555px;
}

#koushinetsu.mapArea__areaList_ {
    top: 140px;
    left: 555px;
}

#hokuriku.mapArea__areaList_ {
    top: 255px;
    left: 555px;
}

#kinki.mapArea__areaList_ {
    top: 0;
    left: 238px;
}

#shikoku.mapArea__areaList_ {
    top: 0;
    left: 160px;
}

#chuugoku.mapArea__areaList_ {
    top: 0;
    left: 83px;
}

#kyuusyuu.mapArea__areaList_ {
    top: 0;
    left: 0;
}

#okinawa.mapArea__areaList_ {
    top: 218px;
    left: 0;
}

#china.mapArea__areaList_ {
    top: 450px;
    left: 0;
}

#singapore.mapArea__areaList_ {
    top: 450px;
    left: 70px;
    width: 120px;
}

#hongkong.mapArea__areaList_ {
    top: 450px;
    left: 200px;
    width: 120px;
}

.mapArea__externalLink_ {
    background: url(../../../img/private/pc/common/icon_outerlink.png) 100% 50% no-repeat;
    padding-right: 20px;
}

.shopSearch_ .txtSearchForm_ {
    position: relative;
    clear: both;
}

.shopSearch_ .txtSearchForm_ input {
    height: 52px;
    padding-right: 60px;
}

.shopSearch_ .txtSearchForm_ button {
    position: absolute;
    top: 0;
    right: 0;
    width: 52px;
    height: 52px;
    cursor: pointer;
}

.shopSearch_ .btnBlock_ {
    border-top: 1px solid #ebebeb;
    padding-top: 30px;
    margin-top: 30px;
}

/* ---------------------------------------------------------------
注文内容確認
--------------------------------------------------------------- */
#another__window.page__confirmation_ {
    padding-bottom: 10px;
}

.page__confirmation_ .nextStep__fixBtn_ .submit_ {
    margin: 0 auto;
}

/* カートの中身 */
.page__confirmation_ .formlist_.estimate_ {
    border: 0;
}

.page__confirmation_ .table__product__layout_ {
    padding: 0;
}

.page__confirmation_ .table__product__layout_ .tProduct__img_ {
    width: 154px;
    height: 154px;
}

.page__confirmation_ .table__product__layout_ .tProduct__detail_ {
    width: 524px;
}

.container_.page__confirmation_ .table__product__layout_ {
    margin-bottom: 30px;
}

.container_.page__confirmation_ .cartItem_ + .cartItem_ {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #ebebeb;
}

.container_.page__confirmation_ .lens_info .accordion__title_{
    text-align: center;
    width: 100%;
    padding: 10px 0 10px;
    border: 1px solid #229ae1;
}

.container_.page__confirmation_ .lens_info .lens_info_area {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 30px;
    width: 100%;
    border-bottom: 1px solid #229ae1;
    border-right: 1px solid #229ae1;
    border-left: 1px solid #229ae1;
}

.container_.page__confirmation_ .lens_info .lens_info_area span {
    display: inline-block;
    text-align: left;
    color: #229ae1;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 10px;
}

.container_.page__confirmation_ .lens_info td,
.container_.page__confirmation_ .lens_info div dt {
    text-align: center;
    width: 100%;
}

.container_.page__confirmation_ .lens_info table {
    border-collapse: collapse;
    border-spacing: 0;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    margin: 0 auto;
}

.container_.page__confirmation_ .lens_info table th,
.container_.page__confirmation_ .lens_info table td {
    border-left: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    padding: 12px 7px;
    font-weight: normal;
    box-sizing: border-box;
}

.container_.page__confirmation_ .lens_info table th,
.container_.page__confirmation_ .lens_info table td {
    text-align: center;
    width: 200px;
    display: table-cell;
}

.container_.page__confirmation_ .lens_info table tr,
.container_.page__confirmation_ .lens_info table tr + tr {
    padding: 0;
    margin-top: 0;
    display: table-row;
}

.page__confirmation_ .lensSale_ {
    position: relative;
}
.page__confirmation_ .lensSale_:before {
    content: 'キャンペーン価格';
    position: absolute;
    top: 5px;
    right: 3%;
    font-size: 12px;
    font-weight: bold;
    color:#e20c0c;
}

.page__confirmation_ .form__box_ {
    border-bottom: 1px solid #ebebeb;
}

.page__confirmation_ .form__box_:last-of-type {
    border-bottom: none;
}

.page__confirmation_ .item__container_ {
    padding-top: 0;
}

.page__confirmation_ .item__name_ {
    margin-bottom: 6px;
}

.page__confirmation_ .destination_ dl:not(:last-of-type) {
    margin-bottom: 10px;
}

.page__confirmation_ .delivery__how_ dl,
.page__confirmation_ .destination_ dl {
    display: flex;
}

.page__confirmation_ .destination_ dt {
    min-width: 80px;
}

.page__confirmation_ .delivery__how_ dt {
    min-width: 160px;
}

.page__confirmation_ .delivery__how_ dd,
.page__confirmation_ .destination_ dd {
    flex: 1;
}

.page__confirmation_ .couponOff_.grayArea_ dt span {
    font-size: 14px;
    display: block;
}

.page__confirmation_ .total_ td.discount__value_ {
    font-weight: bold;
}

.page__confirmation_ .formSelectWrap_ {
    border: 0;
}

.page__confirmation_ .formLayout__line2_ {
    display:flex;
}

.page__confirmation_ .formLayout__line2_ .formSelectWrap_ {
    float: none;
}

.page__confirmation_ .input__box_ dl {
    margin-bottom: 30px;
}

.page__confirmation_ .input__box_ dl dt {
    width: 190px;
}

.page__confirmation_ .input__box_ dl dd {
    flex: 1;
}

.page__confirmation_ .input__box_ .formSelectWrap_ {
    width: 160px;
}

.page__confirmation_ .input__box_ .formSelectWrap_ select {
    margin-bottom: 0;
}

.page__confirmation_ .input__box_ .formLayout__line1_ {
    margin-bottom: 0;
}

.page__confirmation_ .input__box_ .formLayout__line2_ p {
    display: flex;
    align-items: center;
    padding: 0 20px;
    font-size: 18px;
}

.page__confirmation_ .method_address_ {
    margin-bottom: 0;
}

.page__confirmation_ .amazon_relate_ {
    display: block;
    background: #f7f7f7;
    padding: 25px;
}

.page__confirmation_ .amazon_relate_ .message_ {
    line-height: 1.6;
    margin-bottom: 14px;
    /*background: #e6e6e6;
    padding:10px;*/
}

.page__confirmation_ .amazon_relate_ p {
    line-height: 1.6;
}

.page__confirmation_ .amazon_relate_ table {
    display: block;
    background: #f7f7f7;
    padding: 30px 0px;
}

.page__confirmation_ .amazon_relate_ tbody,
.page__confirmation_ .amazon_relate_ tr,
.page__confirmation_ .amazon_relate_ th,
.page__confirmation_ .amazon_relate_ td {
    display: block;
    width: 100%;
    border-top: none;
    border-bottom: none;
    background: none;
}

.page__confirmation_ .amazon_relate_ th {
    color: #179be1;
    margin-bottom: 20px;
}

.page__confirmation_ #amazon_relate_mail {
    border-bottom : #ebebeb solid 1px;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.page__confirmation_ input.btn__actFocusOff_ {
    display: none;
}

.page__confirmation_ input.btn__actFocusOff_.on {
    display: block;
}

.page__confirmation_ .form__confirmation__actionArea_ {
    padding: 20px;
}

.page__confirmation_ .totalCal_ {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #ebebeb;
}

.page__confirmation_ .totalCal_ th,
.page__confirmation_ .totalCal_ td {
    font-weight: normal;
    width: auto;
    border: 0;
    background: none;
}

.page__confirmation_ .totalCal_ th span {
    display: block;
    font-size: 14px;
}

.page__confirmation_ .totalCal_ th span.itemPrice_tax_ {
    display: inline-block;
    font-size: 0.6em;
}

/* credit関係 */

.page__confirmation_ .creditBox_ .grayArea_ {
    padding: 30px;
}

.creditBox_ table.formdetail_ {
    border-top:none;
}

#frmCustomer table.formdetail_ {
    border-top: none;
}

#frmCustomer .family__info__Inputbox_ { 
    margin-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ebebeb;
}

#frmCustomer .family__info__no__separate_{   
    border-bottom: none;
}

#frmCustomer .mystore_grayArea_ {    
    margin-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ebebeb;
}

#frmCustomer .mystore_grayArea_ table {
    padding: 25px;
    background: #f7f7f7;
    margin-bottom: 0px;
}

.mystore_grayArea_ .formContent_ th,
.mystore_grayArea_ .formContent_ td {
    background: #f7f7f7;
}

.mystore_grayArea_ .formContent_ div,
.mystore_grayArea_ .formContent_ td span {
    background: white;
}

.mystore_grayArea_ .formContent_ tr {
    margin-top: 0;
}

.mystore_grayArea_ .formContent_ tr + tr {
    margin-top: 25px;
}

.page__confirmation_ .cMethodRegist__box_,
.page__confirmation_ .cMethodInput__box_ {
    display: none;
}

.page__confirmation_ .cMethodRegist__box_.on,
.page__confirmation_ .cMethodInput__box_.on {
    display: block;
}

.page__confirmation_ .select__credit__method_ {
    margin-bottom: 20px;
}

.page__confirmation_ .creditBox_ .formLayout__sideLine2_ th {
    width: 190px;
    font-weight: normal;
    padding-top: 43px;
}

.page__confirmation_ .creditBox_ .formLayout__sideLine2_ .sideLine2__longText__title_ {
    padding-top: 30px;
}

.page__confirmation_ .creditBox_ .formLayout__sideLine2_ + .formLayout__sideLine2_ {
    margin-top: 30px;
    border-top: 1px solid #ebebeb;
}

.page__confirmation_ .creditBox_ .formLayout__sideLine2_.formLayout__sideLine2hidden_ {
    display: none;
}

.page__confirmation_ .creditBox_ .formLayout__sideLine2_ td {
    width: 450px;
    padding-top: 30px;
}

.page__confirmation_ .creditBox_ .formLayout__sideLine2_ label {
    margin: 10px 0 0 0;
}

.page__confirmation_ .creditBox_ .formLayout__sideLine2_:first-of-type th {
    padding-top: 14px;
    padding-bottom: 20px;
}

.page__confirmation_ .creditBox_ .formLayout__sideLine2_:first-of-type td {
    padding-top: 0;
}

.page__confirmation_ .creditBox_ .formLayout__sideLine2_:last-of-type th,
.page__confirmation_ .creditBox_ .formLayout__sideLine2_:last-of-type td {
    padding-bottom: 30px;
}

.page__confirmation_ .creditBox_ .formLayout__sideLine2_ .hosoku_ {
    clear: both;
    font-size: 14px;
    padding-top: 10px;
}

.page__confirmation_ .table__block_ tr.formLayout__sideLine2_ {
    display: table;
    width: 100%;
    border-bottom: none;
}

.page__confirmation_ .formLayout__sideLine2_ th {
    display: table-cell;
    width: 180px;
    vertical-align: top;
    padding-top: 1.2em;
    border: 0;
    background: none;
}

.page__confirmation_ .formLayout__sideLine2_ td {
    display: table-cell;
    border: 0;
    background: none;
}

.page__confirmation_ .formLayout__sideLine2_ td input[type="text"] {
    width: 100%;
}

.page__confirmation_ .formLayout__sideLine2_ td .formSelectWrap_ {
    width: 200px;
    display: table-cell;
}

.page__confirmation_ .credit__validity_ td p {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
}

.page__confirmation_ .credit__validity_ td .credit_monthP__ {
    width: 60px;
}

.page__confirmation_ .securityCode_ {
    margin-top: 15px;
    display: table;
    width: 100%;
}

.page__confirmation_ .securityCode_ p {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
}

.page__confirmation_ .securityCode_ p:first-child {
    width: 160px;
}

.page__confirmation_ .securityCode_ p:last-child {
    position: relative;
    left: 10px;
    padding-left: 10px;
}

.page__confirmation_ .cMethodRegist__box_ .radio__label_ {
    width: 100%;
    box-sizing: border-box;
}

.page__confirmation_ .cMethodRegist__box_ ul {
    margin-bottom: 20px;
}

.page__confirmation_ .cMethodRegist__box_ ul li:not(:last-of-type) .radio__parts_ {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
}

.page__confirmation_ .cMethodRegist__box_ .radio__label_ .radio__parts_ {
    margin-left: 30px;
    width: calc(100% - 30px);
}

.page__confirmation_ .creditPayBox_ {
    border-top: 1px solid #ebebeb;
    padding-top: 30px;
}

.page__confirmation_ .nextStep__fixBtn_ {
    display: block;
    text-align: center;
    margin-top: 20px;
}

.page__confirmation_ .btn__line2_ {
    margin-top: 10px;
}

.page__confirmation_ .nextStep__fixBtn_ .btn_line1_ {
    text-align: center;
}

.page__confirmation_ .kiyaku_ p {
    font-size: 14px;
}

.page__confirmation_ .kiyaku_ .checkbox__label_ {
    margin: 10px 0;
}

.page__confirmation_ .kiyaku_ p a {
    margin-left: 35px;
}

.page__confirmation_ .form__box_ p {
    line-height: 1.6em;
}

.page__confirmation_ .form__box_ .giftmessage_ {
    color: #229ae1;
    margin-top: 20px;
    margin-bottom: 20px;
}

.kiyaku__area_ .scroll__content_ {
    height: 30vh;
    overflow: auto;
    padding: 30px 0 30px 30px;
}

#pop__kiyaku h2 {
    margin: auto;
    color: #229ae1;
    border-bottom: 1px solid #229ae1;
    padding-bottom: 20px;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#pop__kiyaku h3 {
    font-size: 16px;
}

#pop__kiyaku p {
    font-size: 16px;
    margin-bottom: 20px;
}

#pop__kiyaku .grayArea_ p {
    line-height: 1.9;
}

#pop__kiyaku .h3Box_ {
    margin-bottom: 40px;
}

#pop__kiyaku .h3Box_:last-child {
    margin-bottom: 0;
}

/* ---------------------------------------------------------------
ご注文方法
--------------------------------------------------------------- */
.page__orderSelect_ #method_date dl dt {
    float: none;
    display: block;
    font-weight: normal;
}

.page__orderSelect_ div.method_box_ h3 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: normal;
    padding: 0;
    background: none;
}

.page__orderSelect_ #method_date dl dd {
    margin-left: 0;
}

.page__orderSelect_ div.method_box_ {
    margin-bottom: 0;
}

.page__orderSelect_ div.method_box_ div.method_box_content_ {
    padding-left: 0;
}

.page__orderSelect_ .submit_ .button_ {
    margin: 0;
    border-radius: 0;
}

.page__orderSelect_ .product__content_ {
    padding: 20px 30px 30px;
}

.page__orderSelect_ .destgoodslist_.table__product__layout02_ {
    border: 0;
}

.page__orderSelect_ .cartItem_ + .cartItem_ {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ebebeb;
}
.page__orderSelect_  .formContent_ tr:first-of-type {
    margin-top: 0;
}

.page__orderSelect_  .formContent_ tr {
    padding-bottom: 0;
}

#method_radio input {
    display: none;
}

.page__orderSelect_ .formContent_ .fContent__layout__side2_ {
    align-items: flex-end;
}

.page__orderSelect_ .formContent_ .fContent__layout__side2_ input {
    margin: 0;
    margin-top: 10px;
}

.page__orderSelect_ .formContent_ .fContent__layout__side2b_ input {
    margin-top: 10px;
    margin-bottom: 0;
}

.page__orderSelect_ .formContent_ .fContent__layout__side2b_ th,
.page__orderSelect_ .formContent_ .fContent__layout__side2_ th {
    width: 130px;
    background: none;
    font-size: 16px;
    color: #000;
    line-height: 1.6;
}

.page__orderSelect_ .formContent_ .fContent__layout__side2_ th img {
    margin-left: 0;
}

.page__orderSelect_ .formContent_ .fContent__layout__side2b_ td,
.page__orderSelect_ .formContent_ .fContent__layout__side2_ td {
    width: 510px;
    background: none;
}

.page__orderSelect_ .formContent_ .fContent__layout__side2_ td span {
    font-size: 12px;
}

.page__orderSelect_ .formContent_ tr {
    border-bottom: 0;
}

.page__orderSelect_ .formContent_ .fContent__layout__side2b_ th {
    padding-top: 40px;
}

.page__orderSelect_ .formContent_ .fContent__layout__side2b_ td:not(:last-of-type) {
    margin-bottom: 20px;
}

.page__orderSelect_ .choiceArea_ {
    margin-top: 20px;
}

.page__orderSelect_ .destination_ .grayArea_ a {
    color: #229ae1;
    border: 1px solid #229ae1;
    height: 50px;
    width: 100%;
    display: table-cell;
    box-sizing: border-box;
    vertical-align: middle;
    background: #fff;
}

.page__orderSelect_ .destination_ .grayArea_ a + a {
    margin-left: 4%;
}

.page__orderSelect_ .orderDestination__select_ {
    overflow: hidden;
    width: 100%;
}

.page__orderSelect_ .destination_ .grayArea_ {
    padding: 30px;
}

.page__orderSelect_ .orderDestination__slideBox_ {
    overflow: hidden;
}

.page__orderSelect_ .destination_ .grayArea_ .destination__act_ a {
    background: #229ae1;
    color: #fff;
}

.page__orderSelect_ .amazon_ {
    margin-top: 20px;
    border: 1px solid #ebebeb;
    width: 100% !important;
    box-sizing: border-box;
}

.page__orderSelect_ .amazon_ img {
    width: 100%;
}

.page__orderSelect_ .deliveryData_ .grayArea_ {
    padding: 4%;
    margin-bottom: 20px;
}

.page__orderSelect_ .gift_ .formSideLabel__gyou1_ {
    width: 100px;
    padding-top: 7px;
    display: table-cell;
}

.page__orderSelect_ .gift_ .formSideLabel__gyou1_ + dd {
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
}

.page__orderSelect_ .destination__inbox_ dl {
    overflow: hidden;
}

.page__orderSelect_ .destination__inbox_ dt {
    width: 90px;
    float: left;
}

.page__orderSelect_ .destination__inbox_ dd {
    float: left;
    width: 70%;
    width: -webkit-calc(100% - 90px);
    width: calc(100% - 90px);
}

.page__orderSelect_ .destination__title_ {
    color: #2299e1;
    margin-bottom: 30px;
    line-height: 1;
}

.page__orderSelect_ .destination__name_ {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: #ededed solid 1px;
}

.destination__split_ + .destination__split_ {
    margin-top: 30px;
    padding-top: 30px;
    border-top: #ededed solid 1px;
}

.page__orderSelect_ .coupon_ {
    overflow: hidden;
}

.page__orderSelect_ .coupon_ .radio__label_ {
    float: left;
    width: 80px;
    margin-top: 8px;
}

.page__orderSelect_ .coupon_ .coupon__code_ {
    float: left;
    width: 65%;
    width: -webkit-calc(100% - 125px);
    width: calc(100% - 125px);
    display: block;
}

.page__orderSelect_ .amazon__actionArea_ {
    margin-top: 30px;
}

.page__orderSelect_ .type_ dl + dl {
    margin-top: 30px;
}

.page__orderSelect_ .grayArea_.cartView_ {
    padding: 20px 30px 30px;
}

.page__orderSelect_ .h3Box_ a {
    color: #2299e1;
    text-decoration: underline;
}

.page__orderSelect_ .form__box_.deliveryData_ {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 30px;
}

.page__orderSelect_ .form__box_.deliveryData_ dt ,
.page__orderSelect_ .form__box_.deliveryData_ dd {
    display: inline-block;
}

.page__orderSelect_ .amazon__actionArea_ .btn__line1_ {
    text-align: center;
}

.page__orderSelect_ .kiyaku__check_ a {
    color: #2299e1;
    text-decoration: underline;
    display: inline-block;
}

.page__orderSelect_ .form__box_.type_ div +  div {
    margin-top: 30px;
}

.page__orderSelect_ .orderDestination__slide_ {
    padding: 20px 30px 20px;
    position: relative;
}

.page__orderSelect_ .form__box_ {
    border-color: #ebebeb;
}

.page__orderSelect_ .amazon__actionArea_ button {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.page__orderSelect_ .priceBlock_ {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.page__orderSelect_ .destination_ .formLayout__lineFree_ {
    margin-bottom: 20px;
}

.page__orderSelect_ #method_pay .method_box_content_ {
    line-height: 1.6;
}

.page__orderSelect_ .paySelect_ li {
    display: inline-block;
    vertical-align: top;
}

.page__orderSelect_ .paySelect_ li.credit_ {
    width: 100%;
    margin-bottom: 20px;
}
.page__orderSelect_ .paySelect_ li.credit_ p{
    font-size: 14px; margin-left: 30px;
}

.page__orderSelect_ .paySelect_ .radio__hosoku_ {
    display: block;
    font-size: 14px;
    padding-left: 30px;
}

.page__orderSelect_ .paySelect_ .formLayout__lineFree_ label {
    vertical-align: top;
}

.page__orderSelect_ .amazonpayBtn_ {
    padding-top: 10px;
    text-align: center;
}

.page__orderSelect_ .destination__type__ec,
.page__orderSelect_ .destination__type__new,
.page__orderSelect_ .destination__type__amazon {
    display: none !important;
}

.page__orderSelect_ .destination__type__ec.on,
.page__orderSelect_ .destination__type__new.on,
.page__orderSelect_ .destination__type__amazon.on {
    display: block !important;
}

.grayArea_.destination__type__ec .btn__line2_ .form__midBtn_ {
    width: 300px;
}

p.form__midBtnundertext_ {
    margin-top:20px;
    color:#229ae1;
    text-align: center;
    text-decoration: underline;
}

label.form__midBtnundertext_ {
    margin-top:20px;
    color:#229ae1;
    text-align: center;
    text-decoration: underline;
    padding:0;
    font-size: 14px;
}

label.form__midBtnundertext_ {
    transition: .5s;
}

label.form__midBtnundertext_:hover {
    opacity:0.3;
}

.page__orderSelect_ .hName__box_ {
    display: inline-block;
}

.page__orderSelect_ .formLayout__line2_ > dl,
.page__orderSelect_ .formLayout__line2_ > div {
    width: 236px;
}

.page__orderSelect_ .form__box__grayIn_ + .form__box__grayIn_ {
    margin-top: 25px;
}

.page__orderSelect_ .form__box__grayIn_ dl {
    display: table;
}

.page__orderSelect_ .form__box__grayIn_ dt {
    width: 130px;
    display: table-cell;
    vertical-align: top;
    padding-top: 20px;
}

.page__orderSelect_ .form__box__grayIn_>dd {
    display: table-cell;
}


.page__orderSelect_ .form__box__grayIn_>dl>dd {
    width: 500px;
    margin-bottom: 0;
}

.page__orderSelect_ .form__box__grayIn_ dt .formRequired_ {
    margin-left: 0;
}

.page__orderSelect_ .zipArea_ dd {
    width: 236px;
}

.page__orderSelect_ .zipArea_ dt {
    padding-top: 0;
}

.page__orderSelect_ .telArea_ dt {
    padding-top: 0;
}

.page__orderSelect_ .addressArea_ dt {
    padding-top: 40px;
}

.page__orderSelect_ .addressArea_ label {
    padding-bottom: 10px;
    display: block;
}

.page__orderSelect_ .addressArea_ .form__selectBox_ {
    width: 236px;
    overflow: hidden;
}

.page__orderSelect_ .mailArea_ .form__validation_ {
    border: none;
    padding-top: 0;
}

.page__orderSelect_ .mailArea_ dt {
    padding-top: 0;
}

.page__orderSelect_ .form__validation_ .formRequired_ {
    vertical-align: baseline;
}

.page__orderSelect_ .amazonPay__box_.off {
    display: none;
}

.page__orderSelect_ .amazonPay__box_ .amazon_.off {
    display: none;
}

.page__orderSelect_ .host__info__list_ {
    margin-bottom: 20px;
}

.page__orderSelect_ .host__info__list_ li {
    position: relative;
}

.page__orderSelect_ .host__info__list_ .radio__label_ {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.page__orderSelect_ .destination_ .btn_line1_ {
    width: 334px;
    margin: 0 auto;
    text-align: center;
}

.page__orderSelect_ .error_ {
    margin-bottom: 30px;
}

.page__orderSelect_ .nextStep__fixBtn_ {
    margin-top: 20px;
    margin-bottom: 20px;
}

.page__orderSelect_ .btn__line2_ {
    margin-top: 10px;
}

.page__orderSelect_ input.btn__actFocusOff_ {
    display: none;
}

.page__orderSelect_ input.btn__actFocusOff_.on {
    display: block;
}

.page__orderSelect_ .nextStep__fixBtn_ .errorTxt_ {
    display: none;
}

.page__orderSelect_ #method_amazon_label p {
    line-height: 1.6;
}

.page__orderSelect_ .input__amazonCheck_ {
    display: block;
    padding-left: 30px;
    margin-bottom: 20px;
    position: relative;
}

.page__orderSelect_ .input__amazonCheck_:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #ebebeb;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
}

.page__orderSelect_ .input__amazonCheck_:after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #229ae1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.page__orderSelect_ .giftRap_ .message_ {
    font-size: 14px;
    margin-top: 20px;
    line-height: 1.8;
}

/* ---------------------------------------------------------------
かごの中身view
--------------------------------------------------------------- */
.cartView_ .h3Box_ {
    display: table;
    width: 100%;
    margin-bottom: 30px;
}

.cartView_ .h3Box_ h3.h3__title_ {
    display: table-cell;
    padding-right: 5px;
}

.cartView_ .h3Box_ p {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}

.cartView_ .item_name_ {
    font-size: 16px;
    margin-bottom: 5px;
}

/* ---------------------------------------------------------------
textarea
--------------------------------------------------------------- */
article textarea {
    font-family : inherit;
    border: 1px solid #229ae1;
    padding: 15px 7px;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.3;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    resize: vertical;
    min-height: 52px;
}

/* star html hack for Chrome */
article textarea::-webkit-input-placeholder {
    color: #a7d1ef;
}

/* star html hack for IE */
article textarea:-ms-input-placeholder {
    color: #a7d1ef;
}

/* star html hack for Firefox */
article textarea::-moz-placeholder {
    color: #a7d1ef;
}

/* ---------------------------------------------------------------
この商品の取扱い実店舗
--------------------------------------------------------------- */
.page__item_ .pageTitle_ {
    margin-bottom: 30px;
}

.page__item_ .cartItem_ {
    margin-bottom: 30px;
}

.page__item_ .attentionTxt_ {
    margin-bottom: 50px;
}

.page__item_ .attentionTxt_ p {
    font-size: 14px;
}

.page__item_ .shopSearch__area__prefecturesinbox_:first-of-type .h3__title_ {
    border-top: 1px solid #2299e1;
}

.page__item_ .shopSearch__area__prefecturesinbox_ .h3__title_ {
    margin-bottom: 0;
    padding: 30px 0;
    border-bottom: 1px solid #2299e1;
}

.page__item_ .shopBox_ {
    display: flex;
}

.page__item_ .shopBox_:not(:last-of-type) {
    border-bottom: 1px solid #ebebeb;
}

.page__item_ .shopBox_ > div {
    width: 33%;
}

.page__item_ .shopBox_ > div:not(:last-of-type) {
    margin-right: 0;
}

.page__item_ .h4TitleBlock_ a {
    font-size: 18px;
    color: #000;
}

.page__item_ .shop__stock__box_ p {
    font-size: 14px;
}

.page__item_ .shop__stock__box_ .shop__stock_ {
    font-size: 18px;
    color: #229ae1;
}

.page__item_ .info__sideLayout__inner_ {
    float: none;
}

.page__item_ .sentTxt_ strong{
    color: #f00;
    font-weight: bold;
}

/* ---------------------------------------------------------------
商品詳細
--------------------------------------------------------------- */
article .page__item_ .container__inner_ {
    width: 100%;
    padding: 20px 30px 0;
    box-sizing: border-box;
}

article .page__item_ .item__cat_ {
    color: #229ae1;
    display: table;
}

article .page__item_ .item__cat01_ {
    font-size: 28px;
    font-weight: bold;
    display: table-cell;
}

article .page__item_ .item__cat02_ {
    display: table-cell;
    text-align: right;
    font-weight: bold;
    padding-left: 40px;
}

article .page__item_ .item__cat02_ p {
    display: inline-block;
    margin-left: 10px;
    font-size: 18px;
}

article .page__item_ .item__cat03_ {
    font-size: 28px;
    font-weight: bold;
    display: table-cell;
    color: #e20c0c;
}

article .page__item_ .item__neme_ {
    margin-top: 20px;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.8;
}

article .page__item_ .item__neme_ span {
    display: block;
    font-size: 16px;
}

article .page__item_ .swip__main_.swiper-container-horizontal {
    position: relative;
    overflow: hidden;
}

article .page__item_ .itemDetail__viewBig_ {
    position: relative;
}

article .page__item_ .itemDetail__viewBig_ img {
    width: 100%;
}

article .page__item_ .choice__box_ {
    position: relative;
}

article .page__item_ .color__choice_ {
    text-align: center;
    width: -webkit-calc(100% - 42px);
    width: calc(100% - 42px);
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

article .page__item_ .color__choice_ li {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    margin: 5px 3px;
    position: relative;
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    transition: .25s ease-out;
}

article .page__item_ .color__choice_ li a:before {
    width: 22px;
    height: 22px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #229ae1;
    display: inline-block;
    position: absolute;
    content: "";
    top: 5px;
    left: 5px;
}

article .page__item_ .color__choice_ li.item__color__select_ a:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    border: 1px solid #229ae1;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

article .page__item_ .color__choice_ li a {
    display: block;
}

article .page__item_ .color__choice_ li.item__color__1_ a:before {
    background: #000;
}

article .page__item_ .color__choice_ li.item__color__2_ a:before {
    background: #999;
}

article .page__item_ .color__choice_ li.item__color__3_ a:before {
    background: #c28100;
}

article .page__item_ .color__choice_ li.item__color__4_ a:before {
    background: #007e29;
}

article .page__item_ .color__choice_ li.item__color__5_ a:before {
    background: #363c9d;
}

article .page__item_ .color__choice_ li.item__color__6_ a:before {
    background: #663399;
}

article .page__item_ .color__choice_ li.item__color__7_ a:before {
    background: #fc0;
}

article .page__item_ .color__choice_ li.item__color__8_ a:before {
    background: #f6b1d8;
}

article .page__item_ .color__choice_ li.item__color__9_ a:before {
    background: #dc0000;
}

article .page__item_ .color__choice_ li.item__color__10_ a:before {
    background: #f60;
}

article .page__item_ .color__choice_ li.item__color__11_ a:before {
    background: url(../../../img/private/pc/common/color_silver.png) 50% 50%;
    background-size: 100%;
}

article .page__item_ .color__choice_ li.item__color__12_ a:before {
    background: url(../../../img/private/pc/common/color_gold.png) 50% 50%;
    background-size: 100%;
}

article .page__item_ .color__choice_ li.item__color__13_ a:before {
    width: 20px;
    height: 20px;
    background: #FFF;
    border: #ccc solid 1px;
}

article .page__item_ .color__choice_ li.item__color__14_ a:before {
    width: 20px;
    height: 20px;
    background: #F0F4F5;
    border: #ccc solid 1px;
}

article .page__item_ .color__choice_ li.item__color__99_ a:before {
    background: url(../../../img/private/pc/common/color_other.png) 50% 50%;
    background-size: 100%;
}

article .page__item_ .color__name_ {
    text-align: center;
    font-size: 14px;
}

article .page__item_ .item__thumb_ {
    overflow: hidden;
    width: 355px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

article .page__item_ .item__thumb_ li {
    display: inline-block;
    width: 57px;
    height: 100%;
    position: relative;
    background: #fff;
    margin-left: 12px;
    margin-bottom: 12px;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
}

article .page__item_ .item__thumb_ li:first-child,
article .page__item_ .item__thumb_ li:nth-child(5n+1) {
    margin-left: 0;
}

article .page__item_ .item__thumb_ li.item__photo__select_ {
    border-color: #229ae1;
}

article .page__item_ .item__thumb_ li.item__photo__select_.dummy__thumb_ {
    border-color: #ebebeb;
}

article .page__item_ .item__thumb_ li:before {
    content: "";
    display: block;
    padding-top: 100%;
}

article .page__item_ .item__thumb_ span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

article .page__item_ .item__thumb_ .dummy__thumb_ span {
    background: url(../../../img/private/pc/item/item_dummy.png) left top no-repeat #f9f9f9;
    background-size: cover;
}

article .page__item_ .item__thumb_ img {
    width: 100%;/*width: auto;*/
    height: auto;/*height: 100%;*/
    line-height: 0;
    position: absolute;
    bottom: 0;
    top: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

article .page__item_ .item__thumb_ .widefit_ img {
    width: 100%;
    height: auto;
}

article .page__item_ .price_ {
    margin-top: 20px;
    margin-bottom: 20px;
}

article .page__item_ .price_ dl {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

article .page__item_ .price_ dt {
    font-size: 15px;
    display: table-cell;
    padding-right: 10px;
    vertical-align: middle;
}

article .page__item_ .price_ dt span {
    font-size: 10px;
}

article .page__item_ .price_ dd {
    font-size: 35px;
    display: table-cell;
}

article .page__item_ .form__btnArea_ button + .btn__wide_ {
    margin-top: 20px;
}

article .page__item_ .item__summary_ {
    border-top: 1px solid #ebebeb;
    margin-top: 30px;
    padding-top: 30px;
}

article .page__item_ .item__summary_ h3 {
    text-align: center;
}

article .page__item_ .item__summary__cat_ {
    margin-top: 20px;
}

article .page__item_ .item__summary__cat_ ul {
    overflow: hidden;
}

article .page__item_ .item__summary__cat_ ul + ul {
    margin-top: 10px;
}

article .page__item_ .item__summary__cat_ li {
    border: 1px solid #ebebeb;
    text-align: center;
    padding: 10px;
    color: #229ae1;
    box-sizing: border-box;
}

article .page__item_ .lens__info_ {
    border-top: 1px solid #ebebeb;
    margin-top: 30px;
    padding-top: 30px;
}

article .page__item_ .lens__info_ h3 {
    text-align: center;
}


article .page__item_ .itemHistory_ {
    border-top: 1px solid #ebebeb;
    margin-top: 90px;
}

article .page__item_ .popularItem_ h3 {
    font-size: 27px;
    text-align: center;
    color: #229ae1;
    margin: 0 0 30px;
    border-top: 1px solid #ebebeb;
    margin-top: 30px;
    padding-top: 30px;
}

article .page__item_ .swiper-slide .item_name_ {
    font-size: 15px;
    margin-top: 20px;
}

article .page__item_ .swiper-slide .item_name_ + p {
    font-size: 22px;
}

article .page__item_ .swiper-slide .item_name_ + p + small {
    font-size: 10px;
}

article .page__item_ .item__sameBrand_ {
    position: relative;
}

article .page__item_ .swiper-pagination_.swiper-pagination-clickable.swiper-pagination-bullets {
    text-align: center;
}

article .page__item_ .item__sameColor_ {
    margin-top: 40px;
    margin-bottom: 40px;
}

article .page__item_ .item__sameMaterial_ {
    margin-top: 40px;
}

article .page__item_ .item__face__view_ {
    float: left;
    width: 70%;
    width: -webkit-calc(100% - 290px);
    width: calc(100% - 290px);
    overflow: hidden;
}

article .page__item_ .item__face_ {
    overflow: hidden;
}

article .page__item_ .item__face__priceBox_ {
    float: right;
    width: 240px;
}

article .page__item_ .item__face__priceBox_ .price__box_ .price__outlet_ {
    color: #e20c0c;
}

article .page__item_ .item__face__priceBox_ .price__box_ .price__outletSale_ {
    color: #e20c0c;
}

article .page__item_ .item__face__priceBox_ .price__box_ .price__outletSale_ span {
    color: #000;
    font-size: 16px;
    margin-right: .2em;
}

article .page__item_ .item__face__priceBox_ .price__box_ .price__outletSale_ span.itemPrice_outlet_ {
    text-decoration: line-through;
}

article .page__item_ .item__face__priceBox_ .price__box_ .price__outletSale_ span.itemPrice_tax_ {
    text-decoration: none;
    font-size: .6em;
}

article .page__item_ .item__face__priceBox_ .btn__line1_ + .btn__line1_ {
    margin-top: 25px;
}

article .page__item_ .item__face__priceBox_ .btn__carrArea_ .form__btn__wide_  + .form__btn__wide_ {
    margin-top: 10px;
}

article .page__item_ .item__face__priceBox_ .form__btn__wide_ + .txtLink_ {
    margin-top: 10px;
}

article .page__item_ .item__face__priceBox_ .txtLink_ +.txtLink_ {
    margin-top: 5px;
}

article .page__item_ .item__face__priceBox_ .txtLink_ a {
    color: #229ae1;
    text-decoration: underline;
}

article .page__item_ .item__face__priceBox_ .btn__lensArea_ .form__btn__wide_ + .form__btn__wide_ {
    margin-top: 10px;
}

article .page__item_ .item__face__priceBox_ .form__btn__wide_.btn__cart_ span {
    position: relative;
    display: inline-block;
    padding-left: 32px;
}

article .page__item_ .item__face__priceBox_ .form__btn__wide_.btn__reservation_ span {
    position: relative;
    display: inline-block;
    padding-left: 32px;
}

article .page__item_ .item__face__priceBox_ .form__btn__wide_.btn__order_ span {
    position: relative;
    display: inline-block;
    padding-left: 32px;
}

article .page__item_ .item__face__priceBox_ .form__btn__wide_.btn_backorder_ span {
    position: relative;
    display: inline-block;
    padding-left: 32px;
}

.pageC__actBtn_ .btn_notstock_ {
    width: 240px;
    height: 80px;/*height: 50px;*/
    line-height: 50px;
    text-align: center;
    box-sizing: border-box;
    background: #666;
    color: #fff;
    position: relative;
    vertical-align: top;
    padding-top: 13px;
    border:none;
}

.pageC__actBtn_ .btn_notstock_ span {
    padding-top:14px;
}

.pageC__actBtn_ .btn_notstock_ span img {
    vertical-align: top;
    padding-top: 15px;/*padding-top: 3px;*/
}

.pageC__actBtn_ .form__btn__wide_ .btn_notstock_ > span {
    text-align: left;
    line-height: 1.6;
    margin-top: -3px;
    position: relative;
    display: inline-block;
    padding-left: 32px;
    font-size: 15px;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 3px;

}

.pageC__actBtn_ .form__btn__wide_ .btn_notstock_ span img {
    width: 18px;
    padding-right: 6px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 18px;
    padding-top: 0px;
    padding-left: 7px;
    padding-bottom: 3px;
}

.pageC__actBtn_ .form__btn__wide_ .btn_notstock_ span span {
    display: block;
    padding-left: 0px;
    line-height: 140%;
    padding-bottom: 30px;
}

.pageC__actBtn_ .form__btn__wide_ .btn_notstock_ span small {
    display: block;
}

article .page__item_ .item__face__priceBox_ .form__btn__wide_.btn_notstock_ {
    background: #666;
    padding: 11px;
    box-sizing: border-box; position: relative; height: 80px;
}

article .page__item_ .item__face__priceBox_ .form__btn__wide_.btn_notstock_ > span{
    height: 100%;
}

article .page__item_ .item__face__priceBox_ .form__btn__wide_.btn_notstock_ span{
    position: relative; top: 50%; display: block; transform: translateY(-50%);
}

article .page__item_ .item__face__priceBox_ .form__btn__wide_.btn_notstock_ a {
    border: #666 solid 1px;
    pointer-events: none;
}

article .page__item_ .item__face__priceBox_ .form__btn__wide_.btn_notstock_ img {
    width: 18px;
    height: 18px;
}

article .page__item_ .item__face__priceBox_ .form__btn__wide_.btn_notstock_ span {
    position: relative;
    display: inline-block;
    padding-left: 32px;
    font-size: 15px;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 3px;
}

article .page__item_ .item__face__priceBox_ .form__btn__wide_.btn_notstock_ span .btn_innerTxt {
    display: block;
    padding-left: 0px;
    line-height: 140%;
    padding-bottom: 40px;
}

article .page__item_ .item__face__priceBox_ .form__btn__wide_.btn_notstock_ span small {
    display: block;
    margin-bottom: -6px;
}

article .page__item_ .item__face__priceBox_ .btn__actFocusOn_ span img {
    width: 24px;
    padding-right: 6px;
    position: absolute;
    top: 2px;
    left: 0;
}

article .page__item_ .item__face__priceBox_ .btn__shop_ span {
    position: relative;
    display: inline-block;
    padding-left: 33px;
}

article .page__item_ .item__face__priceBox_ .btn__shop_ img {
    width: 24px;
    padding-right: 6px;
    position: absolute; top: 50%; left: 0; transform: translateY(-50%);
}

article .page__item_ .item__face__priceBox_ .btn__icon_ a {
    display: table;
    position: relative;
}
article .page__item_ .item__face__priceBox_ .btn__icon_ span {
    display: block;display: table-cell; vertical-align: middle;
    padding-left: 30px;
}

article .page__item_ .item__face__priceBox_ .btn__icon_ img {
    width: 24px;
    position: absolute; top: 50%; left: 11px;transform: translateY(-50%);
}

article .page__item_ .item__face__priceBox_ .shippingDate_ {
    border-top: 1px solid #ebebeb;
    margin-top: 15px;
    padding-top: 15px;
}

article .page__item_ .item__face__priceBox_ .shippingDate_ dd {
    font-size: 14px;
    margin-top: 3px;
}

article .page__item_ .price__box_ {
    background: #f7f7f7;
    text-align: center;
    padding: 10px;
}

article .page__item_ .price__box_ p:first-child {
    font-size: 16px;
    margin-bottom: 10px;
}

article .page__item_ .price__box_ p:first-child span {
    font-size: 14px;
}

article .page__item_ .price__box_ p:last-child {
    font-size: 32px;
    line-height: 1.4;
}

article .page__item_ .item__face__priceBox_ .btn_actFocusOn a {
    width: 100%;
    background: #e20c0c;
    display: block;
    color: #fff;
    padding: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 1px solid #e20c0c;
}

article .page__item_ .item__face__priceBox_ .btn__line1_ .cat_ +.cat_ {
    margin-top: 5px;
}

article .page__item_ .item__face__priceBox_ .btn__line1_ .cat_ {
    font-size: 13px;
    color: #229ae1;
    text-align: center;
    background: #f7f7f7;
    padding: 5px;
}

article .page__item_ .item__face__priceBox_ .form__btn__wide_ a {
    border: 1px solid #229ae1;
    width: 100%;
    text-align: center;
    color: #229ae1;
    height: 50px;
    box-sizing: border-box;
    display: block;
    padding: 11px;
}

article .page__item_ .item__face__priceBox_ .form__btn__wide_ {
    margin-top: 5px;
}

article .page__item_ .item__face__priceBox_ .guide_ {
    margin-top: 15px;
}

article .page__item_ .item__face__priceBox_ .guide_ h3 {
    font-size: 16px;
    color: #229ae1;
    margin-bottom: 7px;
}

article .page__item_ .item__face__priceBox_ .guide_ a {
    color: #229ae1;
    text-decoration: underline;
    font-size: 16px;
}

article .page__item_ .item__face__priceBox_ .smallTxt_ a {
    font-size: 14px;
    /*padding: 7px 11px 0;*/
    display: block; display: table;
    padding: 0 11px 0 11px; white-space: nowrap;
    line-height: 1.4;
    position: relative;
}
article .page__item_ .item__face__priceBox_ .smallTxt_ a .small_{
    font-size: 11px;
}

article .page__item_ .item__face__priceBox_ .btn__keep_ {
    position: relative;
    border: 1px solid #229ae1;
    width: 100%;
    text-align: center;
    color: #229ae1;
    height: 50px;
    box-sizing: border-box;
    display: block;
    z-index: 10;
}

article .js__favorite__button01_ {
    padding: 11px 3px 0;
    display: block;
}

article .page__item_ .item__face__priceBox_ .btn__keep_ .js__favorite__button02_ {
    padding: 11px;
    display: block;
    text-align: center;
}

article .page__item_ .item__face__priceBox_ .keep__off_ {
    display: table-cell;
    vertical-align: middle;
}

article .page__item_ .item__face__priceBox_ .keep__on_ {
    display: none;
}


article .page__item_ .item__face__priceBox_ .keep__off_ a,
article .page__item_ .item__face__priceBox_ .keep__on_ a {
    text-decoration: underline;
}

article .page__item_ .item__face__priceBox_ .btn__keep_ span {
    position: relative;
    display: inline-block;
    padding-left: 29px;
}

article .page__item_ .item__face__priceBox_ .btn__keep_ .pop__hukidashiArea2_ {
    width: 370px;
    height: auto;
    position: absolute;
    top: -26px;
    left: -380px;
    padding-right: 16px;
    display: none;
}

article .page__item_ .item__face__priceBox_ .btn__keep_ .pop__hukidashi2_ {
    display: table;
}

article .page__item_ .item__face__priceBox_ .btn__keep_:hover .pop__hukidashiArea2_ {
    display: block;
}

article .page__item_ .item__face__priceBox_ .btn__keep_ a {
    border: 0;
    width: auto;
    text-align: left;
    height: auto;
    display: inline;
    padding: 0;
}

article .page__item_ .item__face__priceBox_ .btn__keep_ img {
    width: 21px;
    padding-right: 6px;
    position: absolute;
    top: 4px;
    left: 0;
}

article .page__item_ .item__face__priceBox_ .btn__keep_ img.on {
    -webkit-animation: blink .25s ease;
    animation: blink .25s ease;
}

@-webkit-keyframes blink {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3);
    }
    80% {
        transform: scale(1);
    }
    90% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes blink {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3);
    }
    80% {
        transform: scale(1);
    }
    90% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

article .page__item_ .item__face__priceBox_ .guide_ {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

article .page__item_ .item__face__priceBox_ .guide_ ul {
    overflow: hidden;
}

article .page__item_ .item__face__priceBox_ .guide_ li {
    float: left;
}

article .page__item_ .item__face__priceBox_ .guide_ li + li {
    padding-left: 15px;
}

article .page__item_ .item__face__priceBox_ .faq_ a {
    color: #229ae1;
    text-decoration: underline;
}

article .page__item_ .swip__main_.swiper-container-horizontal li img {
    width: 80%;
}

article .page__item_ .icon__heart_ {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url(../../../img/private/pc/common/icon_heart_off.png) left top no-repeat;
    background-size: contain;
    width: 28px;
    height: 24px;
    position: absolute;
    top: 21px;
    right: 0;
}

article .page__item_ .choice__box_ {
    width: 70%;
    margin-left: 15%;
}

article .page__item_ .tabTl_ {
    overflow: hidden;
    border-bottom: 1px solid #229ae1;
}

article .page__item_ .tabTl_ li {
    float: left;
    text-align: center;
    width: 33%;
    padding: 12px;
    box-sizing: border-box;
}

article .page__item_ .tabTl_ li {
    color: #229ae1;
    border: 1px solid #229ae1;
    cursor: pointer;
}

article .page__item_ .tabTl_ li.tabSelect_ {
    color: #fff;
    background: #229ae1;
}

article .page__item_ .detailTab_ .item__desc_ dt {
    border-bottom: 1px solid #229ae1;
}

article .page__item_ .tabTl_ li:first-child {
    width: 34%;
}

article .page__item_ .detailTab_ .item__desc_ dt p {
    width: 34%;
    color: #fff;
    background: #229ae1;
    text-align: center;
    padding: 12px;
    box-sizing: border-box;
}

article .page__item_ .detailTab_ .item__desc_ dd {
    padding: 30px 0 70px;
}

article .page__item_ .tabTl_ li + li {
    margin-left: -1px;
}

article .page__item_ .tabCon_ > li {
    padding: 30px 0 70px;
}

article .page__item_ .tabCon_ a {
    color: #229ae1;
    text-decoration: underline;
}

article .page__item_ .sentTxt_ {
    margin-bottom: 25px;
    margin-top: 25px;
}

article .page__item_ .pageLink_ {
    overflow: hidden;
}

article .page__item_ .pageLink_ li {
    float: left;
    font-size: 14px;
    padding-right: 15px;
}

article .page__item_ .txt__focus_ {
    margin-top: 30px;
    color: #ff0000;
}

article .page__item_ .h3__normalTxt_ {
    font-weight: normal;
    font-size: 16px;
}

article .page__item_ .frame__info_ {
    overflow: hidden;
}

article .page__item_ .frame__info__detail_ {
    width: 70%;
    float: left;
    width: -webkit-calc(100% - 320px);
    width: calc(100% - 320px);
}

article .page__item_ .frame__info__image_ {
    float: right;
    width: 291px;
}

article .page__item_ .frame__info__detail_ h3 {
    font-size: 16px;
    text-align: left !important;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

article .page__item_ .frame__info__detail_ .h3Box_ {
    float: left;
    width: 48%;
    margin-bottom: 40px
}

article .page__item_ .frame__info__detail_ .h3Box_:nth-child(2n) {
    margin-left: 4%;
}

article .page__item_ .frame__info__detail_ .h3Box_:last-child,
article .page__item_ .frame__info__detail_ .h3Box_:nth-last-child(2) {
    margin-bottom: 0;
}

article .page__item_ .frame__info__detail_ .h3Box_:nth-child(2n+1) {
    clear: left
}

article .page__item_ article .page__item_ .itemHistory_ h3 {
    font-size: 40px;
    border: none;
    padding-bottom: 0;
    margin: 0 auto 90px;
    width: 655px;
}

article .page__item_ .page__slideArea_.popularItem_ h3 {
    font-size: 40px;
    border: none;
    padding-bottom: 0;
    margin: 50px auto 30px;
    width: 655px;
}

article .page__item_ .page__slideArea_.popularItem_ {
    border-top: 1px solid #ebebeb;
}

article .page__item_ .popularItem_ h4 {
    font-size: 24px;
}

article .page__item_ .swiper-slide__in_ {
    width: 30%;
    float: left;
    margin-right: 5%;
}

article .page__item_ .swiper-slide__in_:last-child {
    margin-right: 0;
}

article .page__item_ .swiper-wrapper {
    width: 100% !important;
}

article .page__item_ .swiper-slide__in_ img {
    width: 100%;
}

article .page__item_ .slideItem__sameBrand_,
article .page__item_ .slideItem__sameColor_,
article .page__item_ .slideItem__sameShape_,
article .page__item_ .slideItem__sameMaterial_ {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 0 80px;
    box-sizing: border-box;
}

article .page__item_ .tabHide_ {
    display:none;
}

article .page__item_ .detailTab_ {
    margin-top: 40px;
}

article .page__item_ .swiper-button-next,
article .page__item_ .swiper-button-prev {
    z-index: 9;
}

article .page__item_ .tabCon_ .lensTypeIcon_ {
    /*border: 1px solid #ebebeb;*/
    background: #f7f7f7;
    display: block;
    margin-bottom: 25px;
    padding: 15px;
}

article .page__item_ .tabCon_ .lensTypeIcon_ li {
    display: inline-block;
    padding: 5px 15px;
    color: #000;
}

article .page__item_ .tabCon_ .lensTypeIcon_ li + li {
    color: #000;
}

article .page__item_ .tabCon_ .lensTypeIcon_ li img {
    padding-right: 3px;
    vertical-align: bottom;
}

article .page__item_ .tabCon_ .downloadBtn_ {
    margin-top: 20px;
}

article .page__item_ .tabCon_ .downloadBtn_ a {
    display: inline-block;
    border: 1px solid #229ae1;
    text-decoration: none !important;
    padding: 10px 20px;
}

article .page__item_ .detail_definitionList_ dt{ font-weight: bold; }
article .page__item_ .detail_definitionList_ dd{ margin-bottom: 20px; }

article .page__item_ .tabCon_ a img {
    padding-right: 10px;
}

article .page__item_ .pageC__actBtn_ a {
    width: 220px;/*width: 240px;*/
    display: block;
    height: 80px;/*height: 50px;*/
    text-align: center;
    padding: 13px 3px 0;
    box-sizing: border-box;
}

article .page__item_ .pageC__actBtn_ a span {
    position: relative;
    display: inline-block;
    padding-left: 32px;
    line-height: 50px;
}

article .page__item_ .pageC__actBtn_ a img {
    width: 24px;
    position: absolute;
    top: 50%;/*top: 2px;*/
    left: 0;
    transform: translateY(-50%);
    display: block;
}

article .page__item_ .pageC__actBtn_ {
    width: auto;
}

article .page__item_ .pageC__actBtn_ ul {
    text-align: center;
}

article .page__item_ .pageC__actBtn_ li {
    display: inline-block;
    vertical-align: top;
}

article .page__item_ .pageC__actBtn_ li + li {
    margin-left: 10px;
    vertical-align: top;
}

article .page__item_ .pageC__actBtn_ li + li a {
    border: 1px solid #229ae1;
    color: #229ae1;
}

article .page__item_ .pageC__actBtn_ li form p.btn_backorder_ {
    border: 1px solid #229ae1;
}

article .page__item_ .pageC__actBtn_ .btn__keep_ {
    width: 180px;/*width: 240px;*/
    height: 80px;/*height: 50px;*/
    text-align: center;
    box-sizing: border-box;
    color: #229ae1;
    position: relative;
    vertical-align: top;
}

article .page__item_ .pageC__actBtn_ .btn__keep_ .pop__hukidashiArea_ {
    width: 370px;
    height: auto;
    position: absolute;
    top: 45px;
    left: -23px;/*left: -53px;*/
    display: none;
    padding-top: 16px;
}

article .page__item_ .pageC__actBtn_ .btn__keep_ .pop__hukidashi_ {
    display: table;
}

article .page__item_ .pageC__actBtn_ .btn__keep_:hover .pop__hukidashiArea_ {
    display: block;
}

article .page__item_ .pageC__actBtn_ .btn__keep_ .pop__hukidashi_ a {
    border: 0;
    width: auto;
    text-align: left;
    height: auto;
    display: inline;
    padding: 0;
    text-decoration: underline;
}

article .page__item_ .pageC__actBtn_ .btn__keep_ span {
    position: relative;
    display: inline-block;
    padding-left: 29px;
    line-height: 50px;
}

article .page__item_ .pageC__actBtn_ .btn__keep_ img {
    width: 21px;
    padding-right: 6px;
    position: absolute;
    top: 50%;/*top: 4px;*/
    left: 0;
    transform: translateY(-50%);
    text-align: center;
}

article .page__item_ .pageC__actBtn_ .btn__keep_ img.on {
    -webkit-animation: blink .25s ease;
    animation: blink .25s ease;
}

article .page__item_ .pageC__actBtn_ .btn__keep_ .keep__off_ {
    display: table-cell;
    vertical-align: middle;
}

article .page__item_ .pageC__actBtn_ .btn__keep_ .keep__on_ {
    display: none;
}

article .page__item_ .itemHistory_ li:nth-child(5n+1) {
    clear: left;
}

article .page__item_ .popularItem_ h4 {
    color: #229ae1;
    text-align: center;
    font-size: 30px;
    margin-bottom: 50px;
}

article .page__item_ .popGroup_ + .popGroup_ {
    margin-top: 70px;
}

article .page__item_ .item__nameBox_ {
    margin-top: 30px;
    margin-bottom: 10px;
}

article .page__item_ .item__nameBox_ p {
    font-size: 20px;
}

article .page__item_ .item__nameBox_ span {
    display: block;
    font-size: 16px;
}

article .page__item_ .item__caution_ {
    clear: both;
    font-size: 12px;
    padding-top: 30px;
    line-height: 1.8;
}

article .page__item_ .swiper__notFirst_ {
    display: none;
}

article .page__item_ .itemHistory_ .pageTitle_ {
    border: 0;
    font-size: 28px;
}

article .page__item_ .page__slideArea_ .swiper-slide a {
    color: #000;
    display: block;
}

article .page__item_ .review_top_ {
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 10px;
}

article .page__item_ .review_top_ p {
    overflow: hidden;
    color: #2299e1;
    line-height: 1;
    margin-bottom: 20px;
}

#user_review {
    border-top: #ebebeb solid 1px;
    margin-top: 30px;
    padding-top: 30px;
}

.common_headline2_.userreview_ {
    border: none;
    background: none;
    font-size: 20px;
    font-weight: normal;
    color: #229ae1;
    padding: 10px 10px 8px 0;
}

.userreview_none {
    margin-bottom: 30px;
}

/* review_intro_ */
div.review_count_summary_ {
    width: 261px;
    border-right: none;
}

div.review_count_summary_ dl.review_score_ dt {
    font-weight: normal;
    margin-top: 4px;
}

div.review_count_summary_ dl.review_count_ dt {
    font-weight: normal;
}


div.review_desc_ {
    width: 500px;
    padding: 10px 10px 0 10px;
}

div.review_desc_ .btn_review_ {
    padding: 10px 10px 20px 10px;
}

div.review_intro_ {
    border-bottom: #ebebeb solid 1px;
}

.review_line_ {
    padding-bottom: 20px;
    margin-bottom: 60px;
    border-bottom: 1px solid #ebebeb;

}

.container_ .review_ .submit_ {
    overflow: hidden;
}

.container_ .review_ .centertext_ {
    margin-bottom: 30px;
}

.container_ .review_ .submit_ p {
    width: 335px;
    display: block;
    float: left;
    text-align: center;
    padding: 15px 7px;
    height: 50px;
    font-size: 16px;
    box-sizing: border-box;
    line-height: 1.3;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #229ae1;
    display: block;
    position: relative;
    border: 1px solid #229ae1;
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    transition: .25s ease-out;
}

.container_ .review_ .btn__review_ {
    width: 335px;
    display: block;
    float: right;
    padding: 15px 7px;
    height: 50px;
    font-size: 16px;
    box-sizing: border-box;
    line-height: 1.3;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #229ae1;
    color: #fff;
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    transition: .25s ease-out;
}

.container_ .review_ .submit_ p:hover {
    opacity: .3;
}

.container_ .review_ .btn__review_:hover {
    opacity: .3;
}

#btn__review_ {
    display: none;
}

div.review_line_summary_ {
    margin-bottom: 18px;
}

div.review_line_summary_ dl.review_line_name_ dt {
    font-weight: normal;
}

div.review_count_summary_ dl.review_score_ dd img {
    height: auto;
}

div.review_line_summary_ dl.review_line_name_ dt img {
    height: auto;
    vertical-align: top;
}

div.review_line_summary_ dl.review_line_name_ dd {
    font-size: 16px;
}

div.review_line_summary_ dl.review_line_name_ dd b {
    font-weight: normal;
}

article .page__item_ .page__slideArea_.popularItem_ h3 {
    margin: 10px auto 10px;
    color: #000;
    width: auto;
    font-size: 18px;
    text-align: left;
    font-weight: normal;
    padding-top: 0;
}

.moderate_info2_ {
    margin-top: 0;
}

.moderate_info2_ span {
    color: #229ae1;
}

.moderate_other_ {
    margin-top: 5px;
    line-height: 1.8;
}

.moderate_other_ strong {
    font-weight: normal;
}

.moderate_vote_ {
    background: none;
    font-weight: normal;
    padding: 0;
    margin-bottom: 5px;
}

.moderate_vote_link_ {
    color: #229ae1;
}

div.moderate_vote_list_ {
    border: #229ae1 solid 1px;
    padding: 0 30px 20px 30px;
    margin-top: -53px;
    margin-left: 280px;
}

div.moderate_vote_list_:before {
    left: -18px;
    border-color: transparent transparent #229ae1 transparent;
}

div.moderate_vote_list_:after {
    left: -16px;
    border-color: transparent transparent #fff transparent;
}

div.moderate_vote_list_:before,
div.moderate_vote_list_:after {
    content: '';
    position: absolute;
    top: 25px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    transform: rotate(-90deg);
}

span.moderate_vote_item_ {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
}

span.moderate_vote_item_:before {
    width: 20px;
    height: 1px;
    content: "";
    display: block;
    background: #229ae1;
    position: absolute;
    top: 10px;
    left: 0;
    transform: rotate(45deg);
}

span.moderate_vote_item_:after {
    width: 20px;
    height: 1px;
    content: "";
    display: block;
    background: #229ae1;
    position: absolute;
    top: 10px;
    left: 0;
    transform: rotate(-45deg);
}

.review_pagenav_ {
    background: none;
    margin: 0 0 50px 0;
}

#review_form a {
    width: 334px;
    background: #229ae1;
    color:  #fff;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 12px 0;
}

#review_form img {
    margin-right: 16px;
}

div#page_changer_top {
    font-size: 16px;
}

div#page_changer_top .pager_now_ {
    color: #000;
    font-weight: normal;
    margin: 2px 20px 0 0;
}

div#page_changer_top .pager_ref_ {
    text-decoration: none;
    font-weight: normal;
}

.mode_select_line_ {
    font-size: 16px;
    line-height: 2;
}

article .page__item_ .review_topBtn_ {
    position: relative;
    margin-left: 20px;
    padding-right: 20px;
}

article .page__item_ .review_topBtn_:after {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    border-bottom:  #2299e1 solid 1px;
    border-right:  #2299e1 solid 1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 4px;
    right: 0;
}

.input__redBtn_ {
    width: 240px;
    text-align: center;
    height: 80px; /*height: 50px;*/
    line-height: 50px;
    box-sizing: border-box;
    display: block;
    padding: 11px;
    background: #e20c0c;
    color: #fff;
    border: 1px solid #e20c0c;
    margin-bottom: 10px;
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    transition: .25s ease-out;
}
.input__redBtn_:hover {
    opacity: .6;
}

.input__redBtn_ span {
    position: relative;
    display: inline-block;
    padding-left: 12px;
}

.input__redBtn_ span img {
    width: 24px;
    padding-right: 6px;
    position: absolute;
    left: 0;
    top: 50%;/*top: 2px;*/
    transform: translateY(-50%);
}

.input__redBtn_ + input {
    display: none;
}
.item__face__priceBox_ .input__redBtn_ {
    height: 80px;
    /*line-height: 50px;*/
    line-height: 140%; position: relative;
    padding: 0;
}

.item__face__priceBox_ .input__redBtn_ span img{
    top: 50%;
    transform: translateY(-50%);
    padding: 10px;
    margin-right: 15px;
    display: block;
}

.item__face__priceBox_ .input__redBtn_ > span{ 
    top: 50%; 
    transform: translateY(-50%); 
    margin-left: 3px;
    widows: 100%;
}

.item__face__priceBox_ .input__redBtn_ > span .btn_innerTxt { 
    text-align: left;
    margin: 10px;
    display: block;
    padding-left: 10px;
    margin-left: 25px;
}

.item__face__priceBox_ .input__redBtn_ > span{ top: 50%; transform: translateY(-50%); margin-left: 3px;}
.item__face__priceBox_ .input__redBtn_ > span .btn_innerTxt{ text-align: left; padding-left: 10px; }

.item__face__priceBox_ .input__redBtn_ > span small{ display: block;}

.pageC__actBtn_ .input__redBtn_ {
    width: 320px;
    line-height: 140%; position: relative;
}

.pageC__actBtn_ .input__redBtn_ > span{ top: 50%; transform: translateY(-50%); padding-right: 10px; }
.pageC__actBtn_ .input__redBtn_ > span .btn_innerTxt{ text-align: left; padding-left: 35px; width: 95%; }

.pageC__actBtn_ .input__redBtn_ > span small{ display: block;}

.pageC__actBtn_ .input__redBtn_ > span img { 
    margin-left: 10px;
}

/* #searchItem__popup */
#searchItem__popup .accordion__area_.shopSearch__area__prefecturesinbox_ {
    position: relative;
}

#searchItem__popup .accordion__titlePlus_ .accordion__title_{
    padding: 0;
}

#searchItem__popup .accordion__titlePlus_ .accordion__title_:before {
    top: 35px;
    right: 80px;
}

#searchItem__popup .accordion__titlePlus_ .accordion__title_:after {
    top: 45px;
    right: 70px;
}

.display_full_ .mfp-container {
    padding: 0 !important;
}

.display_full_ .mfp-content {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    background: #fff;
    padding: 0 !important;
}

.display_full_ .mfp-content {
    height: auto !important;
}

.display_full_ .mfp-close {
    right: 2px !important;
    top: 9px !important;
}

.display_full_ .container_ {
    margin-bottom: 0 !important;
}

article .page__item_ .mfp-inline-holder .mfp-content ,
article .page__item_ .mfp-ajax-holder .mfp-content {
    padding: 0 !important;
}

#popup h3.h3__title_ {
    font-weight: bold;
    margin-bottom:0;
}

.mfp-content table tr:first-child {
    background-color:#f7f7f7;
}

#popup table {
    margin-top:40px;
}

#popup table td {
    border:1px solid #e6e6e6;
    font-size: 16px;
}

#popup table, #popup table tr {
    width: 100%;
}

#popup td {
    padding:20px;
}

#popup tr.coupon__tableTitle_ td {
    width: 100%;
}
.coupon__tableSelect_ {
    text-decoration: underline;
    margin-top:10px;
    font-size: 16px;
    text-align: right;
}

article .page__item_ .mfp-container {
    padding: 0 !important;
}

#searchItem__popup .mfp-container {
    padding: 0;
}

#searchItem__popup .shopSearch__area__prefecturesinbox_ .h3__title_ {
    padding: 30px 70px;
    font-size: 18px;
}

#searchItem__popup .accordion__title_.on:before {
    top: 41px;
}

#searchItem__popup .info__layout__block_ .info__layout__innerBlock_ {
    border-bottom: 1px solid #ebebeb;
}

#searchItem__popup .accordion__inner_ {
    padding: 0 70px;
    border-bottom: 1px solid #2299e1;
}

#searchItem__popup .info__layout__block_ {
    margin-top: 20px;
}

#searchItem__popup .info__layout__block_ .h4__title_ {
    font-size: 18px;
}

#searchItem__popup .info__layout__innerBlock_ a {
    color: #000;
    display: table;
    width: 100%;
}

#searchItem__popup .h4TitleBlock {
    display: table-cell;
    vertical-align: top;
    width: 40%;
}

#searchItem__popup .info__sideLayout_ {
    display: table-cell;
    vertical-align: top;
    width: 60%;
}

#searchItem__popup .info__sideLayout__inner_ {
    float: right !important;
}

#searchItem__popup .stockTl_ {
    font-size: 18px;
    color: #2299e1;
}

#searchItem__popup .stockTxt_ {
    font-size: 14px;
}

#searchItem__popup .info__layout__block_ .info__layout__innerBlock_:last-child {
    border: none;
}

#page__topBtn {
    width: 45px;
    height: 45px;
    background: #8bcdf0;
    display: block;
    border-radius: 100%;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 12;
}

#page__topBtn:after {
    width: 14px;
    height: 14px;
    display: block;
    content: "";
    position: absolute;
    top: 18px;
    left: 16px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: #fff solid 1px;
    border-left: #fff solid 1px;
}

.goods__saleCurrentPrice {
    font-size: 12px;
}

/* ---------------------------------------------------------------
ユーザーレビュー
--------------------------------------------------------------- */

div.review_ {
    width: auto;
    padding: 0;
}

.review_ .common_headline2_ {
    color: #229ae1;
    border-bottom: none;
    margin-top: 40px;
    font-size: 20px;
    font-weight: normal;
}

.review_ .goodsinfo_ a {
    text-decoration: underline;
}

.review_table_ div.star_base_ {
    width: 135px;
    height: 22px;
    background: url(../../../img/private/pc/user_review/star.png);
    position: relative;
}

.review_table_ div.star_select_ {
    width: 135px;
    height: 22px;
    background: url(../../../img/private/pc/user_review/star.png);
    background-repeat: no-repeat;
}

.review_ .container_ .formdetail_ td,
.review_ .container_ .formdetail_ th {
    display: block;
    overflow: hidden;
}

.review_ .container_ .formdetail_ th {
    border: none;
    background: none;
    font-weight: normal;
    margin-bottom: 12px;
}

.review_ .container_ .formdetail_ td {
    border: none;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom:  #ebebeb solid 1px;
}

.review_table_ div.star_select_link_ {
    float: right;
    color: #229ae1;
}

#title_count_msg {
    color: #229ae1;
}

#reviewer_name_count_msg, #title_count_msg, #comment_count_msg {
    float: right;
}

.review_submit_ {
    border: none;
}

.review_submit_ span {
    width: 335px;
    background: #229ae1;
    color: #fff;
    display: block;
    margin: 0 auto;
    padding: 15px 0;
    line-height: 1;
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    transition: .25s ease-out;
}

.review_submit_ span:hover {
    opacity: .3;
}

.container_ .review_ .error_ {
    display: block;
    padding-top: 0;
}

.review__note_ {
    margin-top: 40px;
    margin-bottom: 60px;
}

.review__note_ h4 {
    color: #e20c0c;
    margin-bottom: .5em;
}

.review__note_ p {
    margin-bottom: 1.5em;
}

.review_backbutton_  a {
    width: 335px;
    border: #229ae1 solid 1px;
    color: #229ae1;
    display: block;
    margin: 0 auto;
    padding: 15px 0;
    line-height: 1;
}

.review_line_title_ {
    border-bottom: none;
    border-top: 1px solid #CCC;
    margin-top: 30px;
    padding-top: 30px;
    font-size: 18px;
    font-weight: normal;
}

.review_ .must_ {
    margin-left: 20px;
}

.review_table_ .title_ {
    color: #229ae1;
}

.review__complete_ .common_headline2_ {
    color: #000;
    font-size: 16px;
    padding: 0;
}

.review__complete_ p {
    margin-bottom: 30px;
}


/* ---------------------------------------------------------------
マイページ
--------------------------------------------------------------- */

.page__menu_ .category__list_ {
    margin-top: 0px;
    margin-bottom: 0px;
}

.page__menu_ .category__list__title_ {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 20px;
    color: #229ae1;
}

.page__menu_ .category__title_ {
    color: #229ae1;
    font-size: 20px;
}

.page__menu_ .category__item_:first-of-type {
    padding-top: 15px;
    border-top: 1px solid #ebebeb;
}

.page__menu_ .category__item_ {
    overflow: hidden;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ebebeb;
}

.page__menu_ .category__item_:last-of-type {
    margin-bottom: 0;
}
.page__menu_ .category__item_.mymenu_item_{
    overflow: visible;
}
.page__menu_ .category__item_.mymenu_item_:before,
.page__menu_ .category__item_.mymenu_item_:after {
	content: ""; display: table; border-collapse: collapse;
}
.page__menu_ .category__item_.mymenu_item_:after { clear: both; }

.page__menu_ .category__list_ .category__icon_ {
    float: left;
    width: 40px;
    margin: 0;
}

.page__menu_ .category__list_ .category__icon_ a {
    text-align: right;
    display: flex;
    height: 30px;
    align-items: center;
    justify-content: flex-end;
    position: relative;
}

.page__menu_ .category__list_ .category__icon_ a img {
    vertical-align: middle;
}

.page__menu_ .category__list_ .mymenu__addAddress_,
.page__menu_ .category__list_ .category__desc_ {
    float: right;
    width: 640px;
}

.page__menu_ .category__list_ .category__desc_ {
    margin: 0;
}

.page__menu_ .category__list_ .category__desc_ p {
    margin: 0;
}

.page__menu_ .category__list_ .mymenu__addAddress_ {
    padding: 20px;
    margin-top: 15px;
    margin-bottom: 5px;
}

.page__menu_ .category__list_ .mymenu__addAddress_ p,
.page__menu_ .category__list_ .mymenu__addAddress_ li a {
    font-size: 14px;
}

.page__menu_ .category__list_ .mymenu__addAddress_ p {
    margin-left: 0;
    margin-bottom: 5px;
}

.page__menu_ .category__list_ .mymenu__addAddress_ ul {
    margin-left: 0;
}

.page__menu_ .category__list_ .mymenu__addAddress_ li {
    list-style: none;
    margin-left: 0;
}

.page__menu_ .category__list_ .mymenu__addAddress_ li a {
    color: #000;
}

.page__menu_ .category__list_ .mymenu__addAddress_ li a:hover {
    text-decoration: underline;
}

/* ---------------------------------------------------------------
購入履歴系
--------------------------------------------------------------- */

.page__history__cat_ td,
.page__history__cat_ th {
    font-weight: normal;
    background: none;
    border: 0;
}


.page__history__cat_ .pItemLead_ {
    margin-top: 50px;
    margin-bottom: 40px;
    overflow: hidden;
    border: 0;
    padding-bottom: 0;
}

.page__history__cat_ .pItemLead_ .pItemLead__detail_ {
    float: left;
    width: 500px;
    padding-right: 30px;
    box-sizing: border-box;
}

.page__history__cat_ .pItemLead_ .pItemLead__detail_ tr {
    overflow: hidden;
}

.page__history__cat_ .pItemLead_ .pItemLead__detail_ tr:not(:last-of-type) {
    margin-bottom: 3px;
}

.page__history__cat_ .pItemLead_ .pItemLead__detail_ th,
.page__history__cat_ .pItemLead_ .pItemLead__detail_ td {
    float: left;
    border: 0;
}

.page__history__cat_ .pItemProcessimage_ {
    width: 200px;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.page__history__cat_ .blueArea_ {
    background: #e8f5fc;
    padding: 30px;
    box-sizing: border-box;
}

.page__history__cat_ .blueArea_ {
    margin-bottom: 50px;
    border: 0;
}

.page__history__cat_ .blueArea_ .white__areaBox_ {
    background: #fff;
    border: 1px solid #8bcdf0;
    padding: 30px;
}

.page__history__cat_ .blueArea_ .title__box_ {
    color: #229ae1;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
}

.page__history__cat_ .frameBox_ {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 30px;
}

.page__history__cat_.container_ .table__product__layout_ {
    padding: 0;
    border: 0;
}

.page__history__cat_.container_ .table__product__layout_ .tProduct__img_ {
    width: inherit;
    height: inherit;
    display: block;
    border: 0;
    margin-bottom: 10px;
}

.page__history__cat_.container_ .table__product__layout_ .tProduct__img_ .imgBox_ {
    width: 130px;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ebebeb;
    margin-bottom: 5px;
}

.page__history__cat_.container_ .table__product__layout_ .tProduct__img_ .txtBox_ {
    display: block;
    text-align: center;
}

.page__history__cat_.container_ .table__product__layout_ .tProduct__detail_ a,
.page__history__cat_.container_ .table__product__layout_ .tProduct__img_ a {
    text-decoration: underline;
    display: block;
}

.page__history__cat_.container_ .table__product__layout_ .tProduct__detail_ {
    width: 420px;
}

.page__history__cat_ .table__product__layout_ {
    margin-bottom: 25px;
}

.page__history__cat_ .table__product__layout_.goodsInfo__sub_ {
    margin-bottom: 20px;
}

.page__history__cat_ .table__product__layout_.goodsInfo__sub_ td:not(:last-of-type) {
    margin-bottom: 10px;
}

.page__history__cat_ .table__product__layout_ + .table__product__layout_ .tProduct__detail_ {
    float: none;
}

.page__history__cat_ .frameBox_ .item__calBox_ {
   margin-bottom: 30px;
}

.page__history__cat_ .frameBox_ .item__calBox_ td {
    text-align: right;
}

.page__history__cat_ .blueArea_ .grassTypeBox_ {
    overflow: hidden;
    margin-bottom: 20px;
}

.page__history__cat_ .blueArea_ .grassTypeBox_ dl {
    float: left;
    width: 289px;
}

.page__history__cat_ .blueArea_ .lensBox_ .h3__title_ {
    font-size: 16px;
    margin-bottom: 3px;
}

.page__history__cat_ .blueArea_ .grassTypeBox_ dl + dl {
    float: right;
}

.page__history__cat_ .blueArea_ .prescriptionBox_ table {
    margin: 5px 0 30px;
    width: 100%;
}

.page__history__cat_ .blueArea_ .prescriptionBox_ table th,
.page__history__cat_ .blueArea_ .prescriptionBox_ table td {
    border: 1px solid #ebebeb;
    padding: 12px 7px;
    font-weight: normal;
    box-sizing: border-box;
}

.page__history__cat_ .blueArea_ .prescriptionBox_ table th,
.page__history__cat_ .blueArea_ .prescriptionBox_ table td {
    text-align: center;
}

.page__history__cat_ .blueArea_ .prescriptionBox_ table tbody th {
    width: 194px;
}

.page__history__cat_ .blueArea_ .prescriptionBox_ table tbody td {
    width: 193px;
}

.page__history__cat_ .blueArea_ .lensType_ {
    overflow: hidden;
    margin-bottom: 20px;
}

.page__history__cat_ .blueArea_ .lensType_ dl {
    float: left;
    width: 289px;
}

.page__history__cat_ .blueArea_ .lensType_ dl + dl {
    float: right;
}

.page__history__cat_ .blueArea_ .lensGuarantee_ {
    overflow: hidden;
    margin-bottom: 20px;
}

.page__history__cat_ .blueArea_ .lensGuarantee_ dl {
    float: left;
    width: 289px;
}

.page__history__cat_ .blueArea_ .lensGuarantee_ dl + dl {
    float: right;
}

.page__history__cat_ .totalCal_ {
    margin-bottom: 50px;
}

.page__history__cat_ .totalCal_ th span {
    display: block;
    font-size: 14px;
}

.page__history__cat_ .totalCal_ th span.itemPrice_tax_ {
    display: inline-block;
    font-size: 0.6em;
}

.page__history__cat_ .totalCal_ .total_ td {
    font-size: 20px;
    font-weight: bold;
    color: #e20c0c;
}

.page__history__cat_ .form__box_ {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 30px;
}

.page__history__cat_ .giftrap_ {
    border-top: 1px solid #ebebeb;
    border-bottom: none;
    margin-bottom: 10px;
}

.page__history__cat_ .giftrap_ .h3__title_ {
    margin-bottom: 10px;
}


.page__history__cat_ .delivery__info_ .h3__title_ {
    margin-bottom: 10px;
}

.page__history__cat_ .delivery__info_ .common_headline2_ {
    border: 0;
    padding: 0;
}

.page__history__cat_ .delivery__info_ table {
    margin-bottom: 40px;
}

.page__history__cat_ .delivery__info_ table tr {
    margin-bottom: 20px;
}

.page__history__cat_ .delivery__info_ table th {
    color: #2299e1;
    float: none;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 10px;
}

.page__history__cat_ .delivery__info_ .method_addr_ {
    padding-left: 0;
}

.page__history__cat_ .serviceCase_ {
    overflow: hidden;
    margin-top: 30px;
}

.page__history__cat_ .serviceCase_ .serviceCase__img_ {
    width: 73px;
    height: 73px;
    box-sizing: border-box;
    border: 1px solid #ebebeb;
    float: left;
}

.page__history__cat_ .serviceCase_ .serviceCase__img_ img {
    width: 100%;
}

.page__history__cat_ .serviceCase_ .serviceCase__text_ {
    width: 487px;
    height: 73px;
    float: right;
    display: flex;
}

.page__history__cat_ .history__list_ table.formdetail_ {
     margin-top: 0px;
     border-top: none;
}

.container__inner_.history__captionInner_ {
    margin-top:30px;
    margin-bottom:30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
}

.page__history__list_ .history__one_.history__captionone_ {
    padding-bottom: 0px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
    position: relative;
}


.page__history__cat_ .lensSale_ td{
    text-align:right;
}

.page__history__cat_ .lensSale_ td:before {
    content: 'キャンペーン価格';
    font-size: 12px;
    font-weight: bold;
    color:#e20c0c;
    white-space: nowrap;
    display: block;
}

/* ---------------------------------------------------------------
購入履歴(実店舗)
--------------------------------------------------------------- */
.page__historyshopdetail_.page__history__cat_ .pItemLead_ .pItemLead__detail_ {
    float: none;
    width: 100%;
    overflow: hidden;
    padding-right: 0;
}

.page__historyshopdetail_ .pItemLead__detail_ tr {
    width: 350px;
    float: left;
}

.page__historyshopdetail_ .pItemLead__detail_ tr:first-of-type {
    width: 100%;
}

.page__historyshopdetail_ .pItemLead__detail_ tr:nth-of-type(2n + 1) {
    float: right;
}

.page__historyshopdetail_.page__history__cat_ .blueArea_ .prescriptionBox_ table {
    margin: 5px 0 10px;
}

.page__historyshopdetail_ .accordion__area_ {
    border: 1px solid #2299e1;
    box-sizing: border-box;
    margin-bottom: 25px;
}

.page__historyshopdetail_ .accordion__title_ {
    text-align: center;
}

.page__historyshopdetail_ .accordion__area_ ul {
    padding: 15px 30px 30px 30px;
}

.page__historyshopdetail_.page__history__cat_ .blueArea_ .grassTypeBox_ dl {
    float: none;
    width: 100%;
}

.page__historyshopdetail_.page__history__cat_ .blueArea_ .lensType_ {
    margin-bottom: 0;
}

.page__historyshopdetail_.page__history__cat_ .blueArea_ .lensType_ dl {
    float: none;
    width: 100%;
}

.page__historyshopdetail_ .item__calBox_ {
    margin-top: 30px;
}

.history__infoText_{
    border:1px solid #229ae1;
    margin-bottom: 50px;
}

.history__infoText_ p{
    padding:20px;
}

.page__history__cat_ .pItemProcessimage_.pItemProcesshistorydetailimage_ {
    margin-bottom: 10px;
}

.purcheased__historydetailitemBox_ {
    margin-top: 40px;
}

.history__infoTextBold_ {
    font-weight: bold;
}

/* ---------------------------------------------------------------
ご注文キャンセル
--------------------------------------------------------------- */
.page__salescancel_ .lead__title_ {
    margin: 40px 0;
}

.page__salescancel_ .lead__title_ .h3__title_ {
    margin-bottom: 0;
}

.page__salescancel_ .form__box_ .method_addr_ {
    padding-left: 0;
}

.page__salescancel_ .form__box_ .h3__title_ {
    margin-bottom: 10px;
}

.page__salescancel_ .delivery__how_ dl,
.page__salescancel_ .destination_ dl {
    display: flex;
}

.page__salescancel_ .destination_ dt {
    min-width: 80px;
}

.page__salescancel_ .delivery__how_ dt {
    min-width: 160px;
}

.page__salescancel_ .delivery__how_ dd,
.page__salescancel_ .destination_ dd {
    flex: 1;
}

.page__salescancel_ .cancelReason__box_ .h3__title_ {
    margin-bottom: 10px;
}

.page__salescancel_ .cancelReason__box_ td p {
    margin-bottom: 10px;
}

.page__salescancel_ .cancelReason__box_ td p img {
    position: relative;
    top: -0.1em;
}

.page__salescancel_ .cancelReason__box_ {
    border: 0;
}

.page__salescancel_ .cancelReason__box_ .formSelectWrap_ {
    display: block;
}

.page__salescancel_ .cancelReason__box_ tr + tr:not(:last-of-type) {
    margin-bottom: 30px;
}

.page__salescancel_ .cancelReason__box_ textarea {
    padding: 15px;
}

.page__salescancel_ .cancelReason__box_ {
    margin-bottom: 40px;
}

.page__salescancel_ .submitTxt_ {
    color: #2299e1;
    text-align: center;
    font-size: 20px;
}

.page__salescancel_.container_ .btn__line2_ {
    margin-top: 40px;
}

.page__salescancel_ .btn__line1_ {
    margin-top: 40px;
}

.page__salescancel_  .formConfirm_ tr:first-child {
   border-top: 1px solid #ebebeb;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 30px;
}
.page__salescancel_  .formConfirm_ tr {
   border-top: none;
    padding-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 30px;
}

.page__salescancel_  .formConfirm_ tr:last-child {
    border-top: none;
    padding-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 0px;
}
/* ---------------------------------------------------------------
購入履歴一覧系
--------------------------------------------------------------- */

.page__history__list_ .history__list_ {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0;
}

.page__history__list_.page__history__cat_ .history__list_ .table__product__layout_ .tProduct__detail_ {
    width: 550px;
}

.page__history__list_.page__history__cat_ .pItemLead_ {
    margin-top: 0;
}

.page__history__list_.page__history__cat_ .pItemLead_ .pItemLead__detail_ {
    float: none;
    width: 100%;
    padding-right: 0;
}

.page__history__list_ .other__info__box_ {
    margin-top: 40px;
    overflow: hidden;
}

.page__history__list_ .other__info__box_ > div {
    width: 200px;
    height: 50px;
}

.page__history__list_ .history__one_ {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #ebebeb;
    position: relative;
}

.page__history__list_.page__history__cat_ .pItemLead_ table.pItemLead__detail_ tr:first-child {
    width: 100%;
    float: none;
}

.page__history__list_.page__history__cat_ .pItemLead_ table.pItemLead__detail_ tr {
    display: inline-block;
    border-bottom: none;
    padding: 0px;
}

.page__history__list_.page__history__cat_ .pItemLead_ table.pItemLead__detail_ tr th {
    display: inline-block;
    font-size: 16px;
    width: auto;
    color:#000;
}

.page__history__list_.page__history__cat_ .pItemLead_ table.pItemLead__detail_ tr td {
    display: inline-block;
    width: auto;
}

div.cardedit_ .formdetailcard_ th {
    border:none;
    display: block;
    width: 100%;
    background-color:transparent;
    color: #2299e1;
    font-size: 20px;
    line-height: 1;
    font-weight: normal;
    border-bottom: 0;
    padding: 0;
    margin-bottom: 10px;
    margin-top: 20px;
}

div.cardedit_ .btn__line3_ .form__btn_ input {
    margin-right: 0;
}

div.cardedit_ .formdetailcard_ td {
    border:none;
    display: block;
    width: 100%;
    padding:8px 0px;
}

.cardedit_ .btn__line2_ .form__btn_.form__blueBtn_ input {
    padding:0;
}

div.cardedit_ .submit_ {
    margin-top: 50px;
}

.cardedit_ .btn__line2_ .form__btn_.form__blueBtn_ {
    width: 335px;
}

.customer_ .cardedit_ form .cardedit_info_ table.formdetail_.cardlist_ th {
    background: transparent;
    border-bottom: none;
    color:#229ae1;
    display: block;
    padding-left:0;
    font-size: 20px;
    font-weight: normal;
}

.cardupdate_ span.jsok_ input.submit__btn_ {
    width: 335px;
    height: 50px;
    text-align: center;
    padding: .5em;
    font-size: 16px;
    background-color: #229ae1;
    color: #fff;
    border: none;
    font-weight: normal;
    margin-right: 0;
}

.cardupdate_ .submit_ {
    overflow: hidden;
}

.cardupdate_ span.jsok_ {
    float: right;
}

.cardupdate_ .form__btn_ {
    float: left;
    width: 335px;
}

.customer_ .cardupdate_ form .cardupdate_info_ table.formdetail_.jsok_ {
    border-top: 1px solid #CCC;
    margin-top:20px;
}

.customer_ .cardupdate_ form .cardupdate_info_ table.formdetail_ tr {
    border-bottom:1px solid #ccc;
    display: block;
    padding:20px 0;
}

.customer_ .cardupdate_ form .cardupdate_info_ table.formdetail_.jsok_ th {
    background: transparent;
    border-bottom: none;
    color:#229ae1;
    display: block;
    padding-left:0;
    font-size: 20px;
    font-weight: normal;
}

.customer_ .cardupdate_ form .cardupdate_info_ table.formdetail_.jsok_ td{
    display: block;
}

.pItemLead__Clearfix_ {
    overflow: hidden;
}

.page__history__list_ .history__one_ .history__oneIconbox_ {
   position: absolute;
   top:0;
   right:0;
   overflow: hidden;
}

.page__history__list_ .history__one_ .history__oneIcon_ {
   display: inline-block;margin-left: 15px;
}

.history__oneIcon_.popup__btn_ {
    width: auto;
    height: auto;
}

.history__oneIcon_.popup__btn_ a:focus {
    outline: 0;
}

.pItemLead_ .history__oneIconbox_ {
    text-align:right;
     overflow: hidden;
}

.pItemLead_ .history__oneIcon_ {
   display: inline-block;
   margin-left: 15px;
}

/* ---------------------------------------------------------------
購入履歴一覧（オンラインストア）
--------------------------------------------------------------- */

.page__history_ .pItemLead_ tbody {
    overflow: hidden;
}

.page__history_ .pItemLead_ tr {
    display: inline-block;
}

.page__history_ .pItemLead_ tr:nth-of-type(1) {
    width: 100%;
}

.page__history_ .pItemLead_ tr:nth-of-type(n+2) {
    margin-right: 50px;
}

.page__history_ .other__info__box_ > div {
    float: right;
}

.page__history_ .other__info__box_ > div:nth-of-type(2) {
    float: right;
}

input.btn_cart_l_:hover {
    opacity: 0.3;
}

input[type="image"].btn_cart_l_ {
    padding: 0;
}

.btn_cart_l_ {
    width: 100%;
    position: relative;
    text-align: center;
    height: 50px;
    box-sizing: border-box;
    display: block;
    padding: 11px;
    padding-left: 45px;
    background: #e20c0c !important;
    color: #fff !important;
    border: 1px solid #e20c0c !important;
}

.btn_cart_l_:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 44px;
    width: 30px;
    height: 20px;
    background: url(../../../img/private/pc/item/icon_cart.png) center center no-repeat;
    background-size: contain;
}

.form__btn__wide_ .btn_cart_l_ {
    width: 240px;
}

/* ---------------------------------------------------------------
購入履歴一覧（実店舗）
--------------------------------------------------------------- */
.page__historyshop_ .other__info__box_ > div {
    float: right;
}

/* ---------------------------------------------------------------
購入履歴一覧（実店舗）
--------------------------------------------------------------- */
.page__salescancelcomplete_ .top_comment_ {
    margin-top: 40px;
    text-align: center;
    font-size: 20px;
    color: #2299e1;
}

.page__salescancelcomplete_.container_ div.col1_ {
    min-height: inherit;
}

.page__salescancelcomplete_.container_ .btn__line2_ {
    margin-top: 40px;
}

/* ---------------------------------------------------------------
ユーザー情報 登録・変更系
--------------------------------------------------------------- */
div.container_ table.contact_ th,
.container_ table.passchange_ th,
.container_ table.mailchange_ th,
.container_ table.custdest_ th {
    width: 100%;
}

.page__userinfo_ .submit__container_ {
    margin-top: 50px;
}

.page__userinfo_ .formContent_ tr {
    padding-bottom: 30px;
}

.page__userinfo_ .formContent_ .no__separate_ {
    padding-bottom: 0;
}

.page__userinfo_ .message_ {
    font-size: 14px;
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 30px;
    line-height: 1.8;
}

.page__userinfo_ .customer_ .customerconfirm_ {
    margin-bottom: 0;
}

.page__userinfo_.container_ .formConfirm_ th {
    margin-bottom: 10px;
}

/*完了メッセージ*/
.complete__message_ {
    margin-top: 30px;
    padding-bottom: 20px;
    line-height: 1.8;
}

.page__userinfo_ table.formdetail_{
    border-top: none;
}

/* ---------------------------------------------------------------
パスワード再設定
--------------------------------------------------------------- */
.page__askpass_ .submit__container_ {
    margin-top: 80px;
}

.askpass_ a {
    font-size: 14px;
}

.page__passchange_ .submit__container_ .submit_.btn__line1_ .form__btn_ .back__btn_ {
    float: none;
    margin: 30px auto 0;
}
/* ---------------------------------------------------------------
パスワード再設定完了
--------------------------------------------------------------- */
.page__askpasscomplete_ div.col1_ {
    min-height: auto;
}

/* ---------------------------------------------------------------
マイ店舗一覧
--------------------------------------------------------------- */
.page__mystore_ .h3__title_ {
    margin-top: 50px;
    text-align: center;
}

.page__mystore_ .h4__title_ {
    font-size: 18px;
}

.page__mystore_ .btn__line1_{
    padding: 30px 0;
    border-bottom: 1px solid #ebebeb;
    text-align: center;
}

.page__mystore_ .list_line_{
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 20px;
    overflow:hidden;
}

.page__mystore_ .store_name_{
    margin-top: 35px;
    width: 500px;
    float: left;
}
.page__mystore_ .btnBox_{
    margin-top: 20px;
    float: right;
}
.page__mystore_ .imgBtn__line1_{
    margin-top: 40px;
}

.page__mystore_ a{
    text-decoration: underline;
}

.page__mystore_ .message_ {
    font-size: 14px;
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 30px;
    line-height: 1.8;
}

.page__mystore_ .btn__regist_ {
    width: 270px;
}
/* ---------------------------------------------------------------
マイ店舗検索
--------------------------------------------------------------- */
.page__myStore_search_ .h3__title_ {
    margin-top: 20px;
}

.page__myStore_search_ .search__addr_ {
    border-bottom: 1px solid #ebebeb;
}

.page__myStore_search_ .formLayout__line2__irregular_ {
    margin: 30px auto;
}

.page__myStore_search_ .imgBtn__line1_ {
    margin-top: 40px;
}

/* ---------------------------------------------------------------
マイ店舗検索結果一覧
--------------------------------------------------------------- */
.page__myStoreSearch__list_ .container__inner_,
.page__myStoreSearch__list_ h2.pageTitle_ {
    width: 770px;
}

.page__myStoreSearch__list_ .info__layout__innerBlock_ {
    overflow: hidden;
}

.page__myStoreSearch__list_ .cb__box_ {
    position: relative;
    margin: 5px 0 40px 0;
    float: left;
}

.page__myStoreSearch__list_ .info__layout__innerBlock_ a{
    float: right;
    width: 700px;
}

.page__myStoreSearch__list_ .shopPlace_ dd:nth-of-type(2){
    width: 525px;
    margin-top: 0;
}

.page__myStoreSearch__list_ .shopTel_,
.page__myStoreSearch__list_ .shopTime_{
    display: none;
}

.page__myStoreSearch__list_ .mystore_info_ {
    padding-top: 30px;
}

.page__myStoreSearch__list_ .submit__container_ .submit__btn_,
.page__myStoreSearch__list_ .submit__container_ .back__btn_{
    width: 370px
}


/* ---------------------------------------------------------------
カード情報確認
--------------------------------------------------------------- */
.page__cardedit_ div.customer_status_ {
    margin-bottom: 30px;
}

div.cardedit_info_ {
    padding-top: 30px;
}

.cardedit_info_ table.formdetail_ {
    border-top: none;
    margin-top: 0;
    border-bottom:1px solid #ebebeb;
}

.cardedit_info_ table.formdetail_ th{
    border-top: none;
}

.cardedit_info_ table.formdetail_ td{
    border-top: none;
    border-bottom: none;
    padding-left:0;
}

.cardedit_info_ .common_headline2_{
    color: #2299e1;
    font-size: 20px;
    line-height: 1;
    font-weight: normal;
    border-bottom: 0;
    padding: 0;
}

.page__cardedit_ .common_headline2_ {
    color: #2299e1;
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1;
    font-weight: normal;
    border-bottom: 0;
    padding: 0;
}

.page__cardedit_ .cardlist_ {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
}

.page__cardedit_ .formdetail_ th {
    color: #2299e1;
    font-size: 20px;
    margin-bottom: 15px;
    line-height: 1;
    font-weight: normal;
    border-bottom: 0;
    padding: 0;
    background: none;
    border-top: 0;
    width: 100%;
}

.page__cardedit_ .formdetail_ td {
    border: 0;
}

.page__cardedit_ .formdetail_ tr {
    margin-top: 30px;
}

.page__cardedit_.page__userinfo_ .message_ {
    padding-bottom: 0;
    border-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.page__cardedit_ .cardedit_auth_ td,
.page__cardedit_ .cardedit_auth_ th {
    width: 100%;
    padding: 0;
}

.page__cardedit_ .btn__line2_ {
    margin-top: 50px;
}

.btn__line2_ .btn__act_ {
        background: #229ae1;
    color: #fff;
}

.page__cardedit_ .message_ + .submit__container_ {
    margin-top: 70px;
}

/* ---------------------------------------------------------------
入荷案内申し込み商品リスト/お気に入り
--------------------------------------------------------------- */
.container_ div.customer_ .goodslist__frame_ {
    border-bottom: 0;
    border-top: 0;
}

.container_ .goodslist__frame_ .one__goods_ {
    position: relative;
    border-top: 1px solid #ebebeb;
    border-bottom: 0;
    padding-top: 30px;
    padding-bottom: 30px;
}

.container_ .goodslist__frame_ .one__goods_:last-of-type {
    padding-bottom: 10px;
}

.goodslist__frame_ div.one__goods_ div.img_ {
    width: 130px;
    height: 130px;
    padding: 0;
    display: block;
    overflow: visible;
}

.goodslist__frame_ div.one__goods_ div.desc_ {
    padding: 0;
    float: right;
    width: 500px;
    padding-right: 50px;
    box-sizing: border-box;
    display: block;
}

.goodslist__frame_ .img_ a {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ebebeb;
    width: 100%;
    height: 100%;
}

.container_ .goodslist__frame_ .img_ img {
    width: 100%;
}

.goodslist__frame_ .price_ {
    color: #000;
    font-size: 16px;
    font-weight: normal;
}

.goodslist__frame_ .spec_ p {
    margin-bottom: 5px;
}

.goodslist__frame_ div.one__goods_ div.del_ {
    position: absolute;
    top: 10px;
    right: 10px;
    float: none;
    display: block;
    width: 25px;
}

/*入荷案内申し込み*/
.page__backorder_ .navipage_.top_ {
    text-align: left;
    color: #229ae1;
    padding: 0;
    margin: 25px 0;
    font-size: 20px;
}

.page__backorder_ .navipage_sum_ strong {
    font-weight: normal;
}

.page__backorder_ .btn__line1_ {
    margin-top: 80px;
}

/*お気に入り*/
.page__bookmark_ .navipage_.top_ {
    text-align: left;
    color: #229ae1;
    padding: 0;
    margin: 25px 0 10px;
    font-size: 20px;
}

.page__bookmark_ .navipage_.top_ + p {
    margin-bottom: 25px;
}

.page__bookmark_ .navipage_sum_ strong {
    font-weight: normal;
}

.page__bookmark_ .btn__line1_ {
    margin-top: 80px;
}

.page__bookmark_ .push__cart_ input {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    text-decoration: underline;
    color: #229ae1;
}

/* ---------------------------------------------------------------
アンケート
--------------------------------------------------------------- */

.page__form_ .questionnaire_box_ {
    margin-bottom: 30px;
    padding-bottom: 0;
    border-bottom: 0;
}

.page__form_ .questionnaire_box_ .common_headline2_ {
    color: #2299e1;
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1;
    position: relative;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 15px;
    font-weight: normal;
}

.page__form_ .questionnaire_box_ .desc_ {
    padding: 0;
    margin-bottom: 20px;
    border-bottom: 0;
}

.page__form_ .questionnaire_box_ .questionnaire_box_content_ {
    padding: 0;
}

.page__form_ .questionnaire_box_content_ .radio__label_,
.page__form_ .questionnaire_box_content_ .checkbox__label_{
    margin-right: 20px;
}

.page__form_ .questionnaire_box_content_ select {
    border-bottom: 0;
}

.page__form_ .free__content_ {
    height: 300px;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.page__form_ .formContent_ tr {
    border-bottom: 0;
    padding-bottom: 0;
    margin-top: 30px;
}

.page__form_ .formContent_ .fContent__title_ {
    width: 100%;
}

.page__form_ .formContent_ .has__under_ + tr {
    margin-top: 15px;
}

.page__form_ .formContent_ .has__under_ .fContent__title_ {
    margin-bottom: 15px;
}

.page__form_ .formContent_ .fContent__layout__line2_ input {
    margin-top: 5px;
}

.page__form_ .small_ {
    display: block;
}

.page__form_ .formContent_ .fContent__select__wrap_ select {
    margin-top: 0;
    margin-bottom: 0;
}

.page__form_ .formContent_ .fContent__layout__line3_ .fContent__select__wrap_:nth-of-type(3n+1):after {
    top: 17px;
}

.page__form_ .formContent_ .fContent__layout__line3_ .fContent__select__wrap_:nth-of-type(3n+2):after {
    top: 17px;
}

.page__form_ .formContent_ .fContent__layout__line3_ .fContent__select__wrap_:nth-of-type(3n+3):after {
    top: 17px;
}

/* サイズ */
.page__form_ .form__sizeS_ {
    width: 180px;
}

.page__form_ .form__sizeM_ {
    width: 220px;
}

.page__form_ .form__sizeL_ {
    width: 335px;
}


/* questionnaire */
div.questionnaire_ div.questionnaire_box_ { padding-top: 20px;}
div.questionnaire_ div.questionnaire_box_ .common_headline2_{ line-height: 1.6;}
div.questionnaire_box_ div.desc_{  border-bottom:none; padding: 0 0 20px 0px;}
div.questionnaire_box_ img.must_{ margin-left: 0; }
div.questionnaire_box_ .questionnaire_box_content_+.small_{ display: inline-block; margin-top: 20px;}

/* radio , check */
div.questionnaire_ div.questionnaire_box_ div.questionnaire_box_content_ label{ padding-left: 0;}
div.questionnaire_ div.questionnaire_box_ div.questionnaire_box_content_ input[type="checkbox"]+label,
div.questionnaire_ div.questionnaire_box_ div.questionnaire_box_content_ input[type="radio"]+label{ display: inline;}
div.questionnaire_ div.questionnaire_box_ div.questionnaire_box_content_ label:before{ display: none; }
div.questionnaire_ div.questionnaire_box_ div.questionnaire_box_content_ input[type="checkbox"]+label:after,
div.questionnaire_ div.questionnaire_box_ div.questionnaire_box_content_ input[type="radio"]+label:after{content: "\A" ; white-space: pre ;}

div.questionnaire_ div.questionnaire_box_ div.questionnaire_box_content_ input[type="checkbox"]{
  width: 20px; height: 20px; background: #f1f1f1; border: 2px solid #ccc; -webkit-box-shadow:none ;box-shadow:none; margin: 5px 10px 8px 0;
}
div.questionnaire_ div.questionnaire_box_ div.questionnaire_box_content_ input[type="checkbox"]:checked:before,
div.questionnaire_ div.questionnaire_box_ div.questionnaire_box_content_ input[type="checkbox"]:checked:after{
  background: #229ae1; -webkit-box-shadow:none ;box-shadow:none; height:2px;
}
div.questionnaire_ div.questionnaire_box_ div.questionnaire_box_content_ input[type="checkbox"]:checked:before{
  left: -2px; top: 12px;
}
div.questionnaire_ div.questionnaire_box_ div.questionnaire_box_content_ input[type="checkbox"]:checked:after{
  left: 7px; top: 12px; width: 13px;
}
div.questionnaire_ div.questionnaire_box_ table.formdetail_ td input[type="radio"],
div.questionnaire_ div.questionnaire_box_ div.questionnaire_box_content_ input[type="radio"]{
  display: inline-block; border: 2px solid #ebebeb; width: 20px; height: 20px; margin: 5px  10px 5px 0;
}
div.questionnaire_ div.questionnaire_box_ table.formdetail_ td input[type="radio"] + label,
div.questionnaire_ div.questionnaire_box_ div.questionnaire_box_content_ input[type="radio"] + label{ margin-right: 20px; font-size: 16px;}
div.questionnaire_ div.questionnaire_box_ table.formdetail_ td input[type="radio"]:checked,
div.questionnaire_ div.questionnaire_box_ div.questionnaire_box_content_ input[type="radio"]:checked{}
div.questionnaire_ div.questionnaire_box_ table.formdetail_ td input[type="radio"]:checked:before,
div.questionnaire_ div.questionnaire_box_ div.questionnaire_box_content_ input[type="radio"]:checked:before{
  margin: -6px 0 0 -6px; width: 12px; height: 12px;
}
div.questionnaire_ div.questionnaire_box_ div.questionnaire_box_content_ input[type="radio"]:checked + label:after{ display: inline;content: "\A" ; white-space: pre ; position: static;}

/* select */
div.questionnaire_ div.questionnaire_box_ select{
  width: 382px; height: 50px; margin: 0; padding: .5em .5em .5em 1em;font-size: 16px; float: none;
  border: #229ae1 solid 1px; box-sizing: border-box; text-align: left; position: relative; display: block; margin-bottom: 5px; margin-top: 5px;
}
div.questionnaire_ div.questionnaire_box_ .selectMenu{
  position: relative; display: inline-block;
}
div.questionnaire_ div.questionnaire_box_ .selectMenu:after{
  content: ""; width: 10px; height: 10px; display: block; position: absolute; top: 20px; right: 1.5em; border-bottom: #229ae1 solid 1px; border-right: #229ae1 solid 1px;
  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); pointer-events: none;
}

/* table */
div.questionnaire_ div.questionnaire_box_ table.formdetail_ tr { border-bottom: 1px solid #ebebeb; padding-bottom: 20px; }
div.questionnaire_ div.questionnaire_box_ table.formdetail_ tr:first-child th { padding-top: 0; }
div.questionnaire_ div.questionnaire_box_ table.formdetail_ td .small_{ display: block; margin-top: 10px; }
div.questionnaire_ div.questionnaire_box_ table.formdetail p { padding: 0; }
div.questionnaire_ div.questionnaire_box_ table.formdetail_ th,
div.questionnaire_ div.questionnaire_box_ table.formdetail_ td{
  font-size:14px; border-bottom:none; display: block; padding: 20px 0; width: 100%; border: none;
}
div.questionnaire_ div.questionnaire_box_ table.formdetail_ th{
  font-size:20px; font-weight: normal; word-break:keep-all; background:none; box-sizing: border-box; padding-bottom: 0; color: #229ae1;
}
div.questionnaire_ div.questionnaire_box_ table.formdetail_ td input[type="text"]{ font-size: 16px; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
div.questionnaire_ div.questionnaire_box_ table.formdetail_ td.sizeL_ input[type="text"]{ width: 100%; }
div.questionnaire_ div.questionnaire_box_ table.formdetail_ td.sizeM_ input[type="text"]{ width: 35%; margin-right: 10px; }

div.questionnaire_ div.questionnaire_box_ table.formdetail_ td select{ width: 100%; }
div.questionnaire_ div.questionnaire_box_ table.formdetail_ td.sizeL_ .selectMenu{ width: 382px; }
div.questionnaire_ div.questionnaire_box_ table.formdetail_ td.sizeS_ .selectMenu{ width: 28%; margin-left: 10px; }
div.questionnaire_ div.questionnaire_box_ table.formdetail_ td.sizeS_ .selectMenu:first-child{ margin-left: 0; }

div.questionnaire_ div.questionnaire_box_ p.error_{ padding: 0; }


/* ---------------------------------------------------------------
メールマガジン
--------------------------------------------------------------- */
.page__mag_ div.mail_ table th {
    width: 100%;
}

.page__mag_ .submit__container_ {
    margin-top: 30px;
}

.page__mag_ .form__blueBtn_ {
    display: block;
}

.page__mag_ .form__blueBtn_ .submit__btn_ {
    float: none;
}

.page__mag_ .common_headline2_ {
    margin-top: 30px;
    color: #2299e1;
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1;
    position: relative;
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    padding-top: 30px;
    padding-bottom: 30px;
    font-weight: normal;
}

.page__mag_ .message_ {
    border-bottom: 0;
    padding-bottom: 0;
}

.page__mag_ .grayArea_ {
    margin-top: 30px;
    margin-bottom: 30px;
    height: 30vh;
    background: #f7f7f7;
}

.page__mag_ .scroll__content_ {
    padding: 30px 0 30px 30px;
}

.page__mag_.page__userinfo_ .mail_ .form__btn_{
    width: 335px;
}

/* ---------------------------------------------------------------
ログインページ
--------------------------------------------------------------- */
.page__login_ .container__inner_{
    width: 900px;
}

.page__login_ .login_wrapper_ {
    width: 872px;
    margin: 30px auto 0;
    font-size: 16px;
}

.page__login_ div.login_col_left_ ,
.page__login_ div.login_col_right_ {
    width: 400px;
    box-sizing: border-box;
}

.page__login_ .container__inner_ .login_col_inner,
.page__login_ .container__inner_ .login_col_section,
.page__login_ .container__inner_ .loginform_ {
    padding: 0;
}

.page__login_ .container__inner_ .loginform_  .form_text_ {
    padding: 0;
    margin-bottom: 0;
}

.page__login_ .pageTitle_ {
    width: 900px;
}

.page__login_ div.login_ table.loginform_ th {
    text-align: left;
    font-weight: normal;
    padding: 0;
}

.page__login_ div.login_wrapper_ table.loginform_ td input.login_pwd_,
.page__login_ div.login_wrapper_ table.loginform_ td input.login_uid_mail_ {
    width: 100%;
}

.page__login_ div.login_ table.loginform_ td {
    padding: 0;
}

.page__login_ .login_wrapper_ .common_headline2_area_ {
    font-size: 20px;
    padding: 0;
    color: #229ae1;
    background: #fff;
    margin-left: 0;
    display: block;
    margin-bottom: 10px;
    line-height: 20px;
}

.page__login_ .formContent_ tr:first-of-type {
    margin-top: 0;
}

.page__login_ .formContent_ tr {
    margin-top: 20px;
    border-bottom: 0;
    padding-bottom: 0;
}

.page__login_ .form__btn_ {
    margin-top: 30px;
}

.page__login_ .form__blueBtn_ {
    width: 100%;
}

.page__login_ .form__blueBtn_ input {
    width: 100%;
}

.page__login_ .cb__box_ {
    margin-top: 10px;
    text-align: right;
}

.page__login_ .cb__box_ label span {
    color: #229ae1;
}

.page__login_ .formContent_ input {
    margin-top: 10px;
}

.page__login_ div.login_ div.askpass_ {
    text-align: left;
    margin-top: 15px;
}

.page__login_ div.login_ div.askpass_ a {
    text-decoration: underline;
}

.page__login_ .loginform_ + .loginform_ {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ebebeb;
}

.page__login_ .amazon__account_ input {
    margin: 0 auto;
    display: block;
}

.page__login_ div.error_ {
    margin-top: 30px;
}

/* ---------------------------------------------------------------
ログアウト
--------------------------------------------------------------- */
.page__logout_ p {
    margin-top: 30px;
    margin-bottom: 70px;
}

.page__logout_ h2 + p a {
    text-decoration: underline;
}

/* ---------------------------------------------------------------
お問い合わせ完了
--------------------------------------------------------------- */
.page__thanks_.page__userinfo_ .message_ {
    padding-bottom: 0;
    margin-bottom: 0;
    margin-bottom: 50px;
    border-bottom: 0;
    font-size: 16px;
}

/* ---------------------------------------------------------------
退会
--------------------------------------------------------------- */
.page__withdrawal_ .withdrawal__desc_ {
    color: #e20c0c;
    line-height: 1.8;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 20px;
}

/* ---------------------------------------------------------------
退会完了
--------------------------------------------------------------- */
.page__withdrawalcomplete_ div.col1_ {
    min-height: auto;
}

/* ---------------------------------------------------------------
お問い合わせ Mypage
--------------------------------------------------------------- */
.page__contact_ textarea {
    padding: 15px;
}

/* ---------------------------------------------------------------
お問い合わせ履歴一覧
--------------------------------------------------------------- */
.page__contactlist_ .navipage_.top_ {
    text-align: left;
    padding-bottom: 25px;
    padding-top: 0;
    margin-top: 25px;
    margin-bottom: 0;
    border-bottom: 1px solid #ebebeb;
}

.page__contactlist_ .navipage_sum_ strong {
    font-weight: normal;
}

.page__contactlist_ div.contact_ ul.contactlist_ li {
    padding: 0;
    border-bottom: 0;
    margin-top: 25px;
}

.page__contactlist_ div.contact_ ul.contactlist_ li a {
    color: #000;
    text-decoration: underline;
}

.page__contactlist_ .btn__line1_ {
    margin-top: 70px;
}

/* ---------------------------------------------------------------
お問い合わせ履歴詳細
--------------------------------------------------------------- */
.page__contactdetail_ div.customer_status_ {
    margin-bottom: 25px;
}

.page__contactdetail_ .contactdetail_title_ {
    border-top: 0;
    border-bottom: 1px solid #ebebeb;
    padding: 0 0 25px 0;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 25px;
}

.page__contactdetail_ .contactdetail_title_ .id_ {
    font-size: 16px;
    font-weight: normal;
}

.page__contactdetail_ div.contactlist_ .contactlist_order_id_ {
    font-size: 14px;
}

.page__contactdetail_ div.contactlist_line_ {
    margin-top: 15px;
}

.page__contactdetail_ div.contactlist_line_ .contactlist_head_ {
    background: none;
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
}

.page__contactdetail_ div.contactlist_line_ .contactlist_head_ .name_ {
    padding: 8px;
    padding-left: 20px;
    font-weight: normal;
}

.page__contactdetail_ div.contactlist_line_ .contactlist_head_ .updt_ {
    padding: 8px;
    padding-right: 20px;
}

.page__contactdetail_ div.contactlist_line_ .comment_ {
    padding: 15px 20px;
    display: none;
}

.page__contactdetail_ .contactdeteal__p_ {
    border-top: 1px solid #ccc;
    padding-top:40px;
    margin-top: 40px;
}

.page__contactdetail_ .btn__line1_ {
    margin-top: 50px;
}

.page__contactdetail_.page__userinfo_ .message_ {
    font-size: 14px;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ebebeb;
    margin-bottom: 30px;
    line-height: 1.8;
    text-align: left;
    padding-bottom: 0;
    border-bottom: none;
}

.contact_reform_ .back__btn_ {
    width: 335px;
    display: block;
    float: left;
}

.page__contactdetail_ textarea {
    background: #f4fafd;
}

/* ---------------------------------------------------------------
クーポン
--------------------------------------------------------------- */
.page__coupon_ div.customer_status_ {
    margin-bottom: 25px;
}

.page__coupon_ .navipage_.top_ {
    text-align: left;
    color: #229ae1;
    padding: 0;
    margin: 25px 0;
}

.page__coupon_ .navipage_sum_ strong {
    font-weight: normal;
}

.page__coupon_ .listContent_ {
    border: 1px solid #ebebeb;
    border-bottom: 0;
}

.page__coupon_ .listContent_ + .listContent_ {
    margin-top: 30px;
}

.page__coupon_ .listContent_ thead th {
    background:#f7f7f7;
    color: #229ae1;
    text-align: left;
    border-bottom: 1px solid #ebebeb;
    box-sizing: border-box;
    padding: 15px 20px;
}

.page__coupon_ .listContent_ tbody th {
    width: 230px;
    border-right: 1px solid #ebebeb;
    box-sizing: border-box;
    padding: 15px 18px;
    text-align: left;
    border-bottom: 1px solid #ebebeb;
    white-space: pre-wrap;
}

.page__coupon_ .listContent_ tbody td {
    width: 468px;
    box-sizing: border-box;
    padding: 15px 18px;
    text-align: left;
    border-bottom: 1px solid #ebebeb;
    white-space: pre-wrap;
}

.page__coupon_ .btn__line1_ {
    margin-top: 80px;
}

.terms__box_ {
    padding-bottom: 40px;
    border-bottom: 1px solid #ebebeb;
}

.page__consent_ .terms__box_ h2 {
    font-size: 20px;
    color:#229ae1;
    margin-top: 40px;
    margin-bottom: 40px;
}

.page__consent_ .terms__box_ h2.pageTitle_ {
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 0;
}

.terms__box_ .h3__title_ {
    margin-top: 30px;
    margin-bottom: 0;
}

.terms__box_:last-child {
    border-bottom: none;
}

.corporate_ .h3__title_ {
    margin-top: 30px;
    margin-bottom: 5px;
    font-size: 16px;
}
.corporate_ .form__btn_ {
    margin: 0 auto;
}

.corporate_ #googleMaps {
    margin-bottom: 30px;
    width: 100%!important;
}

.terms__pdf_ {
    overflow: hidden;
    margin-top: 30px;
}

.terms__pdfBox_ {
    float: left;
    margin-right: 10px;
}

.suisyoubrouser {
    font-weight: bold;
}

.legal__cyuui_ {
    margin-top: 40px;
    font-size: 14px;
}

.obi__online_ {
    background:#fd9827;
}

.obi__frame_ {
    background:#e94a92;
}

.obi__lens_ {
    background:#e20c0c;
}

.obi__security_ {
    background:#89c551;
}

.obi__shop_ {
    background:#179be1;
}

.obi__price_ {
    background:#fdc504;
}

.obi__sungrass_ {
    background:#844d9e;
}

.obi__another_ {
    background:#2261e1;
}

.obi__order_ {
    background:#fd8b04;
}

.obi__delivery_ {
    background:#3d9015;
}

.obi__line_ {
    background:#08bf5b;
}

.qa__mark_ {
    color:#229ae1;
    margin: 0 5px 0 15px;
}

.qa__question_ .obiTxt_ {
    margin-left: 0;
    padding: 3px 5px;
}

.qa__container_ h2 {
    margin-bottom: 50px;
}

.qa__question_ {
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
}

.qa__question_ a {
    color: #000;
}

.qa__answer_ {
    padding-left:20px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: relative;
}

.qa__answer_ p {
    margin-bottom: 15px;
}

.qa__answer_:after {
    content: "A";
    position: absolute;
    top:0;
    left:0;
    color:#229ae1;
}

.qa__answer_ p img {
    margin: 0 auto;
    display: block;
}

.qa__answerRed_ {
    color:#ff1900;
}

img.qa__answerBlank_ {
    vertical-align: middle;
    margin: -4px 0 0 10px;
}

.caution {
    color: #FF0000;
}

.qa__answerbold_ {
    font-weight: bold;
}

.qa__imgbox_ {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.qa__question_ .obiTxt_:first-child {
    margin-left: 0px;
}

.qa__question_ .obiTxt_ {
    margin-left: 10px;
}

.qa__center_ {
    text-align: center;
    margin-top: 30px;
}

.helpPanel__img {
    width: 328px;
    margin-left: 32px;
    margin-bottom: 27px;
    float: right;
}

.helpPanel__img img {
    width: 328px;
    height:auto;
}

.qa__indexTabbox_ {
    overflow:hidden;
}

.qa__indexTabbox_ li {
    color:#229ae1;
    background:#fff;
    width: 298px;
    padding:10px 25px;
    float:left;
    border:1px solid #229ae1;
    position: relative;
}

.qa__indexTabbox_ li.select {
    background:#229ae1;
    color:#fff;
}

.qa__indexTabFirst_ p {
    padding-top:1px;
}

.qa__indexTabSec_ {
    padding: 10px 25px 11px;
}

.qa__indexTabboxFixed_ {
    position:fixed;
    top: 70px;
    z-index:10;
    width: 700px;
}

.qa__indexTabboxinner_ {
    padding-top: 30px;
}

.qa__indexTabboxinner_.on {
    padding-top: 77px;
}

.qa__indexTabboxinner_ .accordion__inner_ li {
    padding: 15px 0 15px 0px;
}

.qa__indexTabboxhide_ {
    display:none;
}

.strongRed {
    color:#e20c0c;
}

.qa__indexTabbox_ li:first-child .qa__indexTabImg_ {
    width: 18px;
    height:18px;
    background: url('../../../img/private/pc/guide/online_icon.png') center center no-repeat;
    background-size: 100%;
    margin-right: 10px;
}

.qa__indexTabbox_ li:first-child.select .qa__indexTabImg_ {
    width: 18px;
    height: 18px;
    background: url('../../../img/private/pc/guide/online_icon_on.png') center center no-repeat;
    background-size: 100%;
    margin-right: 10px;
}

.qa__indexTabbox_ li:last-child .qa__indexTabImg_ {
    width: 18px;
    height:18px;
    background: url('../../../img/private/pc/guide/shop_icon.png') center center no-repeat;
    background-size: 100%;
    margin-right: 10px;
}

.qa__indexTabbox_ li:last-child.select .qa__indexTabImg_ {
    width: 18px;
    height:18px;
    background: url('../../../img/private/pc/guide/shop_icon_on.png') center center no-repeat;
    background-size: 100%;
    margin-right: 10px;
}

.qa__indexTabImg_ {
    display: inline-block;
}


.qa__indexTabboxLibox_ .accordion__inner_ p {
    padding-left: 20px;
    color:#000;
}

.qa__indexTabbox_ li .qa__indexTabImg_ {
    position: absolute;
    top: 12px;
    left: 15px;
}

.qa__indexTabbox_ li p {
    padding-left: 20px;
}

.qa__indexacordion_ p {
    color:#000;
}

.qa__indexacordion_ dt {
    display:block;
    position: relative;
    width:680px;
    height:50px;
    line-height:50px;
    text-align:left;
    padding-left:20px;
    border:#229ae1 1px solid;
    cursor:pointer;
    margin-top: 10px;
    color:#229ae1;
    font-weight: bold;
}

.qa__indexacordion_ dd {
    width:100%;
    line-height:50px;
    padding:20px 0;
    border:#229ae1 1px solid;
    border-top:none;
    display:none;
}
.qa__plus_ {
    position: absolute;
    top:15px;
    right:30px;
    width: 20px;
    height: 20px;
    background: url('../../../img/private/pc/qa/plus.png')  center center no-repeat;
    background-size: 100%;
}

.qa__indexacordion_ dd:active .qa__plus_ {
    background: url('../../../img/private/pc/qa/minus.png')  center center no-repeat;
    background-size: 100%;
}

.qa__indexacordion_ dd p {
    padding-left: 20px;
}

.qa__indexQ_ {
    color:#229ae1;
    margin-right: 5px;
}

.qa__hidden_ {
    display: none;
    margin-bottom:50px;
}

.qa__toph3 {
    overflow: hidden;
    padding: 30px 0 ;
    border-bottom: #229ae1 1px solid;
    margin-bottom: 30px;
}

.qa__toph3 h3 {
    float: left;
    color:#229ae1;
    line-height: 2em;
    margin-right: 20px;
}

.qa__toph3 p {
    float: left;
    font-size: 14px;
}

.qa__moreRead_ {
    display: table;
    padding:10px 50px 10px 20px;
    border:1px solid #229ae1;
    text-align: center;
    position: relative;
    margin: 0 auto 70px;
    color: #229ae1;
}

.qa__moreRead_:after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-bottom: solid 2px #229ae1;
    border-right: solid 2px #229ae1;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -8px;
}

.qa__box_ {
    border: 1px solid #2299e1;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.qa__box_ p.accordion__title_ {
    padding-left:20px;
    font-weight: bold;
}

.qa__form__midBtn_ {
    margin: 30px auto 0;
}

.qa__online17 {
    margin-left:211px;
}

.square__online_ {
    color:#fd9827;
}

.square__frame_ {
    color:#e94a92;
}
.square__lens_ {
    color:#e20c0c;
}

.square__security_ {
    color:#89c551;
}
.square__shop_ {
    color:#179be1;
}
.square__price_ {
    color:#fdc504;
}

.square__sungrass_ {
    color:#844d9e;
}
.square__another_ {
    color:#2261e1;
}

.square__order_ {
    color:#fd8b04;
}

.square__delivery_{
    color:#3d9015;
}

.square__line_{
    color: #08bf5b;
}

.sitemap__toph3 {
    overflow: hidden;
    padding: 50px 0 10px;
    border-bottom: #229ae1 1px solid;
    margin-bottom: 30px;
}

.sitemap__toph3Noneborder {
    border-bottom:none;
}

.sitemap__toph3 h3 {
    float: left;
    color:#229ae1;
    line-height: 2em;
    margin-right: 20px;
}

.sitemap__toph3 p {
    float: left;
    font-size: 14px;
}

.sitemap__container_ {
    overflow: hidden;
}

.sitemap__container_ p {
    width: 233px;
    display: inline-block;
    margin-bottom: 15px;
    font-size: 14px;
}

.sitemap__container_ p span {
    font-size: 14px;
}

.sitemap__container_ p.sitemap__db_ {
    display: block;
    width: 700px;
    margin-bottom: 30px;
}

.sitemap__container_ p.sitemap__db_.sitemap__dbSearch_ {
    margin-bottom: 15px;
}

.sitemap__container_ li {
    margin-bottom: 15px;
}

.sitemap__container_ p img {
    vertical-align: middle;
    margin: -4px 0 0 8px;
}

.sitemap__container_ .sitemap__floatBox_ {
    float: left;
    width: 195px;
    margin-bottom: 50px;
}

.sitemap__container_ .sitemap__floatBox_TypeColor_ {
    float: left;
    width: 80px;
}

.sitemap__container_ h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
    height:16px;
}

.sitemap__containerFour_ {
    overflow: hidden;
}

.sitemap__containerFour_ p {
    display: inline-block;
    width: 25%;
    vertical-align: top;
    height: 3em;
}

.sitemap__TypeBox_ li a span {
    width: 45px;
    height: 17px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: cover;
}

.sitemap__TypeBox_ li.item__shape_1_ span {
    background-image: url(../../../img/private/pc/common/shape_square.png);
}

.sitemap__TypeBox_ li.item__shape_2_ span {
    background-image: url(../../../img/private/pc/common/shape_oval.png);
}

.sitemap__TypeBox_ li.item__shape_3_ span {
    background-image: url(../../../img/private/pc/common/shape_wellington.png);
}

.sitemap__TypeBox_ li.item__shape_4_ span {
    background-image: url(../../../img/private/pc/common/shape_boston.png);
}

.sitemap__TypeBox_ li.item__shape_5_ span {
    background-image: url(../../../img/private/pc/common/shape_round.png);
}

.sitemap__TypeBox_ li a {
    color: #229ae1;
    text-align: left;
    position: relative;
    line-height: 1;
    padding: 0 0 0 60px;
}

.sitemap__floatBox_TypeColor_ li {
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 20px 10px 0;
}

.sitemap__floatBox_TypeColor_ li a {
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 100%;
    overflow: hidden;
}

.sitemap__floatBox_TypeColor_ li span {
    width: 20px;
    height: 20px;
    display: block;
}

.sitemap__floatBox_TypeColor_ li.item__color__1_ span {
    background: #000;
}

.sitemap__floatBox_TypeColor_ li.item__color__2_ span {
    background: #999;
}

.sitemap__floatBox_TypeColor_ li.item__color__3_ span {
    background: #960;
}

.sitemap__floatBox_TypeColor_ li.item__color__4_ span {
    background: #060;
}

.sitemap__floatBox_TypeColor_ li.item__color__5_ span {
    background: #039;
}

.sitemap__floatBox_TypeColor_ li.item__color__6_ span {
    background: #639;
}

.sitemap__floatBox_TypeColor_ li.item__color__7_ span {
    background: #fc0;
}

.sitemap__floatBox_TypeColor_ li.item__color__8_ span {
    background: #f6b1d8;
}

.sitemap__floatBox_TypeColor_ li.item__color__9_ span {
    background: #c00;
}

.sitemap__floatBox_TypeColor_ li.item__color__10_ span {
    background: #f60;
}

.sitemap__floatBox_TypeColor_ li.item__color__11_ span {
    background: url(../../../img/private/pc/common/color_silver.png) 50% 50%;
    background-size: 100%;
}

.sitemap__floatBox_TypeColor_ li.item__color__12_ span {
    background: url(../../../img/private/pc/common/color_gold.png) 50% 50%;
    background-size: 100%;
}

.sitemap__floatBox_TypeColor_ li.item__color__13_ span {
    width: 18px;
    height: 18px;
    background: #FFF;
    border: #ccc solid 1px;
    border-radius: 100%;
}

.sitemap__floatBox_TypeColor_ li.item__color__99_ span {
    background: url(../../../img/private/pc/common/color_other.png) 50% 50%;
    background-size: 100%;
}

.contact__form__midBtn_ {
    float: left;
    margin-bottom: 30px;
}

.contact__form__midBtn_:nth-child(2n) {
    float: right;
}

.contact__tellTextunder_ {
    border-bottom: 1px #ededed solid;
    padding-bottom: 25px;
}

.contact__form__midBtn_ img {
    margin-right: 10px;
}

.footer__navBox_ ul li a img {
    margin-left: 5px;
    vertical-align: baseline;
}

.form__btn_.contact__form__midBtn_ a {
    text-align: left;
    padding:15px 20px;
}

.form__btn_.contact__form__midBtn_ img {
    vertical-align: middle;
}

.contact__hidden_ {
    display: none;
    margin-bottom:50px;
}

.contact__moreRead_ {
    display: table;
    padding: 10px 50px 10px 20px;
    border: 1px solid #229ae1;
    text-align: center;
    position: relative;
    margin: 0 auto 50px;
    color:#229ae1;
}

.contact__moreRead_:after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-bottom: solid 2px #229ae1;
    border-right: solid 2px #229ae1;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -8px;
}

.contact__toph3_ {
    overflow: hidden;
    padding: 30px 0 10px;
    border-bottom: #229ae1 1px solid;
    margin-bottom: 30px;
}

.contact__another_ {
    margin-bottom: 50px;
}

.contact__toph3_ h3 ,.info_box_ h3  {
    float: left;
    color:#229ae1;
    line-height: 2em;
    margin-right: 20px;
}

.contact__toph3_ p {
    float: left;
    font-size: 14px;
}
.info_box_ {
    padding: 40px 30px;
    background: #f7f7f7;
    margin-bottom: 10px;
    margin-top: 30px;
    border-bottom: none;
}
.info_box_ a{
    text-decoration:underline;
}
.info_box_ .qa__form__midBtn_{
  margin-top: 20px;
}
.info_box_ .qa__form__midBtn_ a{
  text-decoration: none;
}

.contact__twoBox_ {
    width: 700px;
    margin-bottom: 35px;
    overflow: hidden;
}

.contact__twoBox_ li {
    width: 303px;
    line-height: 50px;
    border: 1px solid #229ae1;
    float: left;
    margin-bottom: 10px;
    padding:0 20px;
}

.contact__twoBox_ a:nth-child(2n) li {
    float: right;
}

.contact__twoBox_ li img {
    vertical-align: middle;
    margin-right: 10px;
}

.contact__threeBox_ li {
    width: 184px;
    line-height: 50px;
    border: 1px solid #229ae1;
    float: left;
    margin-bottom: 10px;
    padding:0 20px;
    margin-right: 10px;
}

.contact__threeBox_ {
    overflow: hidden;
    margin-bottom: 20px;
}

.contact__threeBox_ a:nth-child(3n) li {
    float: right;
    margin-right: 0px;
}

.contact__twoBox_ a {
    display: block;
}

.contact__threeBox_ a {
    display: block;
}
.contact__twoClm_{background: url(/img/private/pc/lenschoice/prescription_line.png) 50% 0 repeat-y;}
.contact__twoClm_ .contact__twoClm_left_,.contact__twoClm_ .contact__twoClm_right_{
    width: 47%;
}
.contact__twoClm_ .contact__twoClm_left_ { float: left;}
.contact__twoClm_ .contact__twoClm_right_ { float: right;}
.contact__twoClm_ li{
    width: 100%;
    line-height: 50px;
    border: 1px solid #229ae1;
    margin-bottom: 10px;
    padding:0 20px;
    margin-right: 10px;
    box-sizing: border-box;
}
.contact__twoClm_ li:last-child{
    margin-bottom: 0;
}
.contact__twoClm_ li img {
    vertical-align: middle;
    margin-right: 10px;
}

p.contact__subtitle_ {
    color:#229ae1;
    font-size: 16px;
    line-height: 21px;
    padding:10px 0 20px;
}

p.contact__subtitle_ img {
    margin-right: 15px;
}

p.contact__subtitleTell_ {
    font-size: 16px;
    padding: 0;
    margin-bottom: 25px;
}

.contact__tellText_ {
    margin-bottom: 30px;
    padding-left: 40px;
}

.guide__indexTabbox_ {
    overflow:hidden;
    margin-top: 70px;
}

.guide__indexTabbox_ li {
    color:#229ae1;
    background:#fff;
    width: 438px;
    padding:10px 25px;
    float:left;
    border:1px solid #229ae1;
}

.guide__indexTabbox_ li {
    position: relative;
}

.guide__indexTabbox_ li .guide__indexTabImg_ {
    position: absolute;
    top:12px;
    left:15px;
}

.guide__indexTabbox_ li p {
    padding-left:20px;
}

.guide__indexTabbox_ li:first-child .guide__indexTabImg_ {
    width: 18px;
    height:18px;
    background: url('../../../img/private/pc/guide/online_icon.png') center center no-repeat;
    background-size: 100%;
    margin-right: 10px;
}

.guide__indexTabbox_ li:first-child.select .guide__indexTabImg_ {
    width: 18px;
    height: 18px;
    background: url('../../../img/private/pc/guide/online_icon_on.png') center center no-repeat;
    background-size: 100%;
    margin-right: 10px;
}

.guide__indexTabbox_ li:last-child .guide__indexTabImg_ {
    width: 18px;
    height:18px;
    background: url('../../../img/private/pc/guide/shop_icon.png') center center no-repeat;
    background-size: 100%;
    margin-right: 10px;
}

.guide__indexTabbox_ li:last-child.select .guide__indexTabImg_ {
    width: 18px;
    height:18px;
    background: url('../../../img/private/pc/guide/shop_icon_on.png') center center no-repeat;
    background-size: 100%;
    margin-right: 10px;
}

.guide__indexTabImg_ {
    display: inline-block;
}

.guide__indexTabbox_ li.select {
    background:#229ae1;
    color:#fff;
}

.guide__indexTabboxinner_ li {
    padding: 40px 0 20px;
}

.guide__indexTabboxhide_ {
    display:none;
}

.guide__indexacordion_ p {
    color:#000;
}

.guide__stepNumber_ {
    display: inline-block;
    padding: 8px 7px 6px 7px;
    background-color: #229ae1;
    border-radius: 25px;
    margin-bottom: 10px;
}

.guide__stepBox_ .guide__stepNumber_ p {
   color: #fff;
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 0;
    width: 25px;
}

.guide__step_ {
    min-width:980px;
}

.guide__step_:after {
    content:" ";
    display:block;
    clear:both;
}

.guide__about_:after {
    content:" ";
    display:block;
    clear:both;
}

.guide__about_ {
    min-width:980px;
}

.guide__about_ .guide__aboutBox_.guide__aboutBoxfour_:first-child .guide__aboutImg_ img {
    margin-top: -26px;
}

.guide__aboutInnerimg_ {
    text-align: center;
    margin: 30px auto;
}

.guide__redText_ {
    color:#df0f1d;
    font-weight: bold;
}

.guide__stepBox_ {
    width: 219px;
    text-align: center;
    float: left;
    position: relative;
}

.guide__stepBox_ p {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 3.2;
}

.guide__stepBox_ p.guide__contentTitletwo_ {
    line-height: 1.6;
}

.guide__indexTabboxhide_ .guide__stepBox_ {
    width: 167px;
    text-align: center;
    float: left;
    position: relative;
}

.guide__stepArrow_ {
    width: 26px;
    float: left;
    margin:100px 4px 0;
}

.guide__stepBtn_ {
    color:#229ae1;
    border:1px solid #229ae1;
    width:147px;
    padding:5px 0;
    margin:20px auto 0;
    background-color: #fff;
    cursor: pointer;
}

.guide__stepImg_ {
    height: 76px;
}

.guide__inner_ .pageTitle_ {
    width: 980px;
}

.guide__modal_ {
    width: 980px;
    height: auto;
    border: 1px solid #229ae1;
    padding: 50px 30px 50px;
    margin-top:20px;
    color: #229ae1;
    box-sizing: border-box;
    text-align: left;
    background: #fff;
    z-index: 10;
    display: none;
    line-height: 1.8;
    position: relative;
}

.guide__closeBatu_ {
    position: absolute;
    top:20px;
    right:20px;
}

.guide__modal_ h3.h3__title_ {
    text-align: left;
    border-bottom:1px solid #229ae1;
    padding-bottom: 10px;
    font-size:  16px;
    font-weight: bold;
}

.guide__modalMainteBox_ {
    overflow: hidden;
}

.guide__modalMainteBox_ li {
    float: left;
    overflow: hidden;
    width: 50%;
    padding: 15px 0;
}

.guide__modalMainteBox_ li:nth-child(2n) {
    float: right;
}

.guide__modalMainteBox_ li img {
    float: left;
    margin-right: 20px;
}

.guide__modalMainteBox_ li p {
    float: left;
    width: 330px;
    font-size: 14px;
}

.guide__modal_ p span.guide__modalMainteBold_ {
    display: block;
    font-weight: bold;
}

.guide__modal_ p.guide__modalblueTxt_ {
    color:#229ae1;
    margin-top: 20px;
}

p.guide__modalCyuui_ {
    font-size: 14px;
}

.guide__modal_ p {
    color: #000;
}

p.guide__modalStrong_ {
    font-weight: bold;
    margin-bottom: 30px;
}

.guide__modaltextNumber_ {
    color:#fff;
    padding: 2px 8px;
    margin-right:1em;
    background-color: #229ae1;
}

.guide__modaltextList_ {
    text-indent: -3em;
    padding-left: 3em;
    margin-bottom: 20px;
}

.guide__modaltextNomalList_ {
    margin-bottom: 20px;
}

.guide__modalFloatimg {
    overflow: hidden;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}

.guide__modalLeftimg {
    float: left;
}

.guide__modalrightimg {
    float: right;
}

#step1_modal_:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    left: 97px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #229ae1 transparent;
}

#step1_modal_:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -16px;
    left: 97px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #fff transparent;
}

#step2_modal_:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    left: 352px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #229ae1 transparent;
}

#step2_modal_:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -16px;
    left: 352px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #fff transparent;
}

#step3_modal_:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    left: 603px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #229ae1 transparent;
}

#step3_modal_:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -16px;
    left: 603px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #fff transparent;
}

#step4_modal_:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    left: 860px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #229ae1 transparent;
}

#step4_modal_:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -16px;
    left: 860px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #fff transparent;
}

#about1_modal_:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    left: 109px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #229ae1 transparent;
}

#about1_modal_:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -16px;
    left: 109px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #fff transparent;
}

#about2_modal_:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    left: 358px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #229ae1 transparent;
}

#about2_modal_:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -16px;
    left: 358px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #fff transparent;
}

#about3_modal_:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    left: 602px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #229ae1 transparent;
}

#about3_modal_:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -16px;
    left: 602px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #fff transparent;
}

#about4_modal_:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    left: 849px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #229ae1 transparent;
}

#about4_modal_:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -16px;
    left: 849px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #fff transparent;
}

#guide1_modal_:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    left: 150px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #229ae1 transparent;
}

#guide1_modal_:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -16px;
    left: 150px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #fff transparent;
}

#guide2_modal_:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    left: 480px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #229ae1 transparent;
}

#guide2_modal_:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -16px;
    left: 480px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #fff transparent;
}

#guide3_modal_:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    left: 810px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #229ae1 transparent;
}

#guide3_modal_:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -16px;
    left: 810px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #fff transparent;
}

#guide2_1_modal_:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    left: 150px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #229ae1 transparent;
}

#guide2_1_modal_:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -16px;
    left: 150px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #fff transparent;
}

#guide2_2_modal_:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    left: 480px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #229ae1 transparent;
}

#guide2_2_modal_:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -16px;
    left: 480px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #fff transparent;
}

#guide2_3_modal_:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    left: 810px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #229ae1 transparent;
}

#guide2_3_modal_:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -16px;
    left: 810px;
    border-style: solid;
    border-width: 0 10px 16px 10px;
    border-color: transparent transparent #fff transparent;
}

.guide__modalGuide_ p.guide__modalStrong_ {
    margin-bottom: 0;
}

.guide__modalGuide_ .form__midBtn_ {
    width: 450px;
}

.guide__modalBox_ {
    overflow: hidden;
    margin-bottom: 60px;
}

.guide__modalLeft_ {
    width: 450px;
    float: left;
}

.guide__modalRight_ {
    width: 440px;
    float: right;
}

.guide__modalRight_ img{
    margin-bottom: 20px;
}

.guide__modallink_ {
    color:#229ae1;
    text-decoration: underline;
    cursor: pointer;
}

.container__inner_.guide__inner_ {
    width: 980px;
}

h3.guide__h3_ {
    color: #229ae1;
    margin-bottom: 30px;
    padding-top: 70px;
    text-align: center;
    font-size: 28px;
}

.guide__aboutBox_ {
    width: 320px;
    float: left;
    margin-right: 10px;
    height:257px;
    background-color: #f7f7f7;
    padding:30px 0;
    text-align: center;
    position: relative;
}

.guide__aboutBox_.guide__aboutBoxfour_ {
    width: 237px;
    height: 313px;
}


.guide__aboutBox_:last-child {
    margin-right: 0;
}

.guide__aboutBoxTitle_ {
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 20px;
}

.guide__aboutBoxfour_ .guide__aboutImg_ {
    height: 127px;
}

.guide__aboutImg_ {
    height: 97px;
}

.guide__close_ {
    text-align: center;
    margin-top: 30px;
}
.guide__close_ p {
    display: inline-block;
    border:1px solid #229ae1;
    padding:10px 142px;
    color: #229ae1;
}

/* ---------------------------------------------------------------
レンズガイド
--------------------------------------------------------------- */
#lensGuide {
    color: #808080;
    font-size: 13px;
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
}
#lensGuide > div.contents {
    max-width: 980px;
    width: 100%;
    padding: 0;
    margin-bottom: 7px;
    background-color: #FFFFFF;
    overflow: hidden;
}

.container_.lensguide_ {
    margin-bottom: 0;
}

.lensguide_ .container__inner_ {
    max-width: 980px;
    width: 100%;
}

.lensguide_ .container__inner_ .pageTitle_ {
    max-width: 980px;
    width: 100%;
    border-bottom: none;
    padding-bottom: 60px;
    font-size: 15px;
    color: #000;
}

.lensguide_ .container__inner_ .pageTitle_ img {
    display: block;
    margin: 0 auto 30px;
}

.lensguide_ .accordion__area_ {
    margin-bottom: 20px;
}

.lensguide_ .accordion__area_:nth-child(2) {
    margin-bottom: 60px;
}

.lensguide_ .accordion__area_:last-child {
    margin-bottom: 60px;
}


.lensguide_ .accordion__title_ {
    border: #229ae1 solid 1px;
    font-size: 16px;
    line-height: 1.4;
}

.lensguide_ .accordion__titleDisc_ {
    font-size: 16px;
    float: right;
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 60%; /*left: 50%;*/
    transform: translateY(-50%);
}
.lensguide_ .accordion__title_.large_ .accordion__titleDisc_{ left: 50%; }

.lensguide_ .accordion__titleDisc_ .obiTxt_ {
    margin-left: 0;
    margin-right: 60px;
    font-size: 11px;
    line-height: 1;
    padding: 3px 0;
}

.lensguide_ .accordion__titleDisc_ .obi__standard_ {
    background:#229ae1;
}

.lensguide_ .accordion__titleDisc_ .obi__option_ {
    background:#f8630b;
}

.lensguide_ .accordion__title_ a img {
    height: 25px;
    width: auto;
    margin: 0 20px;
    transform: translateY(50%); margin-top: -50%;
}

.lensguide_ .accordion__title_.large_ {
    padding: 27px 0;
    font-size: 20px;
    line-height: 1;
}
.lensguide_ .accordion__title_.large_ a img { transform: translateY(0); }


.lensguide_ .accordion__summaryTxt_{ display: block; color: #000;margin-left:65px; margin-top: 5px; font-size: 14px; font-weight: normal;}

.lensguide_ .accordion__inner_ {
    margin-top: 30px;
}

.lensguide_ .accordion__inner_ h3 {
    font-size: 20px;
    margin-bottom: 25px;
}

.lensguide_ .accordion__inner_ p {
    margin-bottom: 16px;
}

.lensguide_ .lensguide__Textred_ {
    color: #e20c0c;
}

.lensguide_ .accordion__inner_ .lensguide__img_ {
    margin-bottom: 40px;
    width: 100%;
}

.lensguide__table_ {
    width: 100%;
    margin-bottom: 35px;
}

.lensguide__table_ thead {
    text-align: center;
}

.lensguide__table_ thead tr {
    border:  #ededed 1px solid;
}

.lensguide__table_ thead th {
    text-align: center;
    background: #e8f5fc;
    font-size: 20px;
    color: #229ae1;
    padding: 16px 0;
}

.lensguide__table_ thead td {
    padding: 30px 0 0;
}

.lensguide__table_ tbody tr {
    border:  #ededed 1px solid;
}

.lensguide__table_ tbody th {
    padding: 16px 0;
    background: #f7f7f7;
    text-align: center;
}

.lensguide__table_ tbody td {
    padding: 16px;
}

.lensguide__btnArea_ {
    margin-bottom: 30px;
}

.lensguide__btnArea_ a {
    width: 335px;
    display: block;
    background: #229ae1;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    padding: 13px 0;
}

.lensguide__btnArea_ a img {
    margin-right: 14px;
}

.lensguide__close_ {
    text-align: center;
    margin-bottom: 70px;
}

.lensguide__close_ a {
    display: inline-block;
    color: #229ae1;
    border-width: 1px;
    border-style: solid;
    border-color: #229ae1;
    border-image: initial;
    padding: 5px 100px;
}

.lensguide__imgArea_ {
    padding: 30px;
    border: #179be1 solid 1px;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 40px;
}

.lensguide__imgArea_ h4 {
    font-size: 16px;
    color: #229ae1;
    margin-bottom: 30px;
}

.lensguide__imgArea_ .lensguide__imgBox_ {
    float: left;
    margin-left: 0;
}

.lensguide__imgArea_ .lensguide__imgBox_:nth-child(2n) {
    margin-left: 35px;
}

.lensguide__imgArea_ .lensguide__colorBox_ {
    width: 50%;
    height: 125px;
    float: left;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.lensguide__imgArea_ .lensguide__colorBox_ .lensguide__colorBoxPic_ {
    width: 42%;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 20px;
}

.lensguide__thin_ img {
    max-width: 921px;
    width: 100%;
}

.lensguide__progressive_ img {
    max-width: 920px;
    width: 100%;
}

.lensguide__imgAreaNoline_ img {
    width: calc(50% - 10px);
}

.lensguide__uv_ img {
    max-width: 919px;
    width: 100%;
}

.lensguide__supercolorlens_ img {
    max-width: 928px;
    width: 100%;
}


.lensguide__dimming_ img {
    max-width: 921px;
    width: 100%;
}

.lensguide__colorBoxColor0101_ {
    width: 15px;
    height: 15px;
    background: #807e7f;
    display: inline-block;
    margin-right: 3px;
    border-radius: 100%;
    margin-left: 10px;
}

.lensguide__colorBoxColor0102_ {
    width: 15px;
    height: 15px;
    background: #b0abaf;
    display: inline-block;
    margin-right: 3px;
    border-radius: 100%;
}

.lensguide__colorBoxColor0201_ {
    width: 15px;
    height: 15px;
    background: #7a81ad;
    display: inline-block;
    margin-right: 3px;
    border-radius: 100%;
    margin-left: 10px;
}

.lensguide__colorBoxColor0202_ {
    width: 15px;
    height: 15px;
    background: #b5c1d9;
    display: inline-block;
    margin-right: 3px;
    border-radius: 100%;
}

.lensguide__colorBoxColor0301_ {
    width: 15px;
    height: 15px;
    background: #6b4d35;
    display: inline-block;
    margin-right: 3px;
    border-radius: 100%;
    margin-left: 10px;
}

.lensguide__colorBoxColor0302_ {
    width: 15px;
    height: 15px;
    background: #ccb48b;
    display: inline-block;
    margin-right: 3px;
    border-radius: 100%;
}

.lensguide__colorBoxColor0401_ {
    width: 15px;
    height: 15px;
    background: #546b3c;
    display: inline-block;
    margin-right: 3px;
    border-radius: 100%;
    margin-left: 10px;
}

.lensguide__colorBoxColor0402_ {
    width: 15px;
    height: 15px;
    background: #c7ca9f;
    display: inline-block;
    margin-right: 3px;
    border-radius: 100%;
}

.lensguide__colorBoxColor0501_ {
    width: 15px;
    height: 15px;
    background: #c98b80;
    display: inline-block;
    margin-right: 3px;
    border-radius: 100%;
    margin-left: 10px;
}

.lensguide__colorBoxColor0502_ {
    width: 15px;
    height: 15px;
    background: #eec8cf;
    display: inline-block;
    margin-right: 3px;
    border-radius: 100%;
}

.lensguide__colorBoxColor0601_ {
    width: 15px;
    height: 15px;
    background: #bb7e33;
    display: inline-block;
    margin-right: 3px;
    border-radius: 100%;
    margin-left: 10px;
}

.lensguide__colorBoxColor0602_ {
    width: 15px;
    height: 15px;
    background: #d6c760;
    display: inline-block;
    margin-right: 3px;
    border-radius: 100%;
}

.lensguide__imgAreaNoline_ {
    overflow: hidden;
    margin-top: 30px;
}

.lensguide__imgAreaNoline_ .lensguide__imgBox_ {
    float: left;
    margin-right: 20px;
}

.lensguide__imgAreaNoline_ .lensguide__imgBoxLine_ {
    padding: 0;
    border: #179be1 solid 1px;
    overflow: hidden;
    margin-bottom: 40px;
    box-sizing: border-box;
    width: calc(50% - 10px);
}

.lensguide__imgAreaNoline_ .lensguide__imgBoxLine_ img {
    width: 100%;
}

.lensguide__imgAreaNoline_ .lensguide__imgBoxLine_ h4 {
    font-size: 16px;
    color: #229ae1;
    margin-bottom: 30px;
}

.lensguide__imgBoxSingle_ {
    overflow: hidden;
}

.lensguide__imgBoxSingle_ p {
    width: calc(100% - 363px);
    max-width: 540px;
    float: left;
}

.lensguide__imgBoxSingle_ img {
    width: 353px;
    float: right;
}

.lensguide__imgCenter_ {
    display: block;
    margin: 0 auto 30px;
}

.lensguide__imgMirror_ {
    width: 100%;
}

.lensguide__type_ {
    width: 33.33%;
    font-size: 20px;
    color: #229ae1;
    float: left;
    box-sizing: border-box;
    text-align: left;
    padding-left: 100px;
    position: relative;
    margin-bottom: 30px;
}

.lensguide__type_ img {
    position: absolute;
    top: 0;
    left: 60px;
}

.lensguide__type_ span {
    display: block;
    font-size: 16px;
    color: #000;
}

.lensguide__tableAdd_ tr span {
    font-size: 16px;
}

.lensguide__tableAdd_ td p {
    font-size: 20px;
    color: #229ae1;
    margin-bottom: 30px;
}

.lensguide__tableAdd_ td span {
    display: block;
    font-size: 14px;
    color: #000;
    margin-top: 10px;
}

/*vars*/
/*gradeColor*/
.gradeColor.gradeColor--grade1 {
    color: #e60012;
}

.gradeColor.gradeColor--grade2 {
    color: #009ce5;
}

.gradeColor.gradeColor--grade3 {
    color: #ee7800;
}

.gradeColor.gradeColor--grade4 {
    color: #583d98;
}

/*linkColor*/
.linkColor.linkColor--color1 {
    color: #3fa1e8;
}

.linkColor.linkColor--color2 {
    color: #f26de7;
}

.linkColor.linkColor--color3 {
    color: #00d5ff;
}

/*lensCustomize*/
.lensCustomize {
    margin: 0 auto 40px;
}

.lensCustomize .lensCustomize__heading {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5;
    color: #229ae1;
    text-align: center;
    margin-bottom: 28px;
}

.lensCustomize .lensCustomize__heading2 {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5;
    color: #000;
    text-align: center;
    margin-bottom: 10px;
}

.lensCustomize .lensCustomize__heading2 span {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.lensCustomize h3.lensCustomize__heading3 {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 10px;
    /*margin-left: 10px;*/
    text-align: center;
}

.lensCustomize .lensCustomize__emphasis {
    line-height: 2.30769;
    text-align: right;
    margin: 0 0 16px;
}

.lensCustomize .lensCustomize__emphasis em {
    font-style: normal;
}

.lensCustomize .lensCustomize__notes {
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    margin: 0 0 36px;
}

.lensguide__typeDesc_ {
    font-size: 14px;
}

/*lensCustomizeColumn*/
.lensCustomizeColumn {
    margin: 0 auto 20px;
    width: 840px;
}

.lensCustomizeColumn::after {
    clear: both;
    content: "";
    display: table;
}

.lensCustomizeColumn .lensCustomizeColumn__col1,
.lensCustomizeColumn .lensCustomizeColumn__col2,
.lensCustomizeColumn .lensCustomizeColumn__col3 {
    float: left;
    margin: 0 0 20px 20px;
}

.lensCustomizeColumn .lensCustomizeColumn__col1 {
    margin-left: 0;
    width: 220px;
}

.lensCustomizeColumn .lensCustomizeColumn__col2 {
    width: 210px;
}

.lensCustomizeColumn .lensCustomizeColumn__col3 {
    width: 140px;
}

.lensCustomizeColumn .lensCustomizeColumn__footerCol {
    background-color: #f0f0f0;
    clear: both;
    float: left;
    padding: 10px;
    width: 672px;
    box-sizing: border-box;
}

.lensCustomizeColumn .lensCustomizeColumn__footerCol2 {
    float: left;
    margin-left: 28px;
    padding: 10px 0;
    width: 120px;
}

/*lensCustomizeColumn2*/
.lensCustomizeColumn2 {
    display: table; height: 70px;
}

.lensCustomizeColumn2::after {
    clear: both;
    content: "";
    display: table;
}

.lensCustomizeColumn2 .lensCustomizeColumn2__col {
    vertical-align: middle;
    display: table-cell;
    padding-right: 10px;
    width: 128px;
}

/*.lensCustomizeColumn2 .lensCustomizeColumn2__col:first-child {
    padding-right: 2px;
}*/

.lensCustomizeColumn2 .lensCustomizeColumn2__col:last-child {
    padding-right: 0;
}

/*lc_btn*/
.lc_btn {
    font-size: 18px;
    line-height: 1.375;
    color: #000;
    border: 1px solid #229ae1;
    background-color: #fff;
    display: table;
    box-sizing: border-box;
    width: 100%;
    height: 86px;
    cursor: pointer;
}

.lc_btn + .lc_btn {
    margin-top: 10px;
}

.lc_btn:hover {
    background-color: #fafafa;
}

.lc_btn .lc_btn__inner {
    vertical-align: middle;
    display: table-cell;
}

.lc_btn .iconColumn {
    display: table;
}

.lc_btn .iconColumn .iconColumn__col1,
.lc_btn .iconColumn .iconColumn__col2 {
    display: table-cell;
}

.lc_btn .iconColumn .iconColumn__col1 {
    vertical-align: middle;
}

.lc_btn .iconColumn .iconColumn__col1 img {
    vertical-align: middle;
}

.lc_btn .iconColumn .iconColumn__col2 {
    vertical-align: middle;
}

.lc_btn .iconColumn .iconColumn__col2 small { font-size: 12px; display: none;}

.lc_btn p {
    text-align: center;
    margin-top: 14px;
}

.lc_btn span {
    font-size: 0.75em;
    font-weight: normal;
    letter-spacing: -0.02em;
}

.lc_btn.lc_btn--row1 .lc_btn__inner {
    padding: 6px 14px;
}
.lensCustomizeColumn__footerCol .lc_btn.lc_btn--row1 .lc_btn__inner {
    padding: 6px 3px 6px 3px; position: relative;
}
.lensCustomizeColumn__footerCol .lc_btn.lc_btn--disable.lc_btn--row1 .lc_btn__inner { padding: 2px 2px; }
.lensCustomizeColumn__footerCol .lc_btn.lc_btn--disable.lc_btn--row1 .iconColumn small.iconColumn__status{ left: -6px; top: -11px; }

.lc_btn.lc_btn--row1 .iconColumn .iconColumn__col1 {
    padding-right: 14px;
}
.lensCustomizeColumn__footerCol .lc_btn.lc_btn--row1 .iconColumn .iconColumn__col1 { padding-right: 0;}

.lc_btn.lc_btn--row2 {
    height: 182px;
}

.lc_btn.lc_btn--row2 .lc_btn__inner {
    padding: 19px 19px 15px;
}

.lc_btn.lc_btn--row2 .iconColumn .iconColumn__col1 {
    padding-right: 19px;
}

.lc_btn.lc_btn--row4 {
    height: 374px;
}

.lc_btn.lc_btn--row4 .lc_btn__inner {
    text-align: center;
    padding: 10px;
}

.lc_btn.lc_btn--row4 .iconColumn {
    display: block;
}

.lc_btn.lc_btn--row4 .iconColumn .iconColumn__col1,
.lc_btn.lc_btn--row4 .iconColumn .iconColumn__col2 {
    display: block;
}

.lc_btn.lc_btn--row4 .iconColumn .iconColumn__col1 {
    margin-bottom: 17px;
}

.lc_btn.lc_btn--reset {
    color: #fff;
    font-weight: bold;
    border: 4px solid #229ae1;
    background-color: #229ae1;
}

.lc_btn.lc_btn--reset .lc_btn__inner {
    text-align: center;
    padding: 7px 11px;
}

.lc_btn.lc_btn--checked {
    border-width: 3px;
}

.lc_btn.lc_btn--checked.lc_btn--color1 {
    border: #229ae1 solid 4px;
}

.lc_btn.lc_btn--checked.lc_btn--color2 {
    border: #229ae1 solid 4px;
}

.lc_btn.lc_btn--checked.lc_btn--color3 {
    border: #229ae1 solid 4px;
}

.lc_btn.lc_btn--checked.lc_btn--color4 {
    border: #229ae1 solid 4px;
}

.lc_btn.lc_btn--checked.lc_btn--color5 {
    border: #229ae1 solid 4px;
}

.lc_btn.lc_btn--checked.lc_btn--color6 {
    border: #229ae1 solid 4px;
}

.lc_btn.lc_btn--checked.lc_btn--row1 .lc_btn__inner {
    padding: 3px 11px;
}
.lensCustomizeColumn__footerCol .lc_btn.lc_btn--checked.lc_btn--row1 .lc_btn__inner {
    padding: 3px 0px 3px 0px;
}
.lc_btn.lc_btn--checked.lc_btn--row2 .lc_btn__inner {
    padding: 17px 16px 13px;
}

.lc_btn.lc_btn--checked.lc_btn--row4 .lc_btn__inner {
    padding: 8px;
}

.lc_btn.lc_btn--disable {
    color: #bdbdbd;
    border: 2px solid #fafafa;
    box-shadow: none;
    background-color: #f0f0f0;
    cursor: default;
}

.lc_btn.lc_btn--disable.lc_btn--row1 .lc_btn__inner {
    padding: 5px 13px;
}

.lc_btn.lc_btn--disable.lc_btn--row2 .lc_btn__inner {
    padding: 18px 18px 14px;
}

.lc_btn.lc_btn--disable.lc_btn--row4 .lc_btn__inner {
    padding: 9px;
}

.lc_btn.lc_btn--hidden {
    display: none;
}
.lc_btn .iconColumn small.iconColumn__status{ position: absolute; left: -5px; top: -10px; width:50px; }
.lc_btn--checked.lc_btn .iconColumn small.iconColumn__status{ left: -8px; top: -13px; }
.lc_btn .iconColumn small.iconColumn__status img{ width:100%;}
.lc_btn .iconColumn small.iconColumn__subname{ margin-top: 2px; display: inline-block;}

/*borderBox*/
.borderBox {
    border: 2px solid #229ae1;
}

.borderBox.borderBox--color1 {
    border-color: #229ae1;
}

.borderBox.borderBox--color2 {
    border-color: #229ae1;
}

.borderBox .borderBox__inner {
    padding: 24px 30px 25px;
}

.js-unvisible {
    width: 840px;
    margin: 0 auto;
}

/*estimate*/
.estimateTable {
    overflow: hidden;
    text-align: center;
}

.estimateTable__optionFrame{
    float: left;
    width: 390px;
}

.estimateTable__priceFrame{
    float: left;
    width: 153px;
}

.estimateTable__totalFrame{
    float: left;
    width: 153px;
    font-weight: bold;
}

.estimateTable__optionFrame h4,
.estimateTable__priceFrame h4,
.estimateTable__totalFrame h4 {
    width: 100%;
    font-size: 16px;
    line-height: 1;
    padding: 15px 0;
    border: #229ae1 solid 1px;
    box-sizing: border-box;
}

.estimateTable__totalFrame h4 {
    font-weight: bold;
}

.estimateTable__optionFrame,
.estimateTable__priceFrame {
    margin-right: 40px;
}

.js-optionDisplay {
    width: 390px; height: 251px;/*height: 191px;*/
    border: #229ae1 solid 1px;  border-top: none;  box-sizing: border-box;
    display: flex; align-items: center; justify-content: center; flex-direction:column;
    font-size: 20px;/*font-size: 20px;*/ font-weight: bold; position: relative; line-height: 1;
}

.js-optionDisplay:before,
.js-optionDisplay:after {
    width: 14px;
    height: 2px;
    content: "";
    display: block;
    background: #000;
    position: absolute;
    top: 101px; right: -28px;
}

.js-optionDisplay:after {
    transform: rotate(90deg);
}
.js-optionDisplay br{ line-height: 1;font-size: 5px;}
.js-optionDisplay .detailBtn{ 
  display: inline-block; width: auto; font-size: 14px; padding: 4px 22px 4px 12px; background: #229ae1; color: #FFF; position: relative;
  margin-top: 8px;
}
.js-optionDisplay .detailBtn::before {
    border: solid #fff; border-width: 0 2px 2px 0;
    content: ''; height: 6px; width: 6px;
    position: absolute; top: calc( 50% - 3px); right: 12px;
    -webkit-transform: rotate(45deg); transform: rotate(45deg);
    -webkit-transform-origin: right bottom; transform-origin: right bottom;
}

.estimateTable__priceFrame ul li,
.estimateTable__totalFrame .gradeColor {
    width: 153px;
    height: 62px;/* height: 47px; */
    border: #229ae1 solid 1px;
    border-top: none;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.estimateTable__priceFrame ul li:nth-child(1) {
    color: #e60012;
}

.estimateTable__priceFrame ul li:nth-child(2) {
    color: #009ce5;
}

.estimateTable__priceFrame ul li:nth-child(3) {
    color: #ee7800;
}

.estimateTable__priceFrame ul li:nth-child(4) {
    color: #583d98;
}

.estimateTable__totalFrame .gradeColor:before,
.estimateTable__totalFrame .gradeColor:after {
    width: 14px;
    height: 2px;
    content: "";
    display: block;
    background: #000;
    position: absolute;
    left: -27px;
}

.estimateTable__totalFrame .gradeColor:before {
    top: 20px;
}
.estimateTable__totalFrame .gradeColor:after {
    top: 25px;
}

/*.recommendComb*/
.recommendComb {
    margin-bottom: 40px;
}

.recommendComb .recommendComb__heading {
    font-size: 1.23077em;
    line-height: 1.875;
    color: #333;
    background: url(http://img.zoff.co.jp/sp/lensguide/images/pc/recommendComb/icon_glasses.png) 0 0.438em no-repeat;
    margin: 0 0 20px;
    padding-left: 3em;
}

.recommendComb .recommendComb__comb {
    font-size: 1.38462em;
    line-height: 1.33333;
    color: #000;
}

.recommendComb .recommendComb__comb a {
    text-decoration: underline;
    font-weight: bold;
}

.recommendComb .recommendComb__comb a:hover {
    text-decoration: none;
}

/*recommendCombColumn*/
.recommendCombColumn::after {
    clear: both;
    content: "";
    display: table;
}

.recommendCombColumn + .recommendCombColumn {
    margin-top: 24px;
}

.recommendCombColumn .recommendCombColumn__col1 {
    float: left;
    width: 632px;
}

.recommendCombColumn .recommendCombColumn__col2 {
    float: right;
    width: 194px;
}

/*recommendCombTable*/
.recommendCombTable {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 15px;
}

.recommendCombTable .recommendCombTable__block {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.recommendCombTable .recommendCombTable__block img {
    vertical-align: baseline;
}

.recommendCombTable .recommendCombTable__heading,
.recommendCombTable .recommendCombTable__price {
    color: #000;
    text-align: center;
}

.recommendCombTable .recommendCombTable__heading {
    font-size: 0.92308em;
    font-weight: normal;
    line-height: 1.83333;
    margin-bottom: 17px;
}

.recommendCombTable .recommendCombTable__price {
    font-size: 1.38462em;
    line-height: 1.22222;
}

.recommendCombTable .recommendCombTable__price .currencyUnit {
    font-size: 0.88889em;
    line-height: 1.375;
}

/*align*/
.align--center {
    text-align: center !important;
}

.align--right {
    text-align: right !important;
}

.align--left {
    text-align: left !important;
}

.lensguide__other_ {
    background: #e8f5fc;
    padding: 80px 0;
    text-align: center;
}

.lensguide__otherBox_ {
    width: 340px;
    box-sizing: border-box;
    padding: 27px 20px;
    background: #fff;
    display: inline-block;
    text-align: left;
    margin: 0 10px;
}

.lensguide__otherBox_ h4 {
    font-size: 20px;
    color: #229ae1;
    text-align: center;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lensguide__otherBox_ h4 img {
    margin-right: 12px;
}

.lensguide__otherBox_ p {
    height: 150px;
    margin-bottom: 20px;
}

.lensguide__otherBox_ .lensguide__otherPic_ {
    margin-bottom: 30px;
}

.lensguide__otherBox_ a {
    display: block;
    background: #229ae1;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    padding: 13px 0;
}

/* ---------------------------------------------------------------
カラーレンズガイド
--------------------------------------------------------------- */

.colorlensguide_ .container__inner_ {
    margin-top: 50px;
    width: 100%;
    max-width: 980px;
}

.colorlensguide_ .container__inner_ .pageTitle_ {
    max-width: 980px;
    width: 100%;
    border-bottom: none;
    padding-bottom: 40px;
    color: #000;
    font-size: 16px;
    line-height: 1.75;
}

.colorlensguide_ .container__inner_ .pageTitle_ img {
    display: block;
    margin: 0 auto 30px;
}

.colorlensguide__titleBadge_ {
    position: absolute;
    top: 80px;
    left: 50%;
    margin-left: 250px;
}

.colorlensguide__kv_ {
    max-width: 980px;
    width: 100%;
    display: block;
    margin: 0 auto 50px;
}

.colorlensguide__nav_ {
    overflow: hidden;
    max-width: 980px;
    width: 100%;
    margin: 0 auto 50px;
}

.colorlensguide__nav_ li {
    width: 31%;
    float: left;
    margin-right: 3.5%;
}

.colorlensguide__nav_ li:last-child {
    margin-right: 0;
}

.colorlensguide__nav_ a {
    display: block;
    border: #229ae1 solid 1px;
    box-sizing: border-box;
    text-align: center;
    padding: 16px 0;
    line-height: 1;
    position: relative;
}

.colorlensguide__nav_ a:after {
    width: 14px;
    height: 14px;
    content: "";
    display: block;
    border-bottom: #229ae1 solid 1px;
    border-right: #229ae1 solid 1px;
    transform: rotate(45deg);
    position: absolute;
    top: 13px;
    right: 20px;
}

.colorlensguide__h3_ {
    font-size: 20px;
    color: #179be1;
    max-width: 980px;
    border-bottom: #90ccf0 solid 1px;
    margin: 0 auto 40px;
    padding-top: 100px;
    padding-bottom: 30px;
    text-align: center;
}

.colorlensguide__variationNav_ {
    overflow: hidden;
    border-top: #229ae1 solid 1px;
    border-left: #229ae1 solid 1px;
}

.colorlensguide__variationNav_ li {
    box-sizing: border-box;
    width: calc( 100% / 6 );
    float: left;
}

.colorlensguide__variationNav_ a {
    box-sizing: border-box;
    display: block;
    border-bottom: #229ae1 solid 1px;
    border-right: #229ae1 solid 1px;
    padding: 15px 0;
    text-align: center;
    line-height: 1;
}

.colorlensguide__variationNav_ li.selected a {
    border-bottom: none;
}

.colorlensguide__variationNav_ li.selected a:hover {
    opacity: 1;
}

.colorlensguide__variationNav_ span {
    display: inline-block;
    width: 29px;
    height: 29px;
    border-radius: 100%;
}

.colorlensguide__variationDesc_ {
    max-width: 864px;
    width: 100%;
    margin: 40px auto;
}

.colorlensguide__variationDesc_ li {
    display: none;
}

.colorlensguide__variationDesc_ li.selected {
    display: block;
}

.colorlensguide__variationDesc_ li:nth-child(1) h4 {
    color: #807E7F;
    background: rgba(176, 171, 175, 0.2);
}

.colorlensguide__variationDesc_ li:nth-child(2) h4 {
    color: #7A81AD;
    background: rgba(181, 193, 217, 0.2);
}

.colorlensguide__variationDesc_ li:nth-child(3) h4 {
    color: #6B4D35;
    background: rgba(205, 180, 139, 0.2);
}

.colorlensguide__variationDesc_ li:nth-child(4) h4 {
    color: #556B3C;
    background: rgba(199, 202, 159, 0.2);
}

.colorlensguide__variationDesc_ li:nth-child(5) h4 {
    color: #C98B80;
    background: rgba(239, 200, 207, 0.2);
}

.colorlensguide__variationDesc_ li:nth-child(6) h4 {
    color: #BC7E33;
    background: rgba(214, 199, 96, 0.2);
}

.colorlensguide__variationDesc_ h4 {
    width: 117px;
    margin-right: 22px;
    font-size: 20px;
    float: left;
    text-align: center;
}

.colorlensguide__variationDesc_ p {
    font-size: 18px;
}

.colorlensguide__color0101_ {
    background: #807e7f;
}

.colorlensguide__color0102_ {
    background: #b0abaf;
}

.colorlensguide__color0201_ {
    background: #7a81ad;
}

.colorlensguide__color0202_ {
    background: #b5c1d9;
}

.colorlensguide__color0301_ {
    background: #6b4d35;
}

.colorlensguide__color0302_ {
    background: #cdb48b;
}

.colorlensguide__color0401_ {
    background: #556b3c;
}

.colorlensguide__color0402_ {
    background: #c7ca9f;
}

.colorlensguide__color0501_ {
    background: #c98b80;
}

.colorlensguide__color0502_ {
    background: #efc8cf;
}

.colorlensguide__color0601_ {
    background: #bc7e33;
}

.colorlensguide__color0602_ {
    background: #d6c760;
}

#colorlensguide__genderBtn {
    width: 100%;
    max-width: 864px;
    margin: 0 auto;
    overflow: hidden;
}

#colorlensguide__genderBtn li {
    width: 50%;
    float: left;
    background: #fff;
}

#colorlensguide__genderBtn a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #179be1;
    border: #179be1 solid 1px;
    text-align: center;
    padding: 14px 0;
    line-height: 1;
}

#colorlensguide__genderBtn li.selected {
    background: #179be1;
}

#colorlensguide__genderBtn li.selected a {
    color: #fff;
}


#colorlensguide__genderBtn li.selected a:hover {
    opacity: 1;
}

#colorlensguide__spec .lensguide__table_ thead tr.lensguide__tableNoneBorder_ {
    border: none;
}

.lensguide__table_ thead td.colorlensguide__specDesc_ {
    font-size: 14px;
    padding: 0 0 30px;
}

#colorlensguide__slidArea {
    position: relative;
}

#colorlensguide__slidArea .colorlensguide-container_ {
    position: relative;
    width: 100%;
    max-width: 864px;
    margin: 0 auto;
    overflow: hidden;
    border: #179be1 solid 1px;
    box-sizing: border-box;
}

#colorlensguide__slidArea .swiper-slide {
    position: relative;
    width: 100%;
}

#colorlensguide__slidArea .swiper-pagination_ {
    width: 100%;
    display: block;
    position: static;
}

#colorlensguide__slidArea .swiper-button-prev {
    width: 60px;
    height: 60px;
    border: #179be1 solid 1px;
    position: absolute;
    top: 250px;
    left: -1px;
    box-sizing: border-box;
    background: #fff;
}

#colorlensguide__slidArea .swiper-button-prev:after {
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    border-top: #179be1 solid 2px;
    border-left: #179be1 solid 2px;
    transform: rotate(-45deg);
    position: absolute;
    top: 18px;
    left: 22px;
}

#colorlensguide__slidArea .swiper-button-next {
    width: 60px;
    height: 60px;
    border: #179be1 solid 1px;
    position: absolute;
    top: 250px;
    right: -1px;
    box-sizing: border-box;
    background: #fff;
}

#colorlensguide__slidArea .swiper-button-next:after {
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    border-top: #179be1 solid 2px;
    border-right: #179be1 solid 2px;
    transform: rotate(45deg);
    position: absolute;
    top: 18px;
    left: 15px;
}

.colorlensguide__genderImg_ {
    width: 100%;
    height: auto;
    opacity: 0;
}

.colorlensguide__genderImg_.over_ {
    position: absolute;
    top: 0;
    left: 0;
}

.colorlensguide__genderImg_.selected {
    opacity: 1;
}

.colorlensguide__slidAreaDesc_ {
    width: 170px;
    background: #fff;
    position: absolute;
    top: 45px;
    right: 45px;
    padding: 20px 13px;
    box-sizing: border-box;
}

.colorlensguide__slidAreaDesc_ img {
    width: 68px;
    height: auto;
    margin-bottom: 10px;
}
.colorlensguide__slidAreaDesc_ h4 {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
}
.colorlensguide__slidAreaDesc_ p {
    font-size: 14px;
}

.colorlensguide__kirikaeBtn_ {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.colorlensguide__annotation_ {
    text-align: center;
    font-size: 14px;
    margin-top: 20px;
}

#colorlensguide__slidArea .swiper-pagination_ {
   text-align: center;
   position: relative;
   bottom: 0;
}

.colorlensguide_ .swiper-pagination-bullet-active {
    position: relative;
}

.colorlensguide_ .swiper-pagination-bullet-active:after {
    content: "";
    display: block;
    width: 44px;
    height: 44px;
    position: absolute;
    top: -7px;
    left: -7px;
    border: #179be1 solid 2px;
    border-radius: 100%;
}

.colorlensguide_ .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 34px;
    height: 34px;
    opacity: 1;
    margin: 14px 24px;
}

/* colorlensguide__gray_ */
.colorlensguide__gray_ .swiper-pagination-bullet:nth-child(1) {
    background: url(../../../img/private/pc/colorlens/slideimages/gray/lens/img_lens_gray1.png);
    background-size: cover;
}

.colorlensguide__gray_ .swiper-pagination-bullet:nth-child(2) {
    background: url(../../../img/private/pc/colorlens/slideimages/gray/lens/img_lens_gray2.png);
    background-size: cover;
}

.colorlensguide__gray_ .swiper-pagination-bullet:nth-child(3) {
    background: url(../../../img/private/pc/colorlens/slideimages/gray/lens/img_lens_gray3.png);
    background-size: cover;
}

.colorlensguide__gray_ .swiper-pagination-bullet:nth-child(4) {
    background: url(../../../img/private/pc/colorlens/slideimages/gray/lens/img_lens_gray4.png);
    background-size: cover;
}

.colorlensguide__gray_ .swiper-pagination-bullet:nth-child(5) {
    background: url(../../../img/private/pc/colorlens/slideimages/gray/lens/img_lens_gray5.png);
    background-size: cover;
}

.colorlensguide__gray_ .swiper-pagination-bullet:nth-child(6) {
    background: url(../../../img/private/pc/colorlens/slideimages/gray/lens/img_lens_gray6.png);
    background-size: cover;
}

.colorlensguide__gray_ .swiper-pagination-bullet:nth-child(7) {
    background: url(../../../img/private/pc/colorlens/slideimages/gray/lens/img_lens_gray7.png);
    background-size: cover;
}

/* colorlensguide__blue_ */
.colorlensguide__blue_ .swiper-pagination-bullet:nth-child(1) {
    background: url(../../../img/private/pc/colorlens/slideimages/blue/lens/img_lens_blue1.png);
    background-size: cover;
}

.colorlensguide__blue_ .swiper-pagination-bullet:nth-child(2) {
    background: url(../../../img/private/pc/colorlens/slideimages/blue/lens/img_lens_blue2.png);
    background-size: cover;
}

.colorlensguide__blue_ .swiper-pagination-bullet:nth-child(3) {
    background: url(../../../img/private/pc/colorlens/slideimages/blue/lens/img_lens_blue3.png);
    background-size: cover;
}

.colorlensguide__blue_ .swiper-pagination-bullet:nth-child(4) {
    background: url(../../../img/private/pc/colorlens/slideimages/blue/lens/img_lens_blue4.png);
    background-size: cover;
}

.colorlensguide__blue_ .swiper-pagination-bullet:nth-child(5) {
    background: url(../../../img/private/pc/colorlens/slideimages/blue/lens/img_lens_blue5.png);
    background-size: cover;
}

/* colorlensguide__brown_ */
.colorlensguide__brown_ .swiper-pagination-bullet:nth-child(1) {
    background: url(../../../img/private/pc/colorlens/slideimages/brown/lens/img_lens_brown1.png);
    background-size: cover;
}

.colorlensguide__brown_ .swiper-pagination-bullet:nth-child(2) {
    background: url(../../../img/private/pc/colorlens/slideimages/brown/lens/img_lens_brown2.png);
    background-size: cover;
}

.colorlensguide__brown_ .swiper-pagination-bullet:nth-child(3) {
    background: url(../../../img/private/pc/colorlens/slideimages/brown/lens/img_lens_brown3.png);
    background-size: cover;
}

.colorlensguide__brown_ .swiper-pagination-bullet:nth-child(4) {
    background: url(../../../img/private/pc/colorlens/slideimages/brown/lens/img_lens_brown4.png);
    background-size: cover;
}

.colorlensguide__brown_ .swiper-pagination-bullet:nth-child(5) {
    background: url(../../../img/private/pc/colorlens/slideimages/brown/lens/img_lens_brown5.png);
    background-size: cover;
}

.colorlensguide__brown_ .swiper-pagination-bullet:nth-child(6) {
    background: url(../../../img/private/pc/colorlens/slideimages/brown/lens/img_lens_brown6.png);
    background-size: cover;
}

.colorlensguide__brown_ .swiper-pagination-bullet:nth-child(7) {
    background: url(../../../img/private/pc/colorlens/slideimages/brown/lens/img_lens_brown7.png);
    background-size: cover;
}

.colorlensguide__brown_ .swiper-pagination-bullet:nth-child(8) {
    background: url(../../../img/private/pc/colorlens/slideimages/brown/lens/img_lens_brown8.png);
    background-size: cover;
}

.colorlensguide__brown_ .swiper-pagination-bullet:nth-child(9) {
    background: url(../../../img/private/pc/colorlens/slideimages/brown/lens/img_lens_brown9.png);
    background-size: cover;
}


/* colorlensguide__green_ */
.colorlensguide__green_ .swiper-pagination-bullet:nth-child(1) {
    background: url(../../../img/private/pc/colorlens/slideimages/green/lens/img_lens_green1.png);
    background-size: cover;
}

.colorlensguide__green_ .swiper-pagination-bullet:nth-child(2) {
    background: url(../../../img/private/pc/colorlens/slideimages/green/lens/img_lens_green2.png);
    background-size: cover;
}

.colorlensguide__green_ .swiper-pagination-bullet:nth-child(3) {
    background: url(../../../img/private/pc/colorlens/slideimages/green/lens/img_lens_green3.png);
    background-size: cover;
}

.colorlensguide__green_ .swiper-pagination-bullet:nth-child(4) {
    background: url(../../../img/private/pc/colorlens/slideimages/green/lens/img_lens_green4.png);
    background-size: cover;
}

.colorlensguide__green_ .swiper-pagination-bullet:nth-child(5) {
    background: url(../../../img/private/pc/colorlens/slideimages/green/lens/img_lens_green5.png);
    background-size: cover;
}

/* colorlensguide__pink_ */
.colorlensguide__pink_ .swiper-pagination-bullet:nth-child(1) {
    background: url(../../../img/private/pc/colorlens/slideimages/pink/lens/img_lens_pink1.png);
    background-size: cover;
}

.colorlensguide__pink_ .swiper-pagination-bullet:nth-child(2) {
    background: url(../../../img/private/pc/colorlens/slideimages/pink/lens/img_lens_pink2.png);
    background-size: cover;
}

.colorlensguide__pink_ .swiper-pagination-bullet:nth-child(3) {
    background: url(../../../img/private/pc/colorlens/slideimages/pink/lens/img_lens_pink3.png);
    background-size: cover;
}

.colorlensguide__pink_ .swiper-pagination-bullet:nth-child(4) {
    background: url(../../../img/private/pc/colorlens/slideimages/pink/lens/img_lens_pink4.png);
    background-size: cover;
}


/* colorlensguide__yellow_ */
.colorlensguide__yellow_ .swiper-pagination-bullet:nth-child(1) {
    background: url(../../../img/private/pc/colorlens/slideimages/yellow/lens/img_lens_yellow1.png);
    background-size: cover;
}

.colorlensguide__yellow_ .swiper-pagination-bullet:nth-child(2) {
    background: url(../../../img/private/pc/colorlens/slideimages/yellow/lens/img_lens_yellow2.png);
    background-size: cover;
}

.colorlensguide__sceneArea_ {

}

.colorlensguide__sceneBox_ {
    width: calc(50% - 20px);
    float: left;
    margin-bottom: 45px;
}

.colorlensguide__sceneBox_:nth-child(2n) {
    float: right;
}

.colorlensguide__sceneTitle_ {
    margin-bottom: 20px;
}

.colorlensguide__sceneTitleLarge_ {
    font-size: 23px;
    font-weight: bold;
    margin-right: 3px;
}

.colorlensguide__sceneTitleGray_ {
    font-size: 20px;
    margin: 0 10px;
    padding: 0 10px;
    color: #807E7F;
    background: rgba(176, 171, 175, 0.2);
}

.colorlensguide__sceneTitleGreen_ {
    font-size: 20px;
    margin: 0 10px;
    padding: 0 10px;
    color: #556B3C;
    background: rgba(199, 202, 159, 0.2);
}

.colorlensguide__sceneTitleBrown_ {
    font-size: 20px;
    margin: 0 10px;
    padding: 0 10px;
    color: #6B4D35;
    background: rgba(205, 180, 139, 0.2);
}

.colorlensguide__sceneTitleBlue_ {
    font-size: 20px;
    margin: 0 10px;
    padding: 0 10px;
    color: #7A81AD;
    background: rgba(181, 193, 217, 0.2);
}

.colorlensguide__sceneBox_ img {
    float: left;
    margin-right: 20px;
    margin-bottom: 25px;
}

.colorlensguide__sceneBtn_ {
    clear: both;
    display: block;
    border: #179be1 solid 1px;
    padding: 17px 0;
    text-align: center;
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    position: relative;
}

.colorlensguide__sceneBtn_:after{
    width: 14px;
    height: 14px;
    content: "";
    display: block;
    border-top: #229ae1 solid 1px;
    border-left: #229ae1 solid 1px;
    transform: rotate(45deg);
    position: absolute;
    top: 22px;
    right: 20px;
}

.colorlensguide__sceneColorGray01_ {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    background: #807e7f;
    margin-right: 3px;
}

.colorlensguide__sceneColorGray02_ {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    background: #b0abaf;
    margin-right: 6px;
}

.colorlensguide__sceneColorGreen01_ {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    background: #556b3c;
    margin-right: 3px;
}

.colorlensguide__sceneColorGreen02_ {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    background: #c7ca9f;
    margin-right: 6px;
}

.colorlensguide__sceneColorBrown01_ {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    background: #6b4d35;
    margin-right: 3px;
}

.colorlensguide__sceneColorBrown02_ {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    background: #cdb48b;
    margin-right: 6px;
}

.colorlensguide__sceneColorBlue01_ {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    background: #7a81ad;
    margin-right: 3px;
}

.colorlensguide__sceneColorBlue02_ {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    background: #b5c1d9;
    margin-right: 6px;
}

.popup__btn_ a:focus {
    outline: none;
}


div.customer_.col1_ {
    width: 700px;
}

div.customer_status_ {
    margin:  0;
    padding: 30px 0;
    border-bottom: 1px solid #CCC;
}

.cart__statusTextbox_ {
    border-bottom: 1px solid #ebebeb;
}

.loginname_ {
    font-weight: normal;
}

.cardedit_info_ table.formdetail_ tr {
    padding: 10px 0 10px;
    overflow: hidden;
    border-bottom: none;
    float: left;
    width: 50%;
}

.form__btn_ .submit__btnDeleat_ {
    text-align: center;
    padding: 15px 7px;
    height: 50px;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.3;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #229ae1;
    display: block;
    position: relative;
    border: 1px solid #229ae1;
}

.cardupdate_info_ .common_headline2_ {
    color: #2299e1;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: normal;
    padding: 30px 0 0;
    background: none;
    border-bottom: none;
}

.cardupdate_info_ .formdetail_ td {
    border-top:none;
    border-bottom: none;
    padding: 8px 0;
}

.cardupdate_info_ .formdetail_ th {
    border-top:none;
}

.cardupdate_info_ table.formdetail_ tr {
    border-bottom:1px solid #ccc;
}

div.cardupdate_info_ table td {
    width: 700px;
}

.cardupdate_info_ .formdetail_ input[type="text"] {
    margin-bottom: 10px;
}

.cardupdate_info_ select {
    width: 182px;
    height: 50px;
    margin: 5px 10px 5px 0 ;
    padding: .5em .5em .5em 1em;
    font-size: 16px;
    border: #229ae1 solid 1px;
    box-sizing: border-box;
    text-align: left;
    position: relative;
    display: inline-block;
    float: none;
}

.cardupdate_info_ span {
    position: relative;
}

.cardupdate_info_ span:after {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 5px;
    right: 1.5em;
    border-bottom: #229ae1 solid 1px;
    border-right: #229ae1 solid 1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none;
}

.cardupdate_info_ span.radio__parts_:after {
    border-bottom: none;
    border-right: none;
}

div.cartinfo_ .error_ {
    font-size: 16px;
    margin-left:0;
    padding-left:0;
}

div.cartinfo_ ul.error_ {
    margin-left: 0px;
    font-size: 16px;
}

div.cartinfo_ p.cartinfo__text_ {
    margin-bottom: 20px;
}

table.cartlist_ div.promotionshortmsg_ {
    width: 100%;
    margin-right: 0;
    text-align: center;
}

div.error_, table.error_ {
    background-color: transparent;
}

.promotionshortmsg_ div.error_ {
    background-color: #efefef;
    color:#000;
    text-align: center;
    font-weight: normal;
    margin: 30px 0;
}

.promotionshortmsg_ div.error_ span {
    color: #ff1900;
}

/* ---------------------------------------------------------------
お問い合わせ Contents
--------------------------------------------------------------- */
.page__qaIndex_ .notes{ font-size: 12px; }
.page__qaIndex_ .notes a{ text-decoration: underline;}

/* ---------------------------------------------------------------
翻訳用
--------------------------------------------------------------- */
#zf_gtrans_wrapp{
  display: inline-block; padding: 10px 25px;
  background: #fff;
  position: fixed; right: 70px; bottom: -100px; z-index: 19;
  box-shadow:0px 0px 10px 0px #999;
  border-radius:5px; box-sizing: border-box;
  -webkit-transition: 800ms ease-out;
  -moz-transition: 800ms ease-out;
  transition: 800ms ease-out;
}
#zf_gtrans_wrapp.on{
  bottom: 10px;
}  
.skiptranslate .goog-te-banner-frame{top: auto; bottom: 0; height: 60px; }


/* ---------------------------------------------------------------
イベントページ
--------------------------------------------------------------- */
/* 汎用コンテンツ */
.event_wrapper_ .navitopicpath_{ margin: 0;}
.event_wrapper_ .evt_displaymode{display: none;}
.event_wrapper_ .evt_displaymode.mode_pc{display: block;}

.event_wrapper_ .evt_kv{ width: 100%; position: relative; margin-bottom: 20px; margin-top: 40px;}
.event_wrapper_ .evt_kv h2.event_name_img_ { margin-bottom: 0; }
.event_wrapper_ .evt_kv h2.event_name_img_ img{ width:  100%; }

.event_wrapper_ .leadCopyArea{ text-align: center; font-size: 16px; line-height: 200%; }

.event_wrapper_ .evt_lead { font-size: 18px; line-height: 200%; margin: 35px auto 30px auto;}
.event_wrapper_ .evt_textArea{ margin-bottom: 80px;}
.event_wrapper_ .evt_textArea .evt_textArea_ttl{ font-size: 22px; margin-bottom: 20px; font-weight: bold;}
.event_wrapper_ .evt_textArea .evt_textArea_txt{ font-size: 14px; margin-bottom: 40px; line-height: 200%;}
.event_wrapper_ .evt_textArea  .evt_textArea_txt a{ text-decoration: underline; color: #000; }
.event_wrapper_ .evt_textArea .evt_textArea_txt.notes{ font-size: 12px; }
.event_wrapper_ .evt_textArea  .form__btn_ { width: 600px; margin: 0 auto; }
.event_wrapper_ .evt_textArea  .form__btn_ a { font-size: 22px; font-weight: bold; height: 80px; padding: 25px 0 30px 0;}
.event_wrapper_  .evt_btns { width: 620px; margin: 0 auto 50px auto;}
.event_wrapper_  .evt_btns ul {display: flex; justify-content: center;}
.event_wrapper_  .evt_btns a {font-size: 18px; font-weight: bold; height: 60px; padding: 18px 0 0px 0; align-items: stretch;}
.event_wrapper_  .evt_btns.blk1 ul{}
.event_wrapper_  .evt_btns.blk1 ul li{ width: 290px;}
.event_wrapper_  .evt_btns.blk2 ul{}
.event_wrapper_  .evt_btns.blk2 ul li{ flex: 1; margin: 0 10px;}

.event_wrapper_ .evt_overview{ background: #edf8ff; padding: 50px; margin-bottom: 75px;}
.event_wrapper_ .evt_overview .evt_lead {font-size: 14px;  margin: 0px auto 40px auto;}
.event_wrapper_ .evt_overview .evt_textArea{ margin-bottom: 0px;}

.event_wrapper_ .figArea .figInner:before,
.event_wrapper_ .figArea .figInner:after { content: ""; display: table; border-collapse: collapse; }
.event_wrapper_ .figArea .figInner:after { clear: both;}

.event_wrapper_ .leadtxt{ font-size: 1.20vw; line-height: 200%; position: absolute; left: 0; top: 0; color: #FFF; }
.event_wrapper_ .leadtxt img,
.event_wrapper_ .figArea img{ width: 100%; }
.event_wrapper_ .figArea.fig2{ margin-top: 50px;}

.evt_recommArea_ttl img{ margin-left: auto; margin-right: auto;}

/* Border-Box */
.event_wrapper_ .evt_borderbox{ padding: 50px; border: solid 4px #CCC; margin-top: 60px; box-sizing: border-box; min-width: 980px; margin-bottom: 70px; }
.event_wrapper_ .evt_borderbox .evt_bbox_children{ display: -ms-flexbox; display: flex; }
.event_wrapper_ .evt_borderbox .evt_bbox_children .evt_bbox_child{ display: -ms-flexbox; display: flex; flex-direction: column; width: 33%; margin-left: 5%; text-align: center;}
.event_wrapper_ .evt_borderbox .evt_bbox_children .evt_bbox_child:first-child{ margin-left: 0; }
.event_wrapper_ .evt_borderbox .evt_bbox_children .evt_bbox_child.evt_bbox_ttl{width: 24%; text-align: left; font-size: 26px; font-weight: bold;}
.event_wrapper_ .evt_borderbox .evt_bbox_children .evt_bbox_child .evt_bbox_child_thumb {}
.event_wrapper_ .evt_borderbox .evt_bbox_children .evt_bbox_child .evt_bbox_child_thumb img{ width: 100%; }
.event_wrapper_ .evt_borderbox .evt_bbox_children .evt_bbox_child .evt_bbox_child_ttl { font-size: 18px; font-weight: bold; }
.event_wrapper_ .evt_borderbox .evt_bbox_children .evt_bbox_child .evt_bbox_child_price { font-size: 18px; font-weight: bold; margin-bottom: 15px; }
.event_wrapper_ .evt_borderbox .evt_bbox_children .evt_bbox_child .evt_bbox_child_price .tax { font-size: 12px;}
.event_wrapper_ .evt_borderbox .evt_bbox_children .evt_bbox_child .evt_bbox_child_text{ font-size: 16px; line-height: 175%; text-align: left; margin-bottom: 20px;}
.event_wrapper_ .evt_borderbox .evt_bbox_children .evt_bbox_child .evt_bbox_child_btn{ margin-top: auto;
	-webkit-box-align: center;
	align-items: center;
	border-radius: 5px;
	box-shadow: 0 5px 0 #c10065;
	background-color: #f12b93;
	color: #fff !important;
	display: -webkit-box;
	display: flex;
	font-weight: 700;
	height: calc(72em / 18);
	font-size: calc(18em / 16);
	-webkit-box-pack: center;
	justify-content: center;
	position: relative;
}
.event_wrapper_ .evt_borderbox .evt_bbox_children .evt_bbox_child .evt_bbox_child_btn::before {	right: calc(45em / 18); }
.event_wrapper_ .evt_borderbox .evt_bbox_children .evt_bbox_child .evt_bbox_child_btn::before {
	border: solid #fff;
	border-width: 0 calc(2em / 18) calc(2em / 18) 0;
	content: '';
	height: calc(11em / 18);
	position: absolute;
	bottom: 50%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	width: calc(11em / 18);
}

/* Banner Area */
.event_wrapper_ .evt_bnrarea{ margin-left: auto; margin-right: auto; width: 980px;}
.event_wrapper_ .evt_bnrarea .evt_bnr_items{}
.event_wrapper_ .evt_bnrarea .evt_bnr_items .evt_bnr_item{ margin-bottom: 40px; display: block; float: left;}
.event_wrapper_ .evt_bnrarea .evt_bnr_items .evt_bnr_item a img{ width: 100%;}
.event_wrapper_ .evt_bnrarea .evt_bnr_items .evt_bnr_item_large{ width: 100%;}
.event_wrapper_ .evt_bnrarea .evt_bnr_items .evt_bnr_item_middle{ width: calc( 50% - 20px ); margin-left: 40px;}
.event_wrapper_ .evt_bnrarea .evt_bnr_items .evt_bnr_item_middle:nth-child(even){ margin-left: 0px;}

/* Event Page Coupon */
.evt_couponArea{ width: 600px; box-sizing: border-box; margin: 0 auto 0 auto; background: #fff100; padding: 25px 50px; margin-bottom: 50px; font-size: 16px;}
.evt_couponArea h3{color: #e60012; font-size: 22px; font-weight: bold; margin-bottom: 15px;}
.evt_couponArea .couponCode{ display: block; background: #FFF; padding: 15px 0; margin-bottom: 20px;}
.evt_couponArea .couponCode span{ font-size: 24px; font-weight: bold;}
.evt_couponArea .couponCode span input[type="text"]{ font-size: 24px; font-weight: bold; text-align: center; padding: 0; border: none; outline: none; line-height: 1; height: auto;}
.evt_couponArea .couponTxt{ line-height: 200%;}
.evt_couponArea .notes{ font-size: 12px;}

@media (max-width: 720px){/* SP - GENERAL */
}
@media (min-width: 720px) {/* PC - GENERAL */
}


/* サムネイル */
.event_wrapper_ .container_ .contents_{ width: 100%;}
.event_wrapper_ .container_ .contents_ .mainframe_{ width: 100%; padding: 0px 35px 0 35px; box-sizing: border-box; }
.event_wrapper_ .mainframe_ >.refineSearch__itemListInner_{ }

/* ランキング */
.event_wrapper_ .container_ .contents_ .mainframe_.style_R_{ }
.event_wrapper_ .container_ .contents_ .mainframe_.style_R_ .StyleR_Frame_{ width: 100%;}
.event_wrapper_ .container_ .contents_ .mainframe_.style_R_ div.StyleR_Frame_ ul { padding-top: 40px;}
.event_wrapper_ .container_ .contents_ .mainframe_.style_R_ div.StyleR_Frame_ ul li{ width: 30.5%; float: left; margin: 0 0.8% 100px; cursor: pointer; position: relative;}
  /*.event_wrapper_ .container_ .contents_ .mainframe_.style_R_ div.StyleR_Frame_ ul li:nth-child(-n + 3) { width: 22%; }*/
.event_wrapper_ .container_ .contents_ .mainframe_.style_R_ div.StyleR_Frame_ ul li:nth-child(3n+1) { clear: both;}

.event_wrapper_ div.StyleR_Item_ div.img_ a{ color: #000; position: relative; display: block; }
.event_wrapper_ div.StyleR_Frame_ ul li div.img_ {width: 100%; height: auto; text-align: center; vertical-align: middle; layout-grid-line: 180px; display: block;}
.event_wrapper_ div.StyleR_Item_ div.img_ img{ max-width: 100%; max-height: 100%; }
.event_wrapper_ div.StyleR_Item_ div.desc_{ width: 100%; text-align: center;}
.event_wrapper_ div.StyleR_Item_ div.desc_ a{ color: #000; text-decoration: none;}
.event_wrapper_ div.StyleR_Item_ div.name_{ margin: 0; font-size: 16px; font-weight: normal; height: 3em; overflow: hidden; }
.event_wrapper_ div.StyleR_Item_ div.name_ a{ margin: 0; font-size: 16px; font-weight: normal; height: 3em; overflow: hidden; }
.event_wrapper_ div.StyleR_Item_ div.desc_ div.price_{ font-size: 24px; font-weight: bold; text-align: center;}
/*.event_wrapper_ div.StyleR_Item_ div.desc_ div.price_ .price_pop_ {display: none; }*/
.event_wrapper_ div.StyleR_Frame_ ul li div.icon_ { margin-bottom: 0px; overflow: hidden; position: absolute; left: 0; top: -40px; width: 100%;}
.event_wrapper_ div.StyleR_Frame_ ul li div.icon_ span.rank_ {
  overflow: hidden; -moz-text-shadow: none; -webkit-text-shadow: none; text-shadow: none; text-align:center; font-weight: normal; width: 40px; height: 40px; line-height: 38px;
  background-image:  url(http://www.zoff.co.jp/img/private/pc/index/ranking_icon.png); background-position: 50% 100%; background-repeat: no-repeat; 
  display: block; margin: 0 auto; padding: 0; font-size: 20px; color: #2299e1; float: none;
}
div.StyleR_Frame_ ul li#rank1 .icon_ span.rank_ ,div.StyleR_Frame_ ul li#rank2 .icon_ span.rank_ ,div.StyleR_Frame_ ul li#rank3 .icon_ span.rank_ { background-position: 50% 100%; background-repeat: no-repeat;}
.event_wrapper_ .container_ .contents_ .mainframe_.style_R_ div.StyleR_Frame_ ul li:nth-child(1) .rank_icon_ ,
.event_wrapper_ div.StyleR_Frame_ ul li#rank1 .icon_ span.rank_ { color: #e0cb3c; background-image:url(https://www.zoff.co.jp/img/private/pc/index/ranking_gold_icon.png); }
.event_wrapper_ .container_ .contents_ .mainframe_.style_R_ div.StyleR_Frame_ ul li:nth-child(2) .rank_icon_ ,
.event_wrapper_ div.StyleR_Frame_ ul li#rank2 .icon_ span.rank_ { color: #bbb; background-image:url(https://www.zoff.co.jp/img/private/pc/index/ranking_silver_icon.png); }
.event_wrapper_ .container_ .contents_ .mainframe_.style_R_ div.StyleR_Frame_ ul li:nth-child(3) .rank_icon_ ,
.event_wrapper_ div.StyleR_Frame_ ul li#rank3 .icon_ span.rank_ { color: #d8ab6a; background-image:url(https://www.zoff.co.jp/img/private/pc/index/ranking_bronze_icon.png); }
.event_wrapper_ .container_ .contents_ .mainframe_.style_R_ div.StyleR_Frame_ ul li:nth-child(n + 10) .rank_icon_ { font-size: 16px; }



/* ---------------------------------------------------------------
@media screen
--------------------------------------------------------------- */

@media screen and (max-width: 1024px) {
    .gheader_ .header__navList_ li {
        display: inline-block;
        margin: 0 3px 0 0;
        position: relative;
        vertical-align: bottom;
    }

    .gheader_ .header__navList_:nth-child(2) li {
        margin: 0 5px 0 0;
    }

    #side__gender .side__megamenuGenre_:last-child {
       margin: 0 10px 0 0;
       padding: 0 10px 0 0;
    }

    #side__gender .side__megamenuTypePrice_ {
        margin: 0 10px 0 0;
        padding: 0 10px 0 0;
    }

    #side__gender .side__megamenuInner_ {
        margin: 40px 0 40px 30px;
        display: block;
    }

    #side__gender .side__megamenuGenre_ {
        margin: 0 10px 0 0;
    }

    #side__gender .side__megamenuTypeShape_,#side__gender .side__megamenuTypeColor_ {
        margin: 0 10px 0 0;
    }

    .index__topicsList_ .index__topicsListThumb_ {
        width: 44%;
    }

    .index__topicsList_ .index__topicsListText_ {
        margin-left: 48%;
    }

    .container__inner_.guide__inner_ {
        width: 900px;
    }

    .guide__indexTabbox_ {
        width: 904px;
        margin: 70px auto 0;
    }

    .guide__indexTabbox_ li {
        width: 400px;
    }

    .guide__stepBox_ {
        width: 199px;
    }

    .guide__aboutBox_ {
        width: 293px;
    }

    .guide__mordal_ {
        width: 900px;
    }

    .lensguide_ .container__inner_,
    .colorlensguide_ .container__inner_ {
        width: 900px;
    }

    .lensguide_.lensguide__ipad_ .container__inner_ {
        width: 100%;
    }

}

@media screen and (max-width: 768px) {

    a:hover {
        opacity: 0.3;
    }

    #side__gender .side__megamenu_{
        width: 768px!important;
        min-width: inherit;
    }

    #side__gender .side__megamenuInner_ {
        margin: 40px 0 40px 20px;
    }

    #side__gender .side__megamenuGenre_ h4 {
        font-size: 12px;
        font-weight: normal;
        margin: 14px 0;
    }

    #side__gender .side__megamenuGenre_ a {
        font-size: 10px;
    }

    #side__gender .side__megamenuGenre_ {
        margin: 0 10px 0 0;
    }

    #side__gender .side__megamenuTypeShape_ {
        margin: 0 10px 0 0;
    }

    #side__gender .side__megamenuGenre_:last-child {
        margin: 0 20px 0 0;
        padding: 0 20px 0 0;
        border-right: #c9e6f8 solid 1px;
    }

    #side__gender .side__megamenuTypeColor_ li {
        margin: 0 8px 10px 0;
    }

    #side__gender .side__megamenuTypeColor_ {
        width: 58px;
    }

    #side__gender .side__megamenuTypeColor_ {
        margin: 0 10px 0 0;
    }

    #side__gender .side__megamenuTypeBox_ h4 {
        font-size: 12px;
    }

    #side__gender .side__megamenuTypeShape_ li a {
        padding:0 0 0 40px;
        font-size: 10px;
    }

    #side__gender .side__megamenuTypeShape_ li a span {
        width: 35px;
        background-size: 100%!important;
    }

    #side__gender .side__megamenuTypePrice_ {
        margin: 0 20px 0 0;
        padding: 0 20px 0 0;
    }

    #side__gender .side__megamenuTypePrice_ li a {
        font-size: 10px;
    }

    #side__gender .side__megamenuSeries_ h4 {
        font-size: 12px;
    }

    #side__gender .side__megamenuSeries_ a {
        font-size: 10px;
    }

}


/* --------------------------------------------------------------------
	LP店舗リスト
--------------------------------------------------------------------- */
section#zfHandlingShop {
	width: 980px; margin: 0 auto; padding: 95px 0 80px 0;
}

section#zfHandlingShop .zfHandlingShop_ttl {
	text-align: center; font-size: 36px;
}

section#zfHandlingShop .zfHandlingShop_ttl img {
	width: 215px; height: auto;
}

section#zfHandlingShop .zfHandlingShop_txt {
	text-align: center; padding: 18px 0 0 0; font-weight: bold; font-size: 15px; line-height: 1.7;
}

section#zfHandlingShop div#zfShopList {
	width: 980px; padding: 45px 0 0 0; display: -webkit-flex; display: flex;
}

section#zfHandlingShop div#zfShopList ul {
	width: 470px; margin: 0; border-top: 1px solid #F3F3F3;
}

section#zfHandlingShop div#zfShopList ul:first-child {
	margin: 0 40px 0 0;
}

section#zfHandlingShop div#zfShopList ul li {
	border-bottom: 1px solid #F3F3F3; padding: 15px 0 5px 0;
}

section#zfHandlingShop div#zfShopList ul li dl {
	display: -webkit-flex; display: flex; font-size: 14px;
}

section#zfHandlingShop div#zfShopList ul li dl dt {
	width: 75px;
}

section#zfHandlingShop div#zfShopList ul li dl dd {
	width: 395px;
}

section#zfHandlingShop div#zfShopList ul li dl dd ol li {
	border: none; list-style: none; padding: 0 0 10px 0; margin: 0;
}


/* --------------------------------------------------------------------
	FAQ > Zoff Magazine Links
--------------------------------------------------------------------- */
.zMagInfoWrap {width: 700px; margin: 0 auto;}
.zMagInfo{width: 100%; margin: 0 auto; border: solid 1px #229ae1; box-sizing: border-box; padding: 50px 30px 40px 30px; margin-bottom: 100px;}
.zMagInfo .zMagInfo__title { text-align: center; line-height: 1; font-size: 22px; font-weight: bold; color: #229ae1; margin-bottom: 40px;}
.zMagInfo .zMagInfo__items{ }
.zMagInfo .zMagInfo__items .zMagInfo__lists{display: flex; flex-wrap: wrap;}
.zMagInfo .zMagInfo__items li.zMagInfo__item{ display: block;  width: 305px; margin-right: 25px; margin-bottom: 30px;}
.zMagInfo .zMagInfo__items li.zMagInfo__item:nth-child(even){ margin-right: 0px; }
.zMagInfo .zMagInfo__items li.zMagInfo__item a{ display: flex; align-items: center;}
.zMagInfo .zMagInfo__items li.zMagInfo__item a .zm__article__image{  position: relative;  padding: 0; width: 140px; height: 140px; max-width: 140px; margin-right: 15px; }
.zMagInfo .zMagInfo__items li.zMagInfo__item a .zm__article__image__frame {position: relative;display: block;padding: 100% 0 0;overflow: hidden;}
.zMagInfo .zMagInfo__items li.zMagInfo__item a .zm__article__image__frame span {  position: absolute; top: -200%;  left: -200%; display: block; width: 500%;  height: 500%;}
.zMagInfo .zMagInfo__items li.zMagInfo__item a .zm__article__image__frame span img {  position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; min-width: 20%; min-height: 20%; margin: auto; opacity: 0; transition: opacity .3s ease-out 0s;}
.zMagInfo .zMagInfo__items li.zMagInfo__item a .zm__article__summary{ width: 150px; text-decoration: none; color: #000;}

.zMagInfoInnerWrap { padding-top: 80px;width: 700px; margin: 0 auto; border-top: solid 1px #CCC;}
.zMagInfoInnerWrap .zMagInfo{ padding: 25px; margin-bottom: 80px;}
.zMagInfoInnerWrap .zMagInfo  .zMagInfo__items li.zMagInfo__item{ width: 100%; margin-top: 25px; margin-bottom: 0;}
.zMagInfoInnerWrap .zMagInfo  .zMagInfo__items li.zMagInfo__item:first-child{  margin-top: 0;}
.zMagInfoInnerWrap .zMagInfo  .zMagInfo__items li.zMagInfo__item a .zm__article__image{ width: 100%; margin-right: 40px;;}
.zMagInfoInnerWrap .zMagInfo  .zMagInfo__items li.zMagInfo__item a .zm__article__summary{ width: auto;}

.zMagInfo .qa__form__midBtn_{ margin-top: 20px;}
.zMagInfo__title { text-align:left; line-height: 1; font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.disp_sp{display: none;}

/* --------------------------------------------------------------------
	読込中
--------------------------------------------------------------------- */

.load-wrapp{width:100%;margin:0 auto;padding:30px 0;text-align:center}
.load-wrapp .line{display:inline-block;width:20px;height:20px;border-radius:20px;margin:10px;background-color:#229ae1}
.load-3 .line:nth-last-child(1){animation:anmline .6s .1s linear infinite}
.load-3 .line:nth-last-child(2){animation:anmline .6s .2s linear infinite}
.load-3 .line:nth-last-child(3){animation:anmline .6s .3s linear infinite}
@keyframes anmline{
  0 {transform:translate(0,0);}
  50% {transform:translate(0,40px);}
  100% {transform:translate(0,0);}
}