@charset "utf-8";

/* PC?E?SP共通CSS */

body, p, table, td {
    color: #000000;
}

body, html, main {
    letter-spacing:1px;
    font-size: 13px;
}

img{
    max-width: 100%;
    height: auto;
}


/* PC */

@media screen and (min-width: 769px){

html, body {
    background: url(https://www.kagunosato.com/kitakita/navigation/_img/page_bg.gif);
}

#main {
    padding-top: 60px !important;
}

.sp-top {
    display:none;
}

#site-id {
    padding: 20px 0;
}

#footer-sitemap ul li h4 a {
    font-size: 95%;
}

.cont-pan {
    padding: 40px 0 30px;
}

#shopinfo-inner {
    background: #fff;
    padding: 30px;
    width: 720px;
}

.shopinfo-top {
    display: inline-block;
    padding: 30px 30px 30px 10px;
    width: 680px;
}

.shopinfo-top h2 img {
    float: left !important;
    margin: 0 15px 0;
    width: 300px !important;
    padding: 0;
}

.shopinfo-top img {
    width: 140px;
    float: right;
}

.shopinfo-concept,.shopinfo-about,.shopinfo-greeting {
    margin: 40px 0 60px;
}

.shopinfo-concept h2,.shopinfo-about h2,.shopinfo-greeting h2 {
    padding: 0 0 5px;
    border-bottom: 1px solid #666;
    margin: 0 0 20px;
    text-align:left !important;
}

.shopinfo-concept h3 {
    padding: 10px 0 20px 20px;
}

.shopinfo-concept p {
    padding: 0 0 0 40px;
    line-height:200%;
}

.shopinfo-detail table{
    border-right:1px solid #ADADAD;
    border-top:1px solid #ADADAD;
    width:90% !important;
    margin:30px auto 0;
}

.shopinfo-detail table th,.shopinfo-detail table td{
    border-left:1px solid #ADADAD;
    border-bottom:1px solid #ADADAD;
    font-size:100%;
    padding:1px 2px;
}

.shopinfo-detail table th{
    background:#F1F1EB;
    text-align:left;
    padding:11px 0 11px 20px;
    width:34%;
}

.shopinfo-detail table td{
    padding:11px 20px 11px;
}

.shopinfo-greeting h3 {
    text-align: center;
    padding: 10px 0 20px;
}

.shopinfo-greeting p {
    padding: 10px 30px;
    line-height:200%;
}



}





/* SP */

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

.pc-top {
    display:none;
}

body, html, #main, #contents {
    background: #fff;
    width:100% !important;
    vertical-align: baseline;
}

ul.hTop.cf {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 99999;
}

ul.naviBox.cf {
    margin-top: 80px;
}

#main {
    padding: 10px;
}

.cont-pan,.shopinfo-top {
    margin: 10px 0 30px;
}

.shopinfo-concept h3 {
    padding: 10px 0 20px;
}

.shopinfo-concept p {
    line-height:200%;
}

.shopinfo-concept,.shopinfo-about,.shopinfo-greeting {
    margin: 40px 0 50px;
}

.shopinfo-concept h2,.shopinfo-about h2,.shopinfo-greeting h2 {
    padding: 0 0 5px;
    border-bottom: 1px solid #666;
    margin: 0 0 20px;
    text-align:left !important;
}

.shopinfo-detail table{
    border-right:1px solid #ADADAD;
    border-top:1px solid #ADADAD;
    margin:30px auto 0;
}

.shopinfo-detail table th,.shopinfo-detail table td{
    border-left:1px solid #ADADAD;
    border-bottom:1px solid #ADADAD;
    font-size:100%;
    padding:1px 2px;
}

.shopinfo-detail table th{
    background:#F1F1EB;
    text-align:left;
    padding:11px 0 11px 7px;
    width:34%;
}

.shopinfo-detail table td{
    padding:11px 20px 11px;
}

.shopinfo-greeting h3 {
    text-align: center;
    padding: 10px 0 20px;
}

.shopinfo-greeting p {
    padding: 10px 5px;
    line-height:200%;
}



* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
}


}