﻿/*-----------------------------------------
 エゾリスノート LOCAL Style Sheet
 2015-5-10

 for LIFE
 -----------------------------------------*/

.yeary_title p{
	font-size: 1.2em;
	font-weight: bold;
}
.yeary_title_horizon{
	font-size: 		1em;
	font-weight: 	bold;
	display:       flex;
	align-items:   flex-end;
}


/******************************************************
 MY ARTICLE SECTION SETTINGS
*******************************************************/
.my_article{
	padding-top:	0.5em;
	padding-bottom:	2em;
}
.my_article .my_article_title{
	padding-bottom:	1em;
}
.my_article .my_sub_article{
	margin-top:	  2em;
}
/********************************************
 h2, h3, h3.sub_article, h4, h5
*********************************************/
/*---------------------------------
 h2, 1.4em 太字項目タイトル文字
-----------------------------------*/
.my_article h2{
	font-size:				1.4em;

	padding-top:			5px;
	padding-bottom:			2px;
	padding-left:			30px;
	margin-bottom:			0px;
	/*
	border-top:				solid 1px #cccccc;
	*/
	background-image:		url(../images/squirrel_article2.png);
	background-repeat:		no-repeat;
	background-position:	left center;
}
/*---------------------------------
 h2, 1.4em 太字項目タイトル文字 / アイコンなし
-----------------------------------*/
.my_article h2.no_decoration{
	padding-left:			initial;
	background-image:		initial;
	background-repeat:		initial;
	background-position:	initial;
}


/*---------------------------------
  h3 縦線あり
-----------------------------------*/
.my_article h3{
	font-size:				1.2em;

	margin-top:				1.5em;
	padding-left:			5px;

	border-left:			solid 5px #917b63;
}
/*---------------------------------
  h3 縦線あり、下線あり
-----------------------------------*/
.my_article h3.sub_article{
	font-size:				18px;

	line-height:			2.0;

	padding-left:			5px;

	border-left:			solid 5px #917b63;
	border-bottom:			solid 1px #b2a79c;
}
/*---------------------------------
  h4 縦線あり、下線なし
-----------------------------------*/
.my_article h4{
	font-size:				1em;

	padding-left:			5px;

	border-left:			solid 12px #917b63;
}
/*---------------------------------
  h5 下線あり
-----------------------------------*/
.my_article h5{
	font-size:			0.9em;

	margin-top:			0.8em;
	margin-bottom:		1em;

	border-bottom:		solid 1px #cccccc;
}

/********************************************
 リストテーブル
*********************************************/
table.listing_table{
	width:					95%;
	margin:					10px 0;
	margin-left:			5px;
/*
	border-top:				solid 1px #b3c67c;
	border-bottom:			solid 1px #b3c67c;
*/
}
table.listing_table th{
	padding:			6px 10px;
	font-size:			12px;
	font-weight:		normal;
	text-align:			left;
	background-color:	#dccbb0;
	border:				solid 1px #ffffff;
	border-radius:		4px;
}
table.listing_table td{
	padding:			6px 10px;
	font-size:			12px;
	vertical-align:		top;
	background-color:	#efe4d1;
	border:				solid 1px #ffffff;
	border-radius:		4px;
}

/***************************************
 注意喚起の箱
***************************************/
.my_notice_box{
	border:				solid 1px #d6c9c6;
	border-radius:		8px;
	padding:			10px 10px;
	background-color:	#fff0ee;
	margin-bottom:		1em;
}
.my_notice_box .excla_mark{
	width:				32px;
	float:				left;
	margin-right:		8px;
	padding:			2px 0;
}
/**************************************
 注釈(※の説明)
***************************************/
.my_note_block{
	font-size:			small;
	border-left:		solid 1px #cccccc;
	padding:			0 10px;
	margin:				15px 15px;
}
/***************************************
 特別に説明したい内容の箱
***************************************/
.my_extra_box{
	border:				solid 1px #d6c9c6;
	border-radius:		8px;
	padding:			10px 10px;
	margin:				0 15px;
	background-color:	#fffaf4;
	margin-top:			0;
	margin-bottom:		10px;
}


/*-- 「実際の写真」説明-----*/
.those_day_photo{
	font-size:			9pt;

	padding-top:		10px;
	padding-bottom:		15px;
	padding-left:		10px;
	margin-top:			15px;
	margin-bottom:		15px;
	margin-right:		0px;
	margin-left:		0px;

	border:				solid 1px #f3e3b7;
	border-radius:		8px;
	background-color:	#fef5e6;
}

#huge_cage_material{
}
#huge_cage_material tr:nth-child(n+2) td:nth-child(1){
	background-color:	#e0caa6;
}
#huge_cage_material tr:nth-child(n+2) td:nth-child(n+2){
	background-color:	#f2e8ce;
}
#huge_cage_material tr:nth-child(1){
	background-color:	#8b6445;
	color:				#ffffff;
}
#huge_cage_material td{
	padding:	8px 8px;
	border:		solid 1px #ffffff;
	font-size:	12px;
}
