/*
Theme Name: itoshima-kanko.net
Theme URI: http://www.itoshima-kanko.net
Description: A theme by <a href="http://www.820.co.jp">haniwa</a>.
Version: 1
Author: haniwa
Author URI: http://www.820.co.jp
*/

@charset "utf-8";


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

reset.css

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


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 1;
	font-style:normal;
	font-weight: normal;
	font-size:10px;
	vertical-align: baseline;
	color:#002850;
	line-height:2.5;
	box-sizing:border-box;
}

table, caption, tbody, tfoot, thead, tr, th, td, {
	margin: 0;
  	padding: 0;
  	border: 1;
  	font-style:normal;
  	font-weight:normal;
  	font-size:10px;
  	vertical-align: baseline;
  	color:#002850;
  	line-height:1.8;
  	box-sizing:border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea,{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

.clearfix:after {
	content: ""; 
	display: block;
	clear: both;
}

.both{
	clear:both;
}

.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}

.left{
	float: left;
}
.right{
    float: right;
}

a,
a img,
a:link,
a i,
a span{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}


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

	.display_pc{
		display:block;
	}
	
	.display_sp{
		display:none!important;
	}
	
}
  
@media screen and (max-width: 768px) {

	.display_pc{
		display:none!important;
	}
	
	.display_sp{
		display:block;
	}

}
  
/*--------------------------------------------

rayout.css

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


/*-- 文字・背景色 --*/
body {
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "Lucida Grande" , "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*-- アンカー --*/
a:link {
	color : #002850;
	text-decoration :none;
}
	
a:visited {
	color : #002850;
	text-decoration :none;
}
	
a:hover {
	color : blue;
	text-decoration :none;
}

a:active {
	color : blue;
	text-decoration :none;
}

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

文字装飾　見出しなど

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

.headline{
}


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

ページ構成

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

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

header
					
---------------------------------------------------------*/

.header {
	width:90%;
	margin:auto;
	padding:20px 0 0 0;
}

.header h1{
	width:70%;
	margin-bottom:10px;
}

.header h1 img{
	width:100％;
}

.header_right{
	width:210px;
	margin:auto;
}

.header_right p{
	font-size:1.6em;
	margin-bottom:10px;
}
	
.header_right p a i{
	color:#fff;
	font-size:1.6em;
	position:absolute;
	top:10%;
	right:10%;
}
	
.header_right p a{
	display: block;
	height: 40px;
	border: 3px solid #002850;
	background: #002850;
	line-height: 34px;
	color: #fff;
	font-size: 1em;
	text-align: center;
	position: relative;
}

.header_right p a:hover {
	color: #002850;
	background: #fff;
}

.header_right p a:hover i {
	color: #002850;
}

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

	.header {
		max-width:1280px;
		padding:30px 0 15px;
	}
	
	.header h1{
		float:left;
		width:390px;
	}
	
	.header_right{
		float:right;
	}
	
}

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

nav slide menu
					
---------------------------------------------------------*/

