/*
Theme Name: tiny-framework-child-tuzikitiku
Template: tiny-framework
Version: 1.0
*/
@import url('../tiny-framework/style.css');

/*=================================
 サイト幅の変更
================================*/

/* 12.0 Footer */
.site-footer {
	max-width: 1120px;
	max-width: 70rem;
}

/* 15.1 Minimum width of 770 pixels */
@media screen and (min-width: 770px) {
	body .site {
		max-width: 1200px;
		max-width: 75rem;
	}
	/* Compatibility for older IE browsers */
	.ie body .site {
		max-width: 1200px;
	}
	
	
}



/* 15.1 Minimum width of 770 pixels */
@media screen and (min-width: 770px) {
.site-content .content-area {
	float: left;
	width: 70.104166667%!important;
}
.site-content .widget-area {
	float: right;
	width: 25.5%!important;
}
	
}


/*=================================
 single.php の背景の修正
================================*/
body.single-post{
	background-color:#e6e6e6!important;
}

/*=================================
 ヘッダータイトル
================================*/
.site-header{
	_background-image: url(http://renew.tsuzuki-koryu.org/img/header-bg-tuzuki.jpg);
	background-repeat: no-repeat;
}

.site-title a {
	margin-top:30px;
	margin-bottom:10px;
	font-size:1.2em;
	line-height: 1em;
}

@media only screen and (max-width: 780px) {
.site-header{
	background-image: url(none);
}
	.site-title a {
	margin-top:0;
	margin-bottom:10px;
	font-size:0.8em;
}
}




#site-navigation {
	margin:0;
	padding:0;
}

/*=================================
 ヘッドナビ
================================*/


#primary-menu {
	border-top:3px solid #d80100;
		margin-bottom:10px;
}

#primary-menu ul{
	border:none;
	border-top:2px solid #000000;
	margin-top:4px;
}
#primary-menu li {
	margin-left:2em;

}
_#primary-menu ul li {	
	padding-right:3.5em;
	border-right:1px solid #171717;
	text-align:center;
	
}

.site-header .menu-toggle {
	width: 120px;
}


/*=================================
 コンテンツ基本デザイン
================================*/


img {
border: none;
	border-radius: 0;
		box-shadow:none!important;
}

_.entry-content{
	border-bottom:1px dotted #2e2e2e;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

span.small{
 font-size:80%;
}


/*=================================
 コンテンツタイトル
================================*/
h1.toptitle{
	font-size:1.5em;
}

h1.toptitle i{
	font-size: 2em;
  margin-right: 0.3em;
}

h2.title {
clear:both;
margin-top:10px!important;
padding: 0.25em 0.5em;
color: #494949;
background: transparent;
border-left: solid 12px #d80100;
border-top:solid 1px #000000;
border-right:solid 1px #000000;
border-bottom:solid 1px #000000;
}



.title-event-out{
	  position: relative;
}
.iciran2 a {
  position: absolute;
	right:0;
	bottom:0;
    display: inline-block;
    font-weight: bold;
    padding: 0 0.8em;
		border-radius: 25px;
    text-decoration: none;
	    background: #000000;
    color: white;
    transition: .4s;
}

.iciran2 a:hover {
    color: #ffffff;
    background: #d80100;
}



/*=================================
 新着おしらせ
================================*/

.newentry-list {
 margin: 0;
}

.newentry-list ul {
	margin:0;
	padding:0;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}
.newentry-list ul li {
  padding: 0;
  list-style-type: none!important;
}



.news-out {
  position: relative;
	overflow: visible;
	margin-bottom:5em;
}

.iciran a {
  position: absolute;
	right:0;
	bottom:0;
    display: inline-block;
    font-weight: bold;
    padding: 0 0.8em;
		border-radius: 25px;
    text-decoration: none;
	    background: #000000;
    color: white;
    transition: .4s;
}

.iciran a:hover {
    color: #ffffff;
    background: #d80100;
}
.newcate{
	font-size:0.8em;
	color:#ff4001;
}
.newcate:before{
	 content:"【"
}
.newcate:after{
	 content:"】"
}


/*=================================
table リセット
================================*/

table tr:nth-child(2n) {    /* 偶数行 */
   background-color: white;
}
table tr:nth-child(2n+1) {  /* 奇数行 */
   background-color: white;
}


/*=================================
講座・イベント新着
================================*/
.eventnews-out {
	margin-top:1em;
	margin-bottom:4em;
 position: relative;
	overflow: visible;
}

.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) {
    margin-left: 0;
    clear: left;
}
.defaltimg{
	margin-top:-30px!important;
}
.event-title{
	padding:0.5em;
}


/* col */
.col {
	background: #eeeeee;
	_border:1px solid #5c9ee7;
	float: left;
	margin-left: 3.2%;
	margin-bottom: 30px;
	padding:0!important;
}


.col img {
	width: 100%;
	box-shadow:none;
	border:1px solid #cccccc;
}

/* grid4 col */
.grid4 .col {
	width: 22.6%;
}

