@charset "utf-8";

/*--------------------
	contents
--------------------*/
.contents div p:first-of-type {
	text-align: center;
}

.contents section {
	padding: 20px 0;
	color: #fff;
	background: #548235;
}
.contents section:nth-child(1) {
	color: #000;
	background: #ffff;
}
.contents section > div {
	width: 90%;
	margin: 0px auto 10px;
	text-align: center;
}
.contents section > div {
	width: 90%;
	margin: 0px auto 10px;
	text-align: center;
}
.contents div::after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.contents .corner_top ul {
	width: 500px;
	text-align: center;
}
.contents .corner_top ul span {
	display: block;
	font-size: 0.8em;
}
.contents .corner_top ul li {
	height: auto;
}
.contents .corner_top ul li a {
	padding-left: 0;
}
.contents .corner_top ul .nopporo_li {
	border-bottom: 0;
}
#coment_box .corner_top button {
	cursor: pointer;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
	border: 0;
	border-top: 1px solid #548235;
	border-bottom: 1px solid #548235;
	background: #548235;
	transition: 0.7s;
}
#coment_box .corner_top button::after {
	content: "▶";
	display: inline-block;
	margin-left: 20px;
}
#coment_box .corner_top button:hover,
#coment_box .corner_top .active {
	color: #548235;
	background: #fff;
}
#coment_box .corner_top .active:after {
	content: "▼";
}
#coment_box .winter_accordion ul {
	display: none;
	margin: 0;
	border: 0;
}

.contents p {
	text-align: left;
	margin-top: 10px;
}
.contents img {
	transition: 0.7s;
	border: #fff 2px solid;
}

.contents img:hover {
	cursor: pointer;
	border: yellow 2px solid;
	border-radius: 15px;
}
.corner_top h2 {
	height: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.corner_top p {
	width: 660px;
	margin: auto;
}

.title_h {
	margin-top: 0;
	font-size: 32px;
	font-weight: bold;
}

.title_h span {
	display: block;
	font-size: 14px;
	font-weight: normal;
}

.flextype div:first-of-type {
	margin-right: 10px;
}

/*-----------------------------
	#aozi
-----------------------------*/
#aozi > div {
	margin-bottom: 50px;
}
#aozi {
	background: #548235;
}
#aozi h2 i {
	display: block;
	font-size: 0.5em;
	font-weight: normal;
}
#aozi p {
	width: 820px;
	margin: 10px auto 0;
	text-align: left;
}

/*-----------------------------
	#aosagi
-----------------------------*/
#aosagi {
	color: #fff;
	background: #3b3b3b;
}
#aosagi h2 .photo_date {
	display: block;
	font-size: 14px;
	font-weight: normal;
}
#aosagi .title_h {
	text-align: center;
}
#aosagi .cinerea p {
	width: 810px;
	margin: 10px auto 0;
}
#aosagi .single div p {
	text-align: center;
}

/*-----------------------------
	#hurenko
-----------------------------*/
#hurenko div p {
	text-align: center;
}

/*-----------------------------
	#spring
-----------------------------*/
#spring img,
#spring .enrenso img:last-of-type {
	margin: 10px 10px 0 10px;
}
#spring img {
	margin-left: 0;
}
#spring > p {
	text-align: center;
}
#spring p.sankaku {
	width: 575px;
    margin: auto;
    text-align: left;
}

#spring .enrenso .white_enreiso {
	font-size: 0.75em;
}
#spring div p:first-of-type {
	margin-top: 10px;
	margin-bottom: 0;
}

#spring .nirinso_a p {
	width: 600px;
    margin: auto;
}
#spring .nirinso_b p {
	width: 800px;
    margin: auto;
}
#spring .nirinso_c p {
	width: 555px;
    margin: auto;
}
#spring .ichige p {
	width: 800px;
    margin: auto;
}

#spring .hukkiso div p {
	width: 100%;
}
#spring .enrenso p:nth-child(3),
#spring .enrenso p:last-of-type,
#coment_box #aino4 .akagera2 p:nth-child(1),
#coment_box #aino4 p {
	text-align: left;
}
#spring .enrenso p:last-of-type {
	margin-top: 5em;
}
#spring .hukkiso div {
	width: 294px;
}
#spring .amana_hukuro div,
#spring .hukkiso p {
	float: left;
}
#spring .hukkiso > p:first-of-type {
	margin: 25px 10px 0;
	width: 305px;
}
#spring .kurumamugura p:last-of-type {
	text-align: center;
}

