/*
Theme Name: igaburawp
Description: 伊賀ぶらり旅 wp テーマ
*/

@font-face {
	font-family: minmoji;
	src: url('https://minmoji.ucda.jp/fontseot/https%3A__igakanko.net_');
	src: local('minmoji'),
			url('https://minmoji.ucda.jp/fontswoff/https%3A__igakanko.net_') format('woff'),
			url('https://minmoji.ucda.jp/fonts/https%3A__igakanko.net_') format('opentype');
}

body {
	margin: 0;
	color: #330000;
	font-size: 16px;
	line-height: 1.8;
	background-image: url(img/bg01.jpg) ;
	background-repeat: no-repeat;
	background-size: 100%;
	font-family: minmoji;
	font-weight: 500;
	overflow-x:hidden;
}

.wrapper {
	position: relative;
	min-height: 100%;
}

.container {
	padding: 0;
	max-width:1000px;
}

.main {
	padding:30px 0 60px 0;
	background-image:
	url(img/bg02.jpg),
	url(img/bg03.jpg);
	background-repeat: no-repeat;
	background-position: 
	top,
	bottom;
	background-size: 100%;
}

.main .container {
	background-color: #fff;
}

.content {
	max-width:850px;
	margin:0 auto 0 auto;
	padding: 30px 0 60px 0;
}


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

.header {
	margin-top:10px;
	background-color:#fff;
	border-bottom:2px solid #ff9d9d;
}

.lang-menu {
	overflow:hidden;
	clear:both;
	text-align:center;
	border:1px solid #333;
}

.header .dropdown-toggle {
	float:right;
	width:240px;
	margin:20px 0;
	padding:10px 0;
	line-height:1;
  color: #000;
  border-color: #000;
}

.header .dropdown-menu {
	width:240px;
}

.header .dropdown-toggle:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.lang-menu .list-inline-item a {
	color:#333;
}
.lang-menu li+li {
	border-left:1px solid #333;
	padding-left:15px;
}
.lang-menu .list-inline a:hover {
	color:#999;
}

.btn-igainfo {
	clear:right;
	float:right;
}
.btn-igainfo a {
	background-color:#ff5f5f;
	background-image: url(img/igainfo.png) ;
	background-repeat: no-repeat;
	background-position:5% center;
	background-size: 24px;
	width:240px;
	display:block;
	color:#fff !important;
	font-weight:bold;
	padding:5px 10px 5px 42px;
	border-radius:5px;
}
.btn-igainfo a:hover {
	background-color:#ff9d9d;
	text-decoration:none;
	color:#fff;
}

a.navbar-brand {
	display:block;
	width:375px;
	text-indent:-9999px;
	outline:none;
	background-image:url(img/tit.jpg);
	background-repeat:no-repeat;
	background-position:left;
	background-size:100%;
	border-bottom:none;
	height:140px;
	z-index:9999999;
}

/* =Navbar
-------------------------------------------------------------- */

.navbar-main .navbar-nav {
	margin-left:-10px;
}
.navbar-main .nav-item {
	padding:10px 11px;
}
.navbar-main .nav-item .nav-link {
	color: #330000;
	font-weight:bold;
	font-size:132%;
	padding:0 0 0 38px;
	background-image: url(img/menu_syuriken.png) ;
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: 0 4px;
}
.navbar-main .nav-item .nav-link:hover {
	color: #ff3300;
}
.navbar-main .nav-item.active .nav-link {
	color: #ff3300;
}
.navbar-main .nav-item.active .nav-link:hover {
	color: #660000;
}
.navbar-main .nav-search {
	height:50px;
	position:relative;
	padding:0;
	background:none ;
} 
.navbar-main .nav-item.nav-search .nav-link {
	background-image:url(img/search.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:30px;
	border-bottom:none;
	margin-top:8px;
} 
.navbar-main .dropdown-menu {
	position:absolute;
	left:-230px;
	padding:10px 10px 5px 10px;
	margin-top:10px;
	width:270px;
} 
.navbar-main .dropdown-menu .btn-primary {
	padding:6px 10px;
	background:#ff5f5f;
	border-radius:5px;
	border:0 solid;
}	
.navbar-main .dropdown-menu input {
	width:180px;
}	


/* =Pankuzu
-------------------------------------------------------------- */

.breadcrumbs {
	max-width:1000px;
	margin:0 auto;
}
.breadcrumbs ol {
	padding: 0 0;
}

.breadcrumbs li {
	font-size: 86%;
	display: inline-block;
}
.breadcrumbs li a {
	background-color:#990000;
	padding:5px;
	border-radius:5px;
	color:#fff;
}
.breadcrumbs li:first-child a {
	padding:5px 5px 5px 25px;
	background-image:url(img/home.png);
	background-repeat:no-repeat;
	background-position:4px 4px;
	background-size:16px;
}
.breadcrumbs li a:hover {
	background-color:#cc3333;
	text-decoration:none;
}
.breadcrumbs li::after {
	content: '>';
	padding: 0 5px 0 10px;
	color:#fff;
}
.breadcrumbs li.active {
	background-color:#fff;
	color:#ff3300;
	border-radius:5px;
	padding:0 5px;
}

.breadcrumbs li:last-child::after {
	display: none;
}


.wrapper {
	background-color: #ffffff;
	width: 1000px;
	margin: 0 auto;
	padding: 100px;
}

.banner-area {
	background-color: #f1f1f1;
	padding:20px 0 10px 0;
}

.banner-area img {
	margin-bottom: 10px;
}


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

.footer {
	background-color: #660000;
	color:#fff;
	padding:20px 0;
}
.footer a {
	color:#fff !important;
}
.footer a:hover {
	color:#f1f1f1;
}

.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%;
}


