@charset "UTF-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

*{
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#flowerOrder a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    /* background:transparent; */
}

#flowerOrder table {
    border-collapse:collapse;
    border-spacing:0;
}

#flowerOrder input,
#flowerOrder select {
    vertical-align:inherit;
}

#flowerOrder .clearfix:after {
    content: ".";  /* 新しい要素を作る */
    display: block;  /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
}

/*************   共通設定   *************/
#flowerOrder img{
    border: none;
    vertical-align: bottom;
    max-width: 100%;
    image-rendering: -webkit-optimize-contrast;
}
#flowerOrder .clear{
    clear: both;
    display: block;
}

/* #flowerOrder .mincho {
  font-family: 'Noto Serif JP', serif; 
} */
#flowerOrder .yugo {
    font-family: 'Yu Gothic', '游ゴシック', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#flowerOrder .marugo{
    font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

#flowerOrder .none_border {
    border: none !important;
}
#flowerOrder .caution {
    font-size: 15px;
    color: #f00;
}
#flowerOrder .error {
    padding: 5px 0;
    font-size: 15px;
    color: #f00;
}
#flowerOrder .error-message {
    padding: 30px 0 0;
    color: #f00;
}
/*************   リンク設定   *************/
#flowerOrder a:link,
#flowerOrder a:visited {
    color: #000;
    text-decoration: none;
}
#flowerOrder a:hover,
#flowerOrder a:active {
    color: #000;
    text-decoration: none;
}
#flowerOrder a.hover:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}


#flowerOrder .show_pc{
    display: none !important;
}
#flowerOrder .show_sp{
    display: block !important;
}
#flowerOrder .show_sp02{
    display: inline !important;
}

/****************************段落設定****************************/
#flowerOrder h1 {
    margin: 0;
    padding: 0;
}
#flowerOrder h2 {
    margin: 0;
    padding: 0;
}
#flowerOrder h3 {
    margin: 0;
    padding: 0;
}
#flowerOrder .heading {
    /* color: #185192; */
    color: #343998;
    text-align: center;
}
#flowerOrder .heading span {
    display: inline-block;
    padding: 0 5px;
}
#flowerOrder .headingL span {
    font-family: 'Noto Serif JP', serif;
    font-size: 26px;
    border-bottom: 1px solid #185192;
}
#flowerOrder .headingM {
    color: #185192;
    padding: 0 0 10px;
}
#flowerOrder .headingM span {
    font-size: 22px;
    font-weight: 600;
}
#flowerOrder .headingS_01 {
    padding: 0 0 5px;
    font-weight: 600;
    border-bottom: 1px solid #CBCBCB;
}

/**************************** body ****************************/
#flowerOrder {
    font-size: 16px;
    line-height: 1.3;
    color: #000000;
    /* font-family: 'Noto Serif JP', serif; */
    font-family: 'Yu Gothic', '游ゴシック', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-weight: bold;
}

/**************************** section ****************************/
#flowerOrder section {
    margin: 0;
    padding: 0;
}
#flowerOrder section+section {
    padding: 30px 0 0;
}

/**************************** footer ****************************/
footer.flowerOrder{
    margin: 0;
    padding: 0;
    font-family: 'Yu Gothic', '游ゴシック', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
footer.flowerOrder .footerbox{
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 600;
}
footer.flowerOrder .footerbox_top {
    padding: 15px 0 10px;
    border-top: 1px solid #CBCBCB;
}
footer.flowerOrder .footerbox_top .text01 {
    font-size: 12px;
}
footer.flowerOrder .footerbox_top .text02 {
    font-size: 16px;
    color: #185192;
}
footer.flowerOrder .footerbox .text02 span {
    font-size: 24px;
}
footer.flowerOrder .footerbox_in{
    margin: 0 auto;
    padding: 15px 0 80px;
    border-top: 1px solid #CBCBCB;
}
footer.flowerOrder .footerbox_in .logo {
    display: block;
    max-width: 165px;
    width: 100%;
    margin: 10px auto;
    padding: 10px 0;
}
footer.flowerOrder .footerLink {
    margin: 0 auto;
}
footer.flowerOrder .footerLink.thanks  {
    width: 210px;
    padding: 15px ;
    border-top: 1px solid #CBCBCB;
}
footer.flowerOrder .footerLink p {
    text-align: center;
    font-size: 15px;
}
footer.flowerOrder .footerLink a {
    padding: 0 5px;
    font-size: 12px;
    color: #333;
    font-weight: normal;
}

footer.flowerOrder .footerLink a:hover {
    opacity: .7;
}

/* #pagetop{
  margin: 0;
  padding: 0;
  position: fixed;
  bottom: 50px;
  right: 20px;
  display: none;
width: 50px;
} */

/**************************** form設定 IE_CSS3 ****************************/
#flowerOrder input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}
#flowerOrder input[type="text"],
#flowerOrder input[type="email"],
#flowerOrder input[type="date"],
#flowerOrder input[type="number"],
#flowerOrder textarea,
#flowerOrder select {
    width: 85%;
    padding: 10px;
    font-size: 18px;
    border: 1px solid #185192;
    border-radius: 3px;
    background-color: #fff;
}
#flowerOrder input[type="date"] {
    -webkit-appearance: none;
    width: 100% !important;
    padding: 10px !important;
    height: 43px !important;
}
#flowerOrder input[type="text"].fudana {
    width: 85%;
}
#flowerOrder textarea {
    width: 100%;
}
#flowerOrder select {
    position: relative;
    padding: 10px;
    width: 100px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #000;
}
#flowerOrder .selectWrap {
    width: 100%;
    position: relative;
    display: inline-block;
}
#flowerOrder .selectWrap::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7.5px 0 7.5px;
    border-color: #185192 transparent transparent transparent;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4px;
}
#flowerOrder select::-ms-expand {
    display: none;
}

