@charset 'UTF-8';

/*=====<=====<=====<=====<=====<=====<=====
  pc
=====>=====>=====>=====>=====>=====>=====*/
#main
{
    display: block;

    padding: 30px 25px; 

    border: 1px solid #8c8c8c;
    border-top: 2px solid #3e3e3e;
}

@media screen and (max-width: 1024px)
{
    #main
    {
        padding: 20px 0; 

        border: none;
        border-top: 2px solid #3e3e3e;
    }
}

#main .hentry
{
    margin-bottom: 20px;
}

#main .hentry > header
{
    font-size: 24px;

    display: -webkit-flex;
    display:     -ms-flex;
    display:         flex;

    width: 100%;
    margin-bottom: 25px;
    padding: 0; 

    text-align: center;

    justify-content: center;
    align-items: stretch;
}

html[c-data-font-size='normal'] #main .hentry > header
{
    font-size: 26px;
}

html[c-data-font-size='large'] #main .hentry > header
{
    font-size: 28px;
}

#main .hentry > header h2,
#main .hentry > header h3
{
    font-size: inherit;
    line-height: 1;
}

#main .hentry > header::before,
#main .hentry > header::after
{
    display: block;

    width: 1em; 

    content: '';

    border-top: 3px solid #3e3e3e;
    border-bottom: 3px solid #3e3e3e;
}

#main .hentry > header::before
{
    margin-right: .8em; 

    border-left: 3px solid #3e3e3e;
}

#main .hentry > header::after
{
    margin-left: .8em; 

    border-right: 3px solid #3e3e3e;
}

#main .woocommerce-notices-wrapper
{
    display: none;
}

#main .woocommerce-message .button
{
    width: auto; 
    margin-top: 0;
    padding: 18px;
}

#main input[type=email],
#main input[type=password],
#main input[type=search],
#main input[type=tel],
#main input[type=text],
#main input[type=url],
#main textarea
{
    width: 100%;
    padding: .5em; 

    border: 1px solid #8c8c8c;
    background: #f3f3f3;
}

#main button,
#main .button
{
    font-family: inherit; 
    line-height: 1;

    display: -webkit-flex;
    display:     -ms-flex;
    display:         flex;

    width: 50%;
    margin: 30px auto 0;
    padding: 18px 0;

    color: #fff;
    border-radius: 5px;
    background: #555;

    justify-content: center;
    align-items: center;
}

#main button span,
#main .button span
{
    font-family: inherit;
}

@media screen and (max-width: 1024px)
{
    #main button,
    #main .button
    {
        width: 100%;
    }
}

#main .actions *
{
    display: inline-block;

    padding-right: 1em; 
    padding-left: 1em;
}

#main .actions .coupon button
{
    margin-top: .3em;
}

#main .actions .input-text,
#main .actions button
{
    width: auto;
}