/*
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:#666;
	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:#666;
  	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 (max-width: 768px) {

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

}

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

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

}

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

rayout.css

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


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

/*-- アンカー --*/
a:link {
	color : #666 ;
	text-decoration :none;
}

a:hover {
	color : #33a;
	text-decoration :none;
}

a:visited {
	color : #666;
	text-decoration :none;
}

a:active {
	color : #666;
	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 #9c6;
	background: #9c6;
	line-height: 34px;
	color: #fff;
	font-size: 1em;
	text-align: center;
	position: relative;
}

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

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

@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: -250px;
		width: 250px;
		height: 100%;
		background: #D7CCA8;
		z-index: 100;
	}
	
	.slideout-menu p {
		position: relative;
		padding: 18px 10px;
		color: #8F5A0A;
		text-align:center;
		font-size: 1.8em;
		font-weight: 400;
		border-bottom: 4px solid #8F5A0A;
	}
	
	.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:#8F5A0A;
		font-size:16px;
		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 #8F5A0A;
		border-bottom: 1px solid #8F5A0A;
	}
	
	.slideout-menu ul li {
		border-top: 1px solid #8F5A0A;
		border-bottom: 1px solid #8F5A0A;
		background:#CEB88A;
	}
	
	.slideout-menu ul li a {
		display: block;
		padding: 10px;
		color: #8F5A0A;
		font-size:1.6em;
		font-weight:bold;
		text-align:center;
		text-decoration: none;
	}
	
	.slideout-menu ul > ul > li a {
		background:#E5CD89;
		font-size:1.4em;
	}
	
	.slideout-menu ul li a:hover {
		background: #CEB88A;
		color: #fff;
	}
	
	.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 #69c;
		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:2em;
		font-weight:bold;
		line-height:70px;
	}
	
	.nav .main_nav li:hover a{
		color:#fff;
		background:#98C5F2;
	}
	
	.side_nav{
		display:none;
	}

}

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

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

@media screen and (min-width: 769px) {
	
	#viewer {
		margin: 0 auto;
		width: 100%;
		max-height:650px;
		position: relative;
		overflow: hidden;
	}
	#viewer ul {
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	#viewer ul li {
		top: 0;
		left: 0;
		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:20px;
	padding:5px 0;
	color:#fff;
	font-size:1.6em;
	font-weight:bold;
	text-align:center;
	background: rgb(63,126,182);
	background: -moz-linear-gradient(top,  rgba(63,126,182,1) 0%, rgba(123,167,205,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(63,126,182,1)), color-stop(100%,rgba(123,167,205,1)));
	background: -webkit-linear-gradient(top,  rgba(63,126,182,1) 0%,rgba(123,167,205,1) 100%);
	background: -o-linear-gradient(top,  rgba(63,126,182,1) 0%,rgba(123,167,205,1) 100%);
	background: -ms-linear-gradient(top,  rgba(63,126,182,1) 0%,rgba(123,167,205,1) 100%);
	background: linear-gradient(to bottom,  rgba(63,126,182,1) 0%,rgba(123,167,205,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f7eb6', endColorstr='#7ba7cd',GradientType=0 );
	border-bottom:10px solid #9FBFDB;
}

.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:#D1D9E0;
	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: 8px 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: #F0EEDF;
	box-shadow: inset 10px 0 0 #C2C0B1;
	border-radius: 8px 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{
  width:100%;
  margin-bottom:20px;
}

.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{
	    border-bottom: 5px solid #9FBFDB;
	}
	
	.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:2em;
		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_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: #F0EEDF;
	border-radius: 8px 0 0 0;
	box-shadow: inset 5px 0 0 #C2C0B1;
	text-align: center;
}

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

.sidebar .calendar li a:hover {
	border-radius: 8px 0 0 0;
	background:#C2C0B1;
	color:#fff;
}

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

.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.8em;
	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:23%;
		max-width:300px;
	    float:right;
		margin:0;
	}
	
	.sidebar hr {
	  display:none;
	  }

	
	.sidebar h3 a{
		width:100%;
	}
  
  .sidebar .sidebar_h3_1 a{
  padding:7% 0 8% 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:20px;
}

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

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

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

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

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

