@charset "UTF-8";


/*----------モーダル-----------*/
.modal_box .modal_content {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: block;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
				opacity: 0;
				animation: fadeout 0.4s;
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.modal_box.show .modal_content:before {
 width: 100%;
 height: 100%;
 content: "";
 position: fixed;
 background-color: #000;
 opacity: 0.5;
 z-index: 999;
 left: 0;
}
.modal_box.show .modal_content {
 display: block;
	animation: fadein 0.4s;
	opacity: 1;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.modal_box .modal_content .modal_disp {
    position: relative;
    z-index: 1000;
    background-color: #fff;
    margin: 0 auto;
    width: 640px;
    margin-top: 50px;
    padding-bottom: 25px;
    border-radius: 7px;
    overflow: hidden;
}
.modal_box.show .modal_content .modal_disp{
  animation: SlideIn 0.6s;
}
@keyframes SlideIn {
  0% {
    opacity: 1;
    transform: translateY(-70px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.modal_box .modal_content .modal_disp .close {margin: 0;position: absolute;right: 15px;color: #fff;font-size: 25px !important;top: 1px;line-height: 1.5 !important;width: 36px;text-align: center;cursor: pointer;z-index: 1;}

/*----------/モーダル-----------*/

.item_select_modal {
}
.item_select_modal .btn_modal {
	cursor:pointer;
}
.item_select_modal .modal_content .modal_disp {width: 85%;padding: 5%;max-width: 800px;}
.item_select_modal .modal_content .modal_disp .close {color: #393939;font-size: 40px !important;right: 20px;top: 5px;}
.item_select_modal .modal_content .modal_disp .item_select_box {
}
.item_select_modal .modal_content .modal_disp .item_select_box .lead {margin: 0;font-size: 22px;line-height: 1.5;font-weight: 500;color: #393939;margin-bottom: 40px;}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item {
}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item a {display: block;border: 4px solid #2BAFD0;border-radius: 12px;margin-bottom: 12px;padding: 30px;padding-right: 80px;position: relative;box-shadow: 3px 3px 6px 0px #c5c5c5;}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item a:hover {
	border:4px solid #00BCD4;
}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item a:before {
	content:"";
	position:absolute;
	width:40px;
	height:50px;
	/* background-color:#ccc; */
	right: 24px;
	margin: auto;
	top: 0;
	bottom: 0;
	background-image: url(../img/item_select/navi_select.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 28px;
}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item  .flex_wrap {display: flex;flex-wrap: wrap;align-items: center;}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item  .flex_wrap .item_image img{
	width:100%;
	height:auto;
}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item  .flex_wrap .item_image {width: 110px;margin-right: 20px;}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item  .flex_wrap .name_box {text-align: left;width: calc(100% - 135px);}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item  .flex_wrap .name_box .item_name {margin: 0;font-size: 22px;line-height: 1.5;font-weight: 600;color: #393939;margin-bottom: 11px;}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item  .flex_wrap .name_box .add_fee {margin: 0;font-size: 22px;line-height: 1;font-weight: 600;}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item  .flex_wrap .name_box .add_fee .border {border: 2px solid #2BAFD0;color: #2BAFD0;padding: 3px 17px;border-radius: 7px;padding-top: 0px;}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item  .flex_wrap .name_box .add_fee .border .plus {font-size: 15px;}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item  .flex_wrap .name_box .add_fee .border .yen {font-size: 15px;}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item  .good_box {background-color: #edf8fd;margin-top: 10px;padding: 6px 5%;padding-left: 90px;position: relative;text-align: left;border-radius: 10px;}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item  .good_box:before {
	content:"";
	position:absolute;
	width: 57px;
	height: 76px;
	/* background-color:#ccc; */
	margin: auto;
	left: 23px;
	top: 0;
	bottom: 0;
	background-image: url(../img/item_select/icon_good.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 46px;
}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item  .good_box .s_good {margin: 10px;}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item  .good_box .s_good .name {font-size: 15px;line-height: 1.5;font-weight: 600;color: #393939;padding-left: 20px;position: relative;margin-bottom: 2px;}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item  .good_box .s_good .name:before {
	content:"";
	position:absolute;
	width: 24px;
	height: 24px;
	/* background-color:#ccc; */
	left: -5px;
	background-image: url(../img/item_select/navi_good.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 17px;
}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item  .good_box .s_good .comment {font-size: 13px;line-height: 1.5;color: #393939;}



@media only screen and (max-width: 1025px) {}

@media only screen and (min-width: 768px) {

}

@media only screen and (max-width: 767px) {
.item_select_modal .modal_content .modal_disp {
    width: 90%;
    padding: 4%;
    padding-top: 59px;
}
.item_select_modal .modal_content .modal_disp .item_select_box .lead {
    font-size:17px;
}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item a {
    border-radius: 10px;
    margin-bottom: 12px;
    padding: 15px;
    padding-right: 45px;
}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item a:before {
    width: 26px;
    height: 42px;
    right: 8px;
    background-size: 17px;
}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item .flex_wrap {
}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item .flex_wrap .item_image {
    width: 65px;
    margin-bottom: 9px;
    margin-right: 10px;
}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item .flex_wrap .name_box {
    text-align: left;
    width: calc(100% - 77px);
}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item .flex_wrap .name_box .add_fee {
    font-size: 17px;
}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item .flex_wrap .name_box .item_name {font-size: 15px;line-height: 1.3;margin-bottom: 14px;}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item .good_box {
    margin-top: 10px;
    padding: 6px 3%;
    position: relative;
    border-radius: 10px;
}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item .good_box:before {
	display:none;
}
.item_select_modal .modal_content .modal_disp .item_select_box .s_item .good_box .s_good .name {
 font-size: 14px;
 }
}