#flowerOrder .w100 {
    width: 100% !important;
}

#flowerOrder input[type="submit"] {
    width: 100%;
    margin: 5px 0;
    padding: 8px;
    font-size: 20px;
    font-weight: bold;
    /* font-family: 'Noto Serif JP', serif; */
    color: #fff;
    background-color: #FF8A42;
    border: none;
    border-radius: 50px;
    border-bottom: 5px solid #D8641D;
    cursor: pointer;
}
#flowerOrder input[type="submit"].back {
    background-color: #666;
}
#flowerOrder input[type="submit"]:hover {
    opacity: 0.8;
}
#flowerOrder button {
    cursor: pointer;
}
#flowerOrder button:hover {
    opacity: .7;
    transition: all .3s;
}


/**************************** container ****************************/
#flowerOrder .main_contents {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    font-weight: 600;
}
#flowerOrder .container {
    margin: 0 auto;
    padding: 0 0 10px;
}
#flowerOrder .sectiont {
    padding: 0 15px;
}
#flowerOrder .orderForm {
    padding: 20px 10px;
}
#flowerOrder .orderForm_item {
    padding: 20px 5px;
    border-bottom: 1px solid #CBCBCB;
}
#flowerOrder .inputLabel {
    display: block;
    font-size: 19px;
}
#flowerOrder .memo {
    padding: 5px 0;
    font-size: 15px;
    /* font-weight: normal; */
}
#flowerOrder .inputField {
    padding: 10px 0 0;
}
#flowerOrder .inputSubLabel {
    display: inline-block;
    width: 12%;
    font-size: 19px;
}
#flowerOrder .inputLabel .memo {
    display: block;
}
#flowerOrder .orderForm_item .inner {
    padding: 15px 0;
}
#flowerOrder .orderForm_item .inner:last-of-type {
    padding: 15px 0 0;
}

