/*
Theme Name: Astra Child
Template: astra
*/


/* ------------------------ 親テーマ（astra）上書きcss ------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
*{
   font-family: "Noto Sans JP", "Roboto", sans-serif;
   box-sizing: border-box;
}
html{
   /* 主フォント: Noto Sans JP, sans-serif
      副フォント: Roboto, sans-serif */

   font-style: normal;
   letter-spacing: 1.1px;
}

:root{
    --mainColor: #3490dc;
    --mainDeepColor: #005cbd;
    --textColor: #333333;
    --subTextColor: #555555;
    --subTextColor2: #777;
    --backgroundColor: #f4f7f9;
    --boxShadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }

.site-title a {
    font-size: 1.15rem !important;
    color: var(--mainColor) !important;
    letter-spacing: 2px !important;
    font-weight: 600 !important;
    transition: color .2 linear;
}

.site-title a:hover {
    color: var(--mainDeepColor) !important;
}

#wpmem_login input[type="submit"]{
    background-color:var(--mainColor) !important;
}

#wpmem_login fieldset, #wpmem_reg fieldset {
    /* border: none;
    padding: 0; */
    margin: 40x auto 0 !important;
    max-width: 600px !important;
}
#wpmem_login .form, #wpmem_reg .form #wpmem_register_form{
    margin: 0 auto !important;
    max-width: 600px !important;
}
#wpmem_login legend, #wpmem_reg legend {
    font-size: 1.15rem !important;
    font-weight: 600!important;
    margin-bottom: 20px!important;
    color: var(--mainColor)!important;
    letter-spacing: 1px !important;
}
header.entry-header .entry-title {
    font-size: 1.15rem !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
    color: var(--mainColor) !important;
    letter-spacing: 1px !important;
    display: none !important;
}
#wpmem_login .button_div, #wpmem_reg .button_div {
    padding: 5px 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    margin-bottom: 0.25rem !important;
}
.link-text-forgot, label, .link-text-register{
    color: var(--subTextColor2) !important;
    font-size: 0.95rem !important;
}
.site-navigation a{
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #666 !important;
    display: block !important;
    text-decoration: underline !important;
    transition: color .2 linear;
    letter-spacing: 2px !important;
    line-height: 40px;
}
.site-navigation a:hover{
    color: var(--mainColor);
}
#wpmem_reg .req-text {
    margin: 4px 0 14px 4px !important;
    color: darkred;
}
fieldset legend {
    /* margin-bottom: 1.5em; */
    padding: 0 0px !important;
}
.entry-content li{
    list-style: none !important;
    margin-bottom: 0.4rem !important;
}
.entry-content li a{
    color: #555 !important;
    display: inline-block !important;
    transition: color .3s linear !important;
    border-radius: 4px;
	font-size: 0.95rem !important;
}
.entry-content li a:hover{
    color: var(--mainColor) !important;
}
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
    line-height:40px !important;
}
/* ログインボタン #menu-item-388　*/
.ast-desktop .ast-primary-header-bar .main-header-menu > #menu-item-388 .menu-item {
    /* line-height: 40px !important; */
}
#menu-item-388 a{
    background-color: var(--mainColor) !important;
    color: white !important;
    text-decoration: none !important;
    border-radius: 4px !important;;
    font-size: 0.85rem;
}
.entry-content li a:last-child{
    margin-bottom: 0 !important;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.stack-on-mobile {
    flex-wrap: wrap;
    box-shadow: var(--boxShadow) !important;
}
#ast-scroll-top {
    background-color: var(--mainColor) !important;
    /* font-size: 15px; */
}
.ast-header-break-point .main-navigation ul .menu-item .menu-link {
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #666 !important;
    display: block !important;
    text-decoration: underline !important;
    transition: color .2 linear;
    letter-spacing: 2px !important;
    padding: 10px 20px;
}

.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link{
    font-size: 0.8rem !important;;
    font-weight: 600 !important;;
    color: #666 !important;;
    display: block !important;;
    text-decoration: underline !important;;
    transition: color .2 linear !important;;
    letter-spacing: 2px !important;;
}
.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link:hover{
    color: var(--mainColor) !important;;
}

#menu-item-389 .menu-link:hover{
    color: var(--mainColor) !important;
}
#menu-item-437 .menu-link:hover{
    color: var(--mainColor) !important;
}
#menu-item-386 .menu-link:hover{
    color: var(--mainColor) !important;
}
.editor-styles-wrapper, .entry-content {
    counter-reset: footnotes;
    max-width: 700px;
    margin: 40px auto;
}
.main-header-menu .menu-link, .main-header-menu>a {
    /* text-decoration: none; */
    font-size: 0.8rem;
    font-weight: 600;
    color: #666;
    display: block;
    text-decoration: underline;
    transition: color .2 linear;
    letter-spacing: 2px;
}
#ast-hf-menu-1 .menu-item a {
    font-size: 0.8rem;
    font-weight: 600;
    color: #666;
    display: block;
    text-decoration: underline;
    transition: color .2 linear;
    letter-spacing: 2px;
    line-height: 100%;
}