@media screen and (max-width: 768px) {
	
	.slideout-menu {
		position: fixed;
		top: 0;
		right: -160px;
		width: 160px;
		height: 100%;
		background: #002850;
		z-index: 100;
	}
	
	.slideout-menu p {
		position: relative;
		padding: 30px 10px;
		color: #fff;
		text-align:center;
		font-size: 1.5em;
		font-weight: 300;
		border-bottom: 4px solid #002850;
	}
	
	.slideout-menu .slideout-menu-toggle,
	.open_btn .slideout-menu-toggle{
		display:block;
		position: absolute;
		top: 6px;
		right: 10px;
		display: inline-block;
		padding: 10px;
		font-family: Arial, sans-serif;
		font-weight: bold;
		line-height: 1;
		background:#002850;
		font-size:15px;
		color: #fff;
		text-decoration: none;
		vertical-align: top;
	}
	
	.slideout-menu .slideout-menu-toggle:hover {
		color: #fff;
	}
	
	.slideout-menu ul {
		list-style: none;
		font-weight: 300;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	
	.slideout-menu ul li {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		background:#002850;
	}
	
	.slideout-menu ul li a {
		display: block;
		padding: 10px;
		color: #fff;
		font-size:1.2em;
		font-weight:bold;
		text-align:center;
		text-decoration: none;
	}
	
	.slideout-menu ul > ul > li a {
		background:#002850;
		font-size:1.2em;
	}
	
	.slideout-menu ul li a:hover {
		background: #FFFFDC;
		color: #002850;
	}
	
	.open_btn a.open-toggle{
		position:fixed;
		right:10px;
		top:6px;
        z-index:50;
	}
	
	.main_nav,
	.side_nav{
		display:none;
	}

}

@media screen and (min-width: 769px) {
	
	.slideout-menu{
		position:static;
	}

	.nav{
		border-top:12px solid #002850;
		background: rgb(255,255,255);
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 79%, rgba(212,231,249,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(79%,rgba(255,255,255,1)), color-stop(100%,rgba(212,231,249,1)));
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 79%,rgba(212,231,249,1) 100%);
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 79%,rgba(212,231,249,1) 100%);
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 79%,rgba(212,231,249,1) 100%);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 79%,rgba(212,231,249,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4e7f9',GradientType=0 );
	}
	
	.nav .main_nav{
		width:100%;
		max-width:1280px;
		height:70px;
		margin:auto;
		display:table;
		position:relative;
	}
	
	.nav .main_nav li:first-child:before{
		content:"";
		width:1px;
		height:60%;
		display:block;
		background:#ccc;
		position:absolute;
		left:0;
		top:10px;
	}
	
	.nav .main_nav li{
		width:16.7%;
		display:table-cell;
		vertical-align:middle;
		position:relative;
	}
	
	.nav .main_nav li:after{
		content:"";
		width:1px;
		height:60%;
		display:block;
		background:#ccc;
		position:absolute;
		right:0;
		top:10px;
	}
	
	.nav .main_nav li a{
		display:block;
		height:70px;
		text-align:center;
		font-size:1.8em;
		font-weight:bold;
		line-height:70px;
	}
	
	.nav .main_nav li:hover a{
		color:#fff;
		background:#C2C0B1;
	}
	
	.side_nav{
		display:none;
	}

}

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

top_slide
					
---------------------------------------------------------*/

@media screen and (min-width: 769px) {
	
	#viewer {
		margin: 0 auto;
		max-width:1280px;
		max-height:auto;
		position: relative;
		overflow: hidden;
	}
	#viewer ul {
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	#viewer ul li {
		width:100%;
		position: absolute;
	}
	#viewer ul li img {
		width:100%;
	}
	 	 
	#viewer ul:after {
		content: "";
		height: 0;
		clear: both;
		display: block;
		visibility: hidden;
	}
	 
	#viewer ul {
		display: inline-block;
		overflow: hidden;
	}
}

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

sub_nav
					
---------------------------------------------------------*/

.sub_nav{
	padding:20px 0;
	background: #F0EEDF;
    margin-bottom: 40px;
}

.sub_nav h2{
	margin-bottom:20px;
	color:#8F5A0A;
	font-weight:bold;
	font-size:2em;
	text-align:center;
}

.sub_nav_in{
	width:90%;
	margin:auto;
}

.sub_nav ul{
	margin:0 -5% 0 0;
}

.sub_nav li{
	float:left;
	width:45%;
	margin:0 5% 5% 0;
}

.sub_nav li a{
	display:block;
	width:100%;
	margin:auto;
	padding-bottom:10px;
	background:#fff;
	font-size:2em;
	font-weight:bold;
	text-align:center;
	position:relative;
}

.sub_nav li a span{
	display:block;
	color:#69c;
	font-size:.8em;
}

.sub_nav li img{
	display:block;
	width:60%;
	/*margin:0 0 0 10px;*/
	border:5px solid #f1f1f1;
}

.sub_nav li a i{
	display:block;
	font-size:25px;
	font-weight:bold;
	position:absolute;
	bottom:20%;
	right:15%;
	background:#fff;
		
}

