.shinji_font {
    font-family: "MFW-PKaishoMCBK1ProN-Bold", "Kaisho MCBK1 JIS2004 AP", serif !important;
}

.shinji_font p {
    font-family: "MFW-PKaishoMCBK1ProN-Bold", "Kaisho MCBK1 JIS2004 AP", serif !important;
}

a:hover img {
    opacity: .6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
    background: 0 0 !important
}

.ipad-block {
    position: relative;
    width: 100%
}

.lead p {
    line-height: 2;
    font-size: 1.1rem;
    font-family: "MFW-PAotoGothicStdN-Regular", "Aoto Gothic Regular", sans-serif
}

.label_a {
    display: inline;
    padding: .2rem .1rem .1rem;
    margin-left: 2px;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.label-new {
    color: red;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    text-shadow: 1px 1px 1px #666;
    background-color: #ee3;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeee33', EndColorStr='#999911')
}

nav.globalMenuSp {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    color: #fff;
    background: rgba(0, 0, 0, .7);
    text-align: center;
    width: 100%;
    opacity: 0;
    transition: opacity .6s ease, visibility .6s ease
}

nav.globalMenuSp ul {
    margin: 0 auto;
    padding: 0;
    width: 100%
}

nav.globalMenuSp ul li {
    list-style-type: none;
    padding: 0;
    width: 100%;
    transition: .4s all
}

nav.globalMenuSp ul li:last-child {
    padding-bottom: 0
}

nav.globalMenuSp ul li:hover {
    background: #ddd
}

nav.globalMenuSp ul li a {
    display: block;
    color: #000;
    padding: 1em 0;
    text-decoration: none
}

nav.globalMenuSp.active {
    opacity: 100
}

.navbar .navbar-nav .nav-link {
    padding: 15px 15px;
    color: #555;
    font-weight: 500;
    outline: 0
}

.navbar .navbar-nav .nav-item a:hover {
    color: #000
}

.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav .nav-link:hover {
    color: var(--dark)
}

@media (max-width:991.98px) {
    .navbar .navbar-nav {
        margin-top: 10px;
        border-top: 1px solid rgba(0, 0, 0, .07);
        background: inherit
    }

    .navbar .navbar-nav .nav-link {
        padding: 10px 10px
    }
}

@media (min-width:992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        visibility: hidden;
        top: 100%;
        transform: rotateX(-75deg);
        transform-origin: 0 0;
        transition: .5s;
        opacity: 0
    }

    .navbar .nav-item:hover .dropdown-menu {
        transform: rotateX(0);
        visibility: visible;
        transition: .5s;
        opacity: 1
    }
}

.column p strong {
    color: #af8c49;
    font-size: 1.1rem
}

.update {
    font-size: 80%
}



/*
h1,h2 {
    color: #af8c49 !important
}
*/


h3,
h4,
h5,
h6 {
    font-family: "MFW-PAotoGothicStdN-Bold", "Aoto Gothic Bold"
}


.footer_active {
    font-weight: 700 !important;
    font-family: "MFW-PAotoGothicStdN-Bold", "Aoto Gothic Bold" !important
}

p {
    font-family: "MFW-PAotoGothicStdN-Regular", "Aoto Gothic Regular", sans-serif
}

h1 {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5;
    color: #35b597;
    font-family: "MFW-PA1GothicStdN-Medium" !important;
}

h2 {
    font-family: "MFW-PA1GothicStdN-Medium" !important;
    font-size: 1.5rem !important;
}

h4{font-size: 1.3rem !important;}

@media (min-width:768px) {
    h1 {
        font-size: 2rem !important;
        line-height: 1.5;
        margin: 5px auto
    }

    h2 {
        font-size: 1.5rem !important;
        line-height: 1.5;
    }
    h4{font-size: 1.3rem !important;}
}

.sato_bold {
    font-weight: 700 !important;
    font-family: "MFW-PAotoGothicStdN-Bold", "Aoto Gothic Bold" !important
}

@media print {

    p,
    p strong {
        font-size: 1.15rem
    }

    .small {
        font-size: .8rem !important
    }

    h1 {
        font-size: 2rem !important;
    }

    h2 {
        font-size: 1.5rem !important
    }
}

