.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpp-no-data {
} .wpp-list {
} .wpp-list li {
overflow: hidden;
float: none;
clear: both;
margin-bottom: 1rem;
}
.wpp-list li:last-of-type {
margin-bottom: 0;
} .wpp-list li.current {
} .wpp-thumbnail {
display: inline;
float: left;
margin: 0 1rem 0 0;
border: none;
}
.wpp_def_no_src {
object-fit: contain;
} .wpp-post-title {
} .wpp-excerpt {
} .wpp-meta, .post-stats {
display: block;
font-size: 0.8em;
} .wpp-comments {
} .wpp-views {
} .wpp-author {
} .wpp-date {
} .wpp-category {
} .wpp-rating {
}.c-secTitle{display:block;font-size:4.5vw;margin-bottom:1.5em;position:relative}.c-secTitle:after,.c-secTitle:before{box-sizing:inherit;display:block;height:1px;position:absolute;z-index:0}.post-password-form:not(:first-child){border-top:1px dashed var(--color_border);padding-top:1em}.post-password-form p{margin-bottom:1em}.p-articleMetas{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:.625em;padding:0 1px}.p-articleMetas.-top{margin-top:.75em}.p-articleMetas.-top .p-articleMetas__termList{font-size:11px}.p-articleMetas__termList{align-items:center;display:flex;flex-wrap:wrap;gap:.5em}.p-articleThumb{margin:2em 0;text-align:center;width:100%}.p-articleThumb__youtube{height:0;padding-bottom:56.25%;position:relative}.p-articleThumb__youtube iframe{height:100%;left:0;position:absolute;top:0;width:100%}.p-articleThumb__img{border-radius:var(--swl-radius--8,0);display:block;width:100%}.p-articleThumb__figcaption{font-size:.9em;margin-top:.75em;text-align:center}.p-articleFoot{border-top:1px dashed var(--color_border);margin:2em 0;padding-top:2em}.c-shareBtns{margin:2em 0}.c-shareBtns__message{padding:.25em 0 .75em;text-align:center;width:100%}.c-shareBtns__message .__text{display:inline-block;line-height:1.5;padding:0 1.5em;position:relative}.c-shareBtns__message .__text:after,.c-shareBtns__message .__text:before{background-color:currentcolor;bottom:0;content:"";display:block;height:1.5em;position:absolute;width:1px}.c-shareBtns__message .__text:before{left:0;-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}.c-shareBtns__message .__text:after{right:0;-webkit-transform:rotate(40deg);transform:rotate(40deg)}.c-shareBtns__list{display:flex;justify-content:center}.c-shareBtns__item.-facebook{color:#3b5998}.c-shareBtns__item.-twitter{color:#1da1f2}.c-shareBtns__item.-twitter-x{color:#000}.c-shareBtns__item.-hatebu{color:#00a4de}.c-shareBtns__item.-pocket{color:#ef3f56}.c-shareBtns__item.-pinterest{color:#bb0f23}.c-shareBtns__item.-line{color:#00c300}.c-shareBtns__item.-copy{color:#717475;position:relative}.c-shareBtns:not(.-style-btn-small) .c-shareBtns__item{flex:1}.c-shareBtns__btn{align-items:center;background-color:currentcolor;border-radius:var(--swl-radius--2,0);color:inherit;cursor:pointer;display:flex;justify-content:center;text-align:center;text-decoration:none}.c-shareBtns__icon{--the-icon-size:4.5vw;color:#fff;display:block;font-size:var(--the-icon-size);height:1em;line-height:1;margin:auto;width:1em}.c-shareBtns__icon:before{color:inherit;display:block}.-fix.c-shareBtns{border:none!important;left:8px;margin:0;position:fixed;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px;z-index:99}.-fix.c-shareBtns .c-shareBtns__list{border:none;flex-direction:column;margin:0;padding:0;width:100%}.-fix.c-shareBtns .c-shareBtns__item{flex-basis:100%;margin:4px 0;max-width:100%;padding:0;width:100%}.-fix.c-shareBtns .c-shareBtns__btn{height:30px;padding:0}.-fix.c-shareBtns .c-shareBtns__icon{font-size:16px}.c-urlcopy{display:block;position:relative;width:100%}.c-urlcopy .-copied{opacity:0;position:absolute;top:8px}.c-urlcopy .-to-copy{opacity:1;top:0}.c-urlcopy.-done .-to-copy{opacity:0;top:8px;transition-duration:0s}.c-urlcopy.-done .-copied{opacity:1;top:0;transition-duration:.25s}.c-urlcopy.-done+.c-copyedPoppup{opacity:1;visibility:visible}.c-urlcopy .c-shareBtns__icon{transition:opacity .25s,top .25s}.c-urlcopy__text{display:block}.c-urlcopy__content{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.c-copyedPoppup{bottom:calc(100% + 2px);color:grey;font-size:10px;opacity:0;position:absolute;right:0;text-align:right;transition:opacity .25s,visibility .25s;visibility:hidden;white-space:nowrap}.-fix.c-shareBtns .c-copyedPoppup{bottom:50%;left:100%;right:auto;-webkit-transform:translateX(8px) translateY(50%);transform:translateX(8px) translateY(50%)}.c-big-urlcopy{margin:1em 0}.c-big-urlcopy .c-shareBtns__icon{align-items:center;display:flex;justify-content:center;width:auto}.c-big-urlcopy .c-urlcopy__text{font-size:.8em;margin-left:.75em;padding-top:1px}.c-shareBtns.-style-btn-small.has-big-copybtn{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.c-shareBtns.-style-btn-small .c-big-urlcopy{margin:8px;max-width:100%;width:16em}.p-authorBox{border:1px solid var(--color_border);border-radius:var(--swl-radius--8,0);padding:5vw}.p-authorBox .avatar{border:2px solid var(--color_border);border-radius:50%;height:100px;-o-object-fit:cover;object-fit:cover;width:100px}.p-authorBox__l{margin:0 0 1em;text-align:center}.p-authorBox__r{width:100%}.p-authorBox__name{color:inherit;display:block;font-weight:700;line-height:1.2;margin-top:8px;text-decoration:none}.p-authorBox__position{display:block;font-style:italic;line-height:1.2;margin-top:4px}.p-authorBox__desc{width:100%}.p-authorBox__iconList{margin-top:8px}.p-authorBox__more{padding-top:1em}.p-authorBox__moreLink{border:1px solid var(--color_border);border-radius:var(--swl-radius--4,0);color:inherit;display:block;letter-spacing:var(--swl-letter_spacing,.5px);line-height:3;padding:0 1em;position:relative;text-align:center;text-decoration:none}.p-authorBox__moreLink:after{content:"\e930";font-family:icomoon;margin-left:.25em;position:absolute;right:1em;top:0}@media (min-width:600px){.c-secTitle{font-size:20px}.l-articleBottom__section{margin-top:6em}.c-shareBtns__icon{--the-icon-size:18px}.c-copyedPoppup{font-size:11px;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%)}.p-authorBox{align-content:stretch;display:flex;justify-content:space-between;padding:1.5em}.p-authorBox__l{margin-bottom:0;width:160px}.p-authorBox__r{border-left:1px solid var(--color_border);display:flex;flex-direction:column;padding-left:1.5em;width:calc(100% - 160px - 1.5em)}.p-authorBox__more{margin-top:auto}}@media not all and (min-width:600px){.l-articleBottom__section{margin-top:4em}.p-authorBox{text-align:center}.p-authorBox__iconList{justify-content:center}}@media not all and (min-width:960px){.-fix.c-shareBtns{display:none!important}}.home .c-pageTitle, .home h1 .c-pageTitle__inner { border-bottom: none !important; }
.home h1 .c-pageTitle__inner {
margin-bottom: 1em !important;
font-size: 1.2em;
padding: 0 !important;
}
.home .wp-caption {
margin: auto;
margin-bottom: 2em;
}
#main_content, #nav_menu-2, #text-4, #search-2 {
border-radius: 2px;
padding: 30px;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18);
}
#sidebar a {color: #000;}
#content a:not(#sidebar a, .p-toc a, .areatext a, .c-shareBtns a) {
text-decoration: underline;
}
.widgettitle.popular {
font-size: 16px;
font-weight: 700;
margin-bottom: 1.5em;
overflow: hidden;
position: relative;
}
.widgettitle.popular:before, .widgettitle.popular:after {
box-sizing: inherit;
display: block;
height: 1px;
position: absolute;
z-index: 0;
}
.widgettitle.popular:before {
content: "";
bottom: 0;
left: 0;
width: 40%;
z-index: 1;
background: var(--color_main);
}
.widgettitle.popular:after {
content: "";
bottom: 0;
left: 0;
width: 100%;
background: var(--color_border);
}
strong {font-weight: 700 !important;}
h3 {position: relative;}
h3::before {
position: absolute;
bottom: -3px;
left: 0;
width: 20%;
height: 3px;
content: '';
background: #eb055d;
}
.text-center{text-align:center;}
ul.rank-best5{
margin: 1em 0 1em 0;
border: 4.5px solid #fbd6e4;
padding: 0 7px;
padding: 2px 0px 2px 16px;
}
ul.rank-best5 li{margin: 0;padding:7px 5px;}
ul.rank-best5 li:not(:last-child){border-bottom:dashed #ccc 1px;}
ul.rank-best5 .service-name{font-size:1.3em;color:#eb055d;font-weight:bold;}
.ranktitle {
position: relative;
text-align: center;
font-size: 1.6em;
font-weight: 700;
color: #eb055d;
border-bottom: 3px solid #1a1a1a;
}
.ranktitle::before{
position: absolute;
bottom: -3px;
left: 0;
width: 20%;
height: 3px;
content: '';
background: #eb055d;
}
ul.d-best5{margin:0;padding:0;}
ul.d-best5 li{margin:0 0 4.5em 0;padding:0;}
ul.d-best5 table{width:100%;}
ul.d-best5 table th{background:#F47AA9;width:7.0em;font-weight:bold;color: #ffffff;}
ul.d-best5 table th,ul.d-best5 table td{border-color:#1a1a1a;}
ul.d-best5 table td i{color:#F47AA9;}
ul.d-best5 p.title {
position: relative;
background: #E10559;
color: #fff;
padding: 0.5em;
display: block;
text-align: center;
border: 3px solid #1a1a1a;
font-weight: bold;
font-size: 1.2em;
margin-bottom: 0.7em;
}
ul.d-best5 p.title::before{
content: '';
position: absolute;
width: 0;
height: 0;
left: 20px;
bottom: -15px;
border-top: 15px solid #1a1a1a;
border-right: 15px solid transparent;
border-left: 15px solid transparent;
}
span.btn.jump {
display: block;
border-radius: 50px;
border: 3px solid #D10070;
text-align: center;
padding: 0.7em;
color: #D10070;
font-weight: bold;
font-size: 1.2em;
background: #FBEAF3;
position: relative;
margin-top: 1em;
}
span.btn:hover {
background: #ffffff;
transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
}
ul.d-best5 p.title span{position:relative;display:block;padding-left:36px;}
ul.d-best5 p.title span:before{content:url(https://sfmap.jetboy.jp/mamakatsu/wp-content/themes/swell-child/img/icon_osusume.png);position:absolute;top:50%;left:0;margin-top:-25px;}
ul.d-best5 a.btn,.siteinfo a.btn{
display: block;
border-radius:50px;
border:3px solid #D10070;
text-align:center;
padding:0.7em;
color:#D10070;
font-weight:bold;
font-size:1.2em;
background: #FBEAF3;
position: relative;
}
ul.d-best5 a.btn:hover,.siteinfo a.btn:hover{background:#ffffff;}
ul.d-best5 .s-img,.siteinfo .s-img{text-align: center;}
.d-best5 .btn img {
position: absolute;
left: 0;
top: 0;
width: 40px;
}
@media screen and (max-width: 767px) {
.d-best5 .btn span {display: block;}
} ul.d-best5 li .title{position:relative;}
ul.d-best5 li .title::after{
position:absolute;
top: -41px;
left: -20px;
}
ul.d-best5 li::marker {
content: none;
}
ul.d-best5 li:nth-child(1) .title::after{content:url(https://sfmap.jetboy.jp/mamakatsu/wp-content/uploads/2022/07/icon_rank_1.png) !important;}
ul.d-best5 li:nth-child(2) .title::after{content:url(https://sfmap.jetboy.jp/mamakatsu/wp-content/uploads/2022/07/icon_rank_2.png) !important;}
ul.d-best5 li:nth-child(3) .title::after{content:url(https://sfmap.jetboy.jp/mamakatsu/wp-content/uploads/2022/07/icon_rank_3.png) !important;}
ul.d-best5 li:nth-child(4) .title::after{content:url(https://sfmap.jetboy.jp/mamakatsu/wp-content/uploads/2022/07/icon_rank_4.png) !important;}
ul.rank-best5 a {margin-left: 16px;}
ul.rank-best5 li{position:relative;}
ul.rank-best5 li::before{
margin: -16px 0px 0 -30px;
position: absolute;
transform: scale(0.6);
}
ul.rank-best5 li:nth-child(1)::before {background-color:transparent !important; content:url(https://sfmap.jetboy.jp/mamakatsu/wp-content/uploads/2022/07/icon_rank_1.png) !important;}
ul.rank-best5 li:nth-child(2)::before {background-color:transparent !important; content:url(https://sfmap.jetboy.jp/mamakatsu/wp-content/uploads/2022/07/icon_rank_2.png) !important;}
ul.rank-best5 li:nth-child(3)::before {background-color:transparent !important; content:url(https://sfmap.jetboy.jp/mamakatsu/wp-content/uploads/2022/07/icon_rank_3.png) !important;}
ul.rank-best5 li:nth-child(4)::before {background-color:transparent !important; content:url(https://sfmap.jetboy.jp/mamakatsu/wp-content/uploads/2022/07/icon_rank_4.png) !important;}
.areatext a{
display: inline-block;
padding: 2px 10px;
border-radius: 3px;
color: #eb055d !important;
text-decoration: none;
border: 1px solid #eb055d;
margin: 4px 3px;
width: 24%;
text-align: center;
}
.areatext p{display: flex; flex-wrap: wrap;font-size: 1em;padding-bottom: 0;}
.areatext . p{border-bottom:3px solid #;}
.hokkaido-touhoku, .kantou, .chubu, .kinki, .chugoku, .shikoku, .kyushu {margin-bottom: 1em;}
.cps-post-main a:hover {opacity: 1;}
.areatext a:hover {color: #fff !important;background-color: #eb055d;}
.areatext div {border-bottom: 1px solid #cecece;padding-bottom: 0.5em;}
.areatext-side a {
background-color: #FBEAF3;
margin: 4px;
padding: 3px 8px;
font-size: 1.2em;
border-radius: 3px;
border: 1px solid #fe3b6d;
color: #fe3b6d !important;
display: inline-block;
}
.areatext-side a:hover {
color: #ffffff !important;
background-color: #fe3b6d;
transition: 0s;
}
.areatext-side p {font-size: 1.2em; margin: .5em 0 .2em;}
@media print,screen and (max-width: 1070px) {
.areatext a {width: 32%;}
}
@media print,screen and (max-width: 768px) {
.areatext a {width: 48%;}
.areatext-side a, .areatext-side p {font-size: 1em;}
} .p-breadcrumb__list {
display: inline-block;
}
.p-breadcrumb.-bg-on {
background: none !important;
}
.-body-solid .p-breadcrumb.-bg-on {
box-shadow: unset !important;
}
#breadcrumb ul{margin-top:0;}
#breadcrumbs {
padding: 15px 0 5px 0;
margin: 0 10px 10px 10px;
-webkit-overflow-scrolling: touch;
overflow-x: auto;
overflow-y: hidden;
}
#breadcrumbs::-webkit-scrollbar {height: 5px;}
#breadcrumbs::-webkit-scrollbar-track {border-radius: 5px; background: #eee;}
#breadcrumbs::-webkit-scrollbar-thumb {border-radius: 5px; background: #999;}
#breadcrumbs>span {display: table;}
#breadcrumbs>span>span {
font-size: 12px;
display: table-cell;
white-space: nowrap;
vertical-align: middle;
padding-right: 26px;
position: relative;
}
#breadcrumbs span:last-of-type {padding-right: 0;}
#breadcrumbs span:last-of-type:after {display: none;}
#breadcrumbs span:after {
position: absolute;
display: block;
content: '';
content: ">";
top: 3px;
right: 8px;
}
#breadcrumbs span a:before {
position: absolute;
display: block;
content: '';
width: 100%;
height: 1px;
background-color: #111;
bottom: -7px;
}
#breadcrumbs span:firs-of-type{
background-color: #eee;
border-radius: 4px;
padding: 6px 8px;
}
#breadcrumbs.no-scroll span {display: block;}
#breadcrumbs.no-scroll span {
display: inline-block;
margin-bottom: 12px;
white-space: normal;
}
#breadcrumbs.no-scroll span:after {top: -4px;} .wpp-meta, .post-stats{
display: inline-block !important;
background: #f1f1f1;
color: #eb055d;
border-radius: 20px;
padding: 0 10px;
} .swiper-container3 {
width: 100%;
min-height: 285px;
overflow: hidden !important;
}
.scroll-hint-icon-wrap {z-index: 999;}
.scroll-hint-icon {top: calc(50% - 50px) !important;} @media print,screen and (min-width: 1024px) {
#breadcrumbs span a:before {transform: scaleX(1); transition: transform 0.3s ease;}
#breadcrumbs span a:hover:before {transform: scaleX(0);}
.osusume .swiper-container {height: 300px;}
} .ct {
text-align: center;
display: flex;
justify-content: center;
margin-top: -1em;
margin-bottom: 1em;
}
.ct .raised.accent-bc {
background: #1a1a1a;
display: block;
width: 35%;
text-decoration: none;
line-height: 48px;
font-size: 1.1em;
margin-bottom: 10px;
border-radius: 50px;
}
@media screen and (max-width: 768px) {
.ct .raised.accent-bc {width: 65%;}
}
lite-youtube {margin: auto;margin-bottom: 2em;} .jump {
cursor: pointer;
color: #c10086 !important;
text-decoration-line: underline;
text-decoration-color: #c10086;
}
.related-slide {margin-bottom: 2em;}
.cps-post-main ul li {padding: 0;}
#osusume-sefure {padding: 5px 0;}
#osusume-sefure .sitename {
text-align: center;
text-decoration: underline;
font-size: 21px;
font-weight: bolder;
margin-bottom: 8px;
}
#osusume-sefure li {
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.18);
padding: 1em 0;
border-radius: 5px;
border: 1px solid #c3c3c3;
}
#osusume-sefure li:before {content: none;}
#osusume-sefure .img_jump {
width: 94%;
height: 148px;
display: block;
overflow: hidden;
border: 2px solid #bfac81;
margin: auto;
}
.sitebtn.btn_g.jump {
text-align: center;
font-size: .9rem;
font-weight: 700;
line-height: 0.5;
position: relative;
display: inline-block;
padding: 1rem 3.3rem;
transition: all 0.3s;
color: #fbfcf6 !important;
border-radius: 0.3rem;
border-bottom: 4px solid #a30e43;
background-image: linear-gradient(0deg, rgba(247, 93, 139, 1), rgb(171 0 142));
text-decoration: none;
width: 100%;
}
#osusume-sefure .img_jump img {min-width: 110%;}
#osusume-sefure .img_jump:hover {opacity: .9;}
.sitename a {color: #c10086 !important;}
#osusume-sefure p {
font-size: 14px;
color: #333;
text-align: center;
padding: 1em !important;
}
.text-box {
line-height: 1.6em !important;
height: 30px !important;
display: flex !important;
flex-direction: column;
justify-content: center;
padding: 0.7em 0 1.5em 0 !important;
}
@media screen and (max-width: 767px) {
.swiper-container3 {min-height: 212px;}
#osusume-sefure .sitename {font-size: 18px;text-align: center;}
#osusume-sefure .img_jump {
height: 10.5em;
}
.osusume-btn {padding: 0;}
.osusume-btn img {width: 28px;margin-top: 10px;}
.sitebtn.btn_g.jump,
#osusume-sefure a.sitebtn.btn_g.jump {
font-size: 0.9rem;
padding: 1rem 0;
width: 96%;
letter-spacing: 0;
border-bottom: 3px solid #a30e43;
}
#osusume-sefure a.sitebtn.btn_g.jump:before {
right: 8px;
width: 12px;
height: 12px;
}
.sitebtn.btn_g.jump:before {
right: 8px;
width: 12px;
height: 12px;
}
.sitebtn.btn_g.jump:after {
right: 12px;
width: 3px;
height: 3px;
}
.text-box {
font-size: 16px !important;
text-align: center !important;
height: 34px !important;
line-height: 1.6em !important;
}
#osusume-sefure li {padding: .5em 0;}
#osusume-sefure .img_jump img {max-width: 120%;}
}
@media screen and (max-width: 320px){
#osusume-sefure .sitename {font-size: 10px;}
#osusume-sefure p {
height: 35px;
font-size: 13px;
width: 100%;
line-height: 131%;
position: relative;
top: -5px;
margin-bottom: 18px;
margin-left: 0px;
}
} .p-profileBox {box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18);}
.p-profileBox__bg {
background: #ffffff;
height: 82px;
width: 100%;
display: block;
}
picture.p-profileBox__iconImg img {margin: auto;}
.p-profileBox__bg+.p-profileBox__icon {margin-top: -60px;}
.p-profileBox__icon {margin: 1em 0 0;text-align: center;}
.p-profileBox__name {
font-size: 1.3rem;
font-weight: 700;
padding-top: .5em;
text-align: center;
}
.p-profileBox__job {
font-size: 12px;
padding: 0 1em;
text-align: center;
opacity: .8;
}
.p-profileBox__text {
font-size: 14px;
padding: 1em 3em;
font-weight: 400;
}
[class*=is-style-btn_] {
--the-fz: 1em;
--the-width: auto;
--the-min-width: 64%;
--the-padding: .75em 1.5em;
--the-btn-color: var(--color_main);
--the-btn-color2: var(--color_main);
--the-btn-bg: var(--the-btn-color);
display: block;
font-size: var(--the-fz);
margin: 0 auto 2em;
position: relative;
text-align: center;
}
.p-profileBox .p-profileBox__btn {margin: 1em auto .5em;}
.is-style-btn_normal a {
font-weight: 700;
transition: box-shadow .25s;
color: #fff !important;
}
[class*=is-style-btn_] a {
border-radius: 50px;
display: inline-block;
line-height: 1.5;
margin: 0;
padding: 0.7em 4em;
position: relative;
background: #ff3c6e !important;
}
[class*=is-style-btn_] a:hover {opacity: .9;}
.profile-logo img {
padding: 0.3em 1em;
margin: auto;
display: block;
margin-bottom: 1em;
background: #1a1a1a;
}
.sharebox {
display: flex;
text-align: center;
margin-top: 1em;
flex-wrap: nowrap;
}
.share_td {
background: #ffeff7;
border: 1px solid #e10559;
border-radius: 5px;
font-size: 0.7em;
margin: 0 2px;
padding: 6px 2px;
width: calc(100% / 3);
}
.share_td img {
display: block;
margin: 0 auto;
height: 30px;
}
@media screen and (max-width: 767px) {
.sharebox {flex-wrap: wrap;}
.share_td {font-size: 9px;
letter-spacing: 0;
width: 48%;
margin: 0 3px 3px 3px;
}
} .ffb_in, .ffb_ex {
padding: .9em 1em !important;
}
.ffb_ex {
font-size: .9em !important;
} .faq h3 {
border-bottom: none;
margin-top: 0;
margin-bottom: 0;
font-size: 100%;
font-weight: bold;
padding: 0;
display: inline-block;
}
.faq h3:before {
display: none;
}
dl.faq dt:before {
content: 'Q';
background: #1a1a1a;
display: inline-block;
padding: 2px 1px 0px;
border-radius: 50%;
width: 27px;
height: 27px;
text-align: center;
color: #f47aa9;
margin-right: 5px;
margin-left: -2.0em;
padding-left: 2px;
}
dl.faq dd:before {
content: 'A';
display: inline-block;
padding: 0;
border-radius: 50%;
border: 1px solid #f47aa9;
width: 27px;
height: 27px;
text-align: center;
color: #f47aa9;
margin-right: 5px;
margin-left: -2.0em;
font-weight: bold;
padding-left: 2px;
}
dl.faq dt {
color: #1a1a1a;
font-weight: bold;
margin-bottom: 7px;
padding-left: 2em;
}
dl.faq dd {
padding-left: 2.0em;
margin-bottom: 16px;
}