/* スライダー */
#flowerOrder .slider01 .sliderBox {
    position: relative;
    margin: 5px;
    padding: 10px 5px;
    border: 1px solid #B2B2B2;
}
#flowerOrder .slider01 .sliderBox .image {
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    height: 160px;
    text-align: center;
    position: relative;
}
#flowerOrder .slider01 .sliderBox .recommend {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 43px;
}
#flowerOrder .slider01 .slick-next,
#flowerOrder .slider01 .slick-prev {
    width: 40px !important;
    height: 40px !important;
    z-index: 10;
}
#flowerOrder .slider01 .slick-next {
    right: -10px !important;
}
#flowerOrder .slider01 .slick-prev {
    left: -10px !important;
}
#flowerOrder .slider01 .slick-arrow:before {
    content: "" !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: -15px;
    left: 0;
    opacity: 1 !important;
}
#flowerOrder .slider01 .slick-next:before {
    background: url(../img/flower_order/next.png) !important;
    background-size: 40px !important;
}
#flowerOrder .slider01 .slick-prev:before {
    background: url(../img/flower_order/prev.png) !important;
    background-size: 40px !important;
}
#flowerOrder .slider01 .slick-dots li {
    margin: 0;
}
#flowerOrder .srectItem {
    display: block;
}
#flowerOrder .srectItem:hover {
    opacity: .7;
    transition: all .3s;
}
#flowerOrder .textBox {
    text-align: center;
}
#flowerOrder .serectBtn {
    display: inline-block;
    margin: 8px auto;
    padding: 5px 20px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background-color: #185192;
    border: none;
    border-radius: 3px;
}
#flowerOrder .select_item {
    display: flex;
    padding: 0 0 15px;
}
#flowerOrder .select_item_image {
    width: 50%;
    height: 180px;
}
#flowerOrder .select_item_title {
    width: 50%;
    padding: 0 0 0 3%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#flowerOrder .select_item_title .title {
    flex: 1;
}
#flowerOrder .deleteBtn {
    display: inline-block;
    /* margin: 5px 0; */
    margin: 20px auto 0;
    padding: 5px 10px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background-color: #787878;
    border: none;
    border-radius: 3px;
}
#flowerOrder .deleteBtn span {
    padding: 0 5px 0 0;
}
#flowerOrder .deleteBtn02 {
    width: 13%;
    padding: 10px;
}
#flowerOrder .btnBox {
    display: flex;
    justify-content: flex-end;
    align-items: start;
}
#flowerOrder .addBtn {
    margin: 5px 0;
    padding: 5px 20px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background-color: #185192;
    border: none;
    border-radius: 3px;
}
#flowerOrder .addBtn02 {
    width: 45%;
    padding: 15px 0;
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-align: center;
}
#flowerOrder .addBtn02 input[type="file"] {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    font-size: 100px;
    cursor: pointer;
}
#flowerOrder .addBtn02 span {
    padding: 0 5px 0 0;
}
#flowerOrder .btnBox .memo {
    width: 55%;
    padding: 0 3% 0 0;
}
#flowerOrder .addBtn03 {
    width: 100%;
    padding: 8px;
    font-size: 20px;
    border-radius: 50px;
    border-bottom: 5px solid #002B4E;
    /* font-family: 'Noto Serif JP', serif; */
}
#flowerOrder .nextBtn {
    width: 100%;
    margin: 5px 0;
    padding: 8px;
    font-size: 20px;
    font-weight: bold;
    /* font-family: 'Noto Serif JP', serif; */
    color: #fff;
    background-color: #FF8A42;
    border: none;
    border-radius: 50px;
    border-bottom: 5px solid #D8641D;
}
#flowerOrder .nextBtn:disabled {
    background-color: #ccc;
    border-radius: 50px;
    border-bottom: 5px solid #bbb;
}
#flowerOrder .orderForm02 {
    padding-bottom: 0;
}
#flowerOrder .orderForm02 .orderForm_item {
    padding: 10px 0 20px;
}
#flowerOrder .orderForm02 .inputLabel {
    padding: 0 0 10px;
}

/* 20250620 */
#flowerOrder .orderForm02 .info-msg {
    margin: 40px 60px 0;
}
#flowerOrder .orderForm02 .info-msg > p {
    background-color: #f5f5f5;
    color: #BF071D;
    padding: 16px;
    font-size: 16px;
}
@media (max-width:768px) {
    #flowerOrder .orderForm02 .info-msg {
        margin: 40px 0 0;
    }
}

#flowerOrder .orderForm02_02 {
    padding: 40px 0 0;
}
#flowerOrder .orderForm02_02 input[type="radio"] {
    vertical-align: inherit;
}
#flowerOrder .orderForm02 .inputLabel02 {
    padding: 0;
}
#flowerOrder .inputField .labelBox {
    display: flex;
    justify-content: space-evenly;
}
#flowerOrder .orderForm02 .inputLabel03 {
    display: inline-block;
}
#flowerOrder .orderForm02 .proTitle {
    padding: 0 0 10px;
    font-size: 19px;
    color: #185192;
}
#flowerOrder .receiptBtn {
    margin: 10px 0;
    padding: 8px 20px;
}
#flowerOrder .formBtns {
    padding: 30px 0;
}

#flowerOrder .post_image_box {
    padding: 20px 0;
}
#flowerOrder .post_image {
    display: block;
    width: 145px;
    margin: 0 auto;
    padding: 8px;
    background-color: #fff;
    box-shadow: 0px 0px 5px #CBCBCB;
}
#flowerOrder .post_image img {
    width: 100%;
}
#flowerOrder .post_image_box .deleteBtn03 {
    display: block;
    margin: 30px auto 0;
    padding: 8px 10px;
    width: 100px;
}


