/*
Theme Name: ginzawp2026
Description: 伊賀上野銀座商店街振興組合 wpテーマ
*/

@charset "utf-8";
* {
  font-style: normal;
  font-weight: inherit;
  margin: 0;
  padding: 0;
}

/*=====haikei moji=====*/
body {
	background-color: #f6eedc;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 1.8;
	letter-spacing:0.1em;
	color: #333;
	margin: 0px;
	padding: 0px;
	text-align:left;
}
/*=====contents width=====*/
#contents {
width:960px;
margin-right: auto;
margin-left : auto;
}

.container {
	text-align:left;
	max-width:960px;
}

.wrapper {
	padding:0 0 20px 0;
}

.wrapper .container {
	padding:0px;
}

.content {
	padding-bottom:40px;
}

.sp-only {
	display:none;
}


/* =Header
-------------------------------------------------------------- */

.header {
}
.header .container {
	padding:0;
}

#site-title a {
	display:block;
	width:460px;
	text-indent:-9999px;
	outline:none;
	background-image:url("img/tit.png");
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-size:100%;
	border-bottom:none;
	height:110px;
	margin: 0 0;
}

ul.header-menu {
	list-style-type:none;
	list-style-image:none;
	font-weight:normal;
	font-size:90%;
	margin:0;
	padding:0;
}
ul.header-menu li {
	float:left;
	margin-left:10px;
	margin-top:0px;
	width:90px;
	height:90px;
	text-indent:-9999px;
}
ul.header-menu li a {
	display:block;
	width:90px;
	height:90px;
}
ul.header-menu li.menu-1 a {
	float:left;
	background-image:url("img/contact.png");
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-size:100%;
}
ul.header-menu li.menu-2 a {
	float:left;
	background-image:url("img/fb.png");
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-size:100%;
}
ul.header-menu li a:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}


/* =Navbar
-------------------------------------------------------------- */
/*
.navbar {
	background-color: #666;
	border:0 solid;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.navbar ul {
	margin: 0 0 0 -30px !important;
	padding: 0 !important;
	list-style-type: none;
}

.navbar ul li {
	padding:0 !important;
	margin: 0 !important;
}

.navbar ul li a {
	color: #fff;
	line-height: 60px;
	padding:0;
	width:160px;
	text-align:center;
}

.navbar ul li a:hover {
	background-color: #999;
}
.icon-bar {
	background-color: #fff;
}*/

/*=====kihon settei=====*/
p {
	margin-top:1em;
}
img {
	border-style: none;
	vertical-align:bottom;
}
sup {
	font-size:75%;
}
/*=====text=====*/
em {
	font-weight: bold;
	font-style: normal;
}
strong {
	font-weight: bold;
	color: #f00;
}
/*=====list=====*/
ul {
	margin: 15px 0 15px 0;
	margin-left:1em;
	padding-left: 2em;
}
ul ul {
	margin: 0;
}
ol {
	margin: 15px 0 15px 0;
	margin-left:1em;
	padding-left: 2em;
}
ol ol {
	margin: 0;
}
ol ul {
	margin: 0;
}
/*=====midashi=====*/
h1 {
	font-size: 224%;
	font-weight: bold;
	color: #000;
	padding: 5px;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align:center;
	
}
h2 {
	font-size: 150%;
	font-weight: normal;
	color: #333;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0 0 15px 40px;
	border-bottom: 3px double #996633;
	background-image:url("img/icon_h2.gif");
	background-repeat:no-repeat;
	background-position:0% 3px;
	background-size:22px;
	font-family:  'Hiragino Mincho ProN', 'Yu Mincho', serif;
}
h3 {
	font-size: 120%;
	font-weight: bold;
	color: #330000;
	padding: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.content h2,h3,h4  {
	clear:both;
}

.lead {
	font-size:180%;
}
.catch {
	font-size:128%;
	color:#660000;
}
.aka {
	color:#ff0000;
}

.text_ll {
	font-size:129%;
}
.text_l {
	font-size:115%;
}
.text_m {
	font-size:100%;
}
.text_s {
	font-size:86%;
}
.text_ss {
	font-size:72%;
}

.kakomi {
	margin:1em 20px;
	padding: 20px;
	border: 0px solid #CCC;
	background-color:#fff;
}
.kakomi h3 {
	margin:0 0 1em 0;
}
.kakomi p {
	margin:0;
}

.table  {
	margin:20px 0 0 0;
	border-bottom: 1px solid #ddd !important;
}
.table th,
.table td {
	padding:15px !important;
	line-height:1.6 !important;
}

.table-bordered th,
.table-bordered td {
	border: 1px solid #996633 !important;
	padding:15px !important;
	vertical-align:middle;
	background:#fff;
}
.table-bordered td.midashi {
	background:#fff;
}
.table-bordered th {
	background:#edd8a8;
}
.table-bordered {
	border: 1px solid #996633 !important;
}


/* Link */
a {
	color:#003399;
	text-decoration:none;
}

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

a:hover img {
	filter: alpha(opacity=80);
	opacity: 0.8;
}


/* =Footer
-------------------------------------------------------------- */

.footer {
	clear: both;
	color: #333;
	background-color: #fff;
	padding: 0px;
	margin-bottom:-20px;
}

.footer .container {
	padding: 0px;
}

.copyright {
	border-top: 1px solid #ccc;
	padding: 30px 0 30px 0;
}

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

.footer a:hover {
	text-decoration: underline;
}

.footer-menu {
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
	overflow:hidden;
}
.footer-menu li {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
}

.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
	line-height: 50px;
	text-indent:-9999px;
	background-image:url("img/pagetop.png");
	background-repeat:no-repeat;
	background-size:100%;
}

