@charset "UTF-8";
body {
  font-size: 17px;
  -webkit-text-size-adjust: 100%;
    background-color:#FFD792;
}
.wrapper {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
}

#header {
  position: relative;
  margin: 0 auto;
}
#header #hobo {
  position: absolute;
  top: 2%;
  left: 1%;
  width: 128px;
  height: 40px;
}
#header #hobo img {
  width: 100%;
}
#header h1 {
  margin: 0 auto 60px;
  padding-top:60px;
  height:auto;
}
#header .archive_title{
	width:900px;
	margin:-25px auto;
}
#header .archive_title_sp{
	display:none;
}
#header .sp_title {
	display:none;
}
#contentHeader{
	width:960px;
	height:700px;
	padding-top:0;
}
#contentHeader #yodogawa{
	text-align:left;
	float:left;
	font-size:17px;
	line-height:2.1em;
}
.taidan_sp{
	display:none;
	}
#yodogawa p{
	margin-top:0px;
	font-family: 秀英丸ゴシック B;
}
.line_sp{
	display:none;
}
#toc ul{
	text-align:left;
	padding-top:30px;
}
#toc ul .mokuji_midashi{
	display:none;
}
#toc ul .mokuji_midashi_pc{
	margin-bottom:-10px;
}
#toc .contents {
	margin:36px 0;
}
#toc .mokuji_sp {
	display:none;
}
#toc .dog_icon{
	position:absolute;
	bottom:-66px;
	right:-130px;
}
#profileButton {
  position: absolute;
  right: 80px;
  bottom: 0;
  width: 400px;
  height: 80px;
  overflow: hidden;
  border-radius: 8px;
}
#profileButton a {
  display: block;
}
#profileButton a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#profile {
  display: none;
  width: auto;
  height: auto;
  padding: 0px;
  padding-top:30px;
  overflow: hidden;
  margin-left:20px;
}
#profileButton .sp{
	display:none;
}
#profile .photo {
	margin-top:10px;
}
#profile .photo img {
  width:454px;
}
#profile h2, #profile p {
  margin:0 0 0 500px;
  text-align: left;
}
#profile h2 {
  font-size: 21px;
}
#profile p {
  font-size: 15px;
  letter-spacing: 0.05em;
  line-height:1.9em;
  margin-top:8px;
}
#profile .furigana {
	font-size: 12px;
	margin-bottom:-7px;
}
/*---------------------------------headerここまで---------------------------------------------*/


#banner{
	  margin:10px auto 40px;
}
.info {
  overflow: hidden;
  *zoom: 1;
  width: 960px;
  padding:20px 0;
  margin: 0px auto;
}
.line{
	width:960px;
	margin:30px auto 40px;
}
.info .line_sp{
	display:none;
}
.info li{
	float:left;
	margin-left:30px;
}
#banner .info li:first-child{
	margin-left:0px;
}
/*---------------------------------infoここまで---------------------------------------------*/
.talk{
	padding-top:50px;
	background-color:#fff;
}
.conv{
	font-family: 秀英角ゴシック金 L ;
}
.talk .midashi{
	width:750px;
	margin:20px auto;
}
.talk .midashi_sp{
	display:none;
}
.conv dl .talker1{
	color:#14963C;
}
.talk .conv dl dd {
	color: #000;
}
.talk .conv dl dt {
	font-family: 秀英角ゴシック金 B ;
}
.conv .continue {
  width: 750px;
  margin-left:76px;
  padding: 3em 0 0;
  text-align: left;
}
.conv .date {
  font-size:14px;
  width: 750px;
  margin-left:88px;
  margin-top:-40PX;
  padding: 0em 0 1em;
  text-align: left;
  color:#808080;
}
/*-----------------------------------convここまで-----------------------------------*/
#navi{
	width:820px;
	margin:100px auto 70px;
	font-family: 秀英丸ゴシック B;
	border-left:none;
}
#navi ul {
	display: inline-block;
}
#navi ul .a_top_sp{
	display:none;
	}
#navi ul li {
float:left;
  margin: 0 50px;
}
.tw-comment{
	margin-left:90px;
}
.caption{
	font-size:13px;
	margin-top:0px;
}
.photo{
	margin:0 0 30px 84px;
}
.end{
	margin-bottom:50px;
}
/*-----------------------------------naviここまで------------------------------*/
#footer {
	width:auto;
	background-color:#FFD792;
	margin: 60px 0 0 0;
	padding: 40px 0 10px 0;
	overflow:hidden;
	position:relative;
}
#footer ul{
	margin:0 auto;
	width:764px;
	padding-top:10px;
	padding-left:40px;
}
#footer li{
	float:left;
	margin-right:30px;
}
#footer .mail{
	margin-left:150px;
	margin-right:40px;
}
.illustration_pc{
	text-align:right;
	margin:0 50px -50px 0;
	}
.illustration_sp{
		display:none;
	}