#flowerOrder .lightbox .lb-image {
    max-width: inherit;
}
#flowerOrder .postI_image_title {
    font-size: 12px;
    font-weight: normal;
    padding: 5px 0 0;
}
#flowerOrder .selected_item {
    display: none;
}
#flowerOrder .selected_item.open {
    display: flex;
    margin-top: 20px;
    padding: 15px;
    background: #eee;
    cursor: pointer;
}
#flowerOrder .selected_item_image {
    position: relative;
    width: 50%;
    height: 180px;
    min-width: 160px;
}
#flowerOrder .selected_item_image .text {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    background: rgba(105,105,105,.8);
    width: 100%;
    padding: 5px;
}
#flowerOrder .selected_item_fudana {
    width: 50%;
    padding: 0 0 0 3%;
}
#flowerOrder .selected_item_fudana .confirmList02 dt {
    padding: 10px 10px;
}
#flowerOrder .fudana_add {
    text-align: center;
}
#flowerOrder .orderForm .hide.close {
    display: none;
}
#flowerOrder .user-hide,
#flowerOrder .init-hide {
    display: none;
}
#flowerOrder .products-label{
    display: none;
}
#flowerOrder .products .error {
    padding: 30px;
    font-size: 18px;
    text-align: center;
    display: none;
}
#flowerOrder .products-del{
    display: none;
    text-align: center;
}
#flowerOrder .products-del button{
    width: 100%;
}
#flowerOrder .credit .error{
    text-align: center;
}
#flowerOrder .credit .card-meigi{
    text-transform: uppercase;
}
#flowerOrder .credit .card-meigi{
    text-transform: uppercase;
}
.card-security {
    width: 55% !important;
}
/* スマホ時の上記表示 */
@media screen and (max-width: 767px) {
    .card-security {
        width: 100% !important;
    }
}


/* 注文内容の確認 */
#flowerOrder .confirm01 {
    padding: 40px 0 0;
}
#flowerOrder .confirmList {
    display: flex;
    flex-wrap: wrap;
    margin: 15px 0 0;
    border-top: 1px solid #CBCBCB;
}
#flowerOrder .confirmList dt,
#flowerOrder .confirmList dd {
    padding: 10px;
    border-bottom: 1px solid #CBCBCB;
}
#flowerOrder .confirmList dt {
    width: 30%;
    color: #185192;
}
#flowerOrder .confirmList dd {
    width: 70%;
}
#flowerOrder .confirm .deleteBtn {
    display: inline-block;
    margin: 10px 0;
    padding: 5px 15px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background-color: #787878;
    border: none;
    border-radius: 3px;
}
/* #flowerOrder .confirm01 .innerBox {
  padding: 30px 0 0;
} */
#flowerOrder .confirm01 .innerBox {
    /* max-width: 800px; */
    width: 100%;
    padding: 10px 15px;
    background: #eee;
    margin: 0 auto 20px;
}
#flowerOrder .confirm01 .select_item {
    padding: 15px 0;
}
#flowerOrder .confirm01 .select_item .head {
    margin: 0 0 5px;
    padding: 0 0 5px;
    text-align: center;
    border-bottom: 1px solid #CBCBCB;
}
#flowerOrder .confirmList02 {
    margin: 15px 0 0;
    border-top: 1px solid #CBCBCB;
}
#flowerOrder .confirmList02 dt {
    padding: 10px 10px 0;
    color: #185192;
}
#flowerOrder .confirmList02 dd {
    padding: 0 10px 10px;
    border-bottom: 1px solid #CBCBCB;
}
#flowerOrder .confirmList02 dd .company {
    display: block;
}
#flowerOrder .confirmList03 dt {
    width: 40%;
}
#flowerOrder .confirmList03 dd {
    width: 60%;
    overflow-wrap: break-word;
}
#flowerOrder .confirmList03 dt.dt02,
#flowerOrder .confirmList03 dd.dd02 {
    display: block;
    width: 100%;
}
#flowerOrder .confirmList03 dt.dt02 {
    padding: 10px 10px 0;
    border-bottom: none;
}
#flowerOrder .confirmList03 dd.dd02 {
    padding: 0 10px 10px;
}
#flowerOrder .confirmList03 dd.dd02 span {
    display: block;
}
#flowerOrder .priceBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 15px;
    background-color: #F1F1F1;
}
#flowerOrder .priceBox .total_amount {
    font-size: 21px;
}
#flowerOrder .btnBox02 {
    margin: 0 auto;
    padding: 30px 0;
}
#flowerOrder .confirmBtn {
    width: 100%;
    margin: 0 auto;
    padding: 5px;
    font-size: 20px;
    font-weight: bold;
    /* font-family: 'Noto Serif JP', serif; */
    color: #fff;
    background-color: #FF8A42;
    border: none;
    border-radius: 50px;
    border-bottom: 5px solid #D8641D;
}