/*-----------------------------
	#sankaku_tori
-----------------------------*/
#sankaku_tori > p {
	width: 900px;
	margin: 5px auto 20px;
}
#sankaku_tori .nuthatch_p {
	width: 720px;
    margin: auto;
}
#sankaku_tori div div p:first-of-type {
	margin-top: 10px;
}

/*-----------------------------
	#kumagera
-----------------------------*/
#kumagera h2 {
	margin-bottom: 20px;
}
#kumagera .kumagera_p {
	margin-bottom: 20px;
}
#kumagera p {
	text-align: left;
}
#kumagera .woodpecker_a img {
	vertical-align: top;
	margin: 0px 10px 10px 10px;
}

#kumagera .woodpecker_b a {
	margin-right: 20px;
}

/*-----------------------------
	#aino
-----------------------------*/
#aino h2 {
	float: right;
	text-align: left;
}
#aino h2{
	margin-right: 215px;
}
.aino_midasi p span {
	float: right;
}

#aino h2 span {
	font-size: 0.5em;
}
#aino .aino_midasi {
	float: right;
	width: 470px;
	margin: 0px 70px 20px 0px;
}
#aino .aino_midasi p {
	float: right;
}

#aino .aino_midasi p:first-of-type {
	text-align: left;
}
#aino .aino_midasi p:last-of-type {
	width: 375px;
}

#aino3 .gyo_gyo {
	text-align: center;
}
#aino2 div a,
#aino_b div a,
#aino_c div a,
#aino3 div a,
#aino4 div a {
	float: left;
	margin: 0 30px;
}
#aino_b .aino_bp a:nth-child(2),
#aino_c .aino_bp a:nth-child(2) {
	margin-left: -20px;
}
.aino_bp p {
	display: inline-block;
	text-align: left;
	margin-left: -60px;
}

#coment_box #aino4 div,
#coment_box #aino4 .akagera2 div {
	width: auto;
	margin: 10px;
}
#coment_box #aino4 .akagera2 {
	width: 80%;
}
#coment_box #aino4 .akagera2 div {
	float: left;
}
#coment_box #aino4 .akagera2 a {
	margin: auto;
}
#coment_box #aino4 .akagera2 p {
	text-align: center;
}
#coment_box #aino4 .akagera3 a {
	margin: 0 25px;
}
#coment_box #aino4 .akagera3 img{
	height: 300px;
}

#coment_box #aino {
	background: url(/img/rocci/ro_bg_1.jpg) no-repeat center / 100%;
}

#coment_box #aino2 {
	background: url(/img/rocci/ro_bg_2.jpg) no-repeat center / 100%;
}

#coment_box #aino3 {
	background: url(/img/rocci/ro_bg_3.jpg) no-repeat center / 100%;
}

#coment_box #aino4 {
	background: url(/img/rocci/ro_bg_4.jpg) no-repeat center / 100%;
}

#aino_b,
#aino_c {
	background: #558ED5;
}

/*-----------------------------
	#nopporo
-----------------------------*/
#nopporo {
	padding: 20px;
	color: #4F6228;
	background: #EBF1DE;
}

#nopporo > div {
	margin: auto;
	width: 878px;
}

#nopporo div div {
	float: left;
	width: auto;
}

#nopporo div div:last-of-type,
#nopporo div div:last-of-type {
	margin-right: 0;
}

#nopporo .noppodiv div {
	margin-right: 12px;
}

#nopporo .noppodiv2 div {
	margin-right: 16px;
}

#nopporo .noppodiv3 div {
	margin-right: 70px;
}

#nopporo .noppodiv img {
	height: 215px;
}

#nopporo .noppodiv2 img {
	height: 191px;
}

/*-----------------------------
	#natural_wolk
-----------------------------*/
#natural_wolk {
	padding: 20px;
	padding-bottom: 0;
	color: #000;
	background: #E7F3FF;
}

#natural_wolk > p {
	margin-bottom: 20px;
	text-align: center;
}

#natural_wolk a {
	display: block;
}
#natural_wolk h2 span {
	display: block;
	font-size: 0.5em;
}
#natural_wolk span {
	font-weight: bold;
}
#natural_wolk > div {
	margin: 0 auto 40px;
	width: 828px;
}

/*---------- utonai ----------*/
#natural_wolk .utonai div {
	float: left;
	margin: 0;
	margin-bottom: 20px;
	width: auto;
}

#natural_wolk .utonai div:nth-of-type(odd) {
	margin-right: 20px;
}

#natural_wolk .utonai_b {
	margin-bottom: 0;
}