@media screen and (max-width: 480px) {
  
    .sub_nav{
	margin-bottom:20px;
    }
	
	.sub_nav h2{
		font-size:1.8em;
	}

	.sub_nav ul{
		margin:0;
	}
	
	.sub_nav li{
		float:none;
		width:100%;
        margin-bottom:3%;
	}
	
	.sub_nav li a{
        padding-top: 13px;
	    padding-left: 110px;
	    text-align: left;
		font-size:1.8em;
        height:80px;
        position: relative;
	}

	
	.sub_nav li img{
		width:80px;
		margin:auto;
        position: absolute;
        top: 12%;
        left: 3%;
	}
	
	.sub_nav li a i{
		top:33%;
        right:7%;
	}

}

@media screen and (min-width: 769px) {
	
	.sub_nav{
		background:url(img/sub_nav_bg.png);
		box-shadow:inset 0 5px 5px #eaeaea,inset 0 -5px 5px #eaeaea;
	}

	.sub_nav h2{
		margin-bottom:20px;
		font-size:3em;
		text-align:left;
	}
	
	.sub_nav_in{
		width:90%;
		max-width:1280px;
		margin:auto;
		height:auto;
		max-height:400px;
	}
	
	.sub_nav ul{
		display:block;
		width:101%;
	}

	.sub_nav li{
		width:19%;
		margin-right:1%;
	}
	
	.sub_nav li img{
		width:100%;
		border:none;
	}
	
	.sub_nav li a{
		background:none;
	}
	
	.sub_nav li a:hover{
		opacity:.6;
	}
	
	.sub_nav li a i{
		display:none;
	}

}

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

contents
					
---------------------------------------------------------*/


.contents {
	width: 90%;
	max-width: 1280px;
	margin: auto;
	padding: 0 0 30px;
}

/*.main {
	width:90%;
	margin:0 5%;
}*/

.main h2{
	margin-bottom:10px;
	padding:5px 0;
	color:#fff;
	font-size:1.6em;
	font-weight:bold;
	text-align:center;
	background: rgb(00,40,80);
}

.main .a_new{
	margin-bottom:20px;
}
.main .a_new dt,
.main .a_new dd{
	float:left;
	margin-bottom:10px;
}

.main .a_new dt{
	clear:both;
    width:170px;
	height:30px;
	background:#FFFFDC;
	border-radius:5px;
	font-size:1.4em;
	line-height:30px;
	padding:0 20px;
    text-align:center;
}

.main .a_new dd a{
	display:block;
	height:30px;
	margin-left:40px;
	line-height:30px;
	font-size:1.4em;
	position:relative;
}

.main .a_new dd a i{
	position:absolute;
	top:5px;
	left:-20px;
	font-size:1.4em;
}

.main ul{
	margin:0 -3.5% 20px 0;
}

.main ul li{
	width:30%;
	margin:0 3.33% 20px 0;
	float:left;
}

.main ul li a {
	display:block;
	width: 100%;
	height: auto;background: #eee;
	border-radius: 0 0 0 0;
	position:relative;
}

.main ul li a span{
	width:100%;
	padding:10px 5px;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.2;
	position:relative;
	display: block;
	text-align: center;
	background: #FFFFDC;
  	border-radius: 0 0 0 0;
}

.main ul li a:hover span{
	background:#C2C0B1;
	color:#fff;
}

.main ul li a:hover i{
	color:#fff;
}

.main ul li a img{
	display:block;
  	width:100%;
}

.main ul li a i{
	display:block;
	font-size:25px;
	font-weight:bold;
	position:absolute;
	right:10%;
	bottom:20%;
}

.main .top_img img{
	margin-bottom:20px;
	width:100%;
}

.main a,
.main span,
.main u{
	font-size:1em;
}

.main strong,
.main strong a,
.main strong span,
.main strong u{
	font-weight:bold!important;
	font-size:1em;
}
	
@media screen and (max-width: 480px) {
     
    .main h2{
		
	}
	
	.main ul li a span{
		font-size:1.2em;
	<!--box-shadow: inset 5px 0 0 #C2C0B1;-->
	}
	
  　.main .a_new dt{
  		font-size:1.2em;
	}
  
	.main .a_new dd a{
		height:auto;
		text-decoration:underline;
    }

}

