@charset "UTF-8";

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.fukidashiwrapper{
	width: 100%;
	padding-left: 15px;
}
.fukidashi {
  width: 100%;
  margin-bottom: 20px;
}

.title_text {
	font-size: 40px;
	line-height: 50px;
	font-weight: bold;
	color: #333;
	letter-spacing: 2px;
	text-shadow: 1px 1px 1px rgba(51, 51, 51, 0.6);
}
body {
	font-size: 14px;
	line-height: 24px;
	padding: 0px;
	margin: 0px;
	font:normal 14px/28px "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	letter-spacing: 1px;
}

#yodogawa, .honmon, #yodogawa_header {
	max-width: 880px;
	background-color: #e7ffff;
}
table.content, table.header, table.border {
	max-width:  880px;
	background-color: #e7ffff;
}


.border {
	background-image: url(../images/2016cozfish/dot.png);
	background-position: left center;
	width: 855px;
	background-repeat: repeat-x;
	height: 20px;
}
.date {
	font-size: 130%;
	line-height: 10px;
	padding-top: 10px;
	padding-left: 10px;
	color: #14722d;
}
.title {
	font-size: 180%;
	line-height: 1.4;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.honmon {
	padding-left: 15px;
}
.photo {
	padding-bottom: 15px;
}
.btn {
}
.subtitle_text {
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 2px;
}
a:link {
	color: #004c96;
	text-decoration: none;
}
a:hover {
	color: #14722d;
	text-decoration: none;
}
a:visited {
	color: #A13F00;
	text-decoration: none;
}

#member{
	width:800px;
	margin:0 auto;
	padding-top:20px;
	text-align:center;
	margin-top:10px;
}

#member li{
	padding-top:10px;
	float:left;
	margin-left:30px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}


.clearfix:after {
  content: ".";  
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
ul,li{ margin: 0; padding: 0; list-style:none; }

.cap{
	font-size:70%;
	color:#7B7B7B;
	text-align:center;}
	
b{font-weight:bold;
font-size:150%;
line-height:1.8;}


h1{
	width: 880px;
	margin: 0 auto;
	padding: 0;
}
h1 span{
	display: block;
	height: 0;
	padding-bottom: 54%;
	background: url(../images/2016cozfish/header.jpg) no-repeat center top / contain;
	text-indent: -9999px;
}

html, body {
	background: #D7000F url(../images/2016cozfish/bg.gif) no-repeat center bottom fixed;
}

body > div{
	background: url(../images/2016cozfish/wrapper_bg.gif) repeat-y center top;
}

#yodogawa_header{
	width: 900px;
	margin: 30px auto;
}

#yodogawa_header p{
	margin: 0 0 20px 216px;
	text-align: left;
	font-size: 15px;
	line-height: 2.2;
	letter-spacing: 0.1em;
	color: #D7000F;
}
#yodogawa_header p em{
	font-style: normal;
	font-size: 18px;
	color: #000;
}
#yodogawa_header p span{
	font-size: 12px;
	color: #000;
}

#yodogawa_header p + div{
	max-width: 800px;
	margin: 0 auto;
	border: 1px solid #000;
	border-bottom: 2px solid #000;
}
#yodogawa_header p + div > a{
	display: block;
}

.footer{
	margin-bottom: 20px;
}
.footer li{
	display: inline-block;
}
.footer li + li{
	margin-left: 10px;
}

/* sp
 * --------------------------------------------------------*/
@media only screen and (max-width: 479px) {
	body > div{
		background: url(../images/2016cozfish/wrapper_bg.gif) repeat-y center top;
		background-size: contain;
	}
	.adj{
		display: none;
	}
	.date{
		font-size: 12px;
	}
	.title{
		font-size: 20px;
	}
	h1{
		width: 92.2%;
	}
	h1 span{
		padding-bottom: 100%;
		background: url(../images/2016cozfish/header_sp.jpg) no-repeat center top / contain;
	}
	#yodogawa_header p{
		margin-left: 0;
	}
	#yodogawa, .honmon, #yodogawa_header {
		width: 85% !important;
	}
	table.content, table.header, table.border {
		width: 85%;
	}
	tbody td.list {
		width: 100%;
		list-style: none;
		display:list-item;
		border:none;
	}
	.fukidashiwrapper{
		width: 90%;
	}
	.fukidashi{
		padding-left: 10px;
	}
	.honmon {
		margin-left: 10px;
	}

		}