#natural_wolk .utonai_b > div {
	float: left;
	margin-right: 20px;
}
#natural_wolk .utonai_c {
	position: relative;
	height: 400px;
}
#natural_wolk .utonai_c div div {
	float: left;
	margin: 0;
}
#natural_wolk .utonai_c .position_utonai {
	position: relative;
	margin-top: 0;
	width: 433px;
	text-align: left;
}
#natural_wolk .utonai_c .position_utonai .ogawa {
	position: absolute;
	top: 90px;
	right: 0;
	z-index: 1000;
	text-align: right;
}
#natural_wolk .utonai_c .position_utonai .ogawa p {
	position: absolute;
	top: -37px;
	right: 0;
	z-index: -100;
}
#natural_wolk .utonai_c .position_utonai p span {
	display: block;
}
#natural_wolk .utonai_c .position_utonai .hakutyo {
	position: absolute;
	bottom: -160px;
	left: 25px;
	width: 600px;
}
#natural_wolk .utonai_c .position_utonai .hakutyo a {
	float: left;
}
#natural_wolk .utonai_c .position_utonai .hakutyo p {
	position: absolute;
	right: 0;
	bottom: 0;
}
#natural_wolk .utonai_c .position_utonai_b {
	position: absolute;
	top: -20px;
	right: -20px;
	float: right;
	margin-top: 16px;
}
#natural_wolk .utonai_c .position_utonai_b > div > p {
	position: absolute;
	top: 105px;
	margin-left: 5px;
	font-size: 0.7em;
}
#natural_wolk .utonai_c .position_utonai_b > div:nth-of-type(2) > p {
	right: 0;
	margin-right: 5px;
}
#natural_wolk .utonai_c .position_utonai_b > div:last-of-type {
	clear: left;
	width: 400px;
}
#natural_wolk .utonai_c .position_utonai_b > div:last-of-type div {
	margin-right: 30px;
}

/*---------- washi ----------*/
.washi {
	position: relative;
}
.washi div {
	margin: 0;
}
.washi p b {
	display: block;
	font-size: 1.2em;
}
.washi .left {
	position: relative;
	width: 408px;
}
.washi .left div:first-of-type {
	position: absolute;
	width: 408px;
	z-index: 100;
}
.washi .left div:first-of-type a { 
	float: left;
}
.washi .left div:first-of-type p {
	margin-top: 0;
}
.washi .left div:last-of-type {
	position: absolute;
	top: 76px;
	right: 0;
	width: 300px;
	z-index: 0;
}
.washi .washi_explain { clear: both; }
.washi .washi_explain div { float: left; }

.washi .washi_explain > div:first-of-type {
	width: 292px;
	text-align: left;
}
.washi .washi_explain > div:first-of-type p {
	padding: 0 5px;
}
.washi .explain_position div {
	position: relative;
	width: 534px;
}
.washi .explain_position div a {
	float: right;
}
.washi .explain_position div p {
	position: absolute;
	top: 80px;
	left: 40px;
	display: inline-block;
	color: #6fb7ff;
}
.washi .explain_position > a {
	clear: both;
	position: absolute;
	bottom: 0;
}

/*-----------------------------
	#yurigahara
-----------------------------*/
#yurigahara {
	padding: auto 10px;
	color: #fff;
	background: #254061;
}
#yurigahara h2 span {
	display: block;
}
#yurigahara > p {
	margin: 10px auto;
	width: 735px;
}
#yurigahara div {
	width: 100%;
	margin-bottom: 50px;
}

/*---------- hiyo_sime ----------*/
#yurigahara .hiyo_sime {
	width: 770px;
}
#yurigahara .hiyo_sime div {
	margin: 0 0 10px;
}
#yurigahara .hiyo_sime p span {
	display: block;
}
#yurigahara .hiyo_sime > div:first-of-type {
	float: left;
	width: 324px;
}
#yurigahara .hiyo_sime > div:last-of-type {
	float: right;
	width: 434px;
}

/*---------- shijukara ----------*/
#yurigahara .shijukara > div {
	margin: 0 auto;
	width: 850px;
}
#yurigahara .shijukara .shiju_float div {
	float: left;
	width: 640px;
}
#yurigahara .shijukara .shiju_float div:first-of-type a {
	margin-right: 10px;
}
#yurigahara .shijukara .shiju_float div:last-of-type {
	width: 195px;
}
#yurigahara .shijukara .kirenjaku {
	position: relative;
	top: -55px;
}
#yurigahara .shijukara .kirenjaku div {
	float: left;
	margin: 0;
	width: 312px;
}
#yurigahara .shijukara .kirenjaku div:last-of-type {
	position: absolute;
	bottom: 0;
	left: 320px;
}