@media screen and (min-width: 769px) {
	
	.main {
		width:75%;
		max-width:960px;
		float:left;
		margin:0;
	}
	
	.main h2{
		padding:5px 0 5px 20px;
		font-size:1.7em;
		text-align:left;
	}
	
	.main ul li{
		float:left;
	}
	
	.main ul li a{
		display:block;}
	
	.main ul li a span{
		font-size: 1.8em;
		line-height: 40px;
		padding:5px;
	}
	
	/*.main ul li a img{
		margin:10px 10px 0 10px;
	}*/

	
	.main ul li a i{
		right:15%;
		bottom:30%;
	}

}

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

sidebar
					
---------------------------------------------------------*/

.sidebar {
	width:90%;
	margin:0 5%;
}

.sidebar hr {
	display:block;
	margin:30px 0;
}

.sidebar h3 {
	width:100%;
	margin-bottom:10px;
  }

.sidebar h3 a{
	display:block;
	background: #D1D9E0;
	padding-left:25%;
	height:auto;
	font-size: 2em;
	font-weight:bold;
	position:relative;
}

.sidebar h3 a i{
	position: absolute;
	top: 33%;
	right: 10%;
	font-size: 30px;
	font-weight: bold;
}

.sidebar .sidebar_h3_1 a{
	padding:8% 0 10% 25%;	  
}

.sidebar .sidebar_h3_2 a{
	position:relative;
	padding-top:27%;
}

