@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
/* RESET */
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td, figure{
margin:0;
padding:0;
border:0;
font-weight:normal;
font-size:100%;
vertical-align:baseline;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
article, header, footer, aside, figure, figcaption, nav, section{
display:block;
}
body{
line-height:1;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
ol, ul{
list-style:none;
list-style-type:none;
}
*:focus{
outline:none !important;
box-shadow:none !important;
}

/* BASIC */
*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
font-size:62.5%;
overflow-x:hidden;
}

body{
background:#fff;
font-size:1.4rem;
line-height:1.8;
color:#333;
font-family: Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;
}

strong{
font-size:1.6rem;
}

#allcontents{
margin:3rem auto 7rem;
}

#allcontents section{
display:block;
width:100%;
max-width:100%;
padding:0;
margin:0 auto 7rem;
}

#allcontents p{
padding:0 0 1.6rem;
margin:0;
}

img{
padding:0;
margin:0;
}
a img{
transition:1s;
}
a img:hover{
opacity:.5;
}

.col-md-6{
margin-bottom:2rem;
}

/* LINK */
a{
color:#dd4893;
transition:.5s;
}
a:hover{
color:#333;
}
a, a:hover{
text-decoration:none;
}

.plinkbtn a{
padding:1rem 1.4rem;
color: #fff;
background-color: #ef848c;
border:1px solid #ef848c;
border-radius: 3px;
}
.plinkbtn a:hover{
color: #ef848c;
background-color: #fff;
}

.allpinkbtn a{
padding:.7rem 1.2rem;
color: #fff;
background-color: #ef848c;
border:1px solid #ef848c;
border-radius: 3px;
transition: all .3s;
}
.allpinkbtn a:hover{
color: #ef848c;
background-color: #fff;
}

.allpinkbtn02, .allbluebtn02, .allgreenbtn02{
margin-bottom:1.2rem;
}
.allpinkbtn02 a{
display:inline-block;
padding:.7rem 1.2rem;
color: #f48cbd;
border:1px solid #f48cbd;
background-color: #fff;
border-radius: 3px;
transition: all .3s;
width:100%;
max-width:100%;
text-align:center;
}
.allpinkbtn02 a:hover{
color: #fff;
background-color: #f48cbd;
}
.allbluebtn02 a{
display:inline-block;
padding:.7rem 1.2rem;
color: #3675BB;
border:1px solid #3675BB;
background-color: #fff;
border-radius: 3px;
transition: all .3s;
width:100%;
max-width:100%;
text-align:center;
}
.allbluebtn02 a:hover{
color: #fff;
background-color: #3675BB;
}
.allgreenbtn02 a{
display:inline-block;
padding:.7rem 1.2rem;
color: #38be38;
border:1px solid #38be38;
background-color: #fff;
border-radius: 3px;
transition: all .3s;
width:100%;
max-width:100%;
text-align:center;
}
.allgreenbtn02 a:hover{
color: #fff;
background-color: #38be38;
}

.catelistlink ul{
display:flex;
margin:0 0 1.6rem;
}

.catelistlink li a{
border:1px solid #000;
color:#000;
border-radius:3px;
padding:.3rem .7rem;
text-align:center;
transition: all .3s;
font-size:1.2rem;
margin-right:1.2rem;
}
.catelistlink li a:hover{
background:#f1f0f0;
color:#000;
}

.linkblue a{
background:#3675BB !important;
padding:1em;
text-align:center;
color:#fff !important;
border-radius:3px;
}
.linkblue a::after{
content:'\F135';
font-family: bootstrap-icons;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight:bold;
padding-left:.3rem;
font-size:1.8rem;
position:relative;
top:.3rem;
}

.linkblue a:hover{
text-decoration:none;
color:#fff !important;
background:#6fb8e6 !important;
opacity:1;
}


.linkpink a{
background:#ed8ed6 !important;
padding:1em;
text-align:center;
color:#fff !important;
border-radius:3px;
}
.linkpink a::after{
content:'\F135';
font-family: bootstrap-icons;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight:bold;
padding-left:.3rem;
font-size:1.8rem;
position:relative;
top:.3rem;
}
.linkpink a:hover{
text-decoration:none;
color:#fff !important;
background:#f0a2dd !important;
opacity:1;
}

.linkgreen a{
background:#38be38 !important;
padding:1em;
text-align:center;
color:#fff !important;
border-radius:3px;
}
.linkgreen a::after{
content:'\F135';
font-family: bootstrap-icons;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight:bold;
padding-left:.3rem;
font-size:1.8rem;
position:relative;
top:.3rem;
}
.linkgreen a:hover{
text-decoration:none;
color:#fff !important;
background:#58ca58 !important;
opacity:1;
}

.linkblue, .linkpink, .linkgreen{
display:block;
margin:2rem 0;
}

/* CONTACT PAGE */
img.bsls{
display:block;
max-width:70%;
margin:0 auto;
text-align:center;
}
.card-title{
text-align:center;
padding:0 0 .3em;
margin:0 auto .5em;
border-bottom:1px dotted #000;
font-size:1.2em;
}
p.card-text{
text-align:center;
padding:0;
margin:0;
}

/* ARCHIVE */
.archive-event_mask .col-md-4, .archive-event_mask .col-md-6{
margin-bottom: 2rem;
}
.archive-event_mask figure{
background-color: #fff;
border: 1px solid #eaeaea;
position: relative;
overflow: hidden;
}
.archive-event_mask figcaption .topblogttl{
padding:1.2rem;
font-size: 1.6rem;
line-height:1.8;
}
.archive-event_mask figcaption p{
padding:0 1.2rem;
text-align: justify;
}
.plinkbtn.pull-right{
padding: 1.2em;
}
.plinkbtn.pull-right a{
padding: .25rem .75rem;
color: #fff;
background-color: #ef848c;
border:1px solid #ef848c;
border-radius: 3px;
position: absolute;
right: 1rem;
bottom: 1rem;
}
.plinkbtn.pull-right a:hover{
color: #ef848c;
background-color: #fff;
}
.archive-event_mask .mask{
max-height: 200px;
overflow: hidden;
}
.archive-event_mask .mask img{
transition: .3s;
}
.archive-event_mask .mask img:hover{
transform: scale(1.2) rotate(-5deg);
}
body.home .catelistlink{
font-size:1rem;
}

.archex{
padding-bottom:4.6rem !important;
}
.allcatelists{
position:relative;
}
.allcatelists .plinkbtn{
position:absolute;
bottom:0;
right:1.2rem;
}
.allcatelists figcaption{
padding:0 1.2rem;
}

/* SINGLE */
.todaysrec{
margin-top:-5rem !important;
}

/* CONTACT */
.formsec table{
margin:0 auto 3rem;
}

span.hissu{
display:inline-block;
font-size:1rem;
color:#fff;
text-align:center;
background:#ef848c;
padding:0 .5rem;
margin-left:1rem;
}