.copyright{
	clear:both;
	font-size:11px;
	margin-top:60px;
	font-family:"MS Serif", "New York", serif;
}
/*　リンク　＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
.hoverOp:hover{filter: alpha(opacity=50);opacity: 0.5;}
a:link {
	color: #14963C;
	text-decoration: none;
}
a:visited {
	color: #14963C;
	text-decoration: none;
}
a:hover {
	color: #4AAE68;
	text-decoration: none;
}

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

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

	#header #hobo {
	position: absolute;
	top: 1%;
	left: 37%;
	width: 128px;
	height: 40px;
	}
	#header #hobo img {
	width: 60%;
	}
	.wrapper {
		width: 320px;
	}
	#header .sp_title {
	display:block;
	width:320px;
	margin:-106px auto 11px;
	}
	#header .archive_title{
	display:none;
	}
	#header .archive_title_sp{
		display:block;
		margin:16px 0 -20px;
	}
	#header .archive_title img{
		width: 300px;
		height:auto;
		margin:0 auto;
	}
	.wrapper h1 img{
		display:none;
	}
	#contentHeader{
		width:300px;
		height: 1620px;
	}
	.line_sp{
	display:block;
}
	#contentHeader #yodogawa{
	text-align:left;
	float:left;
	font-size:18px;
	line-height:2.1em;
}
#yodogawa p{
	margin-bottom: 1.5em;
}
	.taidan_sp{
		display:block;
		margin:-4px 0 16px;
	}
	.taidan_sp img{
		width: 300px;
		height:auto;
		margin:0 auto;
	}
	.taidan{
	display:none;
	}
	#toc ul .mokuji_midashi{
	display:block;
}
#toc ul .mokuji_midashi_pc{
	display:none;
}
	#profileButton {
		width: 280px;
		left:10px;
		height:77px;
		
	}
	#profileButton a img{
		width: 320px;
		height:auto;
	}
	#profile{
		width:300px;
		margin:0 auto;
	}
	#profileButton .sp{
	display:block;
}
	#profileButton .pc{
	display:block;
}
	#profile .photo {
		float:none;
		margin:0;
	}
	#profile .photo img {
	  width:300px;
	}
	#profile h2, #profile p {
	  margin:0 0 0 0px;
	  text-align: left;
	}
	#profile h2 {
	  font-size: 21px;
	}
	#profile p {
	  font-size: 15px;
	  letter-spacing: 0.05em;
	  line-height:1.9em;
	  margin-top:8px;
	}
	#profile .furigana {
		font-size: 12px;
		margin-bottom:-7px;
	}
	#contentHeader #toc{
		width:300px;
		margin-left:10px;
	}
	#toc .mokuji_sp {
	display:block;
	margin-top:15px;
	}
	#toc .mokuji_1 {
	display:none;
	}
	#toc ul {
		padding-top:10px;
	}
	#toc .dog_icon{
		bottom: -119px;
		left: -23px;
		right:0;
		width:300px;
	}
	#toc .dog_icon img{
		width:120px;
		height:auto;
	}
	.info{
		width:300px;
	}
	.info .line{
		display:none;
	}
	.info .line_sp{
		display:block;
		margin:0 auto 30px;
	}
	.info .line_sp img{
		width:300px;
		height:auto;
	}
	.info li{
		float:none;
		margin:20px 0 10px 10px;
	}
	.info li img{
		width:280px;
		height:auto;
	}
	#banner{
		margin-bottom:20px;
	}
	#banner .info li:first-child{
		margin-left:10px;
	}
	.talk{
		padding-top:20px;
	}
	.talk .midashi{
		display:none;
	}
	.talk .midashi_sp{
		display:block;
		width:300px;
		margin:20px auto;
	}
	.talk .midashi_sp img{
		width:300px;
		height:auto;
	}
	.conv{
		font-size:14px;
		width:303px;
		margin:20px auto;
		padding:0;
		border-left:none;
		line-height:2.1em;
		letter-spacing:0.06em;
	}
	.conv dt{
		padding:24px 0 0 0;
		width:50px;
	}
	.conv dd{
		padding:24px 0 0 0;
	}
	.tw-comment{
	margin-left:0px;
	}
	
	.conv .continue {
	  width: 260px;
	  margin:0 0 0 50px;
	  padding: 3em 0 0;
	  text-align: left;
	}
	.conv .date {
	  font-size:14px;
	  width: 260px;
	  margin:0 0 0 50px;
	  padding: 0em 0 1em;
	  text-align:left;
	  color:#808080;
	}
	.conv .end_s{
		font-size:13px;
		margin-bottom:20px;
	}
	.conv .date_end{
		margin:10px auto;
		text-align:center;
	}
	.photo img{
		width:300px;
		height:auto;
	}
	.photo{
		width:300px;
		height:auto;
		margin:0 auto;
	}
	.tw-comment{
	}
	.caption{
		font-size:10px;
		line-height:1.4em;
	}
	#navi{
		width:320px;
		margin:24px auto 20px;
	}
	#navi ul{
		display:block;
		margin:16px auto;
	}
	#navi ul li{
		float:none;
		width:214px;
		margin:20px auto;
	}
	#navi ul .archive_back{
		float:left;
		margin-left:10px;
		width:112px;
	}
	#navi ul .archive_next{
		float:right;
		margin-right:10px;
		width:112px;
	}
	#navi ul .a_top_pc{
		display:none;
	}
	#navi ul .a_top_sp{
		display:block;
	}
	#navi il img{
		height:16px;
		width:auto;
	}
	#footer{
		margin-top:50px;
	}
	#footer .twitter img{
		width:38px;
		height:auto;
	}
	#footer .facebook img{
		width:38px;
		height:auto;
	}
	#footer ul{
		margin:0 auto;
		width:300px;
		padding-top:10px;
		padding-left:10px;
	}
	#footer li{
		float:left;
		margin-right:30px;
	}
	#footer .mail{
		clear:both;
		margin:20px 0 10px 0;
	}
	#footer .mail img{
		width:60%;
		height:auto;
	}
	#footer .home img{
		width:72%;
		height:auto;
	}
	.illustration_pc{
		display:none;
	}
	.illustration_sp{
		display:block;
		margin-top:60px;
	}
	.copyright{
		font-size:8px;
		margin-top:-6px;
	}
	
}