.sidebar .sidebar_h3_2 a span{
	display:block;
	font-size: 1em;
	font-weight:bold;
	line-height:1.1;
	position:absolute;
	top:50%;
	margin-top:-1em;
}
.sidebar .sidebar_rentalbicycle a{
	background:url(http://www.itoshima-kanko.net/wp-content/uploads/2018/07/rental_bicycle.png) no-repeat;
	background-size:contain;
}

.sidebar .sidebar_itogon a{
	background:url(../../uploads/2017/04/itogon.png) no-repeat;
	background-size:contain;
}

.sidebar .sidebar_event a{
	background:url(img/sidebar_event_bg.png) no-repeat;
	background-size:contain;
}

.sidebar .sidebar_access a{
	background:url(img/sidebar_access_bg.png) no-repeat;
	background-size:contain;
}

.sidebar .sidebar_what a{
	background:url(img/sidebar_what_bg.png) no-repeat;
	background-size:contain;
}

.sidebar .sidebar_blog a{
	background:url(img/sidebar_blog_bg.png) no-repeat;
	background-size:contain;
}

.sidebar .sidebar_about a{
	background:url(img/sidebar_about_bg.png) no-repeat;
	background-size:contain;
}

.sidebar .calendar {
	margin: 0  0 20px 5%;
}

.sidebar .calendar li {
	float: left;
	width: 30%;
	height: 40px;
	margin: 0 3.3% 3.3% 0;
	background: #FFFFDC;
  	text-align: center;
}

.sidebar .calendar li a {
	display: block;
	font-size: 1.5em;
	font-weight:bold;
	line-height: 40px;
}

.sidebar .calendar li a:hover {
	background:#C2C0B1;
	color:#fff;
}

.sidebar .sidebar_p{
	width:100%;
	margin:auto;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin-bottom: 10px;
}

.sidebar .sidebar_p a:hover{
	background:#C2C0B1;
	color:#fff;
}

.sidebar p a:hover i{
	color:#fff;
}

.sidebar .sidebar_p a,
.sidebar ul li a {
	display: block;
	width: 100%;
	height: 50px;
	padding-left:1em;
	line-height: 50px;
	font-size: 1.7em;
	font-weight:bold;
	position: relative;
}

.sidebar .sidebar_p a i,
.sidebar ul li a i {
	position: absolute;
	top: 15px;
	right: 20px;
	font-size: 20px;
	font-weight: bold;
	background: #666;
	border-radius: 20px;
	color: #fff;
	width: 20px;
	height: 20px;
	line-height: 19px;
	text-align: center;
}

.sidebar_post img{
	width:30%;
	float:left;
}

/*.sidebar_post h4,
.sidebar_post p,
.sidebar_post a.more-link{
  float:right;
}*/

.sidebar_post h4{
	width:100%;
}	
	
.sidebar_post h4 a{
	font-size:1.4em;
}

.sidebar_post p,
.sidebar_post a.more-link{
	clear:both;
	font-size:1.4em;
}
  
.sidebar_post a.more-link{
	float:right;
}	
.sidebar .post_text{
	border-bottom:1px dotted #ccc;
	padding:10px 5px;
}  
.archives{
	width:90%;
	margin:auto;
}

.archives h3{
	font-size:1.6em;
}

.archives ul li a{
	font-size: 1.4em;
	text-decoration: underline;
	background: #fff;
	text-align: left;
	height: auto;
	line-height: normal;
	font-weight: normal;
	margin-bottom: 10px;
}

@media screen and (min-width: 769px) {
	
	.sidebar {
		width:27%;
		max-width:300px;
	    float:right;
		margin:0;
	}
	
	.sidebar hr {
		display:none;
	}

	
	.sidebar h3 a{
		width:100%;
	}
  
	.sidebar .sidebar_h3_1 a{
		padding:5% 0 5% 25%;	  
	}

	.sidebar h3 a i{
		top: 31%;
		right: 10%;
	}

	.archives{
		width:100%;
		max-width:300px;
		margin:25px 0 0;
	}
	
}

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

sub_contents
					
---------------------------------------------------------*/

.sub_contents{
	background:url(img/sub_nav_bg.png);
	box-shadow:inset 0 5px 5px #eaeaea,inset 0 -5px 5px #eaeaea;
	padding-top:10px;
}

.sub_contents_in{
	width:90%;
	max-width:1280px;
	margin:auto;
}

.sub_contents_in h3 {
	font-size: 1.2em;
}

.sub_contents ul,
.banner_area > .textwidget {
	margin-right: -3%;
}

.sub_contents ul li,
.banner_area > .textwidget a{
	display:block;
	float: left;
	margin: 0 3% 3% 0;
	/*height: 100px;
	background: #fff;
	border: 1px solid #ccc;*/
}

.sub_contents ul li a,
.banner_area > .textwidget a{
	display: block;
}

.sub_contents ul li img,
.banner_area > .textwidget img{
	width:100%;
  	border: 1px solid #ccc;
}

@media screen and (min-width: 769px){
	
	.sub_contents {
		background: url(img/sub_nav_bg.png);
		box-shadow: inset 0 5px 5px rgba(200,210,210,.3),inset 0 -5px 5px rgba(200,210,210,.3),inset 0 -1px 3px rgba(200,200,200,.5);
		padding: 10px 0;
	}
	
	.sub_contents ul,
	.banner_area > .textwidget {
		margin-right: -1%;
	}

	.sub_contents ul li,
	.banner_area > .textwidget a{
  		display:block;
		margin: 0 1% 1% 0;
	}
	
}

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

footer
					
---------------------------------------------------------*/

.footer_out{
	background: #e5f3ff;
	background: -moz-linear-gradient(top,  #e5f3ff 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5f3ff), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #e5f3ff 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #e5f3ff 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #e5f3ff 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #e5f3ff 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f3ff', endColorstr='#ffffff',GradientType=0 );
	height:auto;
}

.footer {
	width:100%;
	text-align:center;
	padding:20px 0;
}

.footer p{
	font-size:1.6em;
	margin:0 5%;
}

.footer p span{
	display:block;
	font-size:.9em;
}

.footer > ul{
	margin:0 5%;
	width:90%;
}

.footer > ul li{
	width:100%;
	font-size:1.4em;
}

.footer_in{
	display:table;
	width:100%;
}

.footer_in ul,
.footer_in dl{
	width:80%;
	margin:0 10% 0;

}	

.footer_in ul li a{
	display:block;
	text-align:left;
}

.footer_in dt{
  	color:#fff;
	background:#002850;
	padding:5px;
	font-size:1.6em;
	font-weight:bold;
}

.footer_in dd a{
	display:block;
	text-align:left;
}

.footer_in ul li a:before,
.footer_in dd a:before{
	content:"◆";
	
}
	
.copy{
	background:#002850;
	color:#fff;
	text-align:center;
	padding:5px 0;
}

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

	.footer_out{
		/*background:url(http://www.itoshima-kanko.net/wp-content/themes/img/footer_bg.png) repeat-x;*/
		min-height:auto;
	}
	
	.footer {
		width:90%;
		max-width:1280px;
		padding:10px 0;
		margin:auto;
		text-align:left;
	}
	
	.footer p{
		margin:0;
		float:left;
	}
	
	.footer > ul{
		margin:0 0 10px 20px;
		float:left;
		width:auto;
	}
	
	.footer_in{
		clear:both;
		display:table;
		width:100%;
	}
	
	.footer_in ul,
	.footer_in dl{
		display:table-cell;
		width:20%;
		padding:10px 20px;
	}

	.footer_in ul li{
		display:block;
		font-size:1.2em;
	}
  
	.footer_in ul li a{
  		display:block;
  		font-size:1.0em;
	}
	
	.footer_in dl{
		border-left:1px solid #ccc;
	}
	
	.footer_in dt{
		color:#002850;
		background:none;
		font-size:1.6em;
		font-weight:bold;
	}

	.footer_in dd a{
		font-size:1.2em;
	}
	
	.footer_in ul li a:hover,
	.footer_in dd a:hover{
		text-decoration:underline;
		color:blue;
	}
	
}

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

ページツール

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

/*-- パンくずリスト --*/

.breadcrumbs{
	width: 80%;
    max-width: 1280px;
    margin: auto;
    height:auto;
	line-height:40px;
}

.breadcrumbs > span > span{
  font-size:1.4em;
}

  .breadcrumbs > span > a{
	font-size:1.4em;
	  text-decoration:underline;
  }  
  
@media screen and (min-width: 769px) {
.breadcrumbs{
	width: 90%;
	height:40px;
	}
}

/*-- ページ遷移 --*/

div.navigation {
	margin-bottom:0px;
	text-align:center;
}

div.navigation > div{
	display:inline-block;
	padding:5px;
	border:1px solid #ccc;
	border-radius:5px;
	background:#eee;
}

div.navigation > div > a {
	display:inline-block;
	font-size:1.5em;
	color: #888;
	text-decoration: none;
}

div.navigation > div > a:hover {
	color: #555;
	background:#ddd;
}

/*ページトップへ*/

.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #333;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}

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

お役立ち情報－スタッフブログ

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

.post{
  padding-bottom:20px;
  position:relative;
}  

.single .post h3{
  padding:0;
  margin:0;
  font-weight:normal;
  font-size:1em;
}

.single .post h3 a{
  display:block;
  width: 100%;
  padding:2% 5%;
  margin-bottom: 20px;
  font-size: 1.6em;
  font-weight: bold;
  height: auto;
  background: #FFFFDC;
}

.post .post_text{
  padding-bottom:40px;

}

.single .post_text img{
  display:block;
  width:80%;
  /*margin: 0 10% 20px;*/
  height:auto;
}

.single .post_text p{
	clear:none;
}

.post  .more-link{
  clear:both;
    display: block;
    font-size:1.8em;
	text-align:right;
    width: 100%;
    position:absolute;
    bottom:20px;
  }

.post strong{
  font-size:1em;
  font-weight:bold;
}


@media screen and (min-width: 769px) {
  
  .post .post_text{
	  padding-bottom:0;
	}
  
  .single .post h3 a{
	  padding:0 0 0 5%;
	  margin-bottom: 20px;
	  font-size: 1.8em;
	  height: 40px;
	  line-height: 40px;
	}
  
	.single .post_text img{
	  display:block;
	  width:150px;
	  margin:0 5% 0 0;
	  float:left;
	  height:auto;
	}
	
	.single .post_text p{
			  clear:none;
  width:90%;
	}

}

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

新着情報、お役立ち情報－スタッフブログ　投稿記事

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

.single h3{
  display: block;
  width: 100%;
  padding-left: 5%;
  margin-bottom: 20px;
  font-size: 1.7em;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  background: #FFFFDC;
}

.textarea{
  width:95%;
  margin:auto;
}

.single strong,
.single a strong,
.single strong span{
  font-size:1em;
  font-weight:bold;
}

.single p{
  clear:both;
  font-size:1.4em;
}

.single span{
	font-size:1em;
}
  
.single p a{
  font-size:1em;
	text-decoration:underline;
}

.single table{
   width:100%;
}
	
.single table td{
	font-size:1.4em;
 }

.contents-chatch{
    width:100%;
    padding-left:2%;
    margin-bottom:10px;
	font-size: 1.7em;
	font-weight:bold;
	height: 40px;
	line-height: 40px;
	background: #FFFFDC;
}

.single img {
	margin: 0;
	height: auto;
	width: 100%;
}
.contents .attachment img {
	max-width: 900px;
}
.contents .alignleft,
.contents img.alignleft {
	display: inline;
	float: left;
	/*margin-right: 24px;*/
	margin-right: 5px;
	margin-top: 4px;
}
.contents .alignright,
.contents img.alignright {
	display: inline;
	float: right;
	/*margin-left: 24px;*/
	margin-top: 4px;
	margin-left: 5px;
}
.contents .aligncenter,
.contents img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.content img.alignleft,
.content img.alignright,
.content img.aligncenter {
	margin-bottom: 14px;
}
.contents .wp-caption {
	background: #FFF;
	line-height: 15px;
	margin-bottom: 15px;
	padding: 3px;
	text-align: center;
}
.contents .wp-caption img {
	margin: 3px 3px 0;
}
.contents .wp-caption p.wp-caption-text {
	color: #000;
	font-size: 12px;
	margin: 3px;
}
.contents .wp-smiley {
	margin: 0;
}
.contents .gallery {
	margin: 0 auto 18px;
}
.contents .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.contents .gallery img {
	border: 2px solid #cfcfcf;
}
.contents .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.contents .gallery dl {
	margin: 0;
}
.contents .gallery img {
	border: 10px solid #f1f1f1;
}
.contents .gallery br+br {
	display: none;
}
.contents .attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .single h3{
 
  height: auto;

}
  
  .contents-chatch{
  height:auto;
}
  .contents img{
	float:none;
	width:100%!important;
  }
	
  .textarea{
    width:100%;
    margin:auto;
}
	  
   .contents .alignright,
	  .contents .alignleft{
		float:none;
  margin:0;
	 }

.contents .wp-caption{
		padding:0;
}

.contents .wp-caption img {
	margin:0;
}

}
  