/* =Images（Wordpress用）
-------------------------------------------------------------- */

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

/* =内部コンテンツ用
-------------------------------------------------------------- */

.boxlink:hover {
	cursor:pointer;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

/*googlemap*/

.googlemap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.googlemap iframe,
.googlemap object,
.googlemap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*戻る*/

.back-btn {
	margin:40px 0 0 0;	
}

.back-btn .btn-default,
.back-btn a.btn-default:link,
.back-btn a.btn-default:visited {
	color: #8a623b;
	text-decoration: none;
	padding: 7px 15px;
	border: 1px solid #8a623b;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.back-btn .btn-default:hover,
.back-btn a.btn-default:hover {
	color: #fff;
	background:#8a623b;
}

.btn-primary,
a.btn-primary:link,
a.btn-primary:visited {
	color: #fff;
	text-decoration: none;
	padding: 15px 25px;
	border: 0px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background:#8a623b;
	font-size:100%;
}
.btn-primary:hover,
a.btn-primary:hover {
	background:#a18162;
}

/*gridのgutter調整*/
/*溝幅 60pxの場合*/
.row-60{
margin-left:-30px;
margin-right:-30px;
}
.row-60 > [class*='col-'] {
padding-left:30px;
padding-right:30px;
}
/*溝幅 40pxの場合*/
.row-40{
margin-left:-20px;
margin-right:-20px;
}
.row-40 > [class*='col-'] {
padding-left:20px;
padding-right:20px;
}
/*溝幅 20pxの場合*/
.row-20{
margin-left:-10px;
margin-right:-10px;
}
.row-20 > [class*='col-'] {
padding-left:10px;
padding-right:10px;
}

/*溝幅 10pxの場合*/
.row-10{
margin-left:-5px;
margin-right:-5px;
}
.row-10 > [class*='col-'] {
padding-left:5px;
padding-right:5px;
}

/*中央・下揃え*/
.row-center{
text-align:center;
letter-spacing:-0.4em;
}
.row-center > [class*='col-'] {
display:inline-block;
letter-spacing:0;
vertical-align:top;
float:none !important;
}

.row-center.va-middle > [class*='col-'] {
vertical-align:middle;
}
.row-center.va-bottom > [class*='col-'] {
vertical-align:bottom;
}

.shop-photo {
	border:10px solid #fff;
	max-width:500px;
}

iframe {
	width: 100%;
}

/*==========  最大幅  ==========*/
img{
    max-width: 100%;
    height: auto;
}
/*==========  nav中央寄せ  ==========*/
@media (min-width: 768px){
	.navbar {
    overflow:hidden;
}
.navbar > div {
    position:relative;
    left:50%;
    float:left;
}
.navbar ul {
    position:relative;
    left:-50%;
    float:left;
}
.navbar li {
    float:left;
}
.navbar li + li {
    margin-left:20px;
}
}
/*==========  clear  ==========*/
.clear {
    clear: both;
}


/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
 
 
 
 
/*==========  Mobile First Method  ==========*/
 
	/* Custom, iPhone Retina */
	@media only screen and (min-width : 320px){
 
	}
 
	/* Extra Small Devices, Phones */
	@media only screen and (min-width : 480px){
 
	}
 
	/* Small Devices, Tablets */
	@media only screen and (min-width : 768px){
 
	}
 
	/* Medium Devices, Desktops */
	@media only screen and (min-width : 1024px){
 
	}
 
	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1366px){
 
	}
 
 
 
/*==========  Non-Mobile First Method  ==========*/
 
	/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1366px){
 
	}
 
	/* Medium Devices, Desktops */
	@media only screen and (max-width : 1024px){
 
	}
 
	@media only screen and (max-width : 960px){

	}
 
	/* Small Devices, Tablets */
	@media only screen and (max-width : 768px){

body {
	font-size:14px;
}

#site-title a {
	display:block;
	width:220px;
	text-indent:-9999px;
	outline:none;
	background-image:url("img/tit.png");
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-size:100%;
	border-bottom:none;
	height:60px;
	margin: 0 0;
}

.wrapper .container,
.header .container,
.footer .container {
	padding-left:20px;
	padding-right:20px;
}

#site-title a {
	display:block;
	width:300px;
	text-indent:-9999px;
	outline:none;
	background-image:url("img/tit.png");
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-size:100%;
	border-bottom:none;
	height:80px;
	margin: 0 0;
}

ul.header-menu li {
	float:left;
	margin-left:10px;
	margin-top:15px;
	width:30px;
	height:30px;
	text-indent:-9999px;
}
ul.header-menu li a {
	display:block;
	width:30px;
	height:30px;
}
ul.header-menu li.menu-1 a {
	float:left;
	background-image:url("img/contact_sp.png");
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-size:100%;
}
ul.header-menu li.menu-2 a {
	float:left;
	background-image:url("img/fb_sp.png");
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-size:100%;
}

	}
 
	/* Extra Small Devices, Phones */
	@media only screen and (max-width : 480px){

#site-title a {
	display:block;
	width:230px;
	text-indent:-9999px;
	outline:none;
	background-image:url("img/tit.png");
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-size:100%;
	border-bottom:none;
	height:60px;
	margin: 0 0;
}
.copyright {
	border-top: 1px solid #ccc;
	padding: 30px 0 60px 0;
}

.shop-photo {
	width:100%;
}

	}
 
	/* Custom, iPhone Retina */
	@media only screen and (max-width : 320px){

#site-title a {
	display:block;
	width:180px;
	text-indent:-9999px;
	outline:none;
	background-image:url("img/tit.png");
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-size:100%;
	border-bottom:none;
	height:60px;
	margin: 5px 0 0 0;
}

	}