#flowerOrder .confirmList02 dd .image {
    display: block;
    padding: 10px 0 0;
    position: relative;
    width: 150px;
}
#flowerOrder .confirmList02 dd .image a img {
    width: 100%;
    max-width: none;
}
#flowerOrder .confirmList02 dd .image .icon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 25px;
    padding: 5px;
    background: rgba(105,105,105,.8);
}
#flowerOrder .confirm .select_item_image {
    position: relative;
    width: 150px;
    height: 180px;
}
#flowerOrder .confirm .select_item_image_in  {
    width: 100%;
    height: 100%;
}
#flowerOrder .confirm .select_item_image .icon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 25px;
    padding: 5px;
    background: rgba(105,105,105,.8);
}


/* thanks*/
#flowerOrder .thanks01 {
    padding: 30px 0;
}
#flowerOrder .thanks01 .inner {
    padding: 20px 15px;
    border: 1px solid #CBCBCB;
}
#flowerOrder .thanks01 .inner .name,
#flowerOrder .thanks01 .inner .text {
    font-size: 17px;
}
#flowerOrder .thanks01 .inner .emphasis {
    padding: 10px 0 0;
    font-size: 15px;
    font-weight: bold;
    color: #BF001D;
}

/* credit */
#flowerOrder .credit .orderForm_item._flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
#flowerOrder .credit .orderForm_item._flex .orderForm_item_in {
    width: 43%;
}
#flowerOrder .credit .orderForm_item._flex .orderForm_item_in:last-of-type {
    width: 57%;
}
#flowerOrder .credit .orderForm_item._flex input.w40 {
    width: 45%;
}
#flowerOrder .credit .orderForm_item span {
    display: block;
    padding: 0 0 10px;
    font-size: 18px;
}
#flowerOrder .credit .orderForm_item input {
    width: 100%;
}
#flowerOrder .credit .submitBtn {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
}
#flowerOrder .credit .submitBtn input,
#flowerOrder .credit .submitBtn2 {
    width: 100%;
    margin: 5px 0;
    padding: 8px;
    font-size: 20px;
    font-weight: bold;
    /* font-family: 'Noto Serif JP', serif; */
    color: #fff;
    background-color: #FF8A42;
    border: none;
    border-radius: 50px;
    border-bottom: 5px solid #D8641D;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
}
#flowerOrder .credit .submitBtn2 {
    padding: 10px;
}
#flowerOrder .credit .submitBtn2:hover {
    opacity: 0.8;
}