.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: 20px 0;
	}
	
	.sub_contents ul,
	.banner_area > .textwidget {
		margin-right: -1%;
	}

	.sub_contents ul li,
	.banner_area > .textwidget a{
  display:block;
		width:19%;
		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;
	font-size:1.6em;
	padding:5px 5px 5px 1em;
	text-indent:-1em;
	text-align:left;
}

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

.footer_in dd a{
	display:block;
	font-size:1.6em;
	padding:5px 5px 5px 1em;
	text-indent:-1em;
	text-align:left;
}

.footer_in ul li a:before,
.footer_in dd a:before{
	content:"●";
	
}
	
.copy{
	background:#69c;
	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:300px;
	}
	
	.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 a{
		display:block;
		font-size:1.2em;
	}
	
	.footer_in dl{
		border-left:1px solid #ccc;
	}
	
	.footer_in dt{
		color:#69c;
		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:#69c;
	}
	
}

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

ページツール

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

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

.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:50px;
	text-align:center;
}

div.navigation > div{
	display:inline-block;
	margin-right:3px;
	border-radius:3px;
	font-size:1.25em;
	color: #aaa;
}

div.navigation > div > a {
	display:inline-block;
	padding:5%;
	margin-right:3px;
	border:1px solid #ccc;
	border-radius:3px;
	font-size:1.25em;
	color: #888;
	background:#eee;
	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: #F0EEDF;
  border-radius: 8px 0 0 0;
  box-shadow: inset 5px 0 0 #C2C0B1;
}

.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.8em;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  background: #F0EEDF;
  border-radius: 8px 0 0 0;
  box-shadow: inset 5px 0 0 #C2C0B1;
}

.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:60%;
}
	
.single table td{
	font-size:1.4em;
 }

.contents-chatch{
    width:100%;
    padding-left:2%;
    margin-bottom:20px;
	font-size: 1.8em;
	font-weight:bold;
	height: 40px;
	line-height: 40px;
	background: #F0EEDF;
	border-radius: 8px 0 0 0;
	box-shadow: inset 5px 0 0 #C2C0B1;
}

.single img {
	margin: 0;
	height: auto;
	max-width: 780px;
	width: auto;
}
.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: 12px;
}
.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: 5%;
  margin-bottom: 20px;
  font-size: 1.8em;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  background: #F0EEDF;
  border-radius: 8px 0 0 0;
  box-shadow: inset 5px 0 0 #C2C0B1;  
} 

.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: 5%;
  margin-bottom: 20px;
  font-size: 1.8em;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  background: #F0EEDF;
  border-radius: 8px 0 0 0;
  box-shadow: inset 5px 0 0 #C2C0B1;
}

.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:5%;
	margin-right:-1%;
	margin-bottom:20px;
}

.page_list h3{
    width:100%;
    padding-left:5%;
    margin-bottom:20px;
	font-size: 1.8em;
	font-weight:bold;
	height: 40px;
	line-height: 40px;
	background: #F0EEDF;
	border-radius: 8px 0 0 0;
	box-shadow: inset 5px 0 0 #C2C0B1;
}
 
.page .category_list{
	margin-right:-1%;
}
  
.page .category_list > li{
  width:49%;
	float:left;
	margin-right:1%;
}

.page .category_list > li > a{
    display:block;
    background:none;
    margin-bottom:10px;
    padding-left:2em;
    height:30px;
	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: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;
	}
.page a img,
.page img{
  width:100%!important;
	  height:auto;
}
  
}

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

下層ページ：詳細一覧　term_page

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

.term_page .category_list > li{

}

	
.term_page .category_list > li a{

}

.term_page .category_list > li .list_img{
  width:150px;
  height:120px;
  float:left;
  margin-right:10px;
}

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

.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:80%;
  margin:auto;
}

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

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

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

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

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

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

下層ページ：会員一覧

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

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

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

.memberlist td a{
	font-size:1em;
		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;
}

  ｝