@charset "utf-8";
@media screen and (max-width: 667px) {

    body{
        line-height: 150%;
        font-size:14px;
    }
    h2,h3,h4,h5,h6{
        text-align: left;
        font-size: 130%;
    }

    .button-area,
    .layout {
        padding: 3%;
    }
    .layout,
    main,
   a,
    .sideCol img,
    article img {
        width: 100%;
    }
    article ul,
    article ol{
        padding-left: 10px;
    }
    article img{
        max-width: 100%;
    }
    article img,
    main,
    .sideCol img {
        float: none;
    }
    .snsBox{
        display: block;
    }
    .headTtl {
        font-size: 100%;
    }
    .headLine .headTtl a{
        font-size: 150%;
        font-weight: normal;
    }
    .ttlBox{
        padding: 10px 0 0;
    }
    .bx-wrapper{
        margin: 0 auto ;
    }
    .headLine p.cCopy{
        margin-bottom:0;
    }
    main h2,
    .sideArea h2 {
        font-size: 120%;
        padding: 8px 2%;
        text-align: center;
    }
    footer {
        padding: 0;
    }
    footer .footerArea {
        width: 100%;
        margin-bottom: 2rem
    }
    .sideMenu p a {
        height: 28px;
        padding: 0;
        text-align: center;
    }
    .linkArea img{
        float: none;
        display: block;
        margin: 0 auto;
    }
    .readMore{
        text-align: center;
    }
    .readMore a {
        display: block;
        max-width: 340px;
        margin: 0 auto;
    }
    .topPage{
        padding: 0;
        margin: 0;
        text-align: right;
    }
    /* navbarArea */
    .sideArea{
        display: none;
    }
    /*ナビゲーション調整*/
    .navbarArea,
    #navbar{
        width: 100%;
        margin: 0;
    }
    .navbarArea ul#navbar > li{
        width: 50%;
    }
    #navbar li a{
        line-height: 1.2;
        padding: 15px 5px;
    }


    .slicknav_menu {
        display: block;
        padding: 0;
        background: #000;
    }
    .slicknav_nav ul {
        margin: 0;
    }
    .slicknav_menu a {
        padding: 0;
        margin: 0;
    }
    a.slicknav_btn.slicknav_collapsed {
        width: 100%;
        display: block;
    }
    .slicknav_menu img {
        display: block;
        margin: 20px auto 0;
        width: 100%;
        height: auto;
    }
    .slicknav_btn {
        float: none;
        background-color: #fff;
    }
    .slicknav_nav .slicknav_row:hover {
        border-radius: 0;
        background: none;
    }
    ul.slicknav_nav li:last-child {
        border-bottom: none;
    }
    /* side menu */
    .slicknav_menu .slicknav_no-text{
        float: right;
        margin: 15px;
    }

    .slicknav_nav a{
        padding: 5px 15px;
        background: #666;
    }
    .slicknav_nav a:hover {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
         border-radius: 0px;
         background: rgba(255, 255, 255, 0);
        color: #fff;
    }
    /* sns */
    .btnWhole {
        display: block;
        width: 90%;
        margin: 0 auto 10px;
    }
}