@media screen and (min-width: 768px),
print {
    #flowerOrder .show_sp {
        display: none !important;
    }
    #flowerOrder .show_sp02 {
        display: none !important;
    }

    #flowerOrder input[type="date"] {
        width: 100% !important;
        padding: 10px !important;
        height: 43px !important;
    }
    #flowerOrder section+section {
        padding: 40px 0 0;
    }

    /**************************** footer ****************************/
    footer.flowerOrder .footerbox_top {
        padding: 15px 0 0;
    }
    footer.flowerOrder .footerbox_top .text01 {
        font-size: 16px;
    }
    footer.flowerOrder .footerbox_top .text02 {
        padding: 5px 0;
        font-size: 18px;
    }
    footer.flowerOrder .footerbox .text02 span {
        font-size: 34px;
    }
    footer.flowerOrder .footerbox_in {
        margin: 0 auto;
        padding: 25px 0;
    }
    footer.flowerOrder .footerbox_in .logo {
        max-width: 200px;
    }

    /**************************** container ****************************/
    #flowerOrder .main_contents {
        max-width: 1000px;
        /* padding: 0 10px; */
    }
    #flowerOrder .container {
        margin: 0 auto;
        padding: 0 15px 35px;
    }
    #flowerOrder .orderForm {
        padding: 20px 0;
    }
    #flowerOrder .orderForm_item {
        width: 90%;
        margin: 0 auto;
        padding: 20px 0;
    }
    #flowerOrder .inputField {
        padding: 10px 0 0;
    }
    #flowerOrder .inputField_pc {
        display: inline-block;
        width: 49%;
    }
    #flowerOrder .select_item {
        width: 80%;
        margin: 0 auto;
        padding: 0 0 30px;
    }
    #flowerOrder .deleteBtn {
        min-width: 200px;
        width: 50%;
        margin: 30px auto 0;
        padding: 10px 15px;
    }
    #flowerOrder input[type="text"].fudana {
        width: 85%;
    }
    #flowerOrder .deleteBtn02 {
        width: 14%;
        min-width: auto;
        padding: 10px;
    }
    #flowerOrder .addBtn {
        margin: 5px 0;
        padding: 8px 30px;
    }
    #flowerOrder .btnBox {
        padding: 10px 0;
    }
    #flowerOrder .btnBox .memo {
        width: 75%;
    }
    #flowerOrder .addBtn02 {
        width: 25%;
        padding: 10px;
        transition: all .3s;
    }
    #flowerOrder .addBtn02:hover {
        opacity: .7;
    }
    #flowerOrder .addBtn03 {
        display: block;
        max-width: 400px;
        width: 50%;
        margin: 10px auto;
    }
    #flowerOrder .nextBtn {
        display: block;
        max-width: 400px;
        width: 50%;
        margin: 10px auto;
    }
    #flowerOrder .nextBtn:disabled {
        background-color: #ccc;
        border-radius: 50px;
        border-bottom: 5px solid #bbb;
    }
    #flowerOrder .formBtns {
        max-width: 400px;
        width: 50%;
        margin: 0 auto;
        padding: 30px 0;
    }
    #flowerOrder .orderForm02_02 {
        padding: 60px 0 0;
    }
    #flowerOrder .orderForm02_02 .headingL {
        /* padding-bottom: 30px; */
    }

    /* 注文内容の確認 */
    #flowerOrder .confirmList,
    #flowerOrder .confirmList02 {
        width: 80%;
        margin: 15px auto 0;
    }
    #flowerOrder .confirmList dt,
    #flowerOrder .confirmList dd {
        padding: 10px 20px;
    }
    #flowerOrder .confirmList02 dt,
    #flowerOrder .confirmList03 dt.dt02 {
        padding: 10px 20px 0;
    }
    #flowerOrder .confirmList02 dd,
    #flowerOrder .confirmList03 dd.dd02 {
        padding: 0 20px 10px;
    }
    #flowerOrder .inputField .labelBox {
        justify-content: flex-start;
        padding: 10px 0;
    }
    #flowerOrder .orderForm02 .inputLabel03 {
        margin: 0 5% 0 0;
    }
    #flowerOrder .confirm .btnBox {
        width: 80%;
        width: 100%;
        margin: 0 auto;
        padding: 30px 0;
    }
    #flowerOrder .confirm .btnBox .deleteBtn {
        width: 210px;
    }
    #flowerOrder .confirm .btnBox02 {
        max-width: 400px;
    }
    #flowerOrder .select_item_image {
        width: 24%;
    }
    #flowerOrder .select_item_title {
        width: 75%;
    }
    #flowerOrder .confirm .confirmList02 {
        display: flex;
        flex-wrap: wrap;
    }
    #flowerOrder .confirm .confirmList02 dt,
    #flowerOrder .confirm .confirmList02 dd {
        padding: 15px;
        border-bottom: 1px solid #CBCBCB;

    }
    #flowerOrder .confirm .confirmList02 dt {
        width: 30%;
    }
    #flowerOrder .confirm .confirmList02 dd {
        width: 70%;
    }

    /* thanks*/
    #flowerOrder .thanks01 .inner {
        width: 700px;
        margin: 30px auto;
        padding: 20px 15px;
    }

    /* credit */
    #flowerOrder .credit .orderForm_item span {
        display: block;
        padding: 0 0 10px;
        font-size: 19px;
    }
    #flowerOrder .credit .submitBtn {
        width: 50%;
    }


}

@media screen and (max-width: 768px) {
    #flowerOrder .inputSubLabel {
        width: 18%;
    }

    #flowerOrder input[type="text"] {
        width: 80%;
    }
}

/* ローディング */
.loader-inner{
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 10000;
}
.loader-inner::before{
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(255,255,255,0.6);*/
}
.loader-inner div{
    background-color: #185192;
}

#flowerOrder a.btn-back{
    display: inline-block;
    margin: 30px 0;
    padding: 15px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background-color: #787878;
    border: none;
    border-radius: 50px;
    width: 100%;
    text-align: center;
}
#flowerOrder a.btn-back:hover{
    opacity: .7;
    transition: all .3s;
}
#flowerOrder .thanks .submitBtn{
    margin: auto;
    width: 300px;
}

#flowerOrder .credit .orderForm_item span.error-message{
    color: #f00;
    padding: 5px 0;
    font-size: 15px;
}
#flowerOrder .message-detail{
    display: none;
}
#flowerOrder .halls{
    display: none;
}


/* 20220915 追加 */
#flowerOrder .credit_text {
    padding: 30px 0;
}
#flowerOrder .credit_text .text01 {
    font-size: 15px;
}
#flowerOrder .credit_img {
    display: inline-block;
    margin: 20px auto 0;
    padding: 20px 15px;
    border: 1px solid #000;
    text-align: center;
}
#flowerOrder .credit_img img {
    display: inline-block;
    max-width: 90%;
    padding: 20px 0 0;
}
#flowerOrder .selected_box {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
    padding: 20px;
    width: 100%;
    font-size: 18px;
    text-align: center;
    background-color: rgba(0,0,0,.7);
    color: #fff;
}