/*-----------------------

カテゴリ別　投稿記事

------------------------*/
  
.single_cat{
}
  
.single_cat h3{
    width:100%;
    padding-left:2%;
    margin-bottom:10px;
	font-size: 1.7em;
	font-weight:bold;
	height: 40px;
	line-height: 40px;
	background: #FFFFDC;
} 

.single_cat p,
.single_cat th,
.single_cat td{
  font-size:1.5em;
}

.single_cat p a,
.single_cat th a,
.single_cat td a{
  font-size:1em;
	text-decoration:underline;
}

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

下層ページ

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

.page h3{
  display: block;
  width: 100%;
  padding-left: 2%;
  margin-bottom: 10px;
  font-size: 1.7em;
  font-weight: bold;
  height: auto;
  line-height: 40px;
  background: #FFFFDC;
}

.page table{
  margin:20px auto 30px;
  }
.page table th,
.page table td{
  font-size:1.4em;
  }
/*-----------------------

下層ページ：一覧

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

.page p{
	font-size:1.4em;
}

.page p a{
	font-size:1em;
  　text-decoration:underline;
}


.page_list{
    width:95%;
	margin-left:2%;
	margin-right:-1%;
	margin-bottom:20px;
}

.page_list h3{
    width:100%;
    padding-left:2%;
    margin-bottom:20px;
	font-size: 1.7em;
	font-weight:bold;
	height: 40px;
	line-height: 40px;
	background: #FFFFDC;
}
 
.page .category_list{
	margin-right:-5%;
}
  
.page .category_list > li{
	width:45%;
	float:left;
	margin-right:5%;
}

.page .category_list > li > a{
    display:block;
    background:none;
    margin-bottom:10px;
    padding-left:2em;
    height:39px;
	font-size:1.6em;
	line-height:30px;
	border-bottom:1px solid #ccc;
    position:relative;
}
  
.page .category_list > li > a:before{
	content:">";
	display:block;
	width:25px;
	height:25px;
	background:#69c;
	border-radius:15px;
	color:#fff;
	font-size:1em;
	font-weight:bold;
	line-height:25px;
	text-align:center;
	position:absolute;
	left:0;
	top:5%;
} 
.page .category_list > li > a:hover{
	opacity:.6;
}
.page .category_list .list_img > a{
	height:100%;
}
.page .category_list .list_img > a:hover{
	opacity:.6;
}

.page a img,
.page img{
	width:100%!important;
    height:auto;
}

.page .fa-file-pdf-o{
	font-size:1.4em;
	color:#900;
}

@media screen and (max-width: 1024px) {
.size-full{
	width:100%!important;
}
}
@media screen and (max-width: 768px) {
.page .category_list > li{
	width:100%;
	/*float:none;*/
	margin-right:0;
}
  
}

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

