/* モーダルと背景の指定 */
#wrapping_modal.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0, 0, 0, 50%);
	padding: 40px 20px;
	overflow: auto;
	box-sizing: border-box;
	z-index:999;
}
/* モーダルの擬似要素の指定 */
#wrapping_modal .modal:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	margin-left: -0.2em;
}

/* クラスが追加された時の指定 */
#wrapping_modal .modal.is-active {
	opacity: 1;
	visibility: visible;
}

/* モーダル内側の指定 */
#wrapping_modal .modal-container {
	position: fixed;
z-index: 999;
left: 50%;
top: 58%;
transform: translate(-50%, -50%);
max-width: 89%;
width: 600px;
}

/* モーダルを閉じるボタンの指定 */
#wrapping_modal .modal-close {
	position: absolute;
	right: 10px;
	top: -15px;
	font-size: 4.5rem;
	font-weight: bold;
	cursor: pointer;
}

/* モーダルのコンテンツ部分の指定 */
#wrapping_modal .modal-content {
	border-radius: 5px;
	background: #fff;
	text-align: left;
	line-height: 1.8;
	padding: 20px;
}

/* 次に進むボタン */
#wrapping_modal #wrapping_modal_next_btn,
#wrapping_modal #wrapping_modal_decision_btn{
	background: #c80909;
	width: 50%;
	color: #fff;
	display: block;
	text-align: center;
	padding: 16px 0 15px;
	cursor: pointer;
	font-size: 15px;
	margin: 27px auto 0;
}







/* ラッピング/熨斗を選択するボタン */
#wrapping_modal_open_btn{
	border: 1px solid #4b2a21;
	color: #fff;
background:#4b2a21;
	width: 100%;
	display: block;
	text-align: center;
	padding: 10px 0px 9px;
	cursor: pointer;
	font-size: 18px;
	margin: 20px auto 5px;
	border-radius: 3px;
	transition: .25s;
}
#wrapping_modal_open_btn:hover{
	background-color: #222;
}


/* 選択結果用エリア */
#wrapping_choice_result {
	margin-bottom: 20px;
}

#wrapping_choice_result .wrapping_choice_result_title {
	background-color: #f7f7f7;
	font-size: 1.9rem;
	font-weight: bold;
	padding: 10px;
}

#wrapping_choice_result .wrapping_choice_result_area {
	background-color: #f7f7f7;
	display: flex;
	border-top: 1px solid #e2e2e2;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
}

#wrapping_choice_result .wrapping_choice_result_area .title {
	font-weight: bold;
	width: 155px;
}

#wrapping_choice_result .wrapping_choice_result_area .body {
	flex: 1;
}

#wrapping_choice_result .wrapping_choice_result_area .link {
	align-items: center;
	text-align: center;
	background-color: #fff;
	border: 1px solid #acacac;
	border-radius: 10px;
	cursor: pointer;
	padding: 5px 8px;
	font-size: 80%;
	width: 66px;
}


#wrapping_modal_step_1 .fs-c-productOption__name{
	text-align: center;
	margin-bottom: 22px;
	font-size:18px;
	border-bottom: none;
}
#wrapping_modal_step_1 .fs-c-productOption__option{
	border:1px solid #8e8e8e;
	border-top: none;
	padding:15px;
}
#wrapping_modal_step_1 .fs-c-productOption__field.fs-c-radioGroup{
	display: block;
}

#wrapping_modal_step_1 .fs-c-productOption__option .fs-c-radio__label{
	margin-bottom: 13px;
}
#wrapping_modal_step_1 .fs-c-productOption__option .fs-c-radio:last-child .fs-c-radio__label{
	margin-bottom:0;
}
@media screen and (min-width:768px) {
#wrapping_modal .modal-content{
	padding:37px 50px 30px;
}
}
@media screen and (max-width:767px) {
#wrapping_modal .modal-content{
	padding:37px 20px 30px;
}
}


.d-none{
	display: none;
}
.fs-c-productOption__name, .fs-l-productLayout__item{
	color: #4f4f4f;
}
.fs-c-productOption__name.selector_dt_wrapping_top_other{
	margin-top:-10px !important;
}