/* grid3 col */
.grid3 .col {
	width: 31.2%;
}

/* grid2 col */
.grid2 .col {
	width: 48.4%;
}

@media screen and (max-width: 740px) {
	.grid4 .col {
		width: 31.2%;
	}
	.grid4 .col:nth-of-type(4n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 0;
		clear: left;
	}
}


@media screen and (max-width: 600px) {
	/* change grid4 to 2-column */
	.grid4 .col {
		width: 48.4%;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid4 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}

	/* change grid3 to 2-column */
	.grid3 .col {
		width: 48.4%;
	}
	.grid3 .col:nth-of-type(3n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid3 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}
}


@media screen and (max-width: 400px) {
	.col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
	}
}


/*=================================
 サイドボタン
================================*/
.side-top{
	background-color:#ffd7d7;
}
h3.side{
	text-align:center;
	margin:0!important;
	padding:10px 10px 0 10px!important;
	font-size:1.5em;
}
span.side{
    clear: both;
    font-weight: bold;
	text-align:center;
	margin:0!important;
	display: block;
	padding:10px 10px 0 10px!important;
	font-size:1.5em;
}
h4.tel{
	text-align:center;
	font-size:1.5em;
	margin:0!important;
	padding:0 10px 10px 10px!important;
}
span.tel{
	clear: both;
    font-weight: bold;
	text-align:center;
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	font-size:1.5em;
	margin:0!important;
	padding:0 10px 10px 10px!important;
}

.side-bottom {
	margin-top:10px;
	background-color:#ffd7d7;
	padding:10px;
	text-align:center;
	font-size:1.5em;
}

.icon01 {
	  position: relative;
}
.icon01 a{ 
    color:#ffffff!important;
	  font-size:1.5em;
    display:block;
    border-bottom:solid 1px #DDD;
    padding:0.8em 1.5em 0.8em 0.8em;
    background-color:#d80100;    
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
		line-height:1.0;
    }
.icon01 a:hover{
    background-color:#acacac;
    }

.icon01 i {
	  position:absolute;
	  top:18%;
	  right:5%;
    font-size: 1.5em;
		_margin-left:0.5em;
  }


.icon03 {
	float:none;
    margin: 0.5em 0 0 0;
	   list-style:none!important;
  }

.icon03 ul{
    list-style:none!important;
    }


.icon03 li{
		margin:0 0 0 0!important;
	width: 100%;
  list-style-type: none!important;
}

.icon03 li a{ 
	  font-size: 1.2em;
	_color:#000000!important;
    display:block;
    border-bottom:solid 1px #DDD;
    padding:10px;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    }
.icon03 li a.sm {
  _font-size:1.1em}
.icon03 li a:hover{
    background-color:#cccccc;
    }

.icon03 ul li  i {
    _color: #000000;
    font-size: 2em;
    margin-right: 0.5em;
  }




/*=================================
 講座の下層ページ
================================*/
.box11{
    padding: 0.5em 1em;
    margin: 10px 0 0 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
    margin: 0; 
    padding: 0;
}


.mainleft-left {
	clear: both;

}
.mainleft-left img{
	box-shadow:none;
    _padding:7px;
    _border:1px solid #ccc;
    _background:#fff;
}
.mainleft-right {
}


@media (min-width: 768px) {
	/* コンテンツとサイドバーを横に並べる設定 */
	#content:after	{	
		display: block;
		clear: both}

	.mainleft-left	{
		padding:10px;
		float: left;
		width: 50%;}

	.mainleft-right	{float: right;
		width: 50%;}
.mainleft-left p {
    padding: 0 20px;
}
.mainleft-right p {
    padding: 0 20px;
}
}



/*=================================
 サイドのメニュー
================================*/
.side-grouplist {
	font-size:1em;
}
.side-grouplist ul{

 padding: 0.5em 1em 0.5em 2.5em;
  position: relative;
}
.side-grouplist ul li{
	 line-height: 1.2;
  padding: 0.5em 0;
  list-style-type: none!important;
}
.side-grouplist ul li:before {
  font-family: FontAwesome;
  content: "\f138";
  position: absolute;
  left : 1em;
  color: #d80100;
}



/*=================================
 おしらせ詳細ページ
================================*/
h1.entry-title{
  padding-bottom: .5em;
  border-bottom: 3px double #ccc;
}

.entry-content{
	padding-bottom:40px;
}

.koukaibi{
	font-size:0.8em;
	color:#CCCCCC;
}
.koukaibi:before{
	content:'公開日：'
}


.nav-previous a, .nav-next a {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #ffffff!important;
    background: #94bfef;
    transition: .4s;
}



/*=================================
 カテゴリーページ
================================*/
.h-as-article{
		margin:0 0 30px 0!important;
	padding:0!important;
	background:none!important;
	border:none!important;
}


.page-header {
	border:none!important;
	margin:0!important;
	padding:0!important;
}

.status-publish {
	background:none!important;
	border:none!important;
}