下層ページ：詳細一覧　term_page

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

.term_page .category_list > li{

}

	
.term_page .category_list > li a{

}

.term_page .category_list > li .list_img{
	width:100%;
	height:auto;
	float:left;
	margin-right:10px;
}

.term_page .category_list > li  img{
	width:100%;
	height:auto;
}

.term_page .category_list > li p{
	margin-right:10px;
}

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

}

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

下層ページ：詳細

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


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

下層ページ：糸島での交通手段

------------------------*/
.fromtoline{
	width:90%;
	margin:0 5% 50px;
}

.fromtoline .left{
	width: 100%;
}
	  
.fromtoline .right{
	width: 90%;
	max-width: 320px;
	height: auto;
}
	  
.fromtoline p{
	margin-bottom: 15px;
}

.fromtoline .right img{
    padding-bottom: 20px;
}
	  
@media screen and (min-width: 768px) {
    .fromtoline .left{
    	width: 55%;
	}
    .fromtoline .right{
    	width: 40%;
    }
}

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

下層ページ：what's糸島

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

.what{
	width:90%;
	margin:0 5%;
}

.what p.what_intro_img{
	text-indent:0;
	margin-bottom:20px;
}

.what_intro_img img{
	width:100%;
}

.what p{
	text-indent:1em;
	margin-bottom:20px;
}