.formsec{
padding:2rem;
}
.formsec th{
padding:1.4rem 1rem;
vertical-align:top;
white-space:nowrap;
color:#333;
}
.formsec input{
width:60%;
max-width:80rem;
padding:1rem;
border:1px solid #333;
overflow-x:hidden !important;
}
.formsec textarea{
width:90%;
height:20rem;
max-width:100%;
padding:1rem;
border:1px solid #333;
}
.formsec input:focus, .formsec textarea:focus, .formsec select:focus{
background:rgba(239,132,140,.1);
box-shadow:none;
}
.radio_btn label{
margin-top:.7rem;
}
.radio_btn input[type=radio].radio_btn_item{
display:none;
}
.radio_btn label{
display:inline-block;
line-height:2;
}
.radio_btn .radio_btn_item + span{
padding-left:30px;
display:inline-block;
position:relative;
}
.radio_btn .radio_btn_item + span::after,
.radio_btn .radio_btn_item + span::before{
border-radius:50%;
content:'';
display:block;
position:absolute;
}
.radio_btn .radio_btn_item + span::before{
border:1px solid #333;
left:0;
top:.5rem;
height:20px;
width:20px;
}
.radio_btn .radio_btn_item + span::after{
background:#ef848c;
height:12px;
left:4px;
opacity:0;
top:9px;
width:12px;
}
.radio_btn .radio_btn_item:checked + span::after{
opacity:1;
}

.formsec select{
padding:1.2rem 2rem;
border-radius:0;
background:#fff;
border:1px solid #333;
cursor:pointer;
}

.sbmbtn{
margin:0 auto;
text-align:center;
}
.checkers{
margin:0 auto 3rem;
text-align:center;
}
.formsec input[type=checkbox]{
display:none;
}
.formsec .checkbox label{
display:inline-block;
width:20px;
height:20px;
}
.formsec .checkbox + span{
padding-left:1.2rem;
display:inline-block;
position:relative;
}
.formsec .checkbox + span::after,
.formsec .checkbox + span::before{
content:'';
display:block;
position:absolute;
border:1px solid #333;
background:transparent;
width:20px;
height:20px;
top:.3rem;
left:-1.4rem;
}
.formsec .checkbox + span::after{
opacity:0;
width:7px;
height:12px;
transform:rotate(45deg);
left:-8px;
top:5px;
border:none;
border-right:2px solid #ef848c;
border-bottom:2px solid #ef848c;
}
.formsec .checkbox:checked + span{
color:#333;
}
.formsec .checkbox:checked + span::after{
opacity:1;
}
.formsec .itemcheck{
padding:2rem 1.4rem;
}

.formsec input[type="submit"]{
display:inline-block;
width:12rem;
border:0;
padding:.7rem 1rem;
cursor:pointer;
color:#fff;
border:1px solid #ef848c;
background:#ef848c;
overflow:hidden;
margin:0 auto;
text-align:center;
}
.formsec input[type="submit"]:hover ,input[type="submit"].backto:hover{
background:#fff;
color:#ef848c;
border:1px solid #ef848c;
transition:.5s;
}

.backtoform{
display:block;
margin-bottom:1.4rem !important;
}

.mw_wp_form_confirm .confirm-hidden{
display:none;
} 

.consubmit{
text-align:center;
margin:0 auto;
}

.mw_wp_form_confirm{
border:1px solid #333;
padding:1.2rem;
}
.mw_wp_form_confirm .itemcheck{
padding:0 !important;
}

.thanksbox{
border:1px dashed #f48cbd;
background:rgba(244,140,189,.1);
padding:1.4rem 1.4rem 0;
}
.thanksbox h2{
color:#f48cbd;
border-bottom:1px dotted #f48cbd;
font-size:1.8rem;
padding:0 1.2rem .4rem;
margin-bottom:1.4rem;
}

p.doui{
white-space:nowrap;
}


/* PARTNER */
.allisec .col-sm-6{
margin-bottom:1.4rem;
}
.allisec .listinner{
border:1px solid #777;
padding:1.4rem;
}
.allisec h3.clttls{
font-size:1.6rem;
padding:0 1.2rem .5rem;
border-bottom:3px solid #3d6bb7;
margin:0 auto 1.2rem;
}
.allisec h4{
font-size:1.4rem;
text-align:right;
padding:0;
margin:0 0 1.2rem;
}
.allisec p{
padding:0;
margin:0;
}
.allisec p.cltu{
margin-top:1em;
}
.maplinks a{
background:rgba(221,72,147,1);
color:#fff;
padding:.2em .5em;
text-align:center;
border-radius:2px;
font-size:1rem;
margin-left:.5em;
}
.maplinks a:hover{
background:rgba(221,72,147,.6);
color:#fff;
}

.listtextsec i{
color:#3d6bb7;
padding-right:.4em;
}
.listurl{
display:block;
font-size:.9em;
}
.listtextsec a{
color:#000;
}
.listtextsec a:hover{
color:#3d6bb7;
}

.allikoumoku{
margin-bottom:1em;
max-width:100%;
word-break: break-word;
}
.allikoumoku li{
float:left;
border-radius:3px;
padding:.3em .5em;
text-align:center;
margin:0 .5em .5em 0;
font-size:1rem;
background:#bcd6e8;
color:#3d6bb7;
}





/* PAGENATION */
.bottompagenation .pagination{
justify-content:center;
}
.bottompagenation .pagination li.page-item{
margin:0 0.6rem;
}
.bottompagenation .pagination li.page-item a, .bottompagenation .pagination li.page-item .dots{
display:table-cell;
vertical-align:middle;
width:50px;
height:50px;
text-align:center;
position:relative;
border:1px solid rgba(244,140,189,.5);
background-color:#fff;
border-radius:0;
color:#f48cbd;
}
.bottompagenation .pagination .page-item .page-link.current{
display:table-cell;
vertical-align:middle;
text-align:center;
position:relative;
background-color:rgba(244,140,189,.5);
width:50px;
height:50px;
border-radius:0;
border:1px solid rgba(244,140,189,.5);
color:#fff;
}
.bottompagenation .pagination li.page-item a:hover{
background-color:#f48cbd;
border:1px solid #f48cbd;
color:#fff;
}

/* HEAD */
header#wrapper-navbar{
margin-top:2.4rem;
z-index:1000;
position:relative;
}
.conbtn01{
background:rgba(193,233,252,.2);
padding:.3rem 1.2rem;
border-radius:3px;
}
.conbtn01 span{
display:block;
text-align:center;
}
span.ht01, span.ht03{
font-size:1.2rem;
color:#18508f;
}
span.ht02{
font-family:'Arial black', sans-serif !important;
font-size:2.4rem;
}
.conbtn01 a{
color:#18508f;
}
.conbtn01 a:hover{
color:#0285b7;
}

.conbtn02{
text-align:center;
background:rgba(221,72,147,.7);
border-radius:3px;
padding:.3rem 1.2rem;
margin-left:1.2rem;
}
.conbtn02 a, .resultbtn a, .conbtn03 a{
color:#fff;
}
.conbtn02 i, .resultbtn i, .conbtn03 i{
font-size:2.2rem;
padding-top:1rem;
}
.conbtn02:hover{
background:#dd4893;
}
.resultbtn, .conbtn03{
text-align:center;
color:#fff;
background:rgba(2,133,183,.7);
border-radius:3px;
padding:.3rem 1.2rem;
margin-left:1.2rem;
}
.resultbtn:hover, .conbtn03:hover{
background:#0285b7;
}
.conbtn02 span, .resultbtn span, .conbtn03 span{
display:block;
font-size:1rem;
color:#fff;
}
.mainheder .col-md-9{
padding-right:4rem;
}