#flowerOrder .inputLabel span {
    display: inline-block;
    margin-right: 5px;
    font-size: 15px;
    vertical-align: text-bottom;
}
#flowerOrder .orderForm_item_bg {
    padding: 20px 15px;
    background: #eee;
}
#flowerOrder .credit .orderForm_item._flex {
    align-items: flex-start;
}
#flowerOrder .credit .orderForm_item._flex select.w40 {
    width: 45%;
    height: 43.5px;
}
#flowerOrder .second-fudana{
    display: none;
}
#flowerOrder .fudana-label{
    display: none;
}

/* #flowerOrder .confirmList02 .text01 {
   position: relative; 
}
#flowerOrder .confirmList02 .text01::before {
    content: "・";
    display: inline-block;
    vertical-align: middle;
} */

@media screen and (min-width: 768px),
print {
    #flowerOrder .credit_img img {
        max-width: 50%;
    }
    #flowerOrder .selected_box {
        left: inherit;
        right: 0;
        width: 30%;
    }
    #flowerOrder .orderForm_item_bg {
        width: 80%;
        margin: 0 auto;
    }
}

/* 20221005 追加 */
#flowerOrder .btnBox {
    justify-content: flex-start;
}

#flowerOrder .select_item_title .title {
    font-size: 20px;
    line-height: 1.5;
}
#flowerOrder .bg_outer {
    width: 100%;
    margin: 0 auto 20px;
    padding: 30px 20px;
    background: #eee;
}
#flowerOrder .bg_outer .orderForm_item {
    width: 100%;
    padding: 20px 0;
    border-bottom: 2px solid #185192;
}
#flowerOrder .bg_outer .confirmBtn02.update-end{
    display: none;
}
#flowerOrder .bg_outer .confirmBtn02 {
    margin: 30px auto 0;
    padding: 8px 20px;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    background-color: #C80029;
    border: none;
    border-radius: 3px;
    display: block;
}
#flowerOrder .selected_item.open {
    flex-direction: column;
}
#flowerOrder .selected_item_fudana {
    width: 100%;
    padding: 0;
}
#flowerOrder .confirmList02 {
    margin: 0;
    border-top: none;
}
#flowerOrder .selected_item_fudana .confirmList02 dt {
    padding: 10px 10px;
}
#flowerOrder .confirmList02 dd {
    padding: 0 10px 10px;
    border-bottom: none;
}
#flowerOrder .confirmList02:first-of-type dd {
    font-size: 20px;
    line-height: 1.5;
    border-bottom: 2px solid #185192;
    color: #185192;
}
/* #flowerOrder .selected_item_fudana .confirmList02::nth-child(n + 2) dt,
#flowerOrder .selected_item_fudana .confirmList02:nth-child(n + 2) dd {
    color: #000;
} */
#flowerOrder .selected_item_image {
    margin: 0 auto 60px;
}
#flowerOrder .selected_item_image .text {
    bottom: -50px;
    background: #185192;
    padding: 7px;
    border-radius: 5px;
    text-align: center;
    font-size: 15px;
}

@media screen and (min-width: 768px),
print {
    #flowerOrder .select_item_title .title {
        font-size: 20px;
    }
    #flowerOrder .bg_outer {
        width: 80%;
        padding: 30px;
        margin-bottom: 30px;
    }
    #flowerOrder .bg_outer .orderForm_item {
        width: 100%;
        padding: 20px 0;
    }
    #flowerOrder .bg_outer .confirmBtn02 {
        margin: 30px auto 0;
        padding: 8px 20px;
        font-size: 18px;
    }
    #flowerOrder .selected_item.open {
        flex-direction: row;
        padding: 25px 30px 25px 20px;
    }
    #flowerOrder .selected_item_image {
        width: 25%;
        /* height: auto; */
        height: 180px;
        /* max-width: 155px; */
    }
    #flowerOrder .selected_item_fudana {
        width: 100%;
        padding: 0 0 0 3%;
    }
    #flowerOrder .confirmList02 {
        width: 100%;
        margin: 0;
        border-top: none;
    }
    #flowerOrder .confirmList02 dd {
        padding: 0 10px 10px;
        border-bottom: none;
    }
    #flowerOrder .confirmList02:first-of-type dd {
        /* width: fit-content; */
        /* min-width: 50%; */
        font-size: 20px;
    }
    #flowerOrder .selected_item_image .text {
        bottom: -50px;
        background: #185192;
        padding: 7px;
        border-radius: 5px;
        text-align: center;
    }

}

