@charset "utf-8";

html {
    font-size: 62.5%;
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
}
body, input, button, select, textarea {
    color: #000;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-size: 1.2rem;
}
body {
    letter-spacing: 0.05em;
}
.container, .navbar-static-top .container, .navbar-fixed-bottom .container, .span12 {
    width: 120rem;
    margin: 0 auto;
    margin-top: 1rem;
}
.text-center {
    text-align: center !important;
}

/* --------------------------- */

.shoplist_ttl{
    text-align:center;
    font-size: 1.5rem;
    line-height: 2.1;
    margin: 60px auto;
}
.small{
    font-size: 1.2rem;
}

.bold {
	font-weight: bold;
}
#logo {
	margin-bottom: 3rem;
}

#logo img{
	max-width: 43.7rem;
	width: 90%;
	margin: 0 auto;
	padding: 0 5%;
}
.js_49av_shoplist {
	margin:0 auto;
	padding-top: 2%;
	padding-bottom: 3rem;
}
.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9;
}
table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}
.jkshimada_shoplist {
	padding-bottom: 3rem;
	margin: 5rem 0 0 0;
}
.js_jkshimada_shoplist {
	margin: 2.8rem 0 9.5rem;
}
.table_shoplist{
	width: 100%;
	max-width: 96rem;
	margin: 0 auto;
}

.table_shoplist th, .table_shoplist td {
	padding: 0.8rem;
	line-height: 2rem;
	text-align: left;
	vertical-align: top;
	border-top: 0.1rem solid #dddddd;
	border-bottom: 0.1rem solid #dddddd;
	width: 30%;
}

.table_shoplist td:nth-child(2) {
	width: 12%;
}

.table_shoplist td:nth-child(3) {
	width: 32%;
}

.table_shoplist td:nth-child(4) {
	width: 26%;
}

/*トップへのボタン*/
.top-inner {
    width: 100%;
    margin:0 auto;
    text-align:center;
    margin: 7rem 0 10rem 0;
}
.btn01 {
    max-width: 45rem;
    width:100%;
    display: inline-block;
}
.top-btn a{
    background: #000000;
    text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    display: block;
    padding: 1.5rem 0;
    font-size: 1.5rem;
    text-decoration: none;
    transition: 0.2s;
}
.top-btn a:visited,.top-btn a:link,.top-btn a:active{
    color: #ffffff;
}
.top-btn a:hover{
    background: #3f3f3f;
} 
  
/* for tablet */
 
@media only screen and ( min-width: 750px ) and ( max-width: 1200px ){
    html {
     font-size: calc(10* (100vw / 1200));
    }
  }
  

  /* for sp */
@media only screen and (max-width: 767px) {

    #page-body {
        padding: 0 calc(20* (100vw / 750));
        width: auto;
    }
    body, input, button, select, textarea {
        font-size: calc(24* (100vw / 750));
    }
    .container, .navbar-static-top .container, .navbar-fixed-bottom .container, .span12 {
        width: 100%;
        margin: 0 auto;
        margin-top: calc(20* (100vw / 750));
    }
   .shoplist_ttl{
        font-size: calc(30* (100vw / 750));
        margin: calc(120* (100vw / 750)) auto;
    }
    .small{
        font-size: calc(24* (100vw / 750));
    }
    #logo {
        margin-bottom: calc(60* (100vw / 750));
    }
    #logo img{
        max-width: calc(705* (100vw / 750));
    }
     .js_49av_shoplist {
        padding-bottom: calc(60* (100vw / 750));
    }
 
    .jkshimada_shoplist {
        padding-bottom: calc(60* (100vw / 750));
        margin: calc(100* (100vw / 750)) 0 0 0;
    }
      
    .js_jkshimada_shoplist {
        margin: calc(46* (100vw / 750)) 0 calc(190* (100vw / 750));
    }

    .table_shoplist{
        max-width: calc(750* (100vw / 750));
    }
    .table_shoplist th, .table_shoplist td {
        padding: calc(19* (100vw / 750));
        border-top:  calc(1* (100vw / 750)) solid #dddddd;
        border-bottom: calc(1* (100vw / 750)) solid #dddddd;
        line-height: calc(40* (100vw / 750)) solid #dddddd;;
    } 

    /*トップへのボタン*/
    .top-inner {
        margin: calc(120* (100vw / 750)) 0 calc(120* (100vw / 750)) 0;
    }
    .btn01 {
        max-width: calc(700* (100vw / 750));
    }
    .top-btn a{
        padding: calc(30* (100vw / 750)) 0;
        font-size: calc(24* (100vw / 750));
    }
    


}