/*-----------------------------
	#turuimura
-----------------------------*/
#turuimura {
	color: #fff;
	background: #000;
}
#turuimura > p {
	position: relative;
	margin: 10px auto;
	width: 670px;
}
#turuimura > p::after {
	position: absolute;
	right: 125px;
	display: inline-block;
	content: "（2013年2月3日撮影）";
}
#turuimura > div {
	margin-bottom: 50px;
	width: 850px;
} 
#turuimura .tancho_a {
	width: 900px;
}
#turuimura > div a {
	display: inline-block;
}
#turuimura > div a:first-child {
	margin-bottom: 20px;
}
#turuimura .tancho_b div {
	margin: 0 auto 10px;
	text-align: left;
}
#turuimura .tancho_b div a {
	float: left;
	margin: 0 15px;
}
#turuimura .tancho_c {
	width: 820px;
}

/*-----------------------------
	#kushiro
-----------------------------*/
#kushiro {
	background: #000;
}
#kushiro > h2 span {
	display: block;
	font-size: 16px;
}
#kushiro div:last-of-type a:first-of-type {
	margin-right: 38px;
}

/*-----------------------------
	#horobetsu
-----------------------------*/
#horobetsu {
	color: #984807;
	background: #92D050;
}
#horobetsu h2 span {
	margin-left: 75px;
}
#horobetsu > p {
	margin: auto;
	width: 670px;
}
#horobetsu p {
	margin-top: 0;
}
#horobetsu div div {
	margin: 0;
}
#horobetsu .hakucho div {
	float: left;
	margin-right: 25px;
}
#horobetsu .daisagi .daisagi_kamome {
	position: relative;
	margin-bottom: 10px;
}
#horobetsu .daisagi .daisagi_kamome div {
	float: left;
	margin-right: 10px;
}
#horobetsu .daisagi .daisagi_kamome div:last-of-type {
	width: 204px;
}
#horobetsu .daisagi .daisagi_kamome > p {
	position: absolute;
	right: 10px;
	bottom: 0px;
	width: 225px;
	font-size: 0.9em;
}
#horobetsu .daisagi .daisagi_kamome > p b {
	display: block;
	font-size: 1.2em;
}
#horobetsu .daisagi > div:last-of-type {
	padding: 5px;
	width: 782px;
	border: 1px solid #000;
}
#horobetsu .daisagi > div:last-of-type a {
	float: left;
	margin: 0 10px 10px 0;
}
#horobetsu .daisagi > div:last-of-type a:nth-of-type(3n) {
	margin-right: 0;
}
#horobetsu .daisagi > div:last-of-type a:nth-of-type(n+4) {
	margin-bottom: 0;
}

/*-----------------------------
	#baratogawa
-----------------------------*/
#baratogawa {
	padding: 20px 35px;
	color: #000;
	background: #92D050;
}
#baratogawa h2 {
	float: left;
	width: 200px;
	color: #984807;
}
#baratogawa > p,
#baratogawa > div p {
	margin: 0;
}
#baratogawa > p {
	font-size: 0.9em;
}
#baratogawa > p span {
	margin-left: 20px;
}
#baratogawa > div {
	margin: 0 auto 20px;
	width: 100%;
}
#baratogawa .batrato_div div {
	float: left;
	margin-right: 20px;
}
#baratogawa .batrato_div div:first-of-type b {
	display: block;
}
#baratogawa .batrato_div div:last-of-type {
	margin-right: 0;
}
#baratogawa .batrato_div_b {
	position: relative;
}
#baratogawa .batrato_div_b p {
	font-size: 1em;
	font-weight: bold;
}
#baratogawa .batrato_div_b > div {
	float: left;
	width: 470px;
}
#baratogawa .batrato_div_b div {
	margin: 0 auto;
}
#baratogawa .batrato_div_b .hibari div:last-of-type {
	position: relative;
	margin-top: 0;
}
#baratogawa .batrato_div_b .hibari div:last-of-type div {
	float: left;
}
#baratogawa .batrato_div_b .hibari div:last-of-type .hukinoto {
	position: absolute;
	bottom: 30px;
	left: 35px;
}
#baratogawa .batrato_div_b .hibari div:last-of-type .kitakirune {
	position: relative;
	right: -105px;
}
#baratogawa .batrato_div_b .hakusekirei div {
	float: left;
}
#baratogawa .batrato_div_b .hakusekirei div:first-of-type {
	margin-right: 10px;
}