@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

.grecaptcha-badge { visibility: hidden; }

.total {
border-top: solid 1px #888888;
border-bottom: solid 1px #888888;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 20px;
font-weight: bold;
font-size: 18px;
line-height: 27px;
}
.faqPickupBoxA {
min-height: 37px;
display: block;
padding: 5px 0 0 45px;
color: #383838!important;
background: url("https://runways.co.jp/media/wp-content/uploads/2019/11/a-1.png") left top 3px no-repeat;
word-break: break-all;
}
.faqPickupBoxA p {
margin-bottom: 1.6em;
}
.faqPickupBoxQ {
min-height: 37px;
display: block;
padding: 5px 0 0 45px;
color: #383838!important;
background: url("https://runways.co.jp/media/wp-content/uploads/2019/11/q-1.png") left top 3px no-repeat;
word-break: break-all;
margin-bottom: 0.7em;
}
.faqPickupBoxQ p {
margin-bottom: 1.6em;
}
.is-style-btn_normal {
    --the-btn-radius: 5px;
    --the-min-width: 90%;
}
/*--------------------------------
テーブル
---------------------------------*/
.post_content table {
	border-top: 2px solid #5c4b51;
	border-right: 2px solid #5c4b51;
	border-left: 2px solid #5c4b51;
	border-bottom: 2px solid #5c4b51;
	width: 100%;
	max-width: 100%;
}
.post_content table th {
    color: #5c4b51 !important;
    border-bottom: 1px solid #5c4b51;
    border-left: 1px solid #5c4b51;
    background-color: #f3eac2b3 !important;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 90%;
	text-align: center;
}
.post_content table td {
    border-left: 1px solid #5c4b51;
    background-color: #fff;
    padding-top: 6px;
    padding-bottom: 6px;
    vertical-align: middle;
    font-size: 90% !important;
}

.l-mainContent__inner>.post_content {
    margin: 2em 0;
}
.c-balloon__text p {
    margin-bottom: 1em  !important;
}
/*--------------------------------
affinger
---------------------------------*/
.mark_yellow {
    font-weight: bold;
}
.hutoaka {
    font-weight: bold;
    color: #ff3333;
}
.rankstlink-r2 p {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0 3px 0 #b61b17;
    position: relative;
}
.rankstlink-r2 p a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 10px;
    background: -webkit-linear-gradient(top, #ef5350 0%,#e53935 100%);
    background: linear-gradient(to bottom, #ef5350 0%,#e53935 100%);
    color: #ffffff;
    text-decoration: none;
    margin-right: auto;
    margin-left: auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-weight: bold;
    box-sizing: border-box;
}
.st-minihukidashi {
    font-size: 100%;
    display: inline-block;
    position: relative;
    background: #f3f3f3;
    color: #1a1a1a;
    line-height: 1.4;
    margin-bottom: 20px;
    padding: 10px 20px;
    border-radius: 30px;
    z-index: 2;
}
.st-minihukidashi-arrow {
    content: '';
    position: absolute;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 10px solid #f3f3f3;
    top: 100%;
    left: 40px;
}
.st-minihukidashi-flexbox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.st-mybox {
    position: relative;
    margin: 25px 0;
    padding: 0 20px;
    border: solid 2px #9E9E9E;
    border-radius: 8px;
}
.st-in-mybox {
    padding: 20px 0;
}
.st-step-title {
    position: relative;
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    padding: 10px 10px 10px 65px;
    background: #fff;
    margin-top: 30px;
	border-bottom: solid 2px #90A4AE;
}
.st-step-box {
    position: absolute;
    left: -5px;
    display: block;
	bottom: 15px;
}
.st-step {
    position: relative;
    display: inline-block;
    margin: 0 15px 0 0;
    padding: 5px 7px;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    text-align: center;
    font-size: 13px;
    box-sizing: border-box;
    line-height: 18px;
	color: #FFFFFF;
    background: #90A4AE;
    border-radius: 5px;
}
.st-step-no {
    font-size: 150%;
    font-weight: bold;
}
.st-step:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 13px solid #ccc;
    z-index: 0;
	border-top-color: #90A4AE;
}
.st-slidebox-c {
    border: solid 1px #ccc;
	margin-bottom: 20px;
}
.st-btn-open {
    color: #000;
    cursor: pointer;
    margin-bottom: 0;
}
.st-slidebox {
    padding-top: 10px;
    display: none;
}
.sankou {
    font-size: 100%;
    background-color: #0e3caa;
    border-radius: 3px;
    padding: 5px 5px;
    color: #fff;
    margin: 0 5px;
    white-space: nowrap;
}
.inyoumodoki {
    background-color: #f3f3f3;
    background-image: url(images/quote.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 50px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 20px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #f3f3f3;
}


/* 星評価の共通デザイン */
.star-rating, .comment-star-rating .star-rating {
    display: inline-block;
    font-size: 20px;
    color: #f8a502;
    line-height: 1;
}

.star-rating .star, .comment-star-rating .star-rating .star {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 2px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ddd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>') no-repeat center;
    background-size: contain;
}

.star-rating .star.full, .comment-star-rating .star-rating .star.full {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23f8a502" stroke="%23f8a502" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>') no-repeat center;
    background-size: contain;
}

.star-rating .star.half, .comment-star-rating .star-rating .star.half {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23f8a502" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><defs><clipPath id="half"><rect x="0" y="0" width="12" height="24" /></clipPath></defs><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" clip-path="url(%23half)" fill="%23f8a502"/><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" stroke="%23f8a502"/></svg>') no-repeat center;
    background-size: contain;
}

.star-rating .star.empty, .comment-star-rating .star-rating .star.empty {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ddd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>') no-repeat center;
    background-size: contain;
}

/* コメント投稿フォームの星評価デザイン */
.star-input {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-top: 10px;
}

.star-input input {
    display: none;
}

.star-input label {
    width: 20px;
    height: 20px;
    margin: 0 2px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ddd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>') no-repeat center;
    background-size: contain;
    cursor: pointer;
}

.star-input input:checked ~ label,
.star-input label:hover,
.star-input label:hover ~ label {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23f8a502" stroke="%23f8a502" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>') no-repeat center;
    background-size: contain;
}