@media screen and (max-width: 767px) {
img.mainlogo{
margin-left:1.8rem;
}
.conbtn01, .conbtn02, .resultbtn, .conbtn03{
display:block;
width:94%;
max-width:94%;
margin:0 auto 1.2rem;
}
.mainheder .col-md-9{
padding-right:.8rem;
}
}


/* TOP SLIDE */
.keyimg{
display:block;
margin:0 auto 2rem;
z-index:0;
text-align:center;
}
.mainslider img{
margin:0 auto;
padding:1.6rem;
}

/* MAIN NAVI */
.mainheder{
box-shadow:0 32px 30px -30px rgba(53, 47, 47, 0.15);
z-index:1000;
padding-bottom:1.6rem;
}
.navbar-toggler{
width:70px;
height:70px;
border:none;
color:#333;
position:absolute;
right:-5rem;
top:-8rem;
}

.navbar-toggler-icon{
position:relative;
cursor:pointer;
width:50px;
height:50px;
border-radius:3px;
border:1px solid #333;
background:none;
}
.navbar-toggler-icon span{
display:inline-block;
transition:all .4s;
position:absolute;
left:12px;
height:1px;
background:#333;
width:50%;
}
.navbar-toggler-icon span:nth-of-type(1){
top:15px; 
}
.navbar-toggler-icon span:nth-of-type(2){
top:23px;
}
.navbar-toggler-icon span:nth-of-type(3){
top:31px;
}
.navbar-toggler-icon.active span:nth-of-type(1){
top:18px;
left:15px;
transform:translateY(6px) rotate(-45deg);
width:40%;
}
.navbar-toggler-icon.active span:nth-of-type(2){
opacity:0;
}
.navbar-toggler-icon.active span:nth-of-type(3){
top:30px;
left:15px;
transform:translateY(-6px) rotate(45deg);
width:40%;
}
.navbar-toggler-icon span:nth-of-type(3)::after, .navbar-toggler-icon.active span:nth-of-type(3)::after{
content:'MENU';
text-align:center;
font-size:.8rem;
color:#333;
}

nav#main-nav{
background:#fff !important;
font-size:1.6rem;
}
nav#main-nav ul{
padding:7rem 1.6rem 0;
}
nav#main-nav li{
border-bottom:1px dotted #333;
padding:.7rem .7rem .3rem;
display:block;
}

nav#main-nav li a{
color:#333;
}
nav#main-nav a:hover{
color:#18508f;
}
li.menu-item{
line-height:1.4;
letter-spacing:.1rem;
}
li.menu-item ul{
background:transparent;
border:none;
padding:3.6rem 0 0 !important;
font-size:1.4rem;
border-radius:3px;
margin-bottom:1.4rem;
}
@-moz-document url-prefix(){
li.menu-item ul{
padding:0 !important;
}
}
li.menu-item ul li{
border:none !important;
}
li.menu-item ul li a::before{
content:'\F231';
font-family: bootstrap-icons;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
padding-right:.3em;
font-weight:bold;
}
li.menu-item ul li a:hover{
color:#dd4893 !important;
background:none;
}

li.navtellink{
border-bottom:none !important;
}

@media screen and (max-width: 767px) {
.navbar-toggler{
right:-1rem;
top:-43rem;
}
.offcanvas{
max-width:80%;
}
nav#main-nav ul{
margin-top:0 !important;
margin-left:0;
margin-top:-4rem !important;
}
li.menu-item ul{
margin-top:2rem !important;
}
li.spshoplink{
border:none !important;
margin-bottom:2rem;
background:rgba(221,72,147,.7);
border-radius:3px;
line-height:1;
padding:.8rem 2rem !important;
}
li.spshoplink a{
color:#fff !important;
}
}

/* BREAD */
.breadcrumbs{
display:block;
margin:2.4rem 0 0;
font-size:1.1rem;
color:#000;
}
.breadcrumbs a{
color:#333;
}
.breadcrumbs a:hover{
opacity:.5;
}

/* FOOTER */
#wrapper-footer{
background:rgba(193,233,252,.2);
text-align:center;
margin-bottom:0;
font-size:1.2rem;
}
.site-footer li{
margin-right:1rem;
}

.site-footer li a:before{
content:'\F231';
font-family: bootstrap-icons;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
padding-right:.3em;
font-weight:bold;
}
.site-footer li a{
color:#000;
}
.site-footer li a:hover{
color:#dd4893;
}

.site-footer img{
display:block;
max-width:60%;
margin:1.6rem auto;
}

.fcopy{
font-size:1rem;
}

@media screen and (max-width: 767px) {
#wrapper-footer .col-sm-2 img.img-fluid{
display:block;
margin:1.5em auto;
max-width:50% !important;
}
.fnav li{
padding:0 1.2em 1.2em;
}
.fcopyr{
text-align:center;
}
}

/* SIDE */
.widget-title{
display:block;
border-bottom:1px solid #000;
padding:0 .7rem 1.2rem;
margin:0 auto 1.6rem;
color:#000;
font-size:1.6rem;
}
#right-sidebar aside{
display:block;
margin:0 auto 3rem;
}

.sbttls a, .sbloglink li a, .acomp li a, .sbsoudan li a, .forthem li a, .sidehowtomenu li a{
color:#000;
}
.sbttls a:hover, .sbloglink li a:hover, .acomp li a:hover, .sbsoudan li a:hover, .forthem li a:hover, .sidehowtomenu li a:hover{
color:#999;
}
.sbloglink li, .acomp li, .sbsoudan li, .forthem li, .sidehowtomenu li{
border-bottom:1px dotted #ccc;
padding:0 .7rem .5rem;
margin:0 auto .7rem;
} 
.sbloglink{
margin-bottom:3rem;
}
.sbloglink li a::before{
content:'\F444';
font-family: bootstrap-icons;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight:bold;
padding-right:.7rem;
}
.acomp li a::before{
content:'\F379';
font-family: bootstrap-icons;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight:bold;
padding-right:.7rem;
}
.sbsoudan li a::before{
content:'\F268';
font-family: bootstrap-icons;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight:bold;
padding-right:.7rem;
}
.forthem li a::before{
content:'\F431';
font-family: bootstrap-icons;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight:bold;
padding-right:.7rem;
}
.sidehowtomenu li a::before{
content:'\F224';
font-family: bootstrap-icons;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight:bold;
padding-right:.7rem;
}

@media screen and (max-width: 767px) {
.col-md-3.widget-area{
max-width:92%;
margin:3rem auto 0;
}
}


