@charset "UTF-8";
/* CSS Document */

/* 共通 */
#main.no-sidebar.no_access{min-height: 160px;}
#container .not_access{width: 980px; margin: 120px auto 0; padding: 35px; border: 1px solid #cf3052; color: #cf3052; line-height: 1.5;}
#container .not_access p{margin: 0; font-size: 87.5%; color: #cf3052;}

#contentContainer #container .not_access{max-width: 1480px;}

#home .our-story__inner__btn-detail2{text-align: center;}

.memberInfo .message{margin-top: 0;}/* 入力項目のエラー文用css */
.modalRefractive__inner .attesion{margin-bottom: 10px; color: #e1002b;}

.myForm__checkBox input[type="checkbox"] + label:before, .myForm__checkBox input[type="checkbox"]:not(.filled-in) + label:after{width: 8px; height: 16px; border-top: none; border-left: none; border-right: 2px solid #606b82; border-bottom: 2px solid #606b82;}
.myForm__checkBox input[type="checkbox"]:checked + label:before{opacity: 1; position: absolute; left: -2px; top: 0px; width: 8px; height: 16px; border-top: none; border-left: none; border-right: 2px solid #606b82; border-bottom: 2px solid #606b82; z-index: 1; -webkit-transform: rotate(40deg); transform: rotate(40deg);}
.myForm__checkBox input[type="checkbox"]:not(.filled-in) + label:after{width: 20px; height: 20px; border: 1px solid #ddd; background: #fff; -webkit-transform: none; transform: none;}

.ebmodal_close{position: relative;}
.ebmodalLens__closeBtn{position: absolute; right: -50px; top: -30px; cursor: pointer; color: #FFFFFF; font-size: 55px;}

#totop .inner{position: relative;}
#totop .inner svg{position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto;}

.non-display, .hiddenCheckValue, .hiddenValue, .hiddenText {display: none;}
.force-non-display {display: none !important;}

@media (min-width: 320px) and (max-width: 768px) {
 .modalCase__caseColor li label:hover img{
   opacity: 1.0;
 }

 .modalLens__lensColor li label:hover {
   opacity: 1.0 !important;	  
 }
	
 .modalCase__caseColor li label .clicked,  .modalLens__lensColor li label .clicked {
   opacity: 0.6 !important;
 }
}


/* cart_index.xhtml */
#contentContainer .modalLens__stepTwo { display: none;}

#contentContainer .myContents .cartList__head{display: block;}
#contentContainer .myContents .cartList__head:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#contentContainer .myContents .cartList__head_item,
#contentContainer .myContents .cartList__head_price,
#contentContainer .myContents .cartList__head_quantity,
#contentContainer .myContents .cartList__head_subtotal,
#contentContainer .myContents .cartList__head_delete{float: left;}
#contentContainer .myContents .cartList__body .block_summary{display: block; width: 100%;}
#contentContainer .myContents .cartList__body .block_summary_inner{display: block;}
#contentContainer .myContents .cartList__body .block_summary_inner:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#contentContainer .myContents .cartList__body .block_summary_inner .block_item{float: left; width: 55%;}
#contentContainer .myContents .cartList__body .block_item .itemName{display: block; float: left;}
#contentContainer .myContents .cartList__body .block_item .itemName p{display: block; float: left; width: 70%}
#contentContainer .myContents .cartList__body .block_item .itemName .image{display: block; width: 100%;}
#contentContainer .myContents .cartList__body .block_item .itemName .image img{width: 100%;}
#contentContainer .myContents .cartList__body .block_item .itemName .name{display: block; float: left; width: 30%; padding-left: 0;}
#contentContainer .myContents .cartList__body .block_summary_inner .block_select{float: left; margin-left: 20px;}
#contentContainer .myContents .cartList__body .block_order_inner{display: block;}
#contentContainer .block_price, #contentContainer .block_quantity, #contentContainer .block_subtotal, #contentContainer .block_delete{float: left;}
#contentContainer .block_order_inner:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#contentContainer .other_item{float: left; font-size: 75%; font-family: axisstd_b; color: #333;}
#contentContainer .other_item .itemSelect{margin-left: 20px;}
#contentContainer .other_item .itemSelect li:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#contentContainer .other_item .itemSelect .label{float: left;}
#contentContainer .other_item .itemSelect .select{float: left;}

@media (max-width: 768px) and (min-width: 320px){
	#contentContainer .myContents .cartList__head{display: none;}
	#contentContainer .myContents .cartList__body .block_summary_inner .block_item{float: none; width: 90%;}
	#contentContainer .myContents .cartList__body .block_item .itemName .name{width: 100%; float: none;}
	#contentContainer .myContents .cartList__body .block_order_inner .block_price,
	#contentContainer .myContents .cartList__body .block_order_inner .block_quantity,
	#contentContainer .myContents .cartList__body .block_order_inner .block_subtotal{width: 32.3%;}
	#contentContainer .myContents .cartList__body .other_item{width: 100%;}
	#contentContainer .myContents .cartList__body .other_item .itemSelect li{padding: 10px 0; margin-bottom: 0; border-bottom: 1px solid #efefef;}
	#contentContainer .myContents .cartList__body .other_item .itemSelect li:last-child{border-bottom: none;}
	#contentContainer .myContents .cartList__body .block_item .itemName .image{width: 100%;}
	#contentContainer .myContents .cartList__body .block_summary_inner .block_select{margin-left: 0;}
}

#contentContainer .modalLens__per {
   margin-top: -50px;
   text-align: left;
   margin-left: 50%;
 }
 
#contentContainer .modalLens__per li {
    text-align: left;
    display: inline-block;
    width: 49%;
}

@media (min-width: 320px) and (max-width: 768px) {
  #contentContainer .modalLens__per {
    margin-top: 30px;
    text-align: right;
   margin-left: 0%;
  }

  #contentContainer .modalLens__per li {
     text-align: left;
     display: inline-block;
     width: 48%;
     float: left;
     box-sizing: border-box;
     margin-left: 2%;
  }
}

/* cart_seisan.xhtml */
#contentContainer .myContents .orderContents .orderSide:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */

#seisanForm .myForm__select label.title{top: -4px;}
#seisanForm .myPayCardForm__date{margin-top: 45px;}
#seisanForm .myPayCardForm__date select, #seisanForm .myPayCardForm__pay-count select{-webkit-appearance: none; -moz-appearance: none; appearance: none; padding-left: 10px; width: 115px; background: #FFF; border: 1px #D3D6DB solid; height: 50px;}
#seisanForm .myPayCardForm__pay-count select{width: 270px;}
#seisanForm .select-arrow:after{content: ">"; font-weight: 100; position: absolute; top: 50%; right: 2%; display: block; width: 0; height: 0; font-size: 0.75rem; color: #666666; -webkit-transform: scale(2, 1) rotate(90deg); -ms-transform: scale(2, 1) rotate(90deg); transform: scale(2, 1) rotate(90deg);}
#seisanForm .myPayCardForm__pay-count__select{max-width: 270px;}
#seisanForm .myPayCardForm__pay-count{margin: 1.5rem 0;}

#seisanForm #addrChange{padding: 30px 30px 30px;}

#seisanForm .couponList .orderBtn{width: 180px;}

#seisanForm .chosen-container{margin-bottom: 20px;}
#seisanForm .myPayCardForm__name{max-width: 410px;}
#seisanForm .myPayCardForm__name span{color: #e1002b !important; font-size: 12px;}
#seisanForm .myPayCardForm__name input{width: 270px;}
#seisanForm .memberForm__name{display: inherit;}
#seisanForm .memberForm__name .myForm__input{width: auto;}
#seisanForm .myForm__input.meigi{margin-bottom: 20px;}

#seisanForm .mod-input-area{display: table;}
#seisanForm .mod-input-area .myForm__input.tel input{width: 25% !important;}
#seisanForm .memberForm__zip .editForm__zip__form:first-child{width: 130px;}
#seisanForm .memberForm__zip{display: table;}
#seisanForm .editForm__zip__form{display: table-cell;}

#seisanForm .myContents .orderForm .enqueteForm_sexYear{ display: block;}
#seisanForm .myContents .orderForm .enqueteForm_sexYear .sex{width: 230px;}
#seisanForm .birthday_inner.myForm__input{display: inline-block; width: 70px;}
#seisanForm .myEnqueteBirthdayForm__month.myForm__select, #seisanForm .myEnqueteBirthdayForm__day.myForm__select{width: 50px;}

#seisanForm .myForm__input input:not([type]), .myForm__input2 input:not([type]), .myForm__input input[type=text], .myForm__input2 input[type=text], .myForm__input input[type=password], .myForm__input2 input[type=password], .myForm__input input[type=email], .myForm__input2 input[type=email], .myForm__input input[type=url], .myForm__input2 input[type=url], .myForm__input input[type=time], .myForm__input2 input[type=time], .myForm__input input[type=date], .myForm__input2 input[type=date], .myForm__input input[type=datetime], .myForm__input2 input[type=datetime], .myForm__input input[type=datetime-local], .myForm__input2 input[type=datetime-local], .myForm__input input[type=tel], .myForm__input2 input[type=tel], .myForm__input input[type=number], .myForm__input2 input[type=number], .myForm__input input[type=search], .myForm__input2 input[type=search]
{margin: 0;}

#seisanForm .biko_txt {padding: 5px; font-size: 81.25%;}

#deliveryKit.orderForm__block{border-bottom: none;}
#deliveryKit.orderForm__block .jmo_text{margin-top: 20px; border-top: 1px solid #ddd; padding: 20px 0 20px 30px;}
#deliveryKit.orderForm__block .jmo_text p{margin:20px 0 10px 0;}
#deliveryKit.orderForm__block .jmo_text li{list-style-type: decimal; margin: 0 0 0.5em 1em; font-weight: normal; font-family: axisstd_l; font-size: 87.5%;}

@media (max-width: 768px) and (min-width: 320px){
	#seisanForm .myForm__select{margin-top: 5px;}
	#seisanForm .myPayCardForm__pay-count__select{ max-width: 270px;}
	#seisanForm .couponList .orderBtn{width: 100%;}
	#deliveryKit.orderForm__block .jmo_text{margin-top: 20px; border-top: 1px solid #ddd; padding: 10px 20px 10px 20px;}
}

#seisanForm .myContents .orderSide__spBottom_scroll.fixed{z-index:1000;}

#seisanForm #ADDR1,
#seisanForm #SEND_ADDR1,
#seisanForm #SEND_HOPE_DATE,
#seisanForm #SEND_HOPE_TIME,
#seisanForm .mypage-select01 {
  visibility: hidden;
}