/*=====kihon settei=====*/

p {
	margin-top:1em;
}
img {
	border-style: none;
	vertical-align:bottom;
	max-width: 100%;
	height: auto;
}

.text-center {
	text-align:center;
}
.text-right {
	text-align:right;
}

.text_ll {
	font-size:160%;
}

.text_l {
	font-size:143%;
}

.aka {
	color:#ff0000;
}

.catch {
	color:#000;
	font-size:143%;
}

.kakomi {
	padding:20px;
	border:1px solid #ccc;
	margin: 30px 0;
}

h1 {
	margin: 30px 0 50px 0;
}

h2 {
	margin: 50px 0;
}

a:link {
	color: #ff3300;
}
a:hover {
	color:#000;
	cursor:pointer;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

.boxlink:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	cursor:pointer;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

.btn-primary {
	background-color: #ff5f5f;
	border-color: #ff5f5f;
}
.btn-primary:hover {
	background-color: #ff9d9d;
	border-color: #ff9d9d;
	color:#fff;
}


.btn-outline-primary {
	border-color:#ff5f5f;
	color:#ff5f5f;
}
.btn-outline-primary:hover {
	border-color:#ff5f5f;
	background-color:#ff5f5f;
	color:#fff;
}

.googlemap {
		position: relative;
		padding-bottom: 46.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
		}
		 
	.googlemap iframe,
	.googlemap object,
	.googlemap embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}
		
	.movie-wrap {
				 position: relative;
				 padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
				 height: 0;
				 overflow: hidden;
		}
		 
	.movie-wrap iframe {
				 position: absolute;
				 top: 0;
				 left: 0;
				 width: 100%;
				 height: 100%;
		}
		
	.sp-only {
			display:none;
		}
		
	.wp-caption, .alignnone{
			max-width: 100%;
		}
		
		figure {
			margin: 0;
		}
		
		figcaption,
	.wp-caption-text {
			color: #6d6d6d;
			font-size:100%;
			font-weight: 500;
			line-height: 1.2;
			margin-top: 0rem;
		}

/* =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;
}

/* 小デバイス（横向きモバイル, 576px 以上）*/
@media (min-width: 576px) {

  }

/* 中デバイス（タブレット, 768px 以上）*/
@media (min-width: 768px) { 

	.content {
		min-height: 800px;
	}	
 }

/* 大デバイス（デスクトップ, 992px 以上）*/
@media (min-width: 992px) {
	
 }

/* 特大デバイス（ワイド・デスクトップ, 1200px 以上）*/
@media (min-width: 1200px) {

 }

/* 大デバイス（デスクトップ, 1200px 未満）*/
@media (max-width: 1199.98px) { 
	
body {
	background-image: url(img/bg01_sp.jpg) ;
	background-size: auto;
}

a.navbar-brand {
	width:500px;
	background-image:url(img/tit_sp.jpg);
	height:140px;
}
	
.navbar-main .nav-item .nav-link {
	color: #330000;
	font-weight:bold;
	font-size:100%;
	padding:0 0 0 40px;
	background-size: 22px;
	background-position: 3px 0;
}
	
.breadcrumbs {
	padding: 20px 0 0 0;
}

.main {
	padding: 0 20px;
}

.container {
	padding: 0 20px;
}

 }

/* 中デバイス（タブレット, 992px 未満）*/
@media (max-width: 991.98px) { 
	
.header {
	margin-bottom:-16px;
	border-bottom: 0 solid;
}
	

a.navbar-brand {
	width:400px;
	height:120px;
}
	
h1 {
	margin: 0 0 30px 0;
	font-size: 160%;
}

h2 {
	margin: 30px 0;
	font-size: 143%;
}

.btn-igainfo {
	float:none;
	margin:5px 0 10px 16px;
}
.btn-igainfo a {
	background-image: url(img/igainfo_sp.png) ;
	background-size: 26px;
	background-position: 0;
	padding-left: 35px;
	width:100%;
	display:block;
	background-color:#fff;
	color:#ff5f5f !important;
}
.btn-igainfo a:hover {
	background-color:#fff;
	color:#ff5f5f;
}
	
.navbar-main {
	padding-top: 20px;
}
.navbar-main .list-inline {
		border: 1px solid #000;
		margin-left:10px;
	padding: 5px;
}
	
.navbar-main .list-inline a {
		color: #000;
	font-size: 90%;
}
	
.navbar-toggler {
	position:relative;
	height:50px;
	width:100%;
	}
	
.navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1 )' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
	position:absolute;
	right:10px;
	top:40px;
	background: #ff5f5f;
	border-radius: 5px;
	width: 40px;
	height:32px;
	}

.navbar-main .navbar-nav {
	padding-bottom: 10px;
}

.navbar-main .form-inline {
	padding:6px 10px;
	text-align: center;
}	
.navbar-main .btn-primary {
	padding:6px 10px;
	background:#ff5f5f;
	border-radius:5px;
	border:0 solid;
}	
.navbar-main input {
	width:220px;
	margin-right: 5px;
}
	
}

/* 小デバイス（横向きモバイル, 768px 未満）*/
@media (max-width: 767.98px) { 
 }

/* 極小デバイス（縦向きモバイル, 576px 未満）*/
@media (max-width: 575.98px) { 

.navbar-toggler-icon {
	top:28px;
	right:0;
	}
	
a.navbar-brand {
	width:260px;
	height:80px;
}

img.alignleft {
	width:45%;
}
img.alignright {
	width:45%;
}



}

@media (max-width: 320px) { 

	
a.navbar-brand {
	width:220px;
	height:80px;
}
	
.navbar-main input {
	width:77%;
}

}