/* SERCH FORM */
#searchform {
position: relative;
}
.searchfield {
font-size: 14px;
width: 100%;
margin:0 auto 2em;
padding:.5em;
border: solid 1px #000;
border-radius:0;
}
#searchsubmit{
font-family: FontAwesome;
font-size:1.8rem;
position: absolute;
top: 0;
right: 4%;
margin-top:.3rem;
padding: 0;
cursor: pointer;
color: #000;	
border: none;
background: transparent;
}
#searchsubmit:hover {
opacity: .6;	
}
input[type="text"],
textarea {
outline: none;
-webkit-transition: all .3s;
transition: all .3s;
}
input[type="text"]:focus,
textarea:focus {
box-shadow: 0 0 7px #ddd;
border: 1px solid #000;
color:#000;
}

.input-group{
margin-bottom:-4rem;
}

/* H tags */
h1.pagetitle, .bluettl{
clear:both;
display:block;
padding:1.2rem;
background: #3675BB;
font-size:2.1rem;
margin:0 auto 4rem;
color:#fff;
border-radius:3px;
}
h1.pagetitle span, .bluettl span{
border-left: 5px solid #fff;
color: #fff;
padding-left: .7rem;
}

.ttl01{
font-weight:normal;
font-size:2rem;
color:#1e53ab;
background:rgba(188,214,232,.5);
border:1px solid #1e53ab;
padding:1.2rem;
margin:0 auto 3rem;
}
.kitpoints{
font-size:2rem;
text-align:right;
padding:0;
margin:0 .5em 2em 0;
}
.ttl02{
display:block;
position: relative;
padding-bottom:.5rem;
border-bottom: 4px solid #bcd6e8;
margin:0 auto 3rem;
font-size:1.8rem;
font-weight:normal;
}
.ttl02 span{
padding:0 1em;
font-size:1.2em;
margin-left:-1.5em !important;
}
.ttl02::after{
position: absolute;
content: " ";
border-bottom: solid 4px #3d6bb7;
bottom: -4px;
width:20%;
display: block;
}
.kitlistsn .ttl02{
font-size:1.1rem;
}

.ttl03{
font-size:1.8rem !important;
border-bottom:1px dotted #ccc;
padding:0 1em .3em;
margin:0 auto 1em;
}

.ttl04{
text-align:center;
margin:0 auto 1.5em;
font-size:1.5em;
padding:.5em;
background:rgba(142,215,244,.5);
border-radius:3px;
}

h3.inbox{
margin-bottom:1.4rem;
font-size:1.8rem;
}

h2.pagetitlesn{
clear:both;
display:block;
padding:.5em;
background: #3675BB;
font-size:2rem;
margin:0 auto 1.2rem;
}
h2.pagetitlesn span{
border-left: 5px solid #fff;
color: #fff;
padding-left: 0.5em;
}

h2.allpages, h1.allpages{
display:block;
padding:.5em;
background: #3675BB;
font-size:1.3rem;
margin:0 auto 2em;
}
h2.allpages span, h1.allpages span{
border-left: 5px solid #fff;
color: #fff;
padding-left: 0.5em;
}

h4.bluecheck, h4.pinkcheck{
font-size:1.2em;
font-weight:bold;
}

h4.auaccess{
font-size:1.2em;
border-bottom:1px dotted #000;
padding:0 0 .3em;
}

.pinkttl{
border:none;
background:#ef848c;
padding:1rem 1.4rem;
border-radius:3px;
color:#fff;
margin-bottom:2rem;
font-size:2.4rem;
}
.mainpage04{
margin-bottom:10rem;
}

.constyle02{
display:block;
max-width:100%;
border-bottom:1px solid #000;
padding:0 1em .3em;
margin:0 auto 1.5em;
font-size:1.3em;
}

.malestyle{
display:block;
max-width:100%;
border:1px solid #3675BB;
padding:1rem 1.2rem;
margin:0 auto 1.8rem;
font-size:1.8rem;
color:#3675BB;
}
.malestyle::before{
content:"\F643";
font-family: bootstrap-icons;
font-size:1.8rem;
line-height:1;
color:#3675BB;
margin-right:.3rem;
position:relative;
top:.3rem;
}

.femalestyle{
display:block;
max-width:100%;
border:1px solid #fb72b9;
padding:1rem 1.2rem;
margin:0 auto 1.8rem;
font-size:1.8rem;
color:#fb72b9;
}
.femalestyle::before{
content:"\F642";
font-family: bootstrap-icons;
font-size:1.8rem;
line-height:1;
color:#fb72b9;
margin-right:.3rem;
position:relative;
top:.3rem;
}

.greenstyle{
display:block;
max-width:100%;
border:1px solid #38be38;
padding:1em;
margin:0 auto 1.5em;
font-size:1.2em;
color:#38be38;
}
.greenstyle::before{
content:"\F641";
font-family: bootstrap-icons;
font-size:1.5em;
line-height:1;
color:#38be38;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight: bold;
}


@media screen and (max-width: 767px) {
.pinkttl{
font-size:1.8rem !important;
}
}

/* BOX */
.forfepink{
background:rgba(221,72,147,.1);
border-radius:3px;
padding:1.4rem;
}

.formeblue{
background:rgba(193,233,252,.3);
border-radius:3px;
padding:1.4rem;
}

.formegreen{
background:rgba(56,190,56,.1);
border-radius:3px;
padding:1.4rem;
}

.noticelines{
display:block;
margin:2em auto 3.5em;
padding:1.4rem;
border-top:1px solid #000;
border-bottom:1px solid #000;
}

.bboderbox{
border:1px solid #333;
padding:1.4rem;
border-radius:3px;
}

/* LIST */
ol.futurenum{
counter-reset:number; 
list-style-type: none  !important; 
padding:0 !important;
margin:0  0 1.5em !important;
}
ol.futurenum li{
border-bottom: dashed 1px orange;
position: relative;
padding: 0.5em 0.5em 0.5em 30px;
line-height: 1.5em;
}
ol.futurenum li:before{
position: absolute;
counter-increment: number;
content: counter(number);
display:inline-block;
background: #ffb107;
color: white;
font-family: 'Avenir','Arial Black','Arial',sans-serif;
font-weight:bold;
font-size: 15px;
border-radius: 50%;
left: 0;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

/* OTHER TITLE */
.constyle01{
display:block;
max-width:100%;
border-bottom:2px dotted #3675BB;
padding:0 1em .3em;
margin:0 auto 1.5em;
font-size:1.3em;
color:#3675BB;
}
.constyle02{
display:block;
max-width:100%;
border-bottom:1px solid #000;
padding:0 1em .3em;
margin:0 auto 1.5em;
font-size:1.3em;
}
.constyle03{
display:block;
max-width:100%;
border-bottom:2px dotted #3675BB;
padding:0 1em .3em;
margin:5em auto 1.5em;
font-size:1.3em;
color:#3675BB;
}

/* STAFF */
.signs{
text-align:center;
padding:0 0 2em;
margin:-1.5em auto 0;
font-weight:bold;
font-size:1.2em;
}
.signs span{
display:block;
font-size:.6em;
font-weight:normal;
}
.katagaki li {
text-indent: -1.5em;
padding:0 0 .5em 1.5em;
}
.katagaki li::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f19d";
padding-right:.5em;
}