@media (max-width: 768px) {
  #seisanForm #ADDR1,
  #seisanForm #SEND_ADDR1,
  #seisanForm #SEND_HOPE_DATE,
  #seisanForm #SEND_HOPE_TIME,
  #seisanForm .mypage-select01 {
    position: relative;
    display: block;
    overflow: hidden;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 1px solid #D3D6DB;
    border-radius: 5px;
    outline: none;
    height: 42px;
    line-height: 40px;
    width: 100%;
    font-size: 0.9rem;
    margin: 0 0 0 0;
    padding: 0 0 0 0.3rem;
    box-shadow: none;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: url(../../images/member_mypage/arrow_select.png) no-repeat 95% center;
    -webkit-appearance: none;
  }
}

#seisan .orderItem {margin-bottom: 5%;}

#seisan .kessai_cvs label,
#seisan .kessai_mobile label {
  bottom: 22px;
  @media (min-width: 320px) and (max-width: 768px) {
    bottom: 11px;
  }
}

#seisan .myForm__radio input[type="radio"]:checked+label:before {border: 2px solid #d3d6db;}
#seisan .myForm__radio input[type="radio"]:checked+label:after {-webkit-transform: scale(0.5); transform: scale(0.5);}

#seisan .modalRefractive__inner {
  background-color: #fff;
  max-width: 820px;
  padding: 40px;
  margin: 0 auto;
}