#wrapping_modal_step_1 dd{
	display: flex;
	flex-wrap: wrap;
}
#wrapping_modal_step_1 dd > div{
	width:50%;
}
#wrapping_modal input[type="checkbox"] {
  display: none;
}
#wrapping_modal input[type="checkbox"] + label {
  position: relative;
  padding-left: 33px;
  cursor: pointer;
  font-size: 18px;
  display: inline-block;
  margin: 10px 0;
}
#wrapping_modal input[type="checkbox"] + label::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 23px;
  height: 23px;
  border: 1px solid #191919;
  background: #fff;
  border-radius: 3px;
  box-sizing: border-box;
  transition: all 0.2s;
}
#wrapping_modal input[type="checkbox"] + label::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 7px;
  width: 6px;
  height: 14px;
  border: 0px solid #fff;
  border-width: 0 4px 4px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: 0.2s;
}
#wrapping_modal input[type="checkbox"]:checked + label::before {
  background-color: #c80909;
  border-color: #c80909;
}
#wrapping_modal input[type="checkbox"]:checked + label::after {
  opacity: 1;
}
/* ラジオボタン自体を非表示に */
#wrapping_modal input[type="radio"].fs-c-radio__radio {
  display: none;
}

/* 見た目のカスタムラジオ丸 */
#wrapping_modal .fs-c-radio__radioMark {
  position: relative;
  display: inline-block !important;
  width: 23px;
  height: 23px;
  border: 1px solid #191919;
  background: #fff;
  border-radius: 50%;
  box-sizing: border-box;
  margin-right: 10px;
  vertical-align: middle;
}

/* 選択されたときのチェック（内側の丸） */
#wrapping_modal input[type="radio"]:checked + label .fs-c-radio__radioMark::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 11px;
  height: 11px;
  background: #c80909;
  border-radius: 50%;
}





#wrapping_modal .modal-content {
  max-height: 70vh;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
}
#wrapping_modal .fs-c-radio__radio:checked:enabled + label{
	background: none;
	color: #000;
	border:none;
	padding:0;
}
#wrapping_modal .fs-c-radio__label{
	border:none;
	background: none;
	padding:0;
}
#wrapping_modal .fs-c-productOption__field.fs-c-radioGroup{
	flex-direction: row;
	flex-wrap: nowrap;
	margin-top: 10px;
}
#wrapping_modal .fs-c-radioGroup .fs-c-radio{
	width: 105px;
}
#wrapping_modal .fs-c-productOption__name span.fs-c-productOption__label{
	font-size:16px;
}
#wrapping_modal .fs-c-productOption__option{
	margin-bottom: 20px;
}

#wrapping_modal .fs-c-productOption__name{
	font-size: 16px;
}
#wrapping_modal .fs-c-productOption__option + .fs-c-productOption__name{
	margin-top: 0;
}
#wrapping_modal .fs-c-requiredMark{
	margin-left:0;
	width: 10px;
}
#wrapping_modal .fs-c-requiredMark::before{
	content:"*";
	background: none;
	color: #c80909;
	padding: 0;
}


@media screen and (max-width:767px) {
  #wrapping_modal_step_1 dd > div{
	  width:100%;
  }
  #wrapping_modal_step_1 dd{
	  margin-left:8%;
  }
  #wrapping_modal .modal-container{
	  top:50%;
  }
  #wrapping_modal input[type="checkbox"] + label{
	  margin: 7px 0;
  }
  #wrapping_modal .fs-c-radioGroup .fs-c-radio{
	  width:85px;
  }
  .fs-c-productOption__field [type="text"]{
	  padding: 11px 5px;
  }
  
  
  
  #wrapping_choice_result .wrapping_choice_result_area {
  display: grid;
  grid-template-columns: 1fr 75px;
  gap: 10px;
}
#wrapping_choice_result .wrapping_choice_result_area .title {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
#wrapping_choice_result .wrapping_choice_result_area .body {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}
#wrapping_choice_result .wrapping_choice_result_area .link {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  align-self: center;
}
#wrapping_choice_result .wrapping_choice_result_area .title{
	width:100%;
}
}


.fs-c-productOption__option.selector_dd_carrying_bag .fs-c-radio__label{
	flex-wrap: wrap;
}
.fs-l-productLayout__item.fs-l-productLayout__item--2 .fs-c-productSelection,
.fs-l-productLayout__item.fs-l-productLayout__item--2 .fs-c-productOption{
	margin-bottom: 0 !important;
}
.fs-l-productLayout__item.fs-l-productLayout__item--2 .fs-c-productSelection{
	padding-top:25px;
}