/*
Template: colorful-theme-premium
Theme Name: LPtemp_Colorful_child
Theme URI: https://lptemp.com
Description: カラフルの子テーマです。
Version: 1.0
Author: Seiya Eto
Author URI: https://pocowan.com/
*/

.colorful-formbox input[type^="email"] ,
.colorful-formbox input[type^="tel"] {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 55px;
    padding: 0 calc(55px * 0.35);
    margin: 0 0 calc(55px * 0.4);
    border-radius: 3px;
    border: 1px solid #c1c1c1;
    background-color: #fff;
    box-shadow: none;
    font-size: 17px;
    transition: all;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    outline: 0;
    line-height: normal
}

.colorful-formbox textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 55px;
    padding: calc(55px * 0.25) calc(55px * 0.35);
    margin: 0 0 calc(55px * 0.4);
    border-radius: 3px;
    border: 1px solid #c1c1c1;
    background-color: #fff;
    box-shadow: none;
    font-size: 17px;
    transition: all;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    outline: 0;
    line-height: normal
}

.colorful-formbox input[type^="email"]:hover ,
.colorful-formbox input[type^="tel"]:hover ,
.colorful-formbox textarea:hover {
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15)
}

.colorful-formbox input[type^="email"]:focus ,
.colorful-formbox input[type^="tel"]:focus ,
.colorful-formbox textarea:focus {
    border: 1px solid #c1c1c1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    background-color: #fff;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15)
}

.colorful-formbox input[type^="email"]::placeholder ,
.colorful-formbox input[type^="tel"]::placeholder ,
.colorful-formbox textarea::placeholder {
    position: relative;
    color: #aaa
}

.colorful-formbox input[type^="email"]:focus::placeholder ,
.colorful-formbox input[type^="tel"]:focus::placeholder ,
.colorful-formbox textarea:focus::placeholder {
    color: #eee
}

.form-modern input[type^="email"] ,
.form-modern input[type^="tel"] ,
.form-modern textarea {
    border-radius: 0;
    border: 0 none;
    border-bottom: 3px solid;
    -webkit-border-image: -webkit-gradient(linear, left top, right top, from(#007DD9), to(#0012EB));
    -webkit-border-image: -webkit-linear-gradient(left, #007DD9 0%, #0012EB 100%);
    -o-border-image: -o-linear-gradient(left, #007DD9 0%, #0012EB 100%);
    border-image: -webkit-gradient(linear, left top, right top, from(#007DD9), to(#0012EB));
    border-image: linear-gradient(to right, #007DD9 0%, #0012EB 100%);
    border-image-slice: 1
}

.form-modern input[type^="email"]:focus ,
.form-modern input[type^="tel"]:focus ,
.form-modern textarea:focus {
    border-bottom-width: 5px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2)
}

.form-modern.form-a1 input[type^="email"],
.form-modern.form-a1 input[type^="tel"],
.form-modern.form-a1 textarea{
    -webkit-border-image: -webkit-gradient(linear, left top, right top, from(#007DD9), to(#0012EB));
    -webkit-border-image: -webkit-linear-gradient(left, #007DD9 0%, #0012EB 100%);
    -o-border-image: -o-linear-gradient(left, #007DD9 0%, #0012EB 100%);
    border-image: -webkit-gradient(linear, left top, right top, from(#007DD9), to(#0012EB));
    border-image: linear-gradient(to right, #007DD9 0%, #0012EB 100%);
    border-image-slice: 1
}

.wpcf7-not-valid-tip{
    margin: -22px 0 22px;
    padding: 0 calc(55px * 0.35);
}

#header.widget-template{padding: 0.8em;}
#header .widget-area{padding: 0;}
#header .widget-area .widget{margin-bottom: 0;}
#header .widget-area .widget .wp-block-image{margin-bottom: 0;}

.grecaptcha-badge{z-index: 9999;}