@charset "utf-8";

/* スマホ対応 */
@media screen and (max-width: 480px){

    /* 非表示要素を・・・ */
    .pc {display: none;}
    .sp {display: block;}

    .breadcrumb-container {display: none;}


    #footer3 img.catch ,
    #footer3 .footerLogo ,
    #top-toryo h2 span,
    #top-omoi h2 span,
    .bg1 {
        display:none;
    }

    img {
        width:  100%;
    }

    header {
        width:100%;
        height:auto;
        padding-top:6px;
        margin:0 auto;
        background: url(/images/bg-body.png) repeat-x;
    }

    header .innerDiv {
        position: relative;
        width:100%;
        height: 75px;
        margin: 0 auto;
    }

    /*　　*/
    header #sp_menu {
        display: block;
        margin-top: 5px;
        margin-right: 5px;
        float: left;
        max-width: 32px;
        height: auto;
        cursor: pointer;
    }

    header #logo {
        width:53%;
        display: block;
        float: left;
    }

    header .tel{}
    header .headerContact { float:  none; position:   absolute; top:2px;
    right:0; width:33%; height: auto; }

    header .headerContact .contact {
        width:210px;
        height:25px;
    }

    header .headerContact .mitsumori {}
    nav#gNavi {
        display: none;
        clear:  both;
        margin:15px auto 15px auto;
        width:100%;
        height:auto;
        padding:    0;
    }

    nav#gNavi ul {
        clear:  both;
        margin: 0;
        padding:5px  1%;
    }

    nav#gNavi ul li {
        background: #03f;
        margin-bottom: 5px;
        border:1px #01f solid;
        border-radius: 3px;
    }

    nav#gNavi ul li a:link,
    nav#gNavi ul li a:visited{
        color:#fff;
        font-weight: bold;
    }


    nav#gNavi li:nth-child(odd) {float: left;height: 40px;}
    nav#gNavi li:nth-child(even) {float: right;height: 40px;}

    nav#gNavi li#gn1 {width:48%;}
    nav#gNavi li#gn2 {width:48%;}
    nav#gNavi li#gn3 {width:48%;}
    nav#gNavi li#gn4 {width:48%;}
    nav#gNavi li#gn5 {width:48%;}
    nav#gNavi li#gn6 {width:48%;}
    nav#gNavi li#gn7 {width:48%;}
    nav#gNavi li#gn8 {width:48%;}
    nav#gNavi li#gn9 {width:48%;}
    nav#gNavi li#gn10 {width:48%;}
    nav#gNavi li#gn1 a{width:100%;}
    nav#gNavi li#gn2 a{width:100%;}
    nav#gNavi li#gn3 a{width:100%;}
    nav#gNavi li#gn4 a{width:100%;}
    nav#gNavi li#gn5 a{width:100%;}
    nav#gNavi li#gn6 a{width:100%;}
    nav#gNavi li#gn7 a{width:100%;}
    nav#gNavi li#gn8 a{width:100%;}
    nav#gNavi li#gn9 a{width:100%;}
    nav#gNavi li#gn10 a{width:100%;}

    nav#gNavi li a {
        display: block;
        height: 35px;
        line-height: 35px;
        text-align: center;
        margin:0;
        padding:0;
        text-indent: 0;
        overflow: hidden;
        background: none;
    }

    nav#gNavi li#gn1 a {background-position:0 0};
    nav#gNavi li#gn2 a {background-position:0 0};
    nav#gNavi li#gn3 a {background-position:0 0};
    nav#gNavi li#gn4 a {background-position:0 0};
    nav#gNavi li#gn5 a {background-position:0 0};
    nav#gNavi li#gn6 a {background-position:0 0};
    nav#gNavi li#gn7 a {background-position:0 0};
    nav#gNavi li#gn8 a {background-position:0 0};
    nav#gNavi li#gn9 a {background-position:0 0};
    nav#gNavi li#gn10 a {background: #dc143c;};

    nav#gNavi li#gn1 a:hover {background:none;}
    nav#gNavi li#gn1 a:hover {background:none;}
    nav#gNavi li#gn2 a:hover {background:none;}
    nav#gNavi li#gn3 a:hover {background:none;}
    nav#gNavi li#gn4 a:hover {background:none;}
    nav#gNavi li#gn5 a:hover {background:none;}
    nav#gNavi li#gn6 a:hover {background:none;}
    nav#gNavi li#gn7 a:hover {background:none;}
    nav#gNavi li#gn8 a:hover {background:none;}
    nav#gNavi li#gn9 a:hover {background:none;}

    #eyecatch {
        clear: both;
        width:  100%;
        height:auto;
        padding: 1px 0;
        background:#fff;
    }

    #eyecatch #eyecatchInner {
        width:100%;
        margin:0 auto;
    }

    #contents {
        width:100%;
        margin:0 auto;
    }

    #mainContent {
        float: none;
        width:100%;
        padding-top:10px;
    }

    #sideArea {
        float: none;
        width:100%;
        padding-top:10px;
    }

    footer {
        clear:both;
        height: auto;
        width: 100%;
        background: #399;

    }


    #blog01 {
        float:none;
        width:100%;
        margin-top:10px;
    }

    #blog04 ,
    #blog05 ,
    #blog02 ,
    #blog03 {
        float: none;
        width: 100%;
        margin-top:10px;
    }

    #blog01 ul#blogList li .box1 ,
    #blog02 ul#blogList li .box1 ,
    #blog03 ul#blogList li .box1 {
        float:none;
        width:90%;
        text-align: center;
    }

    #blog01 ul#blogList li .box2 ,
    #blog02 ul#blogList li .box2 ,
    #blog03 ul#blogList li .box2 {
        float: none;
        width:100%;
        padding-bottom: 10px;
    }



    #footer1 {
        margin: 0 auto;
        width:100%;
        height:auto;
    }

    #footer2 {
        margin: 0 auto;
        width:100%;
        height: auto;

    }

    #footer1 ul.box1 {
        float: none;
        width:400px;
        width:100%;
        padding: 10px 0 0 0px;
        background:none;
    }


    #footer1 ul li {
        float:  left;
        width:auto;
        border-right: 1px #fff solid;
    }

    #footer1 ul li:last-child {
        border: 0;
    }

    #footer1 ul li a {
        display: block;
        font-size:90%;
        padding: 3px 8px;
        text-align: center;

    }


    #footer1 ul li a:link,
    #footer1 ul li a:visited {
        color:#fff;
    }

    #footer1 ul li a:hover {
        text-decoration: underline;
    }

    #footer1 .box2 {
        clear: both;
        float:  none;
        width:300px;
        width: 98%;
        padding:10px 1% 0 1% ;
        color:#fff;
        text-align: center;
    }


    #footer1 p.company {
        font-size:22px;
        padding-bottom:15px;

    }

    #footer1 p.address {
        padding-bottom:     5px;
    }

    #footer2 p.tel {
    }

    #footer2 p.fax {
    }

    #footer2 p.copyright {
        padding: 5px 0 0 0 ;
        background: #000;
        text-align: center;
        color:#fff;

    }

    #footer2 p.copyright small {
        font-size:14px;
    }

    #sideArea img {
        width:80%;
        display: block;
        margin: 5px auto;

    }

    #sideArea ul ,
    #sideArea li {
        margin:0;
        padding: 0;

    }



    /* トップページ独自の設定 */


    /* 各ページ内共通 */

    #pan {
        clear: both;
        font-size:12px;
        margin-top: 10px;
        padding: 0 0 5px 0;
        border-top:1px #aaa solid;
        border-bottom:1px #aaa solid;
    }

    main {
        padding:0 0 15px 0;

    }

    #pan a:link,
    #pan a:visited {
        color:#333;
    }

    #mainContent h1 {
        background:url(/images/midashi1.png) no-repeat #6ae;
        width: 98%;
        height: 40px;
        line-height: 40px;
        text-indent: 1.2em;
        xoverflow: hidden;
        font-size:14px;
        margin:10px auto 20px auto;
    }

    body.page #mainContent h2 ,
    body.single #mainContent h2 {
        background:url(/images/midashi2.png) no-repeat;
        width: 720px;
        height: 32px;
        line-height: 32px;
        text-indent: 1.8em;
        font-weight: bold;
        overflow: hidden;
        font-size:14px;
        margin:10px 0 20px 0;

    }

    #mainContent .midashi2 {
        font-size: 13.2px;
        line-height: 42px;
        height: 42px;
        background: url(/images/midashi2.png) no-repeat;
        text-indent: 22px;
        margin: 10px 0px;
        font-weight: bold;
        color:#0169A0;
        overflow: hidden;
    }

    #mainContent .midashi3 {
        border-left:#0173B0 solid 6px;
        padding: 4px 10px ;
        font-size: 16px;
        color:#0173B0;
        font-weight: bold;
        overflow: hidden;
    }



    #mainContent .contentBottom {
        clear: both;
        position: static;
        width:96%;
        height: auto;
        background: none;
        padding: 10px 1%;
    }


    #mainContent a.bottom-toi ,
    #mainContent a.bottom-sindan {
        position:   static;
        display: block;
        width:35%;
        display: block;
        height: auto;
        text-indent: 0;
        text-align: center;
    }

    #mainContent a.bottom-toi {float: left;}
    #mainContent a.bottom-sindan {float: right;}


    #mainContent a.bottom-toi ,
    #mainContent a.bottom-sindan ,
    #mainContent a.bottom-toi:hover ,
    #mainContent a.bottom-sindan:hover ,
    #mainContent a.bottom-toi:active ,
    #mainContent a.bottom-sindan:active {

    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
    padding: 10px 20px;
    background: -moz-linear-gradient(
        top,
        #1194e6 0%,
        #031b91);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#1194e6),
        to(#031b91));
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #003366;
    -moz-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 1px rgba(255,255,255,1);
    -webkit-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 1px rgba(255,255,255,1);
    box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 1px rgba(255,255,255,1);
    text-shadow:
        0px -1px 0px rgba(000,000,000,0.7),
        0px 1px 0px rgba(255,255,255,0.3);


    }

/*
    #mainContent a.bottom-sindan {
        width:auto;
        height: 50px;
    }
*/
    #mainContent a.bottom-toi:hover ,
    #mainContent a.bottom-sindan:hover {
        xopacity: 1;
        xbackground: transparent;
    }

    .returnToTop {
        padding: 15px 0;
        font-size:16px;
    }


    .youtube {
        width:100%;

    }

    h2#midashi01 {
        position: relative;
        padding:10px 15px;
        margin-bottom: 20px;
        font-weight: bold;
        color:#fff;
        font-size:15px;
        background: #000 ;
    }

    h2#midashi01 em {
        position: absolute;
        right:10px;
        bottom:10px;
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
    }


    #bottom_profile {}
    #bottom_profile .box1 {
        float: left;
        float: none;
        padding: 0 10px;
        margin: 10px auto;
        width:140px;

    }

    #bottom_profile .box1 img {
        display: block;
        width:100%;
        box-shadow: 3px 3px 3px #999;
    }



    #bottom_profile .box2 {
        float: right;
        float: none;
        width:540px;
        width:100%;
        padding: 3px 5px;
        box-sizing:border-box;

    }


    ul#blogList li .box1 {
        float:none;
        width:75%;
        margin:0 auto;
    }

    ul#blogList li .box1 img {
        width:100%;
    }


    ul#blogList li .box2 {
        float:none;
        width:94%;
        margin:0 auto;
    }
}


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

    }