h2.entry-title {
  position: relative;
  background: #deebfa;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
}
h2.entry-title a {
	display:block;
}


h2.entry-title:before {
  font-family: FontAwesome;
  content: "\f14a";
  position: absolute;
  left : 0.5em;
}


h1.page-title{
	color:#000000;
}



/*=================================
 TOP施設概要・アクセス
================================*/
dl.open_list{
	margin:0!important;
	padding:0!important;
		position:relative;
		overflow:hidden;
		float:left;
		display:block;
		width:100%;
		_border-left:1px solid #cbcbcb;
	_background-color:#eee;
}


dl.open_list_bottom{
		_border-bottom:1px solid #cbcbcb;
		  margin-bottom:10px!important;
}
dl.open_list_no_margin{
margin:0 0px 0 0;
}


dl.open_list dt{
				margin:0!important;
	padding:0.5em!important;
		float:left;
		display:block;
			width:15%;
		_background:#f7f7f7;
		line-height:125%;
		_border-top:1px solid #cbcbcb;
		_border-right:1px solid #cbcbcb;
		}

dl.open_list dt:after{
		content:"：";
position:absolute;
top:50;
	left:50;
}
dl.open_list dd{
				margin:0!important;
		padding:0.5em!important;
		float:left;
		display:block;
		width:80%;
		background:#ffffff;
		line-height:125%;
		_border-top:1px solid #cbcbcb;
		_border-right:1px solid #cbcbcb;
}

/*=================================
 フッター
================================*/

img.left{
	float:left;
	margin-right:20px;
}
.f-title{
	margin:0!important;
	padding:0!important;
	text-align:1.0;
}

h3.fname{
	font-size:2.3em;
		margin:0!important;
	padding:0!important;
}
span.fname{
	clear: both;
	font-size:2.3em;
    font-weight: bold;
	margin:0!important;
	padding:0!important;
    text-align: left;
}
span.sitei {
		font-size:0.8em;
}
span.nintei {
		font-size:1.2em;
}


h3.widget-title{
	margin:0!important;
	color:#d80100;
	border-bottom:1px solid #000000;
}



/*=================================
 フッターのメニュー
================================*/
.foot-menu {
	font-size:1em;
}
.foot-menu ul{
 padding: 0.5em 1em 0.5em 2.5em;
  position: relative;
}
.foot-menu ul li{
	 line-height: 1.2;
  padding: 0.5em 0;
  list-style-type: none!important;
}
.foot-menu ul li:before {
  font-family: FontAwesome;
  content: "\f152";
  position: absolute;
  left : 1em;
  color: #000000;
}



/*=================================
 活動報告
================================*/

h3.report{
  position: relative;
  padding: 0.6em;
  background: #e0edff;
}

h3.report:after{
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #e0edff;
width: 0;
height: 0;
}





figure.report {
    display: inline-block;
    margin: 0px 3px 7px 0px;
    background-color: #ccc;
}

figure.report img {
    display: block; 
    margin: 0px 0px 3px 0px;
}

figcaption.report {
    font-size: 0.9em;
    text-align: center;
}

/*=================================
 利用案内
================================*/
h3.title{
	 position: relative;
  padding: 0 .5em .5em 1.7em;
  border-bottom: 1px solid #ccc;
}
h3.title:after{
	  position: absolute;
  top: .4em;
  left: .4em;
  z-index: 2;
  content: '';
  width: 12px;
  height: 12px;
  background-color: #ccc;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

dl,dt,dd{
			margin:0!important;
}

dl.floorguide{
position:relative;
border:solid 1px #cbcbcb;
overflow:hidden;
}
dl.floorguide:after{
	content:"";
position:absolute;
top:0;
left:30%;
display:block;
height:100%;
border-left:solid 1px #cbcbcb;
}

.floorguide + .floorguide{
border-top:none;
}



dl.floorguide dt{
		clear:both;
		float:left;
		display:block;
		width:30%;
	  padding:10px;
		font-weight:bold;
		line-height:125%;

		}
dl.floorguide dt.border_top{
		_border-top:1px solid #cbcbcb;
}


dl.floorguide dd.kind{
		float:left;
		display:block;
		width:25%;
		padding:10px;
		line-height:125%;
}

dl.floorguide dd.number{
		float:left;
		display:block;
		width:45%;
		padding:10px;
		line-height:125%;
		border-left:1px solid #cbcbcb;
}

dl.floorguide_bottom{
		border-bottom:1px solid #cbcbcb;
}


dl.floorguide dd.kind2{
		float:left;
		display:block;
		width:25%;
		padding:10px;
		line-height:125%;
		border-left:1px solid #cbcbcb;
}

dl.floorguide dd.three{
	min-height:5em;
}

dl.floorguide dd.four{
	min-height:7em;
}
/*=================================
アクセシビリティ対策
================================*/
/* スキップリンク */
.skiplink .screen-reader-text:focus {
	left: initial;
	right: 5px;
}

.new_sousyoku{
	font-style: italic; 
	font-weight: bold; 
	color:#ff0000;
}