p strong {
    font-family: "MFW-PAotoGothicStdN-DeBold", "Aoto Gothic DemiBold"
}

.block_shadow {
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1)
}

@media print {
    .block_shadow {
        border: 1px solid #ddd
    }
}

.border_img {
    border: solid 1px #ababab
}

.header-box {
    height: 690px
}

@media (min-width:768px) {
    .blank-space {
        height: 4rem
    }

    .header-box {
        height: 900px
    }
}

.top_column_bt a {
    color: #000
}

.top_column_bt a:hover {
    color: #ff8c00;
    transition-duration: .2s
}

.modal-title {
    font-size: .85rem !important;
    font-style: normal !important;
    border: none !important;
    padding-left: 0 !important
}

@media (min-width:768px) {
    .modal-title {
        font-size: 1rem !important;
        font-style: normal !important;
        border: none !important;
        padding-left: 0 !important
    }
}

.bg-gray {
    background-color: #d3d3d3
}

a:hover img {
    opacity: .6;
    background-color: #fff;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
    background: 0 0 !important;
    transition-duration: .2s
}

@media screen and (max-width:480px) {
    .tablet_pic {
        height: 60vh
    }
}

@media screen and (max-width:896px) and (orientation:landscape) {
    .tablet_pic {
        height: 100vh
    }
}

@media (max-width:768px) {
    .section_top {
        height: 400px
    }
}

.lead_img_height {
    max-height: auto
}

@media (min-width:992px) {
    .lead_img_height {
        max-height: 350px
    }
}

.border_orange_bottom {
    border-bottom: 1px solid #ea5514;
    padding-bottom: 1px
}

.border-orange {
    border: 1px solid #ea5514
}

@media print {
    #page_top {
        display: none
    }
}

hr {
    height: 1px;
    background-color: #af8c49;
    width: 95%;
    border: none
}

.btn-stitch {
    display: inline-block;
    padding: .5em .5em .4em;
    text-decoration: none;
    background-color: #d3d3d3;
    color: #000;
    font-family: "MFW-PAotoGothicStdN-Regular", "Aoto Gothic Regular";
    font-size: .9rem
}

.btn-stitch:hover {
    background-color: #a9a9a9;
    color: #fff;
    text-decoration: none
}

.btn-gold {
    display: inline-block;
    padding: .75em .5em .65em;
    text-decoration: none;
    background-color: #eee0b0;
    color: #3a3a3a;
    font-family: "MFW-PAotoGothicStdN-Regular", "Aoto Gothic Regular" !important;
    font-size: .9rem
}

.btn-gold:hover {
    background-color: #af8c49;
    color: #fff;
    text-decoration: none
}

s .header_box2 {
    padding: 10px 0;
    margin-top: 20px
}

@media (min-width:768px) {
    .header_box2 {
        padding: 15px 0 15px 0;
        margin-top: 0
    }
}

.preview_box:hover {
    background-color: #e2e2e2;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.preview_box h4 {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0 !important;
    border-left: none !important;
    font-size: 1rem;
    color: #dfab1c;
    font-weight: 700
}

.preview_box p {
    font-size: .9rem;
    margin-bottom: 0
}

.border-column {
    border: solid 2px #dfab1c
}

.caption_text {
    color: #5a2005 !important
}

.bg-light2 {
    background-color: #ededed
}

.btn {
    text-decoration: none !important
}

.ipad-block {
    position: relative;
    width: 100%
}

.label_a {
    display: inline;
    padding: .2rem .1rem .1rem;
    margin-left: 2px;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.label-new {
    color: red;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    text-shadow: 1px 1px 1px #666;
    background-color: #ee3;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeee33', EndColorStr='#999911')
}

.small2 {
    font-size: .75rem
}

.btn-gold {
    display: inline-block;
    padding: .75em .5em .65em;
    text-decoration: none;
    background-color: #eee0b0;
    color: #3a3a3a;
    font-family: "Aoto Gothic Regular";
    font-size: .9rem
}

.btn-gold:hover {
    background-color: #af8c49;
    color: #fff;
    text-decoration: none
}

.caption_text {
    color: #5a2005 !important
}