.what h4{
	font-weight:bold;
	font-size:2em;
}

.what .textarea{
	width:100%;
	margin-bottom:30px;
}

.what .textarea_img{
	width:80%;
	margin:0 10% 30px;
}

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

	.what h4{
		font-size:2.4em;
	}
	
	.what .textarea_img{
		width:auto;
		float:right;
		margin:-40px 0 30px 30px;
	}

}


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

下層ページ：お問い合わせ

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

#inquiry{
  width:95%;
  margin:auto;
  font-size:1.4em;
}

#inquiry ul{
  margin:20px 0 0 0;
}

#inquiry p,
#inquiry li{
  font-size:1.4em;
}

#inquiry li{
  width:100%;
  float:none;
  margin-bottom:5px;
}

#inquiry input,
#inquiry textarea{
  width:80%;
}

#inquiry .wpcf7-submit{
  width:150px;
  height:50px;
}

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

下層ページ：会員一覧

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

.memberlist table{
  width:100%;
  margin-bottom:20px;
}

.memberlist th{
  text-align:center;
  background:#eee;
}  
  
.memberlist th,
.memberlist td{
  font-size:1.4em;
  line-height:1.5;
  border:1px solid #ccc;
  padding:10px;
}

.memberlist td a{
  font-size:1em;
  line-height:1.5;
  text-decoration:underline;
}

.walk{
  color:#000;
  line-height:1.5;
}
  
.walk table{
  width:100%;
  margin-bottom:20px;
}
  
.walk th{
  text-align:center;
  background:#eee;
}

.walk th,
.walk td{
  padding:10px;
}

.walk td a{
  text-decoration:underline;
}
	

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

グーグルマップ

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

#mapbtn,
#mapbtn2{
  cursor: pointer;
  margin-bottom:20px;
  border-radius:5px;
  border:1px solid #ccc;
  padding:5px 10px;
  width:150px;
  text-align:center;
}

#g_map,
#g_map2{
  width:100%;
  height:300px;
}

@media screen and (min-width: 768px) {
  #g_map,
  #g_map2{
  height:500px;
}

  ｝