.main-header-menu .menu-link, .main-header-menu>a:hover, #ast-hf-menu-1 .menu-item a:hover {
    color: var(--mainColor);
}
/* チェックボックス、ラジオボタン */
input[type="radio"]:checked, input[type=reset], input[type="checkbox"]:checked, input[type="checkbox"]:hover:checked, input[type="checkbox"]:focus:checked, input[type=range]::-webkit-slider-thumb {
    border-color: var(--mainColor) !important;
    background-color: var(--mainColor) !important;
    box-shadow: none;
}
  
.myform__section{
    margin-bottom: 1rem;
}

.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], #comments .submit, .search .search-submit, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button, body .wp-block-file .wp-block-file__button, .search .search-submit, .woocommerce-js a.button, .woocommerce button.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce input.button.alt, .woocommerce input.button, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit, .woocommerce button.button.alt.disabled, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .wc-block-grid__product-onsale, [CLASS*="wc-block"] button, .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping), .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons a.checkout, .woocommerce button.button.alt.disabled.wc-variation-selection-needed, [CLASS*="wc-block"] .wc-block-components-button {
    border-style: solid;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 0;
    color: #ffffff;
    border-color: var(--mainColor);
    background-color: var(--mainColor);
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
    font-family: inherit;
    font-weight: 500;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1em;
}
button, .ast-button, .button, input[type="button"], input[type="reset"], input[type="submit"] {
    border-radius: 4px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
#wpmem_reg .div_text{
	margin-bottom: 10px !important;
}
#wpmem_reg input[type=email]{
	margin-bottom: 10px !important;
}
#wpmem_login input[type="submit"] {
    background-color: var(--mainColor) !important;
    margin-left: auto;
    display: block;
    margin-top: 6px;
    background-color 0.3s ease;
}

#wpmem_login input[type="submit"]:hover{
    background-color: var(--mainDeepColor) !important;
}

#wpmem_login .button_div{
    display: block !important;
}
.link-text-forgot, label, .link-text-register {
    font-size: 0.9rem !important;
}
#wpmem_login input[type=checkbox] {
    margin: 12px 6px;
    width: 0.9rem;
    height: 0.9rem;
    vertical-align: middle;align-content
}

#wpmem_login, #wpmem_reg {
/*     color: #2b2b2b; */
/*     font-family: Arial, sans-serif; */
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.entry-content.clear{
    text-align: center;
}

input[type="submit"]
{
    border-style: solid;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 0;
    color: #ffffff;
    border-color: var(--mainColor) !important;
    background-color: var(--mainColor) !important;
    padding-top: 8px !important;
    padding-right: 20px !important;
    padding-bottom: 8px !important;
    padding-left: 20px !important;
    font-family: inherit;
    font-weight: 500;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6 !important;

}

 input[type="submit"]:hover{
    border-color: var(--mainDeepColor) !important;
    background-color: var(--mainDeepColor) !important;

}

.ast-footer-copyright p{
    text-align: center;
}

.ast-footer-copyright p{
    font-size: 0.75rem !important;
    color: var(--ast-global-color-3);
}

/* footer　高さ調整用 */
 .site-below-footer-wrap {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.site-above-footer-wrap, .site-below-footer-wrap {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* footer　高さ調整用end */

#post382 .entry-content.clear{
    text-align: center;
}
#post382{
    margin: 0 auto;
    width: 600px;
}
.page-id-382 main{
    margin-top: 40px;
}
.page-id-382 ul{
    margin: 0;
    padding: 0;
}
.entry-content.clear{
    text-align: left;
	max-width: 600px;
}
.page-id-382 .entry-header{
	text-align: left;
	max-width: 600px;
	margin: 0 auto;
	display: none !important;
}

@media (max-width: 921px) {
    .main-header-menu .menu-item {
        position: relative;
        line-height: 1.65;
        border-bottom: 1px solid #ddd;
    }
    .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link{
        background-color: white;
    }
    .main-header-menu .menu-link{
        padding: 10px 20px !important;
        line-height: 1.65 !important;
    }
	button.burger-button:hover, button.burger-button:focus{
		background-color: transparent !important;
    	border-color: transparent !important;
    	outline: none;
	} 


}