@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:#2d2d2d!important;
}
input[type=radio]:checked:before {
background: #2d2d2d;
}
.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;
}
}