.dottedtable{
margin:2.5em auto;
width:90%;
max-width:90%;
}
.dottedtable.minusmar{
margin-top:0;
}
.dottedtable th, .dottedtable td{
border-bottom:1px dotted #000;
padding: .7em 1em;
margin:0 auto;
}

.introduces .row{
margin-bottom:7em !important;
}

@media screen and (max-width: 767px) {
.dottedtable{
table-layout:fixed;
width:100%;
max-width:100%;
}
.dottedtable th, .dottedtable td{
display:block;
width:100%;
max-width:100%;
}
.dottedtable th{
border:none;
padding-bottom:0;
font-weight:700;
}
.introduces img{
max-width:70% !important;
}
}

/* TABLE */
table.commontable{
border-collapse: separate;
border-spacing: 0px 5px;
margin: 0 auto;
width:96%;
max-width:96%;
}
table.commontable th{
font-weight:normal;
vertical-align:top;
padding:1.4rem .7rem;
}
table.commontable td{
background:rgba(193,233,252,.2);
padding:1.24rem;
}
@media screen and (max-width: 768px) {
table.commontable{
table-layout:fixed;
margin-top:-2em;
}
table.commontable th, table.commontable td{
display:block;
}
}

/* CHECK */
.bluecheck{
line-height:2.8;
margin-bottom:1em;
padding:0 .5em .3em;
box-shadow: 0px -6px 5px -5px #b2d1f2 inset,0px 8px 4px -8px #b2d1f2;
}
.bluecheck::before{
content:'\F633';
font-family: bootstrap-icons;
color:#3675BB;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight:bold;
padding-right:.5em;
}

.pinkcheck{
line-height:2.8;
margin-bottom:1em;
padding:0 .5em .3em;
box-shadow: 0px -6px 5px -5px #fac1df inset,0px 8px 4px -8px #fac1df;
}
.pinkcheck::before{
content:'\F633';
font-family: bootstrap-icons;
color:#fb72b9;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight:bold;
padding-right:.5em;
}

.greencheck{
line-height:2.8;
padding:0 .5em .3em;
box-shadow: 0px -6px 5px -5px #38be38 inset,0px 8px 4px -8px #38be38;
}
.greencheck::before{
content:'\F633';
font-family: bootstrap-icons;
color:#38be38;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight:bold;
padding-right:.5em;
}




/* TIMING */
.timingboxes .row.tinners{
border-radius:3px;
margin:4rem auto;
border:1px solid #000;
padding:1.2rem; 
}
.timingboxes .row.tinners h4{
font-size:1.3em;
padding:0 0 .3em;
border-bottom:1px dotted #000;
margin:0 auto 1.5em;
}

.timing_list{
margin-bottom:2rem;
}
.timing_list .list-inline-item{
margin:0 1rem 0 0 !important;
}

.timing_list .list-inline-item a{
border:1px solid #000;
border-radius:3px;
padding:.5em .7em;
text-align:center;
color:#000;
}
.timing_list .list-inline-item a:hover{
color:#fff;
background:#3d6bb7;
}

.timing_list .list-inline-item a::after{
content:'\F135';
font-family: bootstrap-icons;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight:bold;
padding-left:.4rem;
font-size:2rem;
position:relative;
top:.5rem;
}

@media screen and (max-width: 767px) {
.timingboxes .row.tinners{
padding:1em 0 0;
}
.timing_list{
margin-bottom:2.2em;
}
.timing_list .list-inline-item{
display:block; 
margin:0 0 1.2rem !important;
}
}


/* HOME */
.topinfo{
background:#f2f2f3;
padding:3rem 0;
}
.topinfo .col-md-12{
border:1px solid #999;
background:#fff;
padding:1.8rem;
max-width:100%;
overflow:hidden;
}
.topinfo .col-md-12 p{
padding:0;
margin:0;
}
.topinfo h3{
font-size:1.8rem;
line-height:1.8;
border-bottom:1px dotted #ccc;
padding:0 .7rem .3rem;
margin-bottom:2rem;
}

.topttls{
font-size:2.4rem;
display: flex;
align-items: center;
margin:0 auto 2rem;
}
.topttls:before, .topttls:after {
content: "";
flex-grow: 1;
border-top: 1px solid #000;
display: block;
}
.topttls:before {
margin-right: .7rem;
}
.topttls:after {
margin-left: .7rem;
}
.topttls.inners{
font-size:1.8rem;
}

.mainpage03 .card{
border:none;
}
.mainpage03 .card-footer{
border:none;
background:none;
margin-top:-1rem;
}

.topcirlceimg img{
display:block;
width:80%;
max-width:80%;
padding:0;
margin:0 auto;
border:4px solid #ccc;
border-radius:50%;
box-sizing:border-box;
}
.mainpage03 h3{
text-align:center;
font-size:1.6rem;
padding:.7rem 1.2rem;
color:#ef848c;
box-shadow: 0px -6px 5px -5px #ef848c inset,0px 8px 4px -8px #ef848c;
margin:0 auto 1.6rem;
}
.mainpage03 .allpinkbtn a{
display:block;
text-align:center;
}
.examinelist h3{
text-align:center;
font-size:2rem;
margin:1.2rem auto 2rem;
padding:0 1.2rem .3rem;
border-bottom:1px dotted #333;
}
i.females, .bi-gender-female{
color:#fb72b9;
}
i.males, .bi-gender-male{
color:#3675BB;
}
i.othex, .bi-gender-ambiguous{
color:#38be38;
}
.linkbtn01 a{
display:block;
text-align:center;
border:1px solid #000;
padding:.7rem 1.2rem;
margin:1.2rem auto 2rem;
color:#000;
border-radius:3px;
transition:.5s;
}
.linkbtn01 a:hover{
background:#f4f4f5;
color:#000;
}

.females i{
color:#fb72b9;
}
.males i{
color:#3675BB;
}
section.homelast{
margin-top:-4rem !important;
}

/* FAQ */
.cp_qa{
overflow-x:hidden;
margin:0 auto;
}
.cp_qa .cp_actab{
padding:0 0 2rem;
border-bottom:1px dotted #333;
}
.cp_qa label.allfaqs{
font-size:1.6rem;
position:relative;
display:block;
width:100%;
max-width:100%;
margin:0;
padding:10px 10px 0 48px;
cursor:pointer;
}
.cp_qa label:hover{
color:#fb72b9;
}

