@charset "UTF-8"; /* Reset Stylesheet*/ 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; } @media screen and (min-width: 768px) { html { font-size: 625%; } } @media screen and (max-width: 767px) { html { /*height: 100%; overflow: auto;*/ font-size: calc(100vw / 6.4); -webkit-overflow-scrolling: touch; } } body { font-family: Verdana,'Lucida Grande','メイリオ',Meiryo,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','MS Pゴシック','MS PGothic',sans-serif; font-size: 1.6em; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; color: #444; } @media screen and (min-width: 768px) { body { min-width: 10.00rem; } } @media screen and (max-width: 767px) { body { height: 100%; overflow: auto; overflow-x: hidden; font-size: 1.6em; } } body .-noScroll { overflow: hidden; } a { text-decoration: none; color: #0cb6b7; } body { line-height: 1; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } nav ul { list-style: none; } li { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } _input, select { vertical-align: middle; } input,select,option{font-size:16px!important} /*-- common --*/ h3 { font-size: 22px; line-height: 1.6; color: #333333; } h4 { font-size: 18px; line-height: 1.6; color: #333333; } p { font-size: 16px; line-height: 1.6; font-weight: 700; color: #333333; } li { font-size: 13px; line-height: 1.6; color: #333333; } a { text-decoration: none; } /*-- header --*/ .header { width: 100%; background-color: #ffffff; } .header_inner { width: 100%; margin:0 auto; } .header_logoImg { display: block; margin: 0 auto; padding: 10px 0; height: 30px; } /*-- footer --*/ .footer { width: 100%; background: #E4E5E7; } .footer_inner { width: 100%; margin:0 auto; } .footer_menu_list{ background: #F6F6F7; } .footer_menu_listItem{ border-top: #DCDDE1 1px solid; } .footer_menu_listItem_anchor{ position:relative; color:#4A505F; font-size:12px; display:block; padding:12px 0; margin-left:20px; letter-spacing:0.05em; max-width:750px; width:94.666666666666667%; margin:0 auto; } .footer_menu_listItem_anchor:after { content: ""; position: absolute; top: 45%; right:0; width: 4px; height: 4px; border-top: #4A505F 1px solid; border-right: #4A505F 1px solid; transform: rotate(45deg); } .footer_sns{ border-top: #DCDDE1 1px solid; border-bottom: #DCDDE1 1px solid; padding: 20px 0; width: 100%; margin: 0 auto; } .footer_sns_inner{ margin:0 2.5%; } .footer_sns_head{ margin-bottom:10px; } .footer_sns_head p{ font-size: 14px; font-weight: bold; color: #777c87; text-align: center; } .footer_sns_icons { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .footer_sns_icon { list-style: none; margin: 0 8px; line-height: 0; } .footer_sns_icon img { max-width:64px; width: 32px; } .footer_information{ color:#93979F; width:94.666666666666667%; padding:20px 0; margin:0 auto; } .footer_information_inner{ margin:0 auto; max-width:750px; } .footer_information_address p, .footer_information_address p a{ font-size:10px; color:#93979F; } .footer_information_copyright { margin-top:20px; } .footer_information_copyright small { font-size: 10px; display: block; text-align: center; } /*-- content --*/ .content{ margin:0 auto; width:80%; } .contentBlock { margin:100px 0 120px; } .contentBlock_inner { border-top: 2px solid #E4E4E4; border-bottom: 2px solid #E4E4E4; text-align: center; padding: 40px 0; } .contentBlock_head{ margin-bottom:20px; line-height: 1.6; } .contentBlock_text{ margin:0; font-size:12px; } /*-- headBlock --*/ .headBlock{ background-color: #F7F5E8; } .headBlock img{ width: 90%; height: auto; object-fit: contain; } .headBlock_tit01, .headBlock_img, .headBlock_tit02{ display: flex; justify-content: center; } .headBlock_tit01{ padding: 8% 0; } .headBlock_tit02{ padding: 5% 0; } .headBlock:after{ content: ""; position: absolute; right: 0; left: 0; width: 0px; height: 0px; margin: auto; border-style: solid; border-color: #F7F5E8 transparent transparent transparent; border-width: 50px 60px 0 60px; } /*-- progressBlock --*/ .progressBlock{ display: flex; justify-content: center; margin-top: 30px; } .progressBlock_p1{ display: flex; justify-content: center; margin-top: 60px; } .progressBlock img{ width: 90%; height: auto; object-fit: contain; } .progressBlock_p1 img{ width: 90%; height: auto; object-fit: contain; } /*-- surveyBlock --*/ .surveyBlock{ margin:0 auto; width:94.67%; } .question{ margin: 50px 0; } .question_tit ,.question_text{ margin-bottom: 20px; } .question_tit{ width: 60px; border-radius: 2px; background-color: #333; } .question_tit h4{ font-size: 24px; color: #ffffff; text-align: center; padding: 10px 0; } .question_radioBtn_item{ align-items:center; display: flex; } .question_radioBtn_item > input[type=radio]{ height: 12px; width: 20px; } .radio_input{ /*display: none;*/ opacity:0; margin-left:-15px; } .radio_input + label{ padding-left: 30px; position:relative; margin-right: 20px; margin-bottom: 20px; } .radio_input + label::before{ content: ""; display: block; position: absolute; top: 3px; left: 0; width: 16px; height: 16px; border: 2px solid #B8B8B9; border-radius: 50%; } .radio_input:checked + label::after{ content: ""; display: block; position: absolute; top: 7px; left: 4px; width: 12px; height: 12px; background: #333333; border-radius: 50%; } .question_radioBtn_l{ display: flex; position:relative; } .question_checkbox_item{ display: flex; } .question_list_3items{ list-style: none; margin-top: -25px; } .question_lists{ list-style: none; margin-top: -20px; } .question_item{ padding-left:30px; position: relative; font-size: 16px; } .checkbox_input{ /*display: none;*/ opacity:0; margin-left:-15px; height: 0; } .checkbox_input + label{ padding-left: 30px; position:relative; margin-right: 20px; margin-bottom: 10px; } .checkbox_input + label::before{ content: ""; display: block; position: absolute; top: 2px; left: 0; width: 16px; height: 16px; border: 2px solid #B8B8B9; border-radius: 50%; } .checkbox_input:checked + label::after{ content: ""; display: block; position: absolute; top: 6px; left: 4px; width: 12px; height: 12px; background: #333333; border-radius: 50%; } .question_checkbox_cell{ margin-left: 24px; margin-bottom: 20px; } .question_checkbox_cell select{ padding: 5px 5px; margin: 5px; font-size: 16px; width: calc(100% - 14px); } /*-- button --*/ .button{ margin:50px auto 80px; width:100%; display:flex; justify-content:center; } .button.col2{ justify-content:space-around; } .button a{ display:block; } .button a:hover{ opacity:.7; } .button.col1 a{ background-color:#DBDBDB; border-radius:4px; color:#333; font-size:30px; font-weight:600; line-height:1; max-width:400px; padding:35px 0; text-align:center; width:53.333333333333%; } /* .button.col1.answer a{ background-color:#E52254; color:#fff; } .button.col2.answer a:nth-child(2){ background-color:#E52254; color:#fff; } .button.col2 a, .button.col2 input[type="submit"]{ background-color:#DBDBDB; border-radius:4px; color:#333; font-size:30px; font-weight:600; line-height:1; max-width:320px; padding:35px 0; position:relative; text-align:center; width:42.666666666667%; } .button.col2 a:first-child, .button.col2 input[type="submit"] { background-color:#fff; border:2px #DBDBDB solid; box-sizing:border-box; } .button.col1.last a { background-color:#1D479A; border-radius:10px; color:#fff; font-size:38px; font-weight:600; line-height:1; margin:auto auto 60px; padding:41px 0; position:relative; text-align:center; width:80%; } */ /*-- doneBlock --*/ .doneBlock{ min-height: calc(100vh - 160px); } .doneBlock img{ width: 90%; height: auto; object-fit: contain; padding-top: 5%; } .doneBlock_tit01, .doneBlock_img{ display: flex; justify-content: center; } .doneBlock_tit01{ padding-top: 6%; } .doneBlock_note{ width: 90%; margin: auto; padding: 3% 0; text-align: center; } .doneBlock_note p{ font-size: 14px; } .doneBlock_text{ width: 90%; margin: auto; padding: 3% 0; text-align: center; } /* validation Error */ .formError { cursor:pointer; display:block; right:0; left:0!important; position:absolute; text-align:left; top:300px; z-index:990; } .formError .formErrorArrow { border-color:#ee0101 transparent transparent; border-style:solid; border-width:10px 8px 0; height:0; margin:-1px 0 0 13px; position:relative; width:0; z-index:996; } .formError .formErrorContent { background:#ee0101; color:#fff; font-size:12px; line-height:1.33; padding:8px; position:relative; width:170px; z-index:991; } body[dir=rtl] .formError .formErrorArrow, body.rtl .formError .formErrorArrow { margin:-2px 13px 0 0; } .formError .formErrorContent::after{ content: "▼"; color: #ee0101; font-size: 13px; position:absolute; bottom:-10px; left: 0.5rem; } section:nth-of-type(1) .col1 .formError{ left:9.9rem!important; } .question_radioBtn{ position:relative; } .question_checkbox_cell > .formError{ margin-left:24px; } @media only screen and (max-width:750px) { .question_pulldown{ width:90%; } .button.col1 a,.button.col2 a{ font-size:4vw; padding:4.667% 0; } .button.col2 a{ padding:4.134% 0; } .button.col1.last a{ font-size:5.067vw; padding:5.466666666666667% 0; width: 90%; } } .question_input{ position:relative; border: 2px solid #E4E4E4; border-radius: 2px; background: #ffffff; width: 50%; } .question_input input{ padding: 8px 38px 8px 8px; color: #333333; width: 100%; border: none; } .question_img img{ width: 90%; height: auto; object-fit: contain; margin-top: 25px; } .layout-canvas-g { background-color: #FFFFFF; border: none; box-sizing: border-box; padding: 0px; width: 100%; } .layout-canvas-g > .header, .layout-canvas-g > .section, .layout-canvas-g > .footer { position: relative; overflow: hidden; width: 100%; overflow-wrap: break-word; } .layout-canvas-g > .section { margin: 0px; } .layout-canvas-g > .section > .columns { box-sizing: border-box; overflow-wrap: break-word; } body { color: #000000; font-family: Meiryo, sans-serif; font-size: 12px; margin: 0px auto; } @media only screen and (max-width: 480px) { .mobile-hidden { display: none !important; } .responsive-td { width: 100% !important; display: block !important; padding: 0px !important; } } .layout-canvas-g > .section > .columns { width: 100%; } p { margin: 0px; } #header { width: 100%; border-bottom: 3px solid #2d2d2d; } #header_logo { width: 80%; margin: 5px auto; } #header_logo img { width: 155px; height: 43px; } .title_wrapper { width: 100%; } .title { width: 80%; height: 21px; margin: 24px auto; color: #2d2d2d; font-size: 24px; font-weight: 700; } .title_txt { width: 80%; margin: 0px auto 10px; font-size: 14px; font-weight: 400; } #main_bnr { width: 80%; margin: 30px auto 20px; background-color: #E0E0E0; } #main_bnr img { width: 100%; } #footer { background-color: #FEF4E9; margin: 0px; text-align: center; } .contact_title { border-bottom: 3px solid #2d2d2d; font-size: 19px; font-weight: 700; padding: 20px 0px; } .contact { margin: 20px 0px; } .contact_name { font-size: 16px; font-weight: 400; } .contact_name span { margin: 0px 5px; font-size: 19px; font-weight: 700; } .phone { color: #2d2d2d; font-size: 31px; font-weight: 700; } .time { font-size: 12px; font-weight: 400; margin-bottom: 20px; } #copyright { width: 100%; margin: 0px; background-color: #999999; padding: 9.5px 0px; color: #FFFFFF; font-size: 12px; font-weight: 400; } .pc-hidden { display: none !important; } @media only screen and (max-width: 480px) { .pc-hidden { display: inline-block !important; } table.stylingblock-content-wrapper { width: 90%; min-width: 90%; } #header_logo { width: 94.8%; text-align: center; } #header_logo img { width: 155px; margin: 0px auto; } .title_wrapper { width: 100%; } .title { width: 94.8%; height: 21px; font-size: 16px; } .title_txt { width: 94.8%; font-size: 14px; line-height: 20px; } #main_bnr { width: 94.8%; } .contact_title { font-size: 12px; } .contact_name { font-size: 10px; } .contact_name span { font-size: 12px; } .phone { font-size: 20.5px; } .time { font-size: 10px; } #copyright { font-size: 10px; } } .smartcapture-controls { padding-bottom: 10px; } .smartcapture-controls .sc-formfield-label, .smartcapture-controls .sc-formfield-label label, .smartcapture-controls .sc-formfield-input label { color:#000000;font-size:16px;line-height:inherit;margin-bottom:3px;vertical-align:middle; } .sc-formfield-subttl { margin-top: 12px; margin-bottom: 5px; line-height: 1.6; font-weight: 700; color: #333333; } input[type="radio"], input[type="checkbox"] { vertical-align: middle; } input[type="text"], input[type="email"], input[type="number"] { width:200px; } .sc-button { background-color:#009DDC;border-color:#009DDC;border-radius:3px;border-style:solid;-webkit-border-radius:3px;-moz-border-radius:3px;color:#FFFFFF; font-size:16px;line-height:normal;padding:10px; } .smartcapture-submit-button-wrapper { padding-bottom:10px;text-align:center; } .date-dropdown-select-boxes input { display: none; } .date-dropdown-select-boxes .select { max-height: 28em; max-width: 6em; overflow: auto; } /*smartcapture追記*/ .smartcapture-controls { padding:20px 0; border-bottom: 1px dashed #cccccc; border-width: 1px; } .smartcapture-controls div { display: inline-block; } .sc-formfield-label { width: 28%; color: #595656 !important; font-size: 19px !important; font-weight: 700 !important; } .sc-formfield-label label { color: #595656 !important; font-size: 19px !important; font-weight: 700 !important; } .sc-formfield-input.selectbox, .sc-formfield-input-wrapper.radio{ width:100%; } .required { margin: 0 2% 0 0; padding: 1px 5px; border-radius: 6px; color: #ffffff; background-color: #d61b19; } .policy-wrapper{width:100%} .policy {background-color: #f7f7f7;margin:40px auto 40px;} .policy_txt { padding:15px; font-size: 12px; font-weight: 400; line-height: 22px; } .policy_txt a { color: #2d2d2d; } .smartcapture-submit-button-wrapper { padding-bottom:0px; margin-bottom:40px; } button.sc-button { width: 323px !important; height: 59px !important; border-radius: 29px !important; border-style:none!important; background-color: #2d2d2d !important; font-weight:700; font-family:'Meiryo',sans-serif; } .sc-formfield-input select{ width:85%; margin:12px auto 0; padding:15px 35px 15px 10px; color:#000000; font-size:16px; font-weight:400; border-radius:4.5px; border-style:none; background-color:#f7f7f7; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-image: url(http://image.ma.licolla.jp/lib/fe3911717164057c761370/m/1/bc278be3-6f11-45a2-8003-1e2f4c77662c.png); background-repeat: no-repeat; background-size: 15px 15px; background-position: right 10px center; min-width: 210px; } input[type=radio] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; right: 0; bottom: 0; left: 0; height: 10px; width: 10px; transition:all .15s ease-out 0s; color: #fff; cursor: pointer; display: inline-block; margin: .1rem; outline: none; border-radius: 50%; border: 2px solid #cccccc; } input[type=radio]:checked:before { transform: scale(1); } input[type=radio]:before { content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; margin: 1px; transform: scale(0); transition: all ease-out 250ms; } input[type=radio] { border: 2px solid #cccccc; margin-left: -30px; } input[type=radio]:checked { border-color:#fe7800!important; } input[type=radio]:checked:before { background: #fe7800; } .sc-formfield-label { width: 100%; } .smartcapture-controls .question_tit, .smartcapture-controls .question_text, .smartcapture-controls div.question_checkbox_item { display: block; } @media only screen and (max-width: 480px) { .content { width: 94.8%; } table.stylingblock-content-wrapper{width:100%!important;min-width:100%!important;margin:0!important;} .smartcapture-controls{border:none;} .sc-formfield-label{width:100%!important;} .sc-formfield-input-wrapper.radio{width:100%!important;margin:0 auto;display:grid!important;} .sc-formfield-input.radio{ width: 30%; color: #000000; font-size:15px; font-weight:400; } .sc-formfield-input.selectbox{width:100%!important;} .sc-formfield-input select{ width:95%; max-width:95%; } .policy{width:95%;margin:10px auto 30px;} .policy_txt { font-size: 10px; line-height: 15px; } .required{width:30px;margin:0 5% 15px;font-size:11px;font-weight:700;transform:scale(1.364,1.364);text-align:center;} button.sc-button{ width:283px!important; height:52px!important; border-radius:26px!important; font-size:12px!important; } .smartcapture-submit-button-wrapper{ margin-bottom:30px; } .radio_input + label { padding-left: 0; display: block; } } .GlobalHeader { position: relative; font-size: .12rem; background: #2d2d2d; } .GlobalHeader.-min { background: none; } @media screen and (max-width: 767px) { .GlobalHeader { position: static; background: none; } } .GlobalHeader_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; width: 10.00rem; height: .50rem; } @media screen and (max-width: 767px) { .GlobalHeader_wrap { display: block; width: 6.40rem; height: 1.00rem; background: #2d2d2d; position: relative; } .GlobalHeader_wrap.-min { background: none; } } .GlobalHeader_logo { margin-right: auto; padding-left: .10rem; width: 1.2rem; } @media screen and (max-width: 767px) { .GlobalHeader_logo { position: absolute; left: 50%; display: block; width: 2.60rem; text-align: center; top: calc(50% - .30rem); left: 0; right: 0; margin: auto; padding: 0; } } .GlobalHeader_logo img { /* width: 100%; */ height: auto; } .GlobalHeader_logo a { display: block; } .GlobalFooter { margin-top: .50rem; padding-top: .50rem; width: 100%; background: #f0f0f0; } @media screen and (max-width: 767px) { .GlobalFooter { background: #ebebeb; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .GlobalFooter_copyright { padding: .15rem 0 .70rem; text-align: center; font-size: .10rem; } @media screen and (max-width: 767px) { .GlobalFooter_copyright { padding: .60rem 0 .90rem; font-size: .20rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: auto; } } @media screen and (min-width: 768px) { .GlobalFooter_tax { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: .12rem; margin: .20rem 0; } } @media screen and (max-width: 767px) { .GlobalFooter_tax { font-size: .24rem; margin: 0 .40rem .40rem .40rem; line-height: .34rem; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } .GlobalFooter.-P2 { padding-top: .30rem; } @media screen and (max-width: 767px) { .GlobalFooter.-P2 .FooterNavi { display: none; } } @media screen and (max-width: 767px) { .GlobalFooter.-P2 .GlobalFooter_copyright { padding: .30rem 0 .45rem; } } .FooterNavi { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; width: 10.00rem; font-size: .12rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 767px) { .FooterNavi { display: block; padding: 0 .20rem; width: 6.40rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .FooterNavi_title { height: .24rem; font-size: .14rem; } @media screen and (max-width: 767px) { .FooterNavi_title { padding: .35rem .20rem; height: auto; font-size: .28rem; background: url(https://ryuryumall.jp/img/ic_arw_08.png) no-repeat 95% 50%; border-top: 1px solid #e3e3e3; } } @media screen and (max-width: 767px) { .FooterNavi_title.-show { background: url(https://ryuryumall.jp/img/ic_arw_07.png) no-repeat 95% 50%; } } .FooterNavi_item { padding: 0 .18rem; border-left: 1px solid #e5e5e5; } @media screen and (max-width: 767px) { .FooterNavi_item { padding: 0; border-left: none; } } .FooterNavi_item:first-of-type { padding: 0; border: none; } .FooterNavi_item:nth-of-type(2) { padding-top: .24rem; border-left: none; } @media screen and (max-width: 767px) { .FooterNavi_item.-group { width: 6.00rem; } } .FooterNavi_item.-group ul { height: 1.60rem; } @media screen and (max-width: 767px) { .FooterNavi_item.-group ul { display: none; height: auto; } } .FooterNavi_item.-group ul li { margin-right: 0; } @media screen and (min-width: 768px) { .FooterNavi_item.-group ul li > a { padding: .05rem .25rem .05rem 0; } } .FooterNavi_item.-group.pc { padding: .24rem 0 0 0; border-left: 0; } .FooterNavi_item.-company { margin-top: .20rem; padding: .10rem 0; width: 10.00rem; border-left: none; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-left: none; } @media screen and (max-width: 767px) { .FooterNavi_item.-company { margin-top: 0; padding: 0; width: 6.00rem; border-top: none; border-bottom: 1px solid #e3e3e3; border-left: none; } } .FooterNavi_item.-company .-trigger { display: none; } @media screen and (max-width: 767px) { .FooterNavi_item.-company .-trigger { display: block; } } .FooterNavi_item.-company ul { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 767px) { .FooterNavi_item.-company ul { display: none; } } .FooterNavi_item.-company li { padding-left: .08rem; border-left: 1px solid #e5e5e5; } @media screen and (max-width: 767px) { .FooterNavi_item.-company li { padding-left: 0; border-left: none; } } .FooterNavi_item.-company li:first-child { border-left: none; } @media screen and (max-width: 767px) { .FooterNavi_list { display: none; padding: 0 .20rem; background: #f3f3f3; } } .FooterNavi_list li { margin-right: .10rem; } @media screen and (max-width: 767px) { .FooterNavi_list li { margin-right: 0; border-bottom: 1px solid #ebebeb; } } @media screen and (max-width: 767px) { .FooterNavi_list li:last-child { border-bottom: none; } } .FooterNavi_list li a { display: block; padding: .05rem 0; font-size: .12rem; color: #444; } @media screen and (max-width: 767px) { .FooterNavi_list li a { display: block; padding: .36rem .20rem; font-size: .28rem; background: none; } } .FooterNavi_list li .FooterNavi_linkBlank { padding-right: .21rem; background: url(https://ryuryumall.jp/img/ic_blank_02.png) no-repeat 95% 50%; background-size: .28rem; } @media screen and (min-width: 768px) { .FooterNavi_list li .FooterNavi_linkBlank { background: url(https://ryuryumall.jp/img/ic_blank_02.png) no-repeat 100% 50%; background-size: .14rem; } } @media screen and (max-width: 767px) { body .GlobalHeader { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } body .ShopLogo { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } body .Breadcrumbs { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } body main { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } body .PageBottom { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } body .GlobalFooter { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } } .Main { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0 auto; width: 10.00rem; font-size: .13rem; width: 100%; } @media screen and (max-width: 767px) { .Main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 6.40rem; font-size: .26rem; display: block; } } textarea { width: 300px; height: 150px; padding: 10px; } @media screen and (min-width: 768px) { .doneBlock img { max-width: 650px; } .radio_input + label::before { top: 2px; left: 5px; } .radio_input:checked + label::after { top: 6px; left: 9px; } }