@charset "UTF-8";

body{
    font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    color:#1a1a1a;
    letter-spacing: 0.05em;
    font-size:16px;
    font-weight: 400;
    background-color:#fbfbfb;
    background-image: url("../images/bg_left_pink.png"),url("../images/bg_right_pink.png");
    background-repeat: no-repeat,no-repeat;
    background-position: 0 -30%,100% 130%;
    background-attachment: fixed,fixed;
}

/*Googleアイコン*/
.material-icons,
.material-icons-round{
    font-size: inherit;
    vertical-align:middle;
}

img[src$=".svg"] {
    width: 100%;
}

a img{
    opacity: 1.0;
    transition: all 0.3s ease 0s;
}

a img:hover{
    opacity: 0.8;
}

a{
    color:#1a1a1a;
    transition: all 0.2s ease 0s;
    text-decoration: underline;
}

a:hover{
    color:rgba(26, 26, 26, 0.9);
    text-decoration:underline;
}

a.tel-link[href*="tel:"] {
    pointer-events: auto;
    cursor: pointer;
    color:#1a1a1a;
}

.f-90{
    font-size: 90%;
}
.f-95{
    font-size: 95%;
}
.f-80 {
    font-size: 80%;
}
.spt05 {
    margin-top: 5px;
}
.tr {
    text-align: right;
}
.red {
    color: #dd2c2c;
}
.txud {
    text-decoration:underline;
}

/*———————————
header
———————————*/
header{
}
header .f-name{
    font-weight: 700;
    font-size: 1.2rem;
}


/*———————————
midashi
———————————*/
h1{
    font-weight: 700;
    font-size: 1.0rem;
    background-color:#ff7474;
    padding:10px;
    border-radius: 5px;
    color:#fff;
}
h2{
    font-weight: 700;
    font-size: 1.0rem;
    border-bottom:1px solid #1a1a1a;
    padding-bottom:8px;
}

#menu h1,
#menu h1{
    background:none;
    text-align: center;
    padding:0;
    color:#1a1a1a;
    font-size: 1.3rem;
}


/*———————————
box
———————————*/
.box-white{
    background-color: #fff;
    border-radius: 5px;
    border:1px solid #e5e5e5;
}
.box-pink{
    background-color: #ffd8d2;
    border-radius: 5px;
    border:1px solid #f0b0a6;
}

/*———————————
list
———————————*/
ul.list-type-1{
    list-style-type: disc;
}
ul.list-type-2{
    list-style-type: none;
}


/*———————————
btn
———————————*/
.btn-type-1{
    display: block;
    background-color:#5c74a5;
    color: #fff;
    border:none;
    padding:10px;
    width:100%!important;
    font-weight: 700;
    text-decoration: none;
    border-radius: 50px;
    text-align: center;
}
.btn-type-1:hover,
.btn-type-1:active,
.btn-type-1:focus{
    text-decoration: none;
    color: #fff;
}

.btn-type-2{
    display: block;
    background-color:#fff;
    border:none;
    padding:10px;
    width:100%!important;
    font-weight: 700;
    text-decoration: none;
    border-radius: 50px;
    text-align: center;
    border: 1px solid #cbcbcb;
}
.btn-type-2:hover,
.btn-type-2:active,
.btn-type-2:focus{
    text-decoration: none;
}


/*———————————
table
———————————*/
table.ta-type-1 tr th{
    background-color:#efefef;
}
table.ta-type-1 tr th,
table.ta-type-1 tr td{
    border:1px solid #c4c4c4;
}

/*———————————
menu-list
———————————*/
.menu-list-1 a{
    border:1px solid #c4c4c4;
    color: #1a1a1a;
    text-decoration: none;
    font-weight: 700;
}
.menu-list-1 a:hover,
.menu-list-1 a:active,
.menu-list-1 a:focus{
    background-color:#5c74a5;
    color:#fff;
}

.menu-list-2 .card,
.menu-list-2 .card-header{
    background-color:#fff;
}
.menu-list-2 .card-header a{
    background-color:#fff;
    color: #1a1a1a;
    text-decoration: none;
    font-weight: 700;
}
.menu-list-2 .card-body{
    background-color:#faf9f9;
}

.menu-list-2 .card{
    border:1px solid #c4c4c4;
}


/*———————————
login
———————————*/
#login .f-icon{
    font-size: 1.5rem;
    color:#ff7474;
}
#login h1{
    background:none;
    text-align: center;
    padding:0;
    color:#1a1a1a;
    font-size: 1.3rem;
}


/*———————————
mail-btn
———————————*/
#mail-btn a.btn-type-mail{
    border-radius: 5px!important;
}

/*———————————
mail-box
———————————*/
.privacy-box{
    height: 200px;
    overflow-y: scroll;
    background-color:#faf9f9;
    border:1px solid #ddd;
    padding:20px;
    font-size: 0.9rem;
    line-height: 1.8;
}
ul.list-type-mail{
    list-style-type: none;
}

.list-privacy{
    list-style: none;
}

/*———————————
h-info
———————————*/
#h-info{
    border-top:1px solid #ddd;
}
#h-info p,
#h-info a{
    color:#4e4e4e;
}


/*———————————
form
———————————*/
.form-control,
.custom-select{
    border: 1px solid #818181;
}


/*———————————
step
———————————*/
ul.stepbar{
    list-style-type: none;
    padding-left:0;
    background-color:#fff;
    padding:10px 15px;
    border-radius: 5px;
}
ul.stepbar li{
    display: inline-block;
    margin-right:10px;
    color:#717171;
}
ul.stepbar li::after{
    font-family: 'Material Icons Round';
    content: "\ea50";
    vertical-align: middle;
    padding-left:10px;
}
ul.stepbar li:last-child::after{
    content: none;
}
ul.stepbar li.current{
    font-weight: 700;
    color:#f35c5e;
}

/*———————————
datepick
———————————*/
table.ta-type-datepick{
    width: 100%;
}
table.ta-type-datepick th,
table.ta-type-datepick td{
    text-align: center;
    padding:0;
    vertical-align: top;
    border:1px solid #b1b1b1;
}
table.ta-type-datepick th{
    background-color:#ededed;
}
table.ta-type-datepick td{
    background-color: #fff;
}
table.ta-type-datepick th.Sat{
    background-color:#d8e5ff;
    color: #3877ed;
}
table.ta-type-datepick th.Sun{
    background-color: #f7cbcb;
    color: #de5b5b;
}
table.ta-type-datepick td.Sat{
    background-color:#e8f0ff;
}
table.ta-type-datepick td.Sun{
    background-color: #fcdfdf;
}

table.ta-type-datepick td p{
    margin-bottom:0;
}

.calendar-title{
    font-size: 20px;
}



/*———————————
Media Queries
———————————*/
/*タブレット*/
@media (min-width: 768px) {
    table.ta-type-datepick th,
    table.ta-type-datepick td{
        padding:5px;
    }
    .time{
        width:10%;
    }
    .week th{
        width:6.42%;
    }
}
/*PC*/
@media (min-width: 1024px) {
    header .f-name{
        font-size: 1.5rem;
    }
    #login .login-inner h1{
        font-size: 1.5rem;
    }
    a.tel-link[href*="tel:"] {
        pointer-events:none;
        cursor:auto;
        text-decoration: none;
    }
}

/*———————————
footer
———————————*/
footer {
    padding: 5em 0 0.5em 0;
}