#seisan #changeLens {margin-bottom: 5%;}
#seisan .tel .mod-input {width: 85% !important;}
#seisan .tel .mod-input input {width: 25% !important;}
#seisan .mod-input-select {position: relative; /*height: 68px;*/}
#seisan .mod-input-select .chosen-container {width: 100% !important;}

#seisan .mod-input-select label {
  left: 0.8rem;
  color: #9e9e9e;
  position: absolute;
  top: 0;
  padding: 0 0.2rem;
  font-size: 0.75rem;
  line-height: 1;
  background-color: #fff;
  cursor: text;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
	
#seisan .myBtn03 {
  cursor: pointer;
  background-color: #c9c9c9;
  color: #fff;
  display: inline-block;
  border: none;
  line-height: 3.79rem;
  height: 3.79rem;
  width: 100%;
  text-decoration: none;
  border-radius: 5px;
  font-size: 87.5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

#seisan .message span {
    font-size: 12px;
    color: #e1002b;
    line-height: 1.4;
    font-weight: bold;
}


/* cart_ confirm.xhtml */
#contentContainer .myContents .orderSide .list td .waribiki{color: #e1002b;}
#confirmForm .deliveryPlans .day>div{margin-top: 10px;}
#confirmForm .orderSide_scroll.fixed{top: 120px;}
#confirmForm .myContents .orderForm .couponList{margin-bottom: 20px;}
#confirmForm .myContents .orderForm__block.medical{padding-bottom: 30px;}

/* cart_confirm$amazon_payments.xhtml */
#contentContainer .myContents .orderContents .orderForm{float: left;}
#contentContainer .myContents .orderForm .radioList{margin-bottom: 17px;}
#contentContainer .memberForm__medical{max-width: 735px;}
#contentContainer .mod-input-area.medical{display: block;}
#contentContainer .myForm__input.medical_input input{width: 100%;}

@media (max-width: 768px) and (min-width: 320px){
	#contentContainer .myContents .orderForm .radioList{margin-bottom: 0;}
	#contentContainer .myContents .orderSide .orderSide_scroll{float: left;}
	#contentContainer .myContents .orderContents .orderSide:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
	#confirmForm .myTitle02{margin: 0 20px 15px; font-size: 100%;}
 	#confirmForm .payList, #confirmForm .deliveryList{padding: 0 25px;}
	#confirmForm .giftForm, #confirmForm .remarksForm_textarea, #confirmForm .deliveryPlans .info{padding: 0 20px;}
}

/* cart_result.xhtml */
#contentContainer .myContents .myFrame01{margin: 2% 0;}
#contentContainer .inquiryCounter .myFrame01{margin: 4% 0;}
#contentContainer .myContents .myFrame01.common{margin: 0 0;}
#contentContainer .kessai_area{margin-top: 30px; padding: 0 8%;}
#contentContainer .kessai_area p{font-size: 100%; color: #333e58; line-height:1.5;}
#contentContainer .kessai_area .pageTitle__title{margin-bottom: 2%;}
#contentContainer .kessai_area .kessai-form-area{margin-right: auto; margin-left: auto; padding-top: 20px; margin-left: auto; margin-right: auto;}
#contentContainer .kessai_area .mod-btn01{display: block; background-color: #fff; border: solid 1px #3a4763; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; box-sizing: border-box; position: relative; width: 235px; max-width: 100%; padding: 14px 35px; border-radius: 4px; text-align: center; font-size: 13px; color: #3a4763; font-weight: normal; line-height: 1.3;}
#contentContainer .kessai_area .mod-btn01:after{content: ""; position: absolute; top: 0; bottom: 0; left: 20px; margin: auto; background-image: url(../images/member_mypage/arrow01.png); background-size: 6px auto; background-position: 0 0; background-repeat: no-repeat; width: 6px; height: 11px;}

/* item_list$simple.xhtml */
#contentContainer .item_detail_link .tax{font-size: 16px;}
#contentContainer .detail__price.sale{color: #DA0024;}
#contentContainer .searchTop h1{font-size: 2.6rem; color: #333e58;}
#contentContainer .fixedSearchBtn{right: 0; left: 20px;}

@media (max-width: 1023px) and (min-width: 320px){
	#contentContainer	 .searchTop__title h1 {font-size: 1.6rem;}
}
@media (min-width: 1023px) {
	#contentContainer	 .glasses_frameColor{left: 70px !important;}
	#contentContainer	 .glasses_value{left: 335px !important;}
	#contentContainer	 .glasses_material{left: 415px !important;}
	#contentContainer	 .glasses_facetype{left: 595px !important;}
	#contentContainer	 .sunglasses_value{left: 473px !important;}
	#contentContainer	 .sunglasses_material{left: 553px !important;}
	#contentContainer	 .sunglasses_facetype{left: 733px !important;}
	#contentContainer	 .sunglasses_pad{left: 110px !important;}
	#contentContainer	 .sunglasses_shipping{left: 225px !important;}
	#contentContainer	 .sunglasses_stock{left: 360px !important;}
}

_:-ms-lang(x), .result__item {position: relative; float: left; width: calc(99% / 3); margin-bottom: 2%;}

@media (min-width: 320px) and (max-width: 1023px) {
  _:-ms-lang(x), .result__item {width: 100%; margin: 20px 0;}
}

@media (min-width: 768px) and (max-width: 1023px) {
  _:-ms-lang(x), .result__item {width: 50%;}
}


/* item_detail.xhtml */
#contentContainer .detail__favorite p{cursor: pointer;}

#itemDetail #imageList {
    visibility: hidden;
    text-align: center;
}

#itemDetail .swiper-slide img {
    max-height: 100%;
    max-width: 100%;
}

#itemDetail ul.reviewStars li {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
}

#itemDetail .review__container {
	display: none;
}

#itemDetail .reviewComment {
    clear:both;
}

@media (min-width: 1023px) {
  .searchTop__searchInnerItem#shapeResult {
      left: 58px;
  }

  .searchTop__searchInnerItem ul.double {
      width: 420px;
  }
}

#itemDetail #soldOut_btnArea button {
    background-color: #9E9E9E;
}

#itemDetail #soldOut_text {
    font-size: 1.4rem;
    padding-top: 1%;
    padding-bottom: 1%;
}

/* item_review.xhtml */
#contentContainer .reviewIndex__productReview ul.star ,#contentContainer .reviewIndex__productReview ul.star li,#contentContainer .reviewIndex__listReview ul.star li{display: inline-block;}
#contentContainer .reviewIndex__productReview ul.star li, #contentContainer .reviewIndex__listReview ul.star li{color: #ebbc49; font-size: 16px;}
#contentContainer .reviewIndex__listReview ul.star{float: left;}
#contentContainer .reviewIndex__listReview ul.star:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */

/* top.xhtml */
.slick-prev{left: 0;}
.frontswitch-container{height: 769px;}
.frontswitch-inner, .ver3 .mtape-inner{margin: 0 auto; height: 100%; width: 210px; position: relative;}
.ver3 .mtape-link{width: 210px; text-align: center; margin: 0 auto; display: block; position: absolute; bottom: 78px;}

/* custom/karte_list.xhtml */
#contentArea .myContents .myFrame01{margin: 0 0; padding: 4% 15px; background-color: #FFF;}
#contentArea .myContents .alert__text{background-color: #FFF;}
#contentArea .regist-btn-area{margin-bottom: 20px;}

@media screen and (max-width: 911px){
  #karte #contentContainer #contentArea{ padding-bottom: 20px;}
}
@media (max-width: 414px){
  #karte #contentArea .mod-btn-box{margin: 15px 0;}
}

@media (max-width: 768px) and (min-width: 320px){
  #karte #contentArea .modalDosu__enterDosu{padding: 10px 10px 20px 10px;}
}

/* custom/amazon_jins.xhtml */
#cs_header{margin: 0 0 40px 0;}
#contentAreaJump{margin: 0 auto; width: 956px;}
#contentAreaJump a{color: #9ca3b1;}
#contentAreaJump a:hover{color: #3a4763;}

/* kessai_**.xhtml */
#contentContainer .kessai-form-area{max-width: 228px; padding-top: 0; padding-bottom: 20px; margin-left: auto; margin-right: auto;}
#contentContainer .mod-text-sub{color: #333 !important; font-size: 14px !important; padding-bottom: 20px;}

/* review_list.xhtml */
#contentContainer .reviewIndex__productImage{max-width: 271px;}
#contentContainer .reviewIndex__productReturnBtn{top: 140px;}

@media (max-width: 768px) and (min-width: 320px){
	#contentContainer .reviewIndex__productImage{margin: 0 auto 20px;}
	#contentContainer .reviewIndex__productReturnBtn{top: 0px;}
}