@charset "utf-8";


@media only screen and (max-width: 767px) {

    .pc {
        display: none;
    }


    #wrapper {
        color: #333333;
    }

    #wrapper a {
        color: #333;
    }

    #wrapper #header {
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
    }

    #wrapper #header .logo {
        float: left;
        width: 27%;
    }

    #wrapper #header .menubtn {
        float: right;
        width: 20%;
        text-align: right;
    }

    #wrapper #header img {
        width: 100%;
    }

    #wrapper #mainvisual img {
        width: 100%;
    }

    #menu ul {
        margin-left: 0;
        margin-right: auto;
        border-top: 1px solid #CACACA;
    }

    #menu ul li {
        width: 50%;
        border-bottom: 1px solid #CACACA;
        border-top-width: 1px;
        float: left;
        background-image: url(../img/icon_link.png);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 30px 20px;
        -webkit-background-size: 30px 20px;
        -moz-background-size: 30px 20px;
        display: block;
    }

    #menu ul .no_bg {
        background-image: none;
    }

    #menu ul a {
        background-image: url(../img/icon_arrow.png);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 20px 20px;
        -webkit-background-size: 20px 20px;
        -moz-background-size: 20px 20px;
        padding-left: 20px;
        text-decoration: none;
        color: #333333;
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #menu ul .border_r a {
        border-right: 1px solid #CACACA;
    }

    #menu .square {
        margin-left: 0;
        margin-right: 0;
        border-bottom: 1px solid #CACACA;
        padding-left: 20px;
        background-image: url(../img/icon_dot.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 20px 20px;
        -webkit-background-size: 20px 20px;
        -moz-background-size: 20px 20px;
        text-decoration: none;
        color: #333333;
        display: block;
        padding-top: 1px;
        padding-bottom: 1px;
    }

    #menu .square a {
        text-decoration: none;
        color: #333333;
        vertical-align: middle;
        line-height: 3em;
        display: block;
    }

    #menu .square a img {
        vertical-align: middle;
        width: 14px;
    }

    #menu .close {
        background-color: #DB0011;
        display: block;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #menu .close a {
        color: #FFFFFF;
        text-decoration: none;
        display: block;
        vertical-align: middle;
        background-image: url(../img/icon_arrow2.png);
        background-repeat: no-repeat;
        background-position: 40% center;
        background-size: 20px 20px;
        -webkit-background-size: 20px 20px;
        -moz-background-size: 20px 20px;

    }




    #footmenu ul {
        margin-left: 0;
        border-top: 1px solid #CACACA;
        margin-bottom: 5px;
        display: block;
    }

    #footmenu ul li {
        width: 50%;
        float: left;
        background-image: url(../img/icon_link.png);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 30px 20px;
        -webkit-background-size: 30px 20px;
        -moz-background-size: 30px 20px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CACACA;
        display: block;
    }

    #footmenu ul .no_bg {
        background-image: none;
    }

    #footmenu ul a {
        background-image: url(../img/icon_arrow.png);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 20px 20px;
        -webkit-background-size: 20px 20px;
        -moz-background-size: 20px 20px;
        padding-left: 20px;
        text-decoration: none;
        color: #333333;
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #footmenu ul .border_r a {
        border-right: 1px solid #CACACA;
    }

    #footmenu .square {
        margin-left: 0;
        margin-right: 0;
        padding-left: 20px;
        background-image: url(../img/icon_dot.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 20px 20px;
        -webkit-background-size: 20px 20px;
        -moz-background-size: 20px 20px;
        text-decoration: none;
        color: #333333;
        display: block;
        padding-bottom: 5px;
        line-height: 1.5em;
    }

    #footmenu .square a {
        text-decoration: none;
        color: #333333;
        vertical-align: middle;
        display: block;
    }

    #footmenu .square a img {
        vertical-align: middle;
        width: 14px;
    }

    #footmenu .close {
        background-color: #DB0011;
        display: block;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #footmenu .close a {
        color: #FFFFFF;
        text-decoration: none;
        display: block;
        vertical-align: middle;
        background-image: url(../img/icon_arrow2.png);
        background-repeat: no-repeat;
        background-position: 40% center;
        background-size: 20px 20px;
        -webkit-background-size: 20px 20px;
        -moz-background-size: 20px 20px;

    }

    #footmenu .border_btm {
        border-bottom: 1px solid #CACACA;
        margin-bottom: 5px;
    }

    #wrapper #linkbtn {
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
    }

    #linkbtn .yamazaki_top {
        display: inline;
    }

    #linkbtn .yamazaki_top a {
        display: inline-block;
        background-color: #db0011;
        text-decoration: none;
        color: #fff;
        text-align: center;
        padding: 6px;
        padding-bottom: 5px;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        margin-right: 10px;
    }

    #linkbtn .pc_site {
        display: inline;
    }

    #linkbtn .pc_site a {
        display: inline-block;
        text-decoration: none;
        text-align: center;
        padding: 5px;
        padding-bottom: 4px;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 5px;
        border-style: solid;
        border-color: #333;
        border-width: 1px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        margin-left: 10px;
    }

    #copyright {
        background-color: #db0011;
        text-align: center;
        padding: 7px;
        color: #FFF;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 80%;
        line-height: 1.2em;
    }

    /* ---------------ぱんくず--------------- */

    #dltr {
        padding: 10px;
        border-top: 1px solid #FF0000;

    }

    #dltr p {
        font-size: 11px;
        color: #333;
    }

    #dltr a {
        text-decoration: none;
    }



    #dltr a {
        color: #333;
        text-decoration: none;
    }

    #dltr a:visited {
        color: #333;
        text-decoration: none;
    }

    #dltr a:hover {
        color: #333;
        text-decoration: underline;
    }


    .pankuzu {
        width: 95%;
        margin: 10px;
        text-align: left;
        overflow: hidden;
    }

    .pankuzu li,
    .pankuzu li a {
        display: inline-block;
        color: #333333;
        font-size: 14px;
        text-decoration: none;
        position: relative;
        padding: 0 20px 0 0;
    }

    .pankuzu li a::after {
        content: '';
        width: 5px;
        height: 5px;
        border: 0px;
        border-top: solid 1px #333333;
        border-right: solid 1px #333333;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 6px;
        right: -20px;
        margin: 0 20px;
    }

    .pankuzu li:last-child:after {
        content: none;
    }



}