/* 20221007 追加 */
#flowerOrder .selected_item_fudana .confirmList02:nth-child(n + 2) dt,
#flowerOrder .selected_item_fudana .confirmList02:nth-child(n + 2) dd {
    color: #000;
}
#flowerOrder .confirmList02 .text01 {
    position: relative;
    padding: 0 0 10px;
}
#flowerOrder .confirmList02 .text01::before {
    content: "・";
    display: inline-block;
    vertical-align: middle;
}
#flowerOrder .confirm .btnBox {
    justify-content: flex-end;
}
#flowerOrder .confirm .confirmList02:first-of-type dd {
    border-bottom: 1px solid #CBCBCB;
    color: inherit;
    font-size: 16px;
}
#flowerOrder .select_item02 .confirmList02 dd:last-of-type .text01::before {
    content: none;
}

/* 20221014 追加 */
#flowerOrder .slider01 .slick-track {
    display: flex;
}
#flowerOrder .slider01 .sliderBox {
    height: auto;
}
#flowerOrder .slider01 .textBox .title {
    height: 75px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;

    /*IE対策*/
    line-height: 1.5em;
    max-height: 5em;
}
#flowerOrder .headingBox {
    padding: 35px 0;
    background: #FFFFEA;
    border-bottom: 4px solid #343998;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
}
#flowerOrder .headingBox02 {
    margin-bottom: 10px;
    padding: 15px 0;
    background: #D0EBFF;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
}
#flowerOrder .inputField.radio label {
    font-size: 18px;
    /* width: 30%; */
    width: calc(100% / 2 - 2.5px);
    display: inline-block;
    padding: 0 0 .5rem;
}
#flowerOrder .init-hide {
    margin: 30px auto;
}
#flowerOrder .init-hide .headingM {
    width: 100%;
    margin: 0 auto;
    padding: 12px 0;
    background: #345A99;
    color: #fff;
}
#flowerOrder .confirm01 .headingM_02 {
    margin: 0 auto;
    padding: 12px 0;
    background: #345A99;
    color: #fff;
}
#flowerOrder .headingM_02 span {
    font-size: 24px;
}

#flowerOrder .container.confirm {
    padding: 0 0 10px;
}
#flowerOrder .container.confirm .headingBox02 {
    padding: 35px 0;
}
#flowerOrder .confirm01 {
    padding: 40px 10px 0;
}
#flowerOrder .select_head {
    padding: 20px 0 10px;
    text-align: center;
    color: #185192;
    border-bottom: 2px solid #185192;
}
#flowerOrder .select_head .head {
    font-size: 18px;
    font-weight: bold;
}
#flowerOrder .confirm01_01 {
    padding: 0 10px 0;
}
#flowerOrder .orderForm02 .orderForm_item02 {
    padding: 30px 0 20px;
}

@media screen and (min-width: 768px),
print {
    #flowerOrder .headingBox {
        padding: 35px 0;
        background-image: url(../img/flower_order/bg01.png);
        background-size: cover;
        background-repeat: no-repeat;
        border-bottom: 7px solid #343998;
    }
    #flowerOrder .inputField.radio label {
        width: 30%;
        /* width: 15%; */
        padding: 0;
        margin-bottom: 10px;
    }
    #flowerOrder .init-hide .headingM {
        width: 80%;
    }
    #flowerOrder .confirm01 .headingM_02 {
        padding: 12px 0;
    }
    #flowerOrder .select_item {
        width: 95%;
    }
    #flowerOrder .select_item_title {
        width: 75%;
        padding: 0 0 0 5%;
    }


}

.annotation {
    color: red;
    padding-top: 5px;
}
.annotation02 {
    padding-top: 5px;
}

@media screen and (max-width: 767px) {
    .expiry-area {
        display: flex;
    }
    #security-area {
        display: grid !important;
    }
    .orderForm_item_in {
        display: flex;
        flex-direction: column;
    }
    .order2 {
        width: 100% !important;
    }
    .order1 {
        width: 100% !important;
    }
    .credit form{
        margin: 20px;
    }
    .credit .expiry-area select{
        margin-right: 20px;
    }
}
#attention_text {
    color: #BF001D;
}

.no_js .nextBtn {
    pointer-events: none;
    cursor: not-allowed !important;
    background-color: #ccc !important;
    border-radius: 50px !important;
    border-bottom: 5px solid #bbb !important;
}

.grecaptcha-badge {
    display: block !important;
    z-index: 9999 !important;
    bottom: 80px !important;
}
@media(max-width: 950px) {
    .grecaptcha-badge {
        display: block !important;
        z-index: 9999 !important;
        bottom: 70px !important;
    }
}

.header-brand-logo{
    width: 140px !important;
}

#flowerOrder .note{
font-size: 14px;
  color: #343998;
margin: 0 10px;
}