.cp_qa .cp_actab-content{
font-size:1.4rem;
position:relative;
overflow:hidden;
height:0;
margin:0 auto;
padding:0;
-webkit-transition:0.4s ease;
transition:0.4s ease;
opacity:0;
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content{
height:auto;
padding:1.4rem;
opacity:1;
}
.cp_qa .cp_plus{
font-size:2.4rem;
line-height:1;
position:absolute;
z-index:5;
margin:1.2rem .7rem 0 10px;
-webkit-transition:0.2s ease;
transition:0.2s ease;
color:#fff;
border-radius:50%;
background:#fb72b9;
width:2.8rem;
height:2.8rem;
text-align:center;
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_plus{
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.cp_qa .cp_actab input[type=checkbox]{
display:none;
}

.faqlinks .col-md-4 a{
display:inline-block;
border:1px solid #333;
padding:.7rem 1.4rem;
width:100%;
margin-bottom:1.6rem;
}
.faqlinks .col-md-4 a:hover{
background:#333;
color:#fff;
}

/* FLOW */
.cbp_tmtimeline {
margin: 0 auto 3em;
padding: 0;
list-style: none;
position: relative;
} 

/* The line */
.cbp_tmtimeline:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 10px;
background: #bcd6e8;
left:2%;
}

/* The date/time */
.cbp_tmtimeline > li {
position: relative;
}

.cbp_tmtimeline > li .cbp_tmtime {
display: block;
width: 25%;
padding-right: 100px;
position: absolute;
}

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
margin: 0 0 1.5em 10%;
background:rgba(193,233,252,.5);
padding: 1.5em;
position: relative;
border-radius: 3px;
}

.cbp_tmtimeline > li .cbp_tmlabel h3 { 
margin:0 0 1.2em;
font-size:1.4em;
padding: 0 0 .3em 0;
border-bottom: 1px solid #000;
}

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
right: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color:rgba(193,233,252,.5);
border-width: 10px;
top: 10px;
}


/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
width: 40px;
height: 40px;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size: 1.4em;
line-height: 40px;
-webkit-font-smoothing: antialiased;
position: absolute;
color: #fff;
background: #3d6bb7;
border-radius: 50%;
box-shadow: 0 0 0 8px #bcd6e8;
text-align: center;
left: 0;
top: 0;
margin: 0;
}

@media screen and (max-width: 767px) {
.cbp_tmtimeline:before {
display:none;
}

.cbp_tmtimeline > li .cbp_tmlabel {
width:100%;
max-width:100%;
margin:2em 0 2.5em;
padding: 1.2em;
}

.cbp_tmtimeline > li .cbp_tmlabel:after {
right: auto;
left: 20px;
border-right-color: transparent;
border-bottom-color:rgba(193,233,252,.5);
top: -20px;
}

.cbp_tmtimeline > li .cbp_tmicon {
position: relative;
left: .5em;
margin:0 0 1em;
}
.cbp_tmtimeline > li .cbp_tmlabel h3 { 
font-size:1.2em;
}
}

/* kit list */
.mainlitlist, .kitlistsn{
display:block;
max-width:100%;
margin:0 auto 3em;
}

.kitlinksnn a{
display:block;
margin:2em 0 0;
background:#3675BB;
padding:.5em 1em;
text-align:center;
border-radius:3px;
color:#fff;
}
.kitlinksnn a:hover{
text-decoration:none;
color:#fff;
background:#6fb8e6;
}
.listkitno span{
display:block;
padding:.5em 1em;
border:1px solid #000;
border-radius:3px;
font-size:1.2em;
text-align:center;
}

.phonebanner{
display:block;
max-width:100%;
margin:3em auto;
}

.kitlistsn{
display:block;
margin:3em auto;
padding:0;
width:100%;
max-width:100%;
}

.kitlistsn .row{
width:100%;
max-width:100%;
margin:2em auto;
padding:0;
}


/* EXAMINE */
.mt02{
margin-top:2em;
}
.examines p, section p{
margin-bottom:2em;
}

.femalelinklist li a{
float:left;
background:#ed8ed6;
padding:.7rem 1.2rem;
text-align:center;
color:#fff;
border-radius:3px;
margin:0 1rem 1rem 0;
}
.femalelinklist li a::after, .malelinklist li a::after, .othlinklist li a::after, .sailinklist li a::after{
content:'\F135';
font-family: bootstrap-icons;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight:bold;
padding-left:.5em;
}

.femalelinklist li a:hover{
text-decoration:none;
color:#fff;
background:#f0a2dd;
}

.malelinklist li a{
float:left;
background:#5dc9e0;
padding:.7rem 1.2rem;
text-align:center;
color:#fff;
border-radius:3px;
margin:0 1rem 1rem 0;
}

.malelinklist li a:hover{
text-decoration:none;
color:#fff;
background:#7fdaed;
}

.othlinklist li a{
float:left;
background:#38be38;
padding:.7rem 1.2rem;
text-align:center;
color:#fff;
border-radius:3px;
margin:0 1rem 1rem 0;
}

.othlinklist li a:hover{
text-decoration:none;
color:#fff;
background:#58ca58;
}

.sailinklist li a{
float:left;
background:#ffc233;
padding:.7rem 1.2rem;
text-align:center;
color:#fff;
border-radius:3px;
margin:0 1rem 1rem 0;
}

.sailinklist li a:hover{
text-decoration:none;
color:#fff;
background:#ffcc54;
}

.examinelist h3{
text-align:center;
font-size:1rem;
}
i.females{
color:#fb72b9;
}
i.males{
color:#3675BB;
}
i.othex{
color:#38be38;
}
.linkbtn01 a{
display:block;
text-align:center;
border:1px solid #000;
padding:.7em 1em;
margin:1.5em auto 3em;
color:#000;
border-radius:3px;
}
.linkbtn01 a:hover{
background:#f4f4f5;
color:#000;
}
.examinemenus.timingboxes{
margin-top:-2em;
}

.examinemenus .row.tinners h3{
font-size:1.3em;
padding:0 0 .3em;
border-bottom:1px dotted #000;
margin:0 auto 1.5em;
}
.examinemenus .row.tinners a:hover{
background:#f1f0f0;
color:#000;
}

.tms{
display:block;
margin-top:-1.5em;
}


/* TEST KITS */
.testkit_intro h3 {
position: relative;
padding: 1em;
text-align: center;
border: 1px solid rgba(221,72,147,.7) !important;
background: #fef9fb;
font-size:1.2em;
margin:1.5em auto;
}
.testkit_intro h3:before,
.testkit_intro h3:after {
position: absolute;
content: '';
}
.testkit_intro h3:before {
top: -40px;
left: calc(50% - 40px);
width: 80px;
height: 80px;
border: 1px solid rgba(221,72,147,.7);
border-radius: 50%;
background: #fef9fb;
}

.testkit_intro h3:after {
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fef9fb;
}
.testkit_intro h3 i {
font-size: 30px;
font-size: 2rem;
line-height: 60px;
position: absolute;
z-index: 1;
top: -44px;
left: calc(50% - 40px);
width: 80px;
height: 60px;
text-align: center;
font-style:normal;
color:#dd4893;
}
.testkit_intro h3 span {
position: relative;
z-index: 1;
text-align:center;
}
.stepimg{
display:block;
margin:0 auto 2rem;
}

/*show kits */
.suitkits{
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-pack:justify;
-moz-box-pack:justify;
-webkit-flex-pack:justify;
-moz-flex-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
justify-content: flex-start;
flex-wrap:wrap;
}
.recokit{
width: calc(100% / 3.2);
border:1px solid #ccc;
padding:1em;
margin: 0 calc(10px / 2) .7em;
}
.recolink{
margin:.7em auto 0;
}
.recolink a{
color:#000;
}
.recolink a:hover{
text-decoration:none;
opacity:.7;
}
.recokit img{
display:block;
width:100%;
max-width:100%;
text-align:center;
margin:0 auto 1.2em;
}

