@charset "UTF-8";
@media screen and (max-width: 736px) {
    body,
    .base_style p{
        font-size: 95%;
    }
    *, *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;}
    img {
        max-width:100%;
        width /***/:auto; /*IE8用ハック*/
        height: auto;}
    .inner,
    main,
    #sec1 ul li,
    aside,
    footer,
    .footer_ttl,
    .footermenu,
    footer .footermenubox{
        width: 100%;
    }
    .sec1_txt{
        padding: 0;
    }
    .mainvisual{
        padding: 1rem 3rem;
    }
    #sec1 h2,
    .footer_ttl{
        text-align: center;
    }
    
    footer .footer_wrap{
        width: 100%;
    }
    .sec1_txt{
        background: none;
    }
    footer .footermenubox{
        border-left:none
    }
    .footermenu{
        border-right: none;
    }
/*    ナビ*/
    header .sitettl a{
        padding: 10px 30px;
        font-size: 16px;
    }
    header .sitettl{
        width: 100%;
    }
    header .inner{
        padding: 0;
    }
    .slicknav_menu{
/*        width: 100%;*/
        display: block;
        position: fixed;
        background: #fff;
        z-index: 999;
        right: 0;
        padding: 0;
        box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
    }
    .grovalnav,
    .slicknav_menu .slicknav_menutxt{
        display: none;
    }
    .slicknav_menu .slicknav_icon {
        float: left;
        width: 2.125em;
        height: auto;
        margin: 13px;
    }
    .slicknav_menu .slicknav_icon:before{
        width: 2.125em;
    }
    .slicknav_menu .slicknav_icon-bar{
        background-color: #2e229d;
        width: 2.125em;
         -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0);
         box-shadow: 0 1px 0 rgba(0, 0, 0, 0);
    }
    .slicknav_btn{
        background-color: #fff;
        padding: 0;
        margin: 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
    .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar{
        margin-top: 0.4em;
    }
    .slicknav_nav ul{
        margin: 0;
    }
    .slicknav_nav .slicknav_row:hover,
    .slicknav_nav a:hover{
        background: none;
    }
    .dropmenu li ul{
        position: relative;
    }
    .dropmenu li{
        width: 100%;
        border-top: 1px solid #eee;
        padding: 0;
    }
    .dropmenu li a{
        padding: 1rem;
        border-right: 0;
    }
    .slicknav_nav .slicknav_row{
        padding: 1rem;
        margin: 0;
    }
    /*ハンバーガーメニューのエフェクト*/
    .slicknav_icon,
    .slicknav_icon span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }
    .slicknav_icon {
        position: relative;
    }
    .active .slicknav_icon-bar:nth-of-type(1) {
        -webkit-transform: translateY(6px) rotate(-45deg);
        transform: translateY(6px) rotate(-45deg);
    }
    .active .slicknav_icon-bar:nth-of-type(2) {
        opacity: 0;
    }
    .active .slicknav_icon-bar:nth-of-type(3) {
        -webkit-transform: translateY(-11px) rotate(45deg);
        transform: translateY(-11px) rotate(45deg);
    }
    .header-area.fixed .sitettl a{
        padding: 15px 30px;
    }
    .header-area >.bar{
        display: none;
    }
    .subpagettl01{
        font-size: 180%;
    }
    main .base_style h2,
    .base_style h3,
    .base_style h4,
    .base_style h5,
    .base_style h6{
        font-size: 130%;
    }
    /*コラム一覧*/
    #archive ul{
        padding: 0;
    }
    #archive li{
        width: 100%;
    }
    .archive_eyecatch img{
        width: 30%;
        float: left;
        margin-right: 10px;
    }
    #archive li p{
        margin-bottom: 10px;
    }
    #archive .cate_navi li{
        width: 48%;
    }
    #toc_container{
        width: 100%!important;
    }
}