@charset "UTF-8"; p { line-height: 1.8; @include justify; text-align:left; } /* rank -----------------*/ .recommend__box:nth-of-type(1) span.icon{ background-image: url("/images/recommend_icon01.svg"); -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover; } .recommend__box:nth-of-type(2) span.icon{ background-image: url("/images/recommend_icon02.svg"); -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover; } .recommend__box:nth-of-type(3) span.icon{ background-image: url("/images/recommend_icon03.svg"); -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover; } /* Headings -----------------*/ /* line 20, scss/_object.scss */ .container h2, .container h3, .container h4 { font-family: fot-udkakugo-large-pr6n, sans-serif; font-weight: 600; line-height: 1.4; } /* line 25, scss/_object.scss */ .container h2 { font-size: 3rem; } @media screen and (max-width: 959px) { /* line 25, scss/_object.scss */ .container h2 { font-size: 2rem; } } /* line 28, scss/_object.scss */ .container h2.ranking { color: #fff; padding: 30px 0; } @media screen and (max-width: 959px) { /* line 28, scss/_object.scss */ .container h2.ranking { padding: 15px 0; } } /* line 32, scss/_object.scss */ .container h2.ranking span { display: inline-block; } /* line 34, scss/_object.scss */ .container h2.ranking span::before, h2.ranking span::after { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; } /* line 39, scss/_object.scss */ .container h2.ranking span::before { margin-right: .5em; } /* line 40, scss/_object.scss */ .container h2.ranking span::after { margin-left: .5em; } /* line 43, scss/_object.scss */ .container h2 strong { background: #ffea44; } /* line 45, scss/_object.scss */ .container h3 { font-size: 2.4rem; } @media screen and (max-width: 959px) { /* line 45, scss/_object.scss */ .container h3 { font-size: 1.8rem; } } /* line 49, scss/_object.scss */ .container h4 { font-size: 2.1rem; } @media screen and (max-width: 959px) { /* line 49, scss/_object.scss */ .container h4 { font-size: 1.6rem; } } /* line 12, scss/_object.scss */ .container { width: 960px; margin: 0 auto; } @media screen and (max-width: 959px) { /* line 12, scss/_object.scss */ .container { width: 95%; } } .sub_contents{ font-family: ryo-gothic-plusn, sans-serif; font-weight: 400; font-style: normal; text-align: center; color: #000; background: #fff; font-size:16px; letter-spacing: .1em; position: relative; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; min-height: 100vh; -moz-animation: fadeIn 1.5s ease 0s 1 normal; -webkit-animation: fadeIn 1.5s ease 0s 1 normal; animation: fadeIn 1.5s ease 0s 1 normal; } @media screen and (max-width: 959px) { .sub_contents{ font-size:14px; } } /* Sub Page -------------------------------------*/ /* First View -----------------*/ .fv-huyouhin { background-image: url("#{$img_path}fv-huyouhin_bg.jpg"); @include sp {background-image: url("#{$img_path}fv-huyouhin_bg-sp.jpg");} } .fv-ihinseiri { background-image: url("#{$img_path}fv-ihinseiri_bg.jpg"); @include sp {background-image: url("#{$img_path}fv-ihinseiri_bg-sp.jpg");} } .fv-gomiyashiki { background-image: url("#{$img_path}fv-gomiyashiki_bg.jpg"); @include sp {background-image: url("#{$img_path}fv-gomiyashiki_bg-sp.jpg");} } .fv-osaka { background-image: url("#{$img_path}fv-osaka_bg.jpg"); @include sp {background-image: url("#{$img_path}fv-osaka_bg-sp.jpg");} } .fv-suita { background-image: url("#{$img_path}fv-suita_bg.jpg"); @include sp {background-image: url("#{$img_path}fv-suita_bg-sp.jpg");} } .fv-toyonaka { background-image: url("#{$img_path}fv-toyonaka_bg.jpg"); @include sp {background-image: url("#{$img_path}fv-toyonaka_bg-sp.jpg");} } .fv-nishinomiya { background-image: url("#{$img_path}fv-nishinomiya_bg.jpg"); @include sp {background-image: url("#{$img_path}fv-nishinomiya_bg-sp.jpg");} } .fv-kyoto { background-image: url("#{$img_path}fv-kyoto_bg.jpg"); @include sp {background-image: url("#{$img_path}fv-kyoto_bg-sp.jpg");} } .fv-hyogo { background-image: url("#{$img_path}fv-hyogo_bg.jpg"); @include sp {background-image: url("#{$img_path}fv-hyogo_bg-sp.jpg");} } /* Sub Contents -----------------*/ /* line 49, scss/_sub.scss */ .sub_contents { padding: 90px 0; } @media screen and (max-width: 959px) { /* line 49, scss/_sub.scss */ .sub_contents { padding: 45px 0; } } /* line 53, scss/_sub.scss */ .sub_contents .container h2 { font-size: 2.0rem; color: #0075a9; margin-bottom: 30px; } @media screen and (max-width: 959px) { /* line 53, scss/_sub.scss */ .sub_contents .container h2 { font-size: 2.0rem; margin-bottom: 15px; } } /* line 61, scss/_sub.scss */ .sub_contents .container h2 small { font-size: 60%; } /* line 62, scss/_sub.scss */ .sub_contents .container h2 + p { margin-bottom: 1em; } @media screen and (min-width: 960px) { /* line 62, scss/_sub.scss */ .sub_contents .container h2 + p { text-align: center; font-size: 1.1rem; } } @media screen and (max-width: 959px) { /* line 62, scss/_sub.scss */ .sub_contents .container h2 + p { font-size: 1.1rem; } } /* line 69, scss/_sub.scss */ .sub_contents .container h2 + p strong { background: #ffea44;font-weight: normal; } /* line 73, scss/_sub.scss */ .sub_contents .container > p + h2 { margin-top: 60px; } @media screen and (max-width: 959px) { /* line 73, scss/_sub.scss */ .sub_contents .container > p + h2 { margin-top: 30px; } } /* line 78, scss/_sub.scss */ .sub_contents .container h3 { font-size: 1.4rem; margin-bottom: 1em; } @media screen and (max-width: 959px) { /* line 78, scss/_sub.scss */ .sub_contents .container h3 { font-size: 1.4rem; } } /* line 83, scss/_sub.scss */ .sub_contents .container .points { border: solid 3px #0075a9; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; padding: 60px; margin-bottom: 60px; background: url("img/woman.png") no-repeat right 5% bottom; -moz-background-size: 30% auto; -o-background-size: 30% auto; -webkit-background-size: 30% auto; background-size: 30% auto; } @media screen and (max-width: 959px) { /* line 83, scss/_sub.scss */ .sub_contents .container .points { background: none; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding: 15px; margin-bottom: 30px; } /* line 95, scss/_sub.scss */ .sub_contents .container .points h3 { text-align: left; } } @media screen and (min-width: 960px) { /* line 97, scss/_sub.scss */ .sub_contents .container .points ul { margin-left: 1em; } } /* line 99, scss/_sub.scss */ .sub_contents .container .points ul li { text-align: justify; text-justify: inter-ideograph; /* IEで必要 */ text-justify: inter-character; /* Firefoxで必要 */ line-height: 1.4; font-weight: bold; margin-top: 1em; margin-left: 1.5em; text-indent: -1.5em; font-size: 1.0rem; } @media screen and (max-width: 959px) { /* line 99, scss/_sub.scss */ .sub_contents .container .points ul li { font-size: 1.28rem; } } /* line 108, scss/_sub.scss */ .sub_contents .container .points ul li::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f058"; margin-right: .5em; color: #eb6100; } /* line 114, scss/_sub.scss */ .sub_contents .container .points ul li strong { color: #eb6100; } /* line 118, scss/_sub.scss */ .sub_contents .container .ordinary { margin-bottom: 60px; } @media screen and (max-width: 959px) { /* line 118, scss/_sub.scss */ .sub_contents .container .ordinary { margin-bottom: 45px; } } /* line 121, scss/_sub.scss */ .sub_contents .container .ordinary h3 { color: #fff; background: #0075a9; text-align: left; padding: 10px; margin-top: 60px; } @media screen and (max-width: 959px) { /* line 121, scss/_sub.scss */ .sub_contents .container .ordinary h3 { margin-top: 30px; } } /* line 128, scss/_sub.scss */ .sub_contents .container .ordinary h3 span { display: inline-block; position: relative; padding-left: 25px; } @media screen and (max-width: 959px) { /* line 128, scss/_sub.scss */ .sub_contents .container .ordinary h3 span { padding-left: 20px; } } /* line 133, scss/_sub.scss */ .sub_contents .container .ordinary h3 span::before { position: absolute; content: ""; width: 10px; height: 80%; background: #fff; left: 0; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 959px) { /* line 133, scss/_sub.scss */ .sub_contents .container .ordinary h3 span::before { width: 5px; } } /* line 146, scss/_sub.scss */ .sub_contents .container .ordinary h4 { text-align: left; color: #0075a9; padding-bottom: 10px; margin-bottom: 20px; border-bottom: solid 1px #0075a9; font-size: 2.4rem; } @media screen and (max-width: 959px) { /* line 146, scss/_sub.scss */ .sub_contents .container .ordinary h4 { font-size: 1.8rem; } } /* line 154, scss/_sub.scss */ .sub_contents .container .ordinary h4:not(:first-of-type) { margin-top: 60px; } @media screen and (max-width: 959px) { /* line 154, scss/_sub.scss */ .sub_contents .container .ordinary h4:not(:first-of-type) { margin-top: 30px; } } /* line 158, scss/_sub.scss */ .sub_contents .container .ordinary h4 span { display: inline-block; font-size: 60%; padding: 10px; background: #0075a9; color: #fff; margin-right: 1em; } /* line 167, scss/_sub.scss */ .sub_contents .container .ordinary div { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; } @media screen and (max-width: 959px) { /* line 167, scss/_sub.scss */ .sub_contents .container .ordinary div { -webkit-flex-direction: column; flex-direction: column; } } /* line 174, scss/_sub.scss */ .sub_contents .container .ordinary div figure { width: 30%; position: relative; overflow: hidden; } @media screen and (max-width: 959px) { /* line 174, scss/_sub.scss */ .sub_contents .container .ordinary div figure { width: 80%; padding-bottom: 80%; margin: 0 auto 15px; order: 0; } } /* line 184, scss/_sub.scss */ .sub_contents .container .ordinary div figure img { width: 100%; height: auto; object-fit: cover; position: absolute; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; } /* line 194, scss/_sub.scss */ .sub_contents .container .ordinary div > p, .sub_contents .container .ordinary div span { width: calc(70% - 30px); } @media screen and (max-width: 959px) { /* line 194, scss/_sub.scss */ .sub_contents .container .ordinary div > p, .sub_contents .container .ordinary div span { width: 100%; order: 1; } } /* line 202, scss/_sub.scss */ .sub_contents .container .ordinary div span { display: block; } /* line 204, scss/_sub.scss */ .sub_contents .container .ordinary div span dl { margin-top: 1em; } /* line 206, scss/_sub.scss */ .sub_contents .container .ordinary div span dl dt { text-align: left; color: #0075a9; margin-bottom: .5em; font-family: fot-udkakugo-large-pr6n, sans-serif; font-size: 120%; border-bottom: solid 1px #0075a9; padding-bottom: .5em; } /* line 215, scss/_sub.scss */ .sub_contents .container .ordinary div span dl dd { text-align: justify; text-justify: inter-ideograph; /* IEで必要 */ text-justify: inter-character; /* Firefoxで必要 */ line-height: 1.8; } /* line 222, scss/_sub.scss */ .sub_contents .container .ordinary a { color: #0075a9; text-decoration: underline; } /* line 227, scss/_sub.scss */ .sub_contents .container .merit { border: solid 3px #0075a9; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; padding: 60px; margin-bottom: 60px; } @media screen and (max-width: 959px) { /* line 227, scss/_sub.scss */ .sub_contents .container .merit { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding: 15px; margin-bottom: 30px; } /* line 236, scss/_sub.scss */ .sub_contents .container .merit h3 { text-align: left; } } /* line 238, scss/_sub.scss */ .sub_contents .container .merit ol { counter-reset: merit; } @media screen and (min-width: 960px) { /* line 238, scss/_sub.scss */ .sub_contents .container .merit ol { margin-left: 1em; } } /* line 241, scss/_sub.scss */ .sub_contents .container .merit ol li { color: #0075a9; text-align: justify; text-justify: inter-ideograph; /* IEで必要 */ text-justify: inter-character; /* Firefoxで必要 */ line-height: 1.4; font-weight: bold; margin-top: 1em; font-size: 1.0rem; position: relative; padding-left: 40px; } @media screen and (max-width: 959px) { /* line 241, scss/_sub.scss */ .sub_contents .container .merit ol li { font-size: 1.2rem; } } /* line 251, scss/_sub.scss */ .sub_contents .container .merit ol li::before, .sub_contents .container .merit ol li::after { position: absolute; left: 0; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 30px; } /* line 260, scss/_sub.scss */ .sub_contents .container .merit ol li::before { content: ""; background: #0075a9; } /* line 264, scss/_sub.scss */ .sub_contents .container .merit ol li::after { font-family: fot-udkakugo-large-pr6n, sans-serif; counter-increment: merit; content: counter(merit); color: #fff; text-align: center; line-height: 30px; } /* line 272, scss/_sub.scss */ .sub_contents .container .merit ol li strong { color: #eb6100; } /* line 274, scss/_sub.scss */ .sub_contents .container .merit ol + p { margin-top: 1em; } /* line 277, scss/_sub.scss */ .sub_contents .container .q_a { border: solid 3px #0075a9; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; padding: 60px; margin-bottom: 60px; } @media screen and (max-width: 959px) { /* line 277, scss/_sub.scss */ .sub_contents .container .q_a { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding: 15px; margin-bottom: 30px; } } /* line 287, scss/_sub.scss */ .sub_contents .container .q_a h3 { text-align: left; } /* line 289, scss/_sub.scss */ .sub_contents .container .q_a dl:not(:last-child) { margin-bottom: 30px; } /* line 292, scss/_sub.scss */ .sub_contents .container .q_a dl dt { color: #0075a9; text-align: left; border-bottom: solid 1px #0075a9; padding-bottom: 10px; margin-bottom: 20px; font-size: 2rem; line-height: 1.4; font-weight: bold; padding-left: 30px; position: relative; } @media screen and (max-width: 959px) { /* line 292, scss/_sub.scss */ .sub_contents .container .q_a dl dt { font-size: 1.6rem; padding-left: 20px; } } /* line 307, scss/_sub.scss */ .sub_contents .container .q_a dl dt::before { position: absolute; content: "Q."; left: 0; top: 0; } /* line 314, scss/_sub.scss */ .sub_contents .container .q_a dl dd { text-align: justify; text-justify: inter-ideograph; /* IEで必要 */ text-justify: inter-character; /* Firefoxで必要 */ line-height: 1.8; padding-left: 30px; position: relative; } @media screen and (max-width: 959px) { /* line 314, scss/_sub.scss */ .sub_contents .container .q_a dl dd { padding-left: 20px; } } /* line 320, scss/_sub.scss */ .sub_contents .container .q_a dl dd::before { position: absolute; content: "A."; left: 0; top: 0; } /* line 329, scss/_sub.scss */ .sub_contents .container .caution { background: rgba(235, 97, 0, 0.1); border: solid 3px #eb6100; padding: 30px; } @media screen and (max-width: 959px) { /* line 329, scss/_sub.scss */ .sub_contents .container .caution { padding: 15px; } } /* line 334, scss/_sub.scss */ .sub_contents .container .caution h3 { color: #eb6100; } /* line 337, scss/_sub.scss */ .sub_contents .container .area figure { width: 300px; margin: 0 auto 30px; } /* おすすめ業者 -----------------*/ /* line 349, scss/_sub.scss */ .recommend5 h2, .recommend10 h2 { background: #094; color: #fff; } /* line 352, scss/_sub.scss */ .recommend5 h2 span, .recommend10 h2 span { display: inline-block; } /* line 354, scss/_sub.scss */ .recommend5 h2 span::before, .recommend5 h2 span::after, .recommend10 h2 span::before, .recommend10 h2 span::after { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; } /* line 359, scss/_sub.scss */ .recommend5 h2 span::before, .recommend10 h2 span::before { margin-right: .5em; } /* line 360, scss/_sub.scss */ .recommend5 h2 span::after, .recommend10 h2 span::after { margin-left: .5em; } /* line 363, scss/_sub.scss */ .recommend5 .container, .recommend10 .container { padding: 90px 0; } @media screen and (max-width: 959px) { /* line 363, scss/_sub.scss */ .recommend5 .container, .recommend10 .container { padding: 45px 0; } } @media screen and (min-width: 960px) { /* line 366, scss/_sub.scss */ .recommend5 .container > p, .recommend10 .container > p { font-size: 2.4rem; text-align: center; } } /* line 372, scss/_sub.scss */ .recommend5 .container > h3, .recommend10 .container > h3 { color: #094; font-size: 3rem; margin-top: 1em; margin-bottom: .5em; } @media screen and (max-width: 959px) { /* line 372, scss/_sub.scss */ .recommend5 .container > h3, .recommend10 .container > h3 { font-size: 2rem; } } /* line 378, scss/_sub.scss */ .recommend5 .container > h3 + p, .recommend10 .container > h3 + p { font-size: 1.6rem; text-align: justify; text-justify: inter-ideograph; /* IEで必要 */ text-justify: inter-character; /* Firefoxで必要 */ } @media screen and (max-width: 959px) { /* line 378, scss/_sub.scss */ .recommend5 .container > h3 + p, .recommend10 .container > h3 + p { font-size: 1.4rem; } } /* line 384, scss/_sub.scss */ .recommend5 .container ol, .recommend10 .container ol { counter-reset: recommend5; } /* line 386, scss/_sub.scss */ .recommend5 .container ol > li, .recommend10 .container ol > li { background: #fff; padding: 30px; margin-top: 60px; } @media screen and (max-width: 959px) { /* line 386, scss/_sub.scss */ .recommend5 .container ol > li, .recommend10 .container ol > li { padding: 15px; margin-top: 30px; } } /* line 394, scss/_sub.scss */ .recommend5 .container ol > li h3, .recommend10 .container ol > li h3 { text-align: left; border-bottom: solid 2px #094; position: relative; } @media screen and (min-width: 960px) { /* line 394, scss/_sub.scss */ .recommend5 .container ol > li h3, .recommend10 .container ol > li h3 { font-size: 3rem; padding-bottom: 20px; margin-bottom: 30px; padding-left: 200px; } } @media screen and (max-width: 959px) { /* line 394, scss/_sub.scss */ .recommend5 .container ol > li h3, .recommend10 .container ol > li h3 { font-size: 2.4rem; padding-top: 40px; padding-bottom: 10px; margin-bottom: 20px; } } /* line 410, scss/_sub.scss */ .recommend5 .container ol > li h3::before, .recommend5 .container ol > li h3::after, .recommend10 .container ol > li h3::before, .recommend10 .container ol > li h3::after { position: absolute; top: 0; } /* line 415, scss/_sub.scss */ .recommend5 .container ol > li h3::before, .recommend10 .container ol > li h3::before { text-align: center; background: #094; color: #ffea44; counter-increment: recommend5; content: "オススメ業者 " counter(recommend5); left: 0; } @media screen and (min-width: 960px) { /* line 415, scss/_sub.scss */ .recommend5 .container ol > li h3::before, .recommend10 .container ol > li h3::before { width: 160px; height: 40px; line-height: 40px; font-size: 1.8rem; } } @media screen and (max-width: 959px) { /* line 415, scss/_sub.scss */ .recommend5 .container ol > li h3::before, .recommend10 .container ol > li h3::before { height: 30px; line-height: 30px; padding: 0 10px; font-size: 1.4rem; } } /* line 435, scss/_sub.scss */ .recommend5 .container ol > li h3::after, .recommend10 .container ol > li h3::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 20px; border-color: transparent transparent transparent #094; left: 160px; } @media screen and (max-width: 959px) { /* line 435, scss/_sub.scss */ .recommend5 .container ol > li h3::after, .recommend10 .container ol > li h3::after { display: none; } } /* line 446, scss/_sub.scss */ .recommend5 .container ol > li .shop_detail, .recommend10 .container ol > li .shop_detail { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: stretch; align-items: stretch; } /* line 451, scss/_sub.scss */ .recommend5 .container ol > li .shop_detail figure, .recommend10 .container ol > li .shop_detail figure { width: 260px; height: 200px; } @media screen and (max-width: 959px) { /* line 451, scss/_sub.scss */ .recommend5 .container ol > li .shop_detail figure, .recommend10 .container ol > li .shop_detail figure { width: 100%; height: auto; margin-bottom: 15px; } } /* line 459, scss/_sub.scss */ .recommend5 .container ol > li .shop_detail figure img, .recommend10 .container ol > li .shop_detail figure img { width: 100%; } /* line 463, scss/_sub.scss */ .recommend5 .container ol > li .shop_detail div, .recommend10 .container ol > li .shop_detail div { width: 610px; } @media screen and (max-width: 959px) { /* line 463, scss/_sub.scss */ .recommend5 .container ol > li .shop_detail div, .recommend10 .container ol > li .shop_detail div { width: 100%; } } /* line 466, scss/_sub.scss */ .recommend5 .container ol > li .shop_detail div h4, .recommend10 .container ol > li .shop_detail div h4 { color: #094; font-size: 2.1rem; line-height: 1.4; margin-bottom: 20px; text-align: justify; text-justify: inter-ideograph; /* IEで必要 */ text-justify: inter-character; /* Firefoxで必要 */ } @media screen and (max-width: 959px) { /* line 466, scss/_sub.scss */ .recommend5 .container ol > li .shop_detail div h4, .recommend10 .container ol > li .shop_detail div h4 { font-size: 1.6rem; margin-bottom: 10px; } } @media screen and (min-width: 960px) { /* line 477, scss/_sub.scss */ .recommend5 .container ol > li .shop_detail div ul, .recommend10 .container ol > li .shop_detail div ul { margin-left: 20px; } } /* line 479, scss/_sub.scss */ .recommend5 .container ol > li .shop_detail div ul li, .recommend10 .container ol > li .shop_detail div ul li { text-align: justify; text-justify: inter-ideograph; /* IEで必要 */ text-justify: inter-character; /* Firefoxで必要 */ line-height: 1.4; margin-left: 1.5em; text-indent: -1.5em; font-size: 1.8rem; } @media screen and (max-width: 959px) { /* line 479, scss/_sub.scss */ .recommend5 .container ol > li .shop_detail div ul li, .recommend10 .container ol > li .shop_detail div ul li { font-size: 1.6rem; } } /* line 486, scss/_sub.scss */ .recommend5 .container ol > li .shop_detail div ul li:not(:last-child), .recommend10 .container ol > li .shop_detail div ul li:not(:last-child) { margin-bottom: 10px; } /* line 487, scss/_sub.scss */ .recommend5 .container ol > li .shop_detail div ul li::before, .recommend10 .container ol > li .shop_detail div ul li::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f058"; margin-right: .5em; color: #eb6100; } /* line 493, scss/_sub.scss */ .recommend5 .container ol > li .shop_detail div ul li strong, .recommend10 .container ol > li .shop_detail div ul li strong { background: #ffea44; } /* line 498, scss/_sub.scss */ .recommend5 .container ol > li table, .recommend10 .container ol > li table { width: 100%; margin: 30px 0; } @media screen and (max-width: 959px) { /* line 498, scss/_sub.scss */ .recommend5 .container ol > li table, .recommend10 .container ol > li table { margin: 15px 0; } } @media screen and (max-width: 959px) { /* line 502, scss/_sub.scss */ .recommend5 .container ol > li table tr, .recommend10 .container ol > li table tr { border: solid 1px #ccc; } } /* line 505, scss/_sub.scss */ .recommend5 .container ol > li table th, .recommend5 .container ol > li table td, .recommend10 .container ol > li table th, .recommend10 .container ol > li table td { border: solid 1px #ccc; vertical-align: middle; padding: 10px; } @media screen and (max-width: 959px) { /* line 505, scss/_sub.scss */ .recommend5 .container ol > li table th, .recommend5 .container ol > li table td, .recommend10 .container ol > li table th, .recommend10 .container ol > li table td { display: list-item; list-style: none; width: 100%; border: none; } } /* line 516, scss/_sub.scss */ .recommend5 .container ol > li table th, .recommend10 .container ol > li table th { background: #eee; } @media screen and (min-width: 960px) { /* line 516, scss/_sub.scss */ .recommend5 .container ol > li table th, .recommend10 .container ol > li table th { width: 30%; text-align: left; } } @media screen and (max-width: 959px) { /* line 516, scss/_sub.scss */ .recommend5 .container ol > li table th, .recommend10 .container ol > li table th { text-align: center; } } /* line 524, scss/_sub.scss */ .recommend5 .container ol > li table td, .recommend10 .container ol > li table td { line-height: 1.4; text-align: justify; text-justify: inter-ideograph; /* IEで必要 */ text-justify: inter-character; /* Firefoxで必要 */ } /* line 527, scss/_sub.scss */ .recommend5 .container ol > li table td:first-of-type, .recommend10 .container ol > li table td:first-of-type { color: #ffea44; font-size: 120%; } @media screen and (min-width: 960px) { /* line 527, scss/_sub.scss */ .recommend5 .container ol > li table td:first-of-type, .recommend10 .container ol > li table td:first-of-type { width: 20%; } } @media screen and (max-width: 959px) { /* line 527, scss/_sub.scss */ .recommend5 .container ol > li table td:first-of-type, .recommend10 .container ol > li table td:first-of-type { padding-bottom: 0; } } /* line 535, scss/_sub.scss */ .recommend5 .container ol > li a, .recommend10 .container ol > li a { margin: 30px auto 0; } @media screen and (max-width: 959px) { /* line 535, scss/_sub.scss */ .recommend5 .container ol > li a, .recommend10 .container ol > li a { margin: 15px auto 0; } } @media screen and (min-width: 960px) { /* line 542, scss/_sub.scss */ .recommend5 .container ol.huyouhin > li h3, .recommend10 .container ol.huyouhin > li h3 { padding-left: 240px; } /* line 545, scss/_sub.scss */ .recommend5 .container ol.huyouhin > li h3::before, .recommend10 .container ol.huyouhin > li h3::before { width: 200px; } /* line 546, scss/_sub.scss */ .recommend5 .container ol.huyouhin > li h3::after, .recommend10 .container ol.huyouhin > li h3::after { left: 200px; } } /* line 548, scss/_sub.scss */ .recommend5 .container ol.huyouhin > li h3::before, .recommend10 .container ol.huyouhin > li h3::before { content: "不用品回収業者 " counter(recommend5) "位"; } @media screen and (min-width: 960px) { /* line 556, scss/_sub.scss */ .recommend5 .container ol.ihin > li h3, .recommend10 .container ol.ihin > li h3 { padding-left: 220px; } /* line 559, scss/_sub.scss */ .recommend5 .container ol.ihin > li h3::before, .recommend10 .container ol.ihin > li h3::before { width: 180px; } /* line 560, scss/_sub.scss */ .recommend5 .container ol.ihin > li h3::after, .recommend10 .container ol.ihin > li h3::after { left: 180px; } } /* line 562, scss/_sub.scss */ .recommend5 .container ol.ihin > li h3::before, .recommend10 .container ol.ihin > li h3::before { content: "遺品整理業者 " counter(recommend5) "位"; } @media screen and (min-width: 960px) { /* line 570, scss/_sub.scss */ .recommend5 .container ol.gomi > li h3, .recommend10 .container ol.gomi > li h3 { padding-left: 280px; } /* line 573, scss/_sub.scss */ .recommend5 .container ol.gomi > li h3::before, .recommend10 .container ol.gomi > li h3::before { width: 240px; } /* line 574, scss/_sub.scss */ .recommend5 .container ol.gomi > li h3::after, .recommend10 .container ol.gomi > li h3::after { left: 240px; } } /* line 576, scss/_sub.scss */ .recommend5 .container ol.gomi > li h3::before, .recommend10 .container ol.gomi > li h3::before { content: "ゴミ屋敷回収業者 " counter(recommend5) "位"; } @media screen and (min-width: 960px) { /* line 586, scss/_sub.scss */ .recommend5 .container ol.osaka > li h3, .recommend5 .container ol.kyoto > li h3, .recommend5 .container ol.hyogo > li h3, .recommend10 .container ol.osaka > li h3, .recommend10 .container ol.kyoto > li h3, .recommend10 .container ol.hyogo > li h3 { padding-left: 280px; } /* line 589, scss/_sub.scss */ .recommend5 .container ol.osaka > li h3::before, .recommend5 .container ol.kyoto > li h3::before, .recommend5 .container ol.hyogo > li h3::before, .recommend10 .container ol.osaka > li h3::before, .recommend10 .container ol.kyoto > li h3::before, .recommend10 .container ol.hyogo > li h3::before { width: 240px; } /* line 590, scss/_sub.scss */ .recommend5 .container ol.osaka > li h3::after, .recommend5 .container ol.kyoto > li h3::after, .recommend5 .container ol.hyogo > li h3::after, .recommend10 .container ol.osaka > li h3::after, .recommend10 .container ol.kyoto > li h3::after, .recommend10 .container ol.hyogo > li h3::after { left: 240px; } } /* line 598, scss/_sub.scss */ .recommend5 .container ol.osaka > li h3::before, .recommend10 .container ol.osaka > li h3::before { content: "大阪のオススメ業者 " counter(recommend5) "位"; } /* line 607, scss/_sub.scss */ .recommend5 .container ol.kyoto > li h3::before, .recommend10 .container ol.kyoto > li h3::before { content: "京都のオススメ業者 " counter(recommend5) "位"; } /* line 616, scss/_sub.scss */ .recommend5 .container ol.hyogo > li h3::before, .recommend10 .container ol.hyogo > li h3::before { content: "兵庫のオススメ業者 " counter(recommend5) "位"; } /* line 625, scss/_sub.scss */ .recommend5 { background: rgba(0, 153, 68, 0.1); } /* line 627, scss/_sub.scss */ .recommend5 h2 { padding: 30px 0; } @media screen and (max-width: 959px) { /* line 627, scss/_sub.scss */ .recommend5 h2 { padding: 15px 0; } } /* line 634, scss/_sub.scss */ .recommend10 .container h2 { height: 80px; line-height: 80px; position: relative; } @media screen and (max-width: 959px) { /* line 634, scss/_sub.scss */ .recommend10 .container h2 { height: 60px; line-height: 60px; } } /* line 642, scss/_sub.scss */ .recommend10 .container h2::before, .recommend10 .container h2::after { position: absolute; content: ""; top: 0; width: 0; height: 0; border-style: solid; } /* line 651, scss/_sub.scss */ .recommend10 .container h2::before { left: 0; border-width: 40px 0 40px 20px; border-color: transparent transparent transparent #fff; } @media screen and (max-width: 959px) { /* line 651, scss/_sub.scss */ .recommend10 .container h2::before { border-width: 30px 0 30px 20px; } } /* line 657, scss/_sub.scss */ .recommend10 .container h2::after { right: 0; border-width: 40px 20px 40px 0; border-color: transparent #fff transparent transparent; } @media screen and (max-width: 959px) { /* line 657, scss/_sub.scss */ .recommend10 .container h2::after { border-width: 30px 20px 30px 0; } } /* line 665, scss/_sub.scss */ .recommend10 .container ol > li { border: solid 1px #ccc; } @media screen and (min-width: 960px) { /* line 668, scss/_sub.scss */ .recommend10 .container ol > li .shop_detail div { width: 260px; display: -webkit-flex; display: flex; -webkit-flex-flow: column wrap; flex-flow: column wrap; -webkit-justify-content: space-between; justify-content: space-between; } } @media screen and (min-width: 960px) { /* line 677, scss/_sub.scss */ .recommend10 .container ol > li table { width: calc(100% - 310px); margin: 0; } } /* line 686, scss/_sub.scss */ .recommend10.area { background: rgba(0, 153, 68, 0.1); } /* line 688, scss/_sub.scss */ .recommend10.area h2 { padding: 30px 0; } @media screen and (max-width: 959px) { /* line 688, scss/_sub.scss */ .recommend10.area h2 { padding: 15px 0; } } /* line 694, scss/_sub.scss */ .recommend10.area .container ol li { border: none; } /* line 696, scss/_sub.scss */ .recommend10.area .container ol li:first-child { margin-top: 0; }