/* kit list */
.mainlitlist, .kitlistsn{
display:block;
max-width:100%;
margin:0 auto 3em;
}

.kitlinksnn a{
display:block;
margin:2em 0 0;
background:#3675BB;
padding:.5em 1em;
text-align:center;
border-radius:3px;
color:#fff;
}
.kitlinksnn a:hover{
text-decoration:none;
color:#fff;
background:#6fb8e6;
}
.listkitno span{
display:block;
padding:.5em 1em;
border:1px solid #000;
border-radius:3px;
font-size:1.2em;
text-align:center;
}

.phonebanner{
display:block;
max-width:100%;
margin:3em auto;
}

.kitlistsn{
display:block;
margin:3em auto;
padding:0;
width:100%;
max-width:100%;
}

.kitlistsn .row{
width:100%;
max-width:100%;
margin:2em auto;
padding:0;
}
@media screen and (max-width: 767px) {
.suitkits{
float:none;
display:block;
width:100%;
max-width:100%;
}
.recokit{
display:block;
width:70%;
max-width:70%;
margin:0 auto 1.5em;
}
}

/* 目次 */
#ez-toc-container, #examokuji{
display:block;
width:90%;
max-width:100%;
padding:1.2em;
margin:2em auto 4em !important;
background:rgba(193,233,252,.2) !important;
border:1px solid #0285b7;
border-radius:3px;
}
p.ez-toc-title{
border-bottom:2px dotted #0285b7 !important;
padding:0 .5em .3em !important;
}
ul.ez-toc-list{
margin-top:1.5em !important;
}
ul.ez-toc-list li{
line-height:2em !important;
}
ol.ez-toc-list{
list-style-type:decimal !important;
}
ul.ez-toc-list li a:hover{
text-decoration:none !important;
color:#3675BB !important;
}
ul.ez-toc-list li a::after, ul.exalists li a::after{
content: "\f0a9";
font-family: FontAwesome;
padding-left:.3em;
}
ul.exalists{
list-style-type:decimal !important;
margin-left:1.4rem;
}
ul.exalists a{
color:#333;
font-size:1.6rem;
}
ul.exalists a:hover{
color:#3675BB;
}
@media screen and (max-width: 767px) {
ul.exalists a{
font-size:1.4rem;
}
ul.exalists li a::after{
content:'';
}
}

/* ブログタイトル追加 */
h4.circlesn, h4.circlesn02, h4.circlesn03,  h4.circlesn04{
margin: 0 0 1.4em; 
font-size:  1.2em; 
position:  relative; 
font-weight:  normal; 
display:block;
padding-top: 16px; 
padding-left: 20px; 
padding-bottom: 20px; 
}
h4.circlesn:before {
content:  '';
background-color:rgba(188,214,232,.5);
display:  block;
position:  absolute;
left:  0; 
height: 50px;
width: 50px; 
border-radius:  50%;
top: 0;
z-index:  -1; 
}

h4.circlesn02:before {
content:  '';
background-color:rgba(239,132,140,.2);
display:  block;
position:  absolute;
left:  0; 
height: 50px;
width: 50px; 
border-radius:  50%;
top: 0;
z-index:  -1; 
}
h4.circlesn03:before {
content:  '';
background-color:#fdf3d7;
display:  block;
position:  absolute;
left:  0; 
height: 50px;
width: 50px; 
border-radius:  50%;
top: 0;
z-index:  -1; 
}
h4.circlesn04:before {
content:  '';
background-color:#e2fae4;
display:  block;
position:  absolute;
left:  0; 
height: 50px;
width: 50px; 
border-radius:  50%;
top: 0;
z-index:  -1; 
}
h4.dotsh4{
display:block;
max-width:100%;
border-bottom:2px dotted #bcd6e8;
padding:0 1em .3em;
margin:0 auto 1.5em;
font-size:1.4em;
color:#3675BB;
}

/* PAGES */
.doctorsinfo dt{
text-align:center;
padding:0 0 .3em;
margin:0 auto 1.5em;
border-bottom:1px dotted #000;
}
.doctorsinfo dd span{
padding-left:1em;
}

.babox{
display:block;
width:100%;
padding:0;
margin:3em auto;
background:#faf8f9;
}
.babox h2{
font-weight:bold;
font-size:1.3em;
padding:1.5em 1.2em .5em;
}
.babox p{
padding:0 1.4rem !important;
}

.row.reasons{
margin-bottom:3em !important;
}

.row.reasons h4, .fuzoku02 h4{
font-size:1.3em;
padding:0 0 .3em;
border-bottom:dotted 1px #000;
line-height:1.8;
margin-bottom:1em;
}

.forcons h3{
font-weight:bold;
font-size:1.5em;
}

.boxtel{
text-align:center;
font-size:2.5em;
}
.boxtel span{
display:block;
font-size:.4em;
}
.boxtel a{
color:#000;
}
.boxtel a:hover{
color:#dd4893;
}

.otherbtn a{
display:block;
color:#fff;
background:rgba(221,72,147,.7);
padding:.5em;
margin:0 auto;
border-radius:3px;
text-align:center;
font-size:1.2em;
}
.otherbtn a:hover{
background:rgba(2,133,183,.7);
}

.fozoku04 ul{
margin:0 1em;
}

.proofs{
margin-top:4em;
}

.proof01 .rightdates{
text-align:right;
margin:2em 1em;
}
.proof01 span{
display:inline-block;
margin-left:1.5em;
}
.proof01 span a{
background:rgba(221,72,147,.7);
color:#fff;
border-radius:3px;
padding:.5em;
}
.proof01 span a:hover{
background:rgba(2,133,183,.7);
}

.fordoctor .container{
counter-reset:num;
}
.fordoctor .nunberttl{
counter-increment:num;
position:relative;
margin:0 auto 1.5em;
padding-left:60px;
font-weight: bold;
font-size:1.2em;
line-height: 50px;
border: 1px solid #777;
color: #777;
}
.fordoctor .nunberttl:before{
content: counter(num);
position: absolute;
left: 0px;
width: 50px;
height: 50px;
text-align: center;
color: #fff;
line-height:50px;
background:#777;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.fordoctor .nunberttl{
padding:.5em;
line-height:1.7;
}
.fordoctor .nunberttl:before{
display:none;
}
}

.jireis h3{
font-size:1.5em;
padding:0 .5em .3em;
border-bottom:1px dotted #dd4893;
}
.jireis h4{
text-align:right;
font-size:1.3em;
margin-bottom:2em;
}

/* ABOUT */
.aboutpost{
display:block;
margin:2em auto 0;
padding:1.5em 1.5em .5em;
border:1px solid #000;
border-radius:3px;
}

.aboutpost li::before{
content:'\F633';
font-family: bootstrap-icons;
padding-right:.3em;
color:#fb72b9;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight:bold;
}
.aboutpost li{
line-height:1.8;
margin-bottom:1em;
padding:0 .5em .3em;
box-shadow: 0px -6px 5px -5px #fac1df inset,0px 8px 4px -8px #fac1df;
}
.aboutpost ul{
margin-bottom:2.5em;
}

/* HOW TO */
.howtopdf{
display:block;
margin-bottom:5rem;
margin-right:1.2rem;
}

.howtosec_detail .row{
border:1px solid #000;
border-radius:3px;
margin:0 auto 3em;
padding:1.5em 1.5em 0;
}
.howtosec_detail .row img{
padding-bottom:4em !important;
}
.howto01 ul{
padding:1.4rem 1.2rem 0;
}
.howto01 li{
list-style:square !important;
padding:0 0 1.2rem;
}

.iconlist{
list-style:square !important;
margin-left:2rem;
}

@media screen and (max-width: 767px) {
.howtosec_detail .row img{
padding-bottom:2em !important;
}
}

.howttlsn{
font-size:1.5em;
}
.howttlsn i{
font-size:1.6em;
padding-right:.3em;
}

.w3eden a{
background:#cc0000 !important;
float:right;
margin-right:1em;
}
.w3eden a:hover{
background:#fd9720 !important;
}

.w3eden a::before{
content:'\f1c1';
font-family: "Font Awesome 5 Free";
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight:bold;
padding-right:.5em;
}

.howtosec01 li{
margin-left:1em;
list-style: square;
}

/* 監修 */
.kansyusec{
margin:5rem auto;
}
.whoiskbox{
border:1px solid #ccc;
padding:1.2rem 1.2rem 0;
}
.whoiskbox h3{
font-size:1.5rem;
margin-bottom:1.6rem;
}
.kface{
padding-right:2rem;
}
.kface img{
max-width:100px;
}
.toukoudate{
margin:-1em 0 2em;
text-align:right;
font-size:1.2rem;
}
@media screen and (max-width: 767px) {
.kansyusec{
margin:5rem auto 0 !important;
max-width:90%;
}
.kface, .kdet{
display:block;
width:100%;
}
.kface img{
display:block;
text-align:center;
margin:0 auto !important;
padding-left:1.4rem;
max-width:40% !important;
}
}

/* SEARCH */
.searchresults h2 a{
color:#333;
}


/* SP */
@media screen and (max-width:767px){
/* basic */
body{
font-size:1.4rem;
}
#allcontents{
margin:0 auto 5rem;
max-width:96%;
}

#allcontents section{
margin:0 auto 5rem;
}
.col-md-4, .col-md-3, .col-md-6{
margin-bottom:2rem;
}

#allcontents img{
display:block;
max-width:92%;
margin:0 auto 1.2rem;
text-align:center;
}

.list-group-horizontal{
font-size:1.1rem;
padding-left:1.4rem;
}

/* title */
h1,h2,h3{
font-size:1.8rem !important;
}

/* bread */
.breadcrumbs{
margin:2.4rem 0 1.2rem;
font-size:.9rem;
}

/* home */
.topinfo .col-md-12{
max-width:90% !important;
margin:0 auto;
}
section.homelast{
margin-top:-2rem !important;
}

/* faq */
.cp_qa label.allfaqs, .cp_qa .cp_actab-content{
font-size:1.4rem;
}
.cp_qa .cp_plus{
font-size:2rem;
width:2.4rem;
height:2.4rem;
}
.cp_qa label.allfaqs{
font-size:1.4rem;
width:84%;
max-width:84%;
}

.faqlinks .col-md-4 a{
margin-bottom:0;
}

/* pagenation */
.bottompagenation .pagination li.page-item a, .bottompagenation .pagination li.page-item .dots{
width:30px;
height:30px;
}
.bottompagenation .pagination .page-item .page-link.current{
width:30px;
height:30px;
}
/* std */
.timings.timingboxes img, .tinners img{
max-width:60% !important;
margin:0 auto;
}
/* form */
.contable{
margin-left:-2rem;
}
.formsec th, .formsec td{
display:block;
width:100%;
max-width:100%;
}
.formsec th{
border-bottom:1px dotted #ef848c;
padding:1.2rem 1.2rem .4rem;
margin-bottom:1.2rem;
font-weight:700;
}
.formsec th span{
font-weight:normal;
}
.formsec input, .formsec textarea{
width:94%;
margin-right:auto;
}
.radio_btn label{
margin-left:1rem;
display:block;
margin-bottom:-2rem;
}
td.radio_btn{
margin-bottom:2rem;
}
/* pages */
.babox img{
display:inline-block;
float:right;
}
.babox p{
padding-bottom:2rem !important;
}
.reasons img{
max-width:70% !important;
}
.reasons h4{
font-size:1.6rem !important;
}
.allisec h3{
font-size:1.6rem !important;
}
}

/* CELL */
.goodlist{
position:relative;
}
.goodlist li{
border-left: solid 6px #f9cdc9;
background: #fff2f1;
margin-bottom:.7rem;
line-height: 1.5;
padding:1.2rem;
}
.pinklines{
margin-bottom:1em;
padding:0 .5em .3em;
box-shadow: 0px -6px 5px -5px #fac1df inset,0px 8px 4px -8px #fac1df;
}
.cellsec01 li{
margin-right:1.4rem;
}
.kitlinks{
margin-left:-.6rem;
}
.kitlinks li a{
display:inline-block;
border:1px solid #f9cdc9;
padding:.7rem 1.2rem;
margin-bottom:1.2rem;
color:#333;
margin-left:.8rem;
}
.kitlinks li a:hover{
background:#f9cdc9;
color:#fff;
}
@media screen and (max-width: 767px) {
.goodlist{
margin-bottom:2.6rem;
}
.cellsec01 ul{
text-align:right;
}
.cellsec01 li{
margin-right:0;
margin-bottom:2rem;
}
}

/* BANNER */
.campaign-banner {
background:rgba(242,227,236,.3);
padding: 2rem;
margin-bottom: 2rem;
border: 2px solid #dd4893 !important;
}

.campaign-banner h2 {
margin-bottom: 2rem;
text-align:center;
font-weight:bold;
font-size:2rem;
}

.campaign-banner .cta-button {
background-color:#dd4893;
color: #fff;
padding: 1rem 1.5rem;
border-radius: 25px;
text-decoration: none;
font-size:1.6rem;
transition: background-color 0.3s ease;
}

.campaign-banner .cta-button:hover {
background-color:rgba(221,72,147,.7);
}
.cta-button {
background-color:#dd4893;
color: #ffffff;
padding: 0.8rem 1.5rem;
border-radius: 25px;
text-decoration: none;
font-size: 1rem;
transition: background-color 0.3s ease, transform 0.2s ease;
}
.cta-button:hover {
background-color:rgba(221,72,147,.7);
transform: translateY(-3px);
}
.campaign-banner .campaign-period {
margin-top: 1rem;
font-weight: bold;
}

.omatomenotice{
margin-top:2rem;
margin-left:1.5em;
}
.omatomenotice li{
list-style: none;
position: relative;
&:before {
position: absolute;
left:-1.5em;
font-family: bootstrap-icons;
content: "\F56D";
color: #e83e8c;
}
}