@charset "utf-8";

/*2022/03/04 フォーム種別調整*/
/* input[type=radio] {
  height:1.6rem;
  width:auto;
}

input[type=checkbox] {
  display: inline;
  padding-left: 7%;
  padding-top: 0%;
} */
.form_table td{
  justify-content: start;
}
.form_table td label{
display: inline-block;
margin-right: 15px;
/* flex-wrap: wrap; */
}

.form_table td label input[type="checkbox"]{
width:auto;display: inline-block;
}
.form_table td label input[type="radio"]{
display: inline-block;
}

.form_table td label.checkbox_text{
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    padding-left: 35px;
}

.form_table td label.checkbox_text:before{
    content: '';
    position: absolute;
    box-sizing: border-box;
    left:0px;
}

.form_table td label.checkbox_text input[type="checkbox"]{
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  box-sizing: border-box;
}

.form_table td input[type="file"]{
  height:auto !important;
}

.btn {
  border: none;
}
/* .btn:hover{
cursor:pointer;
background: #595959;
} */

/*2022/03/04 エラー文言*/
.error{
  display: block;
}

.ss_error_msg.error + br{
  display:none;
}

/*2022/03/04 jsアラート、cookieアラート*/
.alert-danger, .alert-error {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
  padding: 2%;
  text-align: center;
}
.alert-danger h4, .alert-error h4 {
	color: #b94a48;
}

.alert h4 {
	margin: 0;
}
.alert .close {
	position: relative;
	top: -2px;
	right: -21px;
	line-height: 20px;
}
/*2022/03/04 デザイン*/
/*Radio Check*/
label.radio, label.radio_text{position : relative;cursor : pointer;display : inline-block;overflow : hidden;box-sizing : border-box;}
label.radio {
width : 26px;
height : 26px;
border : 1px solid #BBBBBB;
border-radius : 100%;
}
label.radio_text {min-height : calc(26px + 5px);margin-right : calc(26px + 8px);padding-left : calc(26px + 8px);line-height : calc(26px + 5px);}

/** before after **/
label.radio:before, label.radio_text:before, label.radio_text:after{content : '';position : absolute;box-sizing : border-box;}
label.radio:before, label.radio_text:before{border-radius : 100%;}
label.radio:before{
top : 0px;
bottom : 0px;
left : 0px;
right : 0px;
margin : auto;
}

label.radio_text:before, label.radio_text:after{top : 0px;/* bottom : 0px; */margin-top : auto;margin-bottom : auto;}
label.radio:before {
display : block;
width : 14px;
height : 14px;
z-index : 1;
background-color : #DD6655;
}
label.radio_text:before {
  width: 28px;
  height: 28px;
  border: 1px solid #BBB;
  left : 0px;
  z-index: 1;
  background: #FFF;
  }

label.radio_text:after {width: 14px;height: 14px;border-radius : 100%;left: calc(((24px/2) - (10px) / 2));background-color: #1474ff;z-index : 1;top: 7px;/* border: 1px solid #BBB; */}

/** input **/
label.radio input[type="radio"], label.radio_text input[type="radio"]{-moz-appearance: none;-webkit-appearance: none;position : absolute;z-index : 2;margin : 0px;width: 24px;height: 24px;box-sizing : border-box;outline : none;}
label.radio input[type="radio"],
label.radio_text input[type="radio"]{left: calc(24px * -1);width: 24px;height: 24px;top : 0px;/* bottom : 0px; */margin-top : auto;margin-bottom : auto;border-radius : 100%;}
label.radio input[type="radio"] {
display : block;
box-shadow : 26px 0px #fff;
}
label.radio_text input[type="radio"] {box-shadow: 26px 1px #fff;}
/** checked forcus */
label.radio_text input[type="radio"]:checked,
label.radio input[type="radio"]:checked{box-shadow : none;}

label.radio_text input[type="radio"]:focus,
label.radio input[type="radio"]:focus{
opacity: 0.1;
}
label.radio_text input[type="radio"]:focus {
box-shadow : 26px 0px #fff;
}
label.radio input[type="radio"]:focus {
box-shadow : 26px 0px #fff;
}
.name .ss_input{
	width:50%;
	display:inline-block;
}
.name .ss_input input{
		width:80%;
}
.name .ss_input .ss_leftComment{
	display:inline;	
}
@media only screen and (max-width: 767px) {
  .name .ss_input{
    width:100%;
    display:block;
  }
  .name .ss_input input{
      width:95%;
  }
  .name .ss_input .ss_leftComment{
    display:inline;	
  }
}
/*2022/3/7 完了画面*/
.hidden{
  display: none;
}

.txt_center{
  text-align: center;
  margin: 0 10%;

}
.txt_center strong{
  font-size: 26px;
}

.m_top{
  margin-top: 7%;
  /* height: 70%; */
}

/* 2022/3/10 ボタン*/
.btn:hover{
  cursor:pointer;
  opacity: 0.7;
  text-decoration: none;
  transition: all .3s;
  }
  
  /* 2022/3/10 cart非表示*/
  .cart-none{
    display: none;
  }

/* 2022/3/10 チェックボックス調整 */  
input[type='checkbox'] {
  height: 0rem;
  position: unset;
  padding:0rem;
}

@media all and (-ms-high-contrast: none) {
  .form_table td label input[type="checkbox"]{
    width:auto;display: inline-block;
    }
    
    .form_table td label.checkbox_text{
        position: relative;
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
        box-sizing: border-box;
        padding-left: 35px;
    }
    
    .form_table td label.checkbox_text:before{
        content: '';
        position: absolute;
        box-sizing: border-box;
        left:0px;
    }
    
    .form_table td label.checkbox_text input[type="checkbox"]{
      top: 0px;
      bottom: 0px;
      margin-top: auto;
      margin-bottom: auto;
      box-sizing: border-box;
    }
    
    input[type='checkbox'] {
      height: 0rem;
      position: unset;
      padding:0rem;
    }
}

/*IE11対応*/
_:-ms-lang(x)::-ms-backdrop, .form_table td label.checkbox_text input[type="checkbox"]{
  height: auto !important;
}

.recap{
  margin: 30px auto;
}
.ss_bottomComment,
.ss_topComment,
.ss_leftComment,
.ss_rightComment{
  color: #595959;
  font-size: 1.3rem;
}
.ss_bottomComment{margin-top:5px;}
.ss_topComment{margin-bottom:5px;}