@charset "UTF-8";

/* ==========================================================================
	 Reset
========================================================================== */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}
a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}
figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}



/* ==========================================================================
	 Template css
========================================================================== */

/* Base elements
------------------------------------------------- */
html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

body {
    background:url(https://blog-imgs-118-origin.fc2.com/t/o/a/toadlife/myfrogsnowman_back.png) repeat 10% 0% #fbfbfb;
	color: #666;
}

body,
textarea,
input,
select {
    font-family: 'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
}

ul,
ol,
li,
dl,
dt,
dd {
	list-style: none;
}

p {
	margin: 0;
}

input[type="text"],
input[type="password"] {
	border: 1px solid #dadada;
	font-size: 14px;
	padding: 2px 10px 1px;
}

textarea {
	border: 1px solid #dadada;
	font-size: 14px;
	padding: 3px 10px 2px;
}

input[type="text"],
input[type="password"],
input[type="submit"],
textarea,
select {
	outline: none;
}



/* Hyper text
------------------------------------------------- */
a {
	text-decoration: none;
}

a:link {
    color:#DE6300;
}

a:visited {
    color:#DE6300;
}

a:focus,
a:hover,
a:active {
	color: #a1a1a1;
}

.entry_body a,
.entry_body a:visited,
.trackback_link a,
.trackback_link a:visited,
.plugin-all a,
.plugin-all a:visited,
.plg_blomaga a,
.plg_blomaga a:visited {
    color:#DE6300;
}

.entry_body a:focus,
.entry_body a:hover,
.entry_body a:active,
.trackback_link a:focus,
.trackback_link a:hover,
.trackback_link a:active,
.plugin-all a:focus,
.plugin-all a:hover,
.plugin-all a:active,
.plg_blomaga a:focus,
.plg_blomaga a:hover,
.plg_blomaga a:active {
	color: #a1a1a1;
}

.entry_body a:hover,
.trackback_link a:hover,
.plugin-all a:hover,
.plg_blomaga a:hover{
	text-decoration: underline;
}



/* Clear Fix
------------------------------------------------- */
/* For modern browsers */
.cf:before,
.cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}
/* For IE 6/7 (trigger hasLayout) */

.cf {
	zoom: 1;
}

.entry_body i,
.entry_body em{
  font-family: "游ゴシック","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
  font-style: italic;
}

/* Layout
------------------------------------------------------------ */
#l-container,
.header_inner,
.footer_inner {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#l-container {
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 10px 16px;
	background-color: #fff;
}


#l-header {
//	padding: 48px 0 0;
	overflow: hidden;
//	background-color: #fff;
}

#l-header_inner {
	width: 960px;
	margin: 0 auto;
	padding: 0 10px 0 0;
	background-color: #fff;
	overflow: hidden;
}

#l-main {
	float: left;
	width: 680px;
}

#l-sidecontents {
	float: right;
	width: 240px;
	padding: 0px 0 0 0;
}

#l-footer {
	border-top: 1px solid #dadada;
	font-size: 14px;
	padding: 48px 15px;
	clear: both;
	background-color: #fff;
}

.footer_inner {
	text-align: center;
}



/* icon
------------------------------------------------------------ */
.tpl_icon {
	background: url(https://blog-imgs-76-origin.fc2.com/t/e/m/templates/shimple_white_icon1.png) 0 0 no-repeat;
	display: inline-block;
	*display: inline;
	zoom: 1;
}

.comment_icon {
	width: 17px;
	height: 17px;
	background-position: 0 0;
	vertical-align: middle;
	margin: 0 5px 0 0;
}

.track_icon {
	width: 17px;
	height: 18px;
	background-position: 0 -40px;
	vertical-align: middle;
	margin: 0 5px 0 0;
}

.prev_icon {
	width: 8px;
	height: 12px;
	background-position: -5px -103px;
	vertical-align: middle;
	margin: 0 5px 0 0;
}

.next_icon {
	width: 8px;
	height: 12px;
	background-position: -6px -79px;
	vertical-align: middle;
	margin: 0 0 0 5px;
}



/* Header
------------------------------------------------------------ */
.plofili_img {
	position: relative;
	width: 240px;
	text-align: center;
	float: right;
}

.header_summary {
	float: left;
	margin:  0 0 30px 10px;
	width: 690px;
	word-wrap: break-word;
}

.blog_name {
	margin: 0;
	padding: 58px 0 18px;
	font-size: 30px;
	text-shadow: 1px 1px 1px #ccc;
	line-height: 1.0;
}

.blog_name a {
	color: #333;
}

.blog_name a:hover {
	color:#DE6300;
}

.blog_introduction {
	font-size: 14px;
}



/* Entry
------------------------------------------------------------ */
.topentry {
	margin: 0 0 56px;
	padding: 16px 0 0;
	border-top: 1px solid #dadada;
}

.titlelist {
	margin: 0 0 16px;
	padding: 16px 0 0;
	border-top: 1px solid #dadada;
}

.plg_title + .topentry ,
.plg_title + .titlelist {
	padding: 26px 0 0;
	border-top: 0px solid #dadada;
}

.topentry_title {
	font-size: 22px;
	color: #333;
	text-shadow: 1px 1px 1px #ccc;
	margin: 0px;
	padding: 0 0 32px;
}
.titlelist .topentry_title {
	padding: 0 0 0px;
}

.topentry_title a {
	color: #333;
}

.topentry_title a:hover {
	color:#DE6300;
}

.date {
	display: inline-block;
	font-size: 14px;
	margin-bottom: 4px;
}

.titlelist .date {
	margin-bottom: 0px;
}

.entry_body {
	margin: 0 0 0 10px;
	overflow: hidden;
	margin: 0;
}

.topentry_text {
	margin: 0;
	font-size: 16px;
	line-height: 1.9em;
}

.entry_body .entry_more_link {
	margin: 0;
	text-align: center;
	padding: 56px 0 0;
}

#l-main .entry_body input[type="submit"],
#l-main .entry_body .entry_more_link a {
	background-color: #fff;
	border: 1px solid #bdbdbd;
	border-radius: 24px;
	color: #606060;
	display: inline-block;
	font-size: 14px;
	padding: 8px 48px;
	-webkit-transition: box-shadow 0.2s linear 0;
	transition: box-shadow 0.2s linear 0;
}

#l-main .entry_body input[type="submit"]:hover,
#l-main .entry_body .entry_more_link a:hover {
	background-color: #efefef\9;
	color: #606060;
	text-decoration: none;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
}

/* SNSボタン */
.fc2_footer {
	margin: 32px 0 0 0;
}

.entry_more_link + .fc2_footer {
	margin-top: -28px;
	margin-right: 105px;
}

/* 日付コメントリンク */
.entry_more_link + .entry_footer {
	margin: 16px 0 0;
}

.fc2_footer + .entry_footer {
	margin-top: 16px;
}

.entry_footer {
	font-size: 13px;
	margin-top: 24px;
}

.titlelist .entry_footer {
	margin-top: 0;
}

#l-main .entry_community {
		float:right;
		font-size: 11px;
		margin: 3px 0 0px;
}
#l-main .entry_community a,
#l-main .entry_footer .category,
#l-main .entry_footer .tag {
	padding: 0 2px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 400px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
}
#l-main .entry_community a {
	padding: 0px;
}

#l-main .entry_footer .entry_data {
	padding: 10px 0 0 0px;
}
#l-main .titlelist .entry_footer .entry_data {
	padding: 5px 0 0px;
}
#l-main .entry_footer .entry_meta {
	margin: 0 0 0 2px;
	display: inline-block;
	*display: inline;
	zoom: 1;
}
#l-main .entry_footer .comment,
#l-main .entry_footer .track,
#l-main .entry_footer .date {
	margin: 0 0 0 0px;
}

#l-main .entry_footer .comment:hover,
#l-main .entry_footer .track:hover {
	color: #a1a1a1;
	text-decoration: underline;
}

.entry_body p.theme {
	margin: 20px 0px 0px;
}

.entry_body p.theme a,
.entry_body p.theme a:hover {
	text-decoration: none;
}



/* Entry (html tag)
------------------------------------------------------------ */
.entry_body p {
	margin: 8px 0;
}

.entry_body h2,
.entry_body h3,
.entry_body h4,
.entry_body h5,
.entry_body h6 {
	margin: 0em 0em 0.5em;
	font-weight: normal;
}

.entry_body ul,
.entry_body ol {
	margin: 1em 0em 1em;
}

.entry_body ul li {
	list-style: disc outside;
	margin-left: 0;
}

.entry_body ol li {
	list-style: decimal outside;
	margin-left: 0;
}

.entry_body table {
	border: solid 1px #dadada;
	border-collapse: collapse;
}

.entry_body table th,
.entry_body table td {
	padding: 0.3em 0.5em;
	border-color: #dadada;
}

.entry_body {
	word-wrap: break-word;
}

.entry_body img {
	max-width: 100%;
	height: auto;
}

.entry_body dl {}

.entry_body dt {}

.entry_body dd {}

.entry_body pre {}



/* Blockquote
------------------------------------------------------------ */
blockquote {
	border-left: 4px solid #dadada;
	margin: 8px 0 8px 24px;
	padding: 4px 7px;
}

.entry_body blockquote  p{
	margin: 0;
}



/* コメント・トラックバック
------------------------------------------------------------ */
.sub_contents {
	margin: 56px 0;
}

.sub_contents_area_title {
	position: relative;
	color:#fff;
	font-size: 16px;
	font-weight:bold;
	line-height: 1.0;
	background-color: #333;
	border-radius: 6px;
    padding:6px 4px 4px 10px ;
    margin:0px 0 20px;
}
.sub_contents_area_title:first-letter {
	color: #FFCC66;
}

.trackback_input {
	border: 1px solid #dadada;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing: border-box;
	clear: both;
	font-size: 14px;
	padding: 3px 7px;
	width: 100%;
}

.cmnt_icon {
	margin: 0 2px 0 0;
	width: 18px;
	vertical-align: -2px;
}

.trackback_link {
	margin: 8px 0 0;
}

.trackback_link a {
	font-size: 13px;
}



/* コメントフォーム
------------------------------------------------------------ */
#comment_form {
	margin: 0 0 40px;
}

.comment_form_left,
.comment_form_right {
	margin: 0;
	width: 335px;
	float: left;
}

.comment_form_left {
	margin-right: 10px;
}

.form_title {
	font-size: 14px;
}

.form_input {
	margin: 0 0 8px;
}

.comment_form_left .input_text{
	width: 303px;
}

.comment_form_right .form_textarea {
	margin-top: -4px;
}

.comment_form_right textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 15px;
	padding: 2px 10px;
	width: 100%;
	height: 272px;
}

.himitu_title {
	margin: 16px 0 0;
}

.comment_form_left #himitu {
	margin: 0 7px 0 0;
	vertical-align: middle;
}

.himitu_label {
	font-size: 14px;
	vertical-align: middle;
}

.comment_form textarea {
	font-size: 14px;
	padding: 2px 10px;
	width: 667px;
	border: 1px solid #dadada;
	height: 185px;
}

.comment_form .comment_tool_wrap {
	margin: 0;
}

.comment_area .form_btn {
	clear: both;
	text-align: right;
	margin: 4px 8px;
}

.comment_area .form_btn input {
	color: #606060;
	background-color: #fff;
	border: 1px solid #bdbdbd;
	border-radius: 14px;
	padding: 4px 16px;
	font-size: 12px;
	-webkit-transition: box-shadow 0.2s linear 0;
	transition: box-shadow 0.2s linear 0;
	  margin-left: 16px;
}

.comment_area .form_btn input:hover {
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
	background-color: #efefef\9;
}



/* コメント一覧
------------------------------------------------------------ */
.sub_contents_title {
	font-size: 16px;
	margin: 0 0 8px;
}

.sub_contents_body {
	font-size: 14px;
}

.sub_contents_footer {
	padding: 0 0 2px;
	margin: 8px 0 24px;
	font-size: 13px;
	text-align: right;
	border-bottom: 1px solid #dadada;
}

.sub_contents_footer a {
	color: #DE6300;
}

.sub_contents_footer a:hover {
	text-decoration: underline;
	color: #a1a1a1;
}



/* ページャ
------------------------------------------------------------ */
.page_navi {
	background-color: #fafafa;
	padding: 24px 4%;
	text-align: center;
}

.page_navi .pager_prev,
.page_navi .pager_next,
.page_navi .pager_home {
	background-color: #fff;
	border: 1px solid #bdbdbd;
	border-radius: 24px;
	color: #606060;
	display: inline-block;
	padding: 8px 20px;
	font-size: 14px;
	-webkit-transition: box-shadow 0.2s linear 0;
	transition: box-shadow 0.2s linear 0;
}

.page_navi .pager_prev:hover,
.page_navi .pager_next:hover,
.page_navi .pager_home:hover {
	background-color: #efefef\9;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
}

.page_navi .pager_prev {
	float: left;
	padding-left: 15px;
}

.page_navi .pager_prev:hover {
	padding-left: 15px;
}

.page_navi .pager_next {
	float: right;
}

.page_navi .pager_home {}



/* Related article
------------------------------------------------------------ */
.entry_body .relate_dl {
	margin: 24px 0px;
	padding: 5px 14px;
	border:dashed 1px #cccccc;
}

.entry_body .relate_dt {
	margin: 0 0 0px;
	font-size: 14px;
	font-weight:bold;
}

.entry_body .relate_dd {
	margin: 0;
}

.entry_body .relate_ul {
	padding: 0;
	margin: 0;
}

.entry_body .relate_li {
	list-style: none;
	font-size: 13px;
}

.entry_body .relate_li_nolink {
	list-style: none;
	font-size: 14px;
}

.entry_body .relate_li a {
	padding: 0px 0;
	display: block;
}

.entry_body .relate_li a:hover {
	color: #a1a1a1;
	text-decoration: underline;
}



/* ==========================================================================
	 Sidemenu (Plugin)
========================================================================== */

#l-sidecontents img{
	max-width: 100%;
	height: auto;
}
.sidecontents_area,
.maincontents_area {
	padding: 8px 0 0px;
	margin: 0 0 24px;
}
.sidecontents_area:first-child,
.maincontents_area:first-child {
	padding-top: 0px;
}
.maincontents_area p {
	font-size: 13px;
	margin-bottom: 1em;
}

.plg_desc_header{
	font-size: 14px;
}

.plg_desc_footer{
	font-size: 14px;
}

.plg_title {
	font-size: 16px;
}
/*プラグインタイトルバー*/
.plg_title {
	position: relative;
	color:#fff;
	font-weight:bold;
	line-height: 1.0;
	background-color: #333;
	border-radius: 6px;
    padding:6px 4px 4px 10px ;
    margin:0px 0 10px;
}
.plg_title:first-letter {
	color: #FFCC66;
}


.plg_body {
	word-wrap: break-word;
	font-size: 12px;
	margin-left: 10px;
}

.plg_body a:hover {
	text-decoration: underline;
}

.plg_area ul {
	margin: 0;
	padding: 0;
}

.plg_area li {
	margin: 0 0 4px 0;
	padding: 0;
}

.sidecontents_area textarea{
	resize: vertical;
}



/* tag(Plugin)
------------------------------------------------------------ */
.plugin-tag {
	margin: 0;
}

.plugin-tag a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 8px 4px 0;
	white-space: nowrap;
}



/* Search(Plugin)
------------------------------------------------------------ */

/* Calendar(Plugin)
------------------------------------------------------------ */
table.calender {
	margin: 0;
	padding: 0;
	background: none;
	margin: 0 auto;
}

table.calender caption {
	margin-bottom: 10px;
	margin: 0px auto;
}

table.calender caption a:hover {
	color: #898F95
}

table.calender caption a:active,
table.calender caption a:visited {
	color: #7b7b7b;
}

table.calender th,
table.calender td {
	padding: 4px;
	border-bottom: 1px dotted #cccccc;
	text-align: center;
	font-size: 14px;
	padding: 4px 6px;
}

table.calender td a {
	display: block;
	font-size: 14px;
	color: #DE6300;
}

table.calender td a:active,
table.calender td a:visited,
table.calender td a:hover {
	color: #a1a1a1;
}

table.calender th#sun {
	color: #f76f6f;
}

table.calender th#sat {
	color: #5757F1;
}



/* category-list(Plugin)
------------------------------------------------------------ */
.plugin-category-list-date{
	font-size: 12px;
}

.plugin-category-list-link{
	font-size: 15px;
}



/* Piyo(Plugin)
------------------------------------------------------------ */
.tab {
	text-align: left;
	margin-bottom: 10px;
}

.tab input {
	padding: 3px 5px;
}

.tab input.b1 {
	margin-right: 5px;
}

.mylog {
	width: 90%;
	padding: 5px;
	border: 1px solid #A5A5A5;
	text-align: left;
	background-color: #FFFFFF;
	font-size: 85% !important;
	/* for Modern browser */

	font-size: 93%;
	/* for IE6 */
}

.mylog .title {
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #A5A5A5;
	margin: 0px 0px 10px;
	padding: 0px 0px 3px;
}

.mylog dl {
	margin: 0px;
	padding: 0px;
}

.mylog dt.day {
	margin: 0px;
	padding: 0px 0px 5px;
	background-color: #FFFFFF;
	background-image: none;
	text-align: left;
	font-size: 85% !important;
	/* for Modern browser */

	font-size: 93%;
	/* for IE6 */
}

.mylog dd.piyolog {
	width: 100%;
	margin: 0px 0px 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #A5A5A5;
	padding: 0px 0px 10px;
}

.license {
	text-align: right;
	font-size: 85% !important;
	/* for Modern browser */

	font-size: 93%;
	/* for IE6 */
}



/* blomaga-count(Plugin)
------------------------------------------------------------ */
.plugin-blomaga-count a {}



/* Footer
------------------------------------------------------------ */
.powered,
.ad,
.copyright {
	margin: 0 0 4px;
	font-size: 11px;
}
.ad a {
	white-space: nowrap;
}



/* Baton
------------------------------------------------------------ */
.blog_baton {
	border: 1px solid #dadada;
	padding: 24px 24px 0;
}

.blog_baton dl,
.blog_baton dt {
	margin: 0;
}

.baton_a {
	margin: 0 0 16px;
}

.baton_q {
	border-bottom: 1px dotted #dadada;
}



/* Sponsor
------------------------------------------------------------ */
#fc2_text_ad .fc2_infeed1,
.entry_body .fc2_infeed1 {
	margin: 24px 8px;
}

#fc2_text_ad a,
.entry_body .fc2_infeed1 a {
	color: #7b7b7b;
	font-size: 14px;
}

#fc2_text_ad a:hover,
.entry_body .fc2_infeed1 a:hover {
	color: #a1a1a1;
	text-decoration: underline;
}



/* ==========================================================================
	 responsive
========================================================================== */

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

	.comment_area .form_btn {
		text-align: left;
		margin: 8px 0;
	}

	.comment_area .form_btn input {
		margin: 0;
	}

}



@media screen and (min-width: 860px) and (max-width: 959px){

	#l-header_inner {
		padding: 0;
		width: 860px;
	}

	.header_summary {
		width: 570px;
	}

	#l-container {
		width: 860px;
	}

	#l-main {
		width: 570px;
	}

}

/* ▼表示領域が450-959pxの場合 */
@media screen and (min-width: 450px) and (max-width: 959px) {
    .entry_body img {
        margin-right: 10px;
    }  /* スマホ横では画像横に余白 */
 }
/* ▼表示領域が960px以上の場合 */
@media screen and (min-width: 960px) {
    .entry_body img {
        margin-right: 10px;
        max-width: 325px;
        height: auto;
    }  /* PCでは画像を小さくする */
 }


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

	/* basic
	------------------------------------------------------------ */
	#l-header_inner,
	.footer_inner {
		width: 100%;
		padding: 0;
	}

	#l-container {
		width: 90%;
		margin: 0 5%;
	}

	#l-main {
		float: none;
		width: 100%;
	}

	/* header
	------------------------------------------------------------ */
	#l-header {
    position:relative;
		margin: 0 5% 0px;
		padding: 0 0 0px;
		border-bottom: 0px solid #dadada;
	}

	.plofili_img {
		position: relative;
		border: none;
		float: none;
		margin:  0 auto;
		text-align: center;
	}

	.header_summary {
		clear:both;
		float: none;
		margin: 0;
		padding: 0 0 36px;
		text-align: center;
		width: 100%;
	}

	.author_name {
		display: none;
	}

	.blog_name {
		font-size: 28px;
		padding: 18px 0 18px;
	}

	.blog_introduction {
		font-size: 13px;
	}

	/* footer
	------------------------------------------------------------ */
	#l-footer {
		border-top: 1px solid #dadada;
		padding: 16px 0 32px;
		margin: 0 5%;
	}

	.footer_inner {
		font-size: 14px;
	}

	.powered, .ad, .copyright {
		margin: 0 0 4px;
	}

	/* entry
	------------------------------------------------------------ */
	.topentry {
		margin: 0 0 48px;
		padding: 48px 0 0;
	}

	.topentry + .topentry {
		padding: 48px 0 0;
	}

	.entry_body .entry_more_link {
		padding: 48px 0 0;
	}

	.entry_footer {
		font-size: 14px;
		margin-top: 24px;
	}

	.entry_community {
	}

	#l-main .entry_body .entry_more_link a {
		padding: 8px 56px;
	}

	.sub_contents {
		margin: 48px 0;
	}

	.comment_area .form_btn {
		text-align: center;
		margin: 40px 0 0;
	}

	.comment_area .form_btn input {
		border-radius: 24px;
		padding: 8px 56px;
		font-size: 14px;
	}

	/* side menu
	------------------------------------------------------------ */
	#l-sidecontents {
		float: none;
		overflow: hidden;
		padding: 48px 0 0 0;
		width: 100%;
	}

	.perm_l-sidecontents {
		border-top: 1px solid #dadada;
	}

	.sidecontents_area {
		border: none;
		float: left;
		margin: 0 3% 40px;
		padding: 0;
		width: 44%;
	}

	.plg_title {
		margin: 0 0 20px;
	}

	.plg_body {
		font-size: 14px;
	}

	.plg_area li {
		margin: 0 0 8px 0;
		padding: 0;
	}

	table.calender {
		margin: 0;
	}

}



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

	/* header */
	#l-header {
		margin: 0 0% 0px;
	}

	.plofili_img_mask {
		width: 72px;
		height: 72px;
		background-size: 125px auto !important;
	}

	.blog_name {
		font-size: 24px;
		padding: 8px 0 4px;
	}

	.blog_introduction {
		font-size: 12px;
	}

	#l-container {
		width: 100%;
		margin: 0 0%;
	}

	/* entry */
	.topentry {
			margin: 0 0 40px;
	}

	.topentry + .topentry {
		padding: 40px 0 0;
	}

	.topentry_title {
		font-size: 20px;
	}

	.topentry_text {
		font-size: 14px;
	}

	.entry_body .entry_more_link {
		padding: 40px 0 0;
	}

	/* comment trackback area */
	.sub_contents {
		margin: 40px 0;
	}

	.sub_contents_area_title {
		font-size: 16px;
	}

	.sub_contents_title {
		font-size: 14px;
	}

	.trackback_input {
		font-size: 12px;
	}

	/* sidecontents */
	#l-sidecontents {
		padding: 40px 0 0 0;
	}

	.sidecontents_area {
		float: none;
		margin: 0 0 40px;
		width: 100%;
	}

	.plg_title {
		font-size: 16px;
	}

	/* footer */
	.footer_inner {
		font-size: 13px;
	}

	.copyright {
		font-size: 11px;
	}

}



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

	.comment_form_left,
	.comment_form_right {
		margin: 0;
		width: 100%;
		float: none;
	}

	.comment_form_left .input_text {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}

}






/* ### 記事下クリックボタン ### */
.clickbtn_wrap {
	position: relative;
	float: right;
	text-align:right;
	padding-bottom:0px;
	padding-right:0px;
	min-width: 286px;
}
#clickbtn { display: none; }	/*広告非表示*/

.clickbtn  {
    margin:0;
}
.clickbtn iframe{
	vertical-align: bottom;
    margin:2px 0 10px;
}
.clickbtn img{
	vertical-align: bottom;
    margin:0px 0 12px;
}
.murabtn {
	position: relative;
	display: inline-block;
}
.ninki {
    margin-left:6px;
}
a img.murabtn1 {
	position: relative;
	z-index: 3;
}
a:hover img.murabtn1 {
	filter: alpha(opacity=1);
	-moz-opacity: 0.01;
	opacity: 0.01;
}
img.murabtn2 {
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: 2;
}
.iine {
    padding-left:36px;
}


@media screen and (max-width: 565px){
	.clickbtn_wrap {
		float: none;
		text-align:center;
	}
}

/* ### ページナビ ### */

#pagenavi {
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    margin: 10px 0px;
}
#pagenavi a, #pagenavi span {
    width: 30px;
    margin: 3px;
    border: 1px solid #bbb;
    text-decoration: none;
    transition: all 0.3s;
    display: inline-block;
    background: #fff;
}
#pagenavi span {
    font-weight: bold;
    background: #eee;
}
#pagenavi a.dot {
    text-decoration: none;
    border: 1px solid #eee;
}
#pagenavi a:hover {
    border-color: #DE6300;
    background:#DE6300;
    color: #fff;
}

/* ### ページリンク ### */

.page_link{
	margin:30px 0px 25px 0px;
	padding:5px;
	color:#333333;
	font-size:12px;
	text-align:center;
	}

/* -----アンケートフォーム----- */
.votechoice118511 input {
     border: 0px solid #999999;
     background-color: #fff;
	margin: 5px 5px 5px 0;
 }
/* ### 最新コメント Comments...A ### */

#recentComments p{
	margin: 0;
	text-align: right;
}
#recentComments p img{
	cursor: pointer;
}
#recentComments ul,#recentComments ul li {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 none !important;
	display: list-item;
	line-height: 20px !important;	/* 行間 */
	list-style-type: none !important;
	list-style-image: none !important;
	background: none;
	text-align: left;
}
#recentComments ul {
	margin-left: 0px !important;
}
#recentComments ul ul {
	margin-left: 0 !important;
}
#recentComments img,#recentComments img:hover{
	margin: 0 !important;
	padding: 0 !important;
	border: 0 none !important;
	background: none !important;
	vertical-align: middle !important;
}
#recentComments span.newCmnt{		/* 新着マーク */
	color: #ff0000;
	font-size: 10px;
}
.rcommentBody span.rcommentDate{
	display: block !important;
	font-weight: bold;
	cursor: default !important;
}
.rcommentTitle{
	display: none !important;
}
.rcommentEntry{		/* 記事タイトル */
	font-size: 100% !important;
}
div#recentComments ul li{
	margin: 3px 0 !important;
}
#recentComments .rcommentDate{		/* 日付 */
	line-height: 1.45;
	cursor:pointer;
}
div#recentComments li ul li{
	margin: 0px !important;
	padding: 0px 0 0px 15px !important;
	background: url(https://blog-imgs-42-origin.fc2.com/t/o/a/toadlife/comA02.gif) 3px -5px no-repeat !important;
	font-size: 100% !important;
}
div#recentComments li li.rcLast{
	padding: 0px 0 0px 15px !important;
	background-position: 3px -311px !important;
}
div#recentComments li li.rcFirstLast{
	padding: 0px 0 0px 15px !important;
	background-position: 3px -311px !important;
}
div#recentComments li li.rcFirst{
	padding: 0px 0 0px 15px !important;
	background-position: 3px -5px !important;
}

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

	#recentComments ul,#recentComments ul li {
		line-height: 25px !important;	/* 行間 */
	}
	div#recentComments li ul li{
		background: url(https://blog-imgs-42-origin.fc2.com/t/o/a/toadlife/comA02.gif) 3px -0px no-repeat !important;
	}
	div#recentComments li li.rcLast{
		background-position: 3px -306px !important;
	}
	div#recentComments li li.rcFirstLast{
		background-position: 3px -306px !important;
	}
	div#recentComments li li.rcFirst{
		background-position: 3px -0px !important;
	}
}


/* ### 説明付きカテゴリ ### */

#PCCA div{
	color: #979797;
	margin-bottom:4px;
	}

/* ### HS月別アーカイブ ### */
#hs-archives {
	margin: 0 3px 0 -0px;
}
#hs-archives tr {
	line-height: 1.3;
}
#hs-archives th {
	text-align:left;
	padding-top: 6px;
}
#hs-archives tr:first-child th {
	padding-top: 0px;
}
#hs-archives td {
	text-align:center;
	border: 1px solid #a9a9a9;
}
#hs-archives + p {
	text-align:right;
	margin: 0.5em 0 0 0;
}


/* ### FC2拍手ブログパーツ ### */

#SIDE .clap_rank img{
    margin: 0;
}
#fc2clap_rank_table { /* 外枠 */
	border-collapse: collapse;
	width: calc( 100% + 0px  );
	color: #666;
	font-family: "Verdana","Impact","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ Pro W3","Osaka";
	font-size: 11.5px;
	line-height:1.8;
	border:1px solid #999999;
	vertical-align: baseline;
	margin: 0 0px 0 -0px;
	table-layout: auto;
}
#fc2clap_rank_table tr.fc2clap_rank td { /* 上部拍手ランキングタイトル */
	background-color: #f6b483;
	text-align: center;
	border:1px solid #999999;
	padding: 0px 0;
	display: none;
}
#fc2clap_rank_table span.fc2clap_rank_main { /* 下部拍手ランキングタイトル */
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 0;
}

#fc2clap_rank_table tr.fc2clap_rank_item td { /* カテゴリ内 */
	background-color: #F1F1EF;
	font-weight: bold;
	text-align: center;
	color:#5B5B5B;
	border:1px solid #999999;
	padding: 0px 0;
}
#fc2clap_rank_table td.fc2clap_rank_items_rank { /* カテゴリ内順位 */
	border:1px solid #999999;
	width: 16%;
}
#fc2clap_rank_table td.fc2clap_rank_items_title { /* カテゴリ内タイトル */
	border:1px solid #999999;
	width: 58%;
}
#fc2clap_rank_table td.fc2clap_rank_items_clap { /* カテゴリ内拍手数 */
	border:1px solid #999999;
	width: 26%;
}
#fc2clap_rank_table td.fc2clap_rank_items1 { /* 順位 */
	border:1px solid #999999;
	text-align: center;
}
#fc2clap_rank_table span.fc2clap_rank_namber { /* 順位数文字色 */
	color: #666;
}
#fc2clap_rank_table tr.fc2clap_rank_form { /* 各順位 */
	background-color: #FFFFFF;
	border:1px solid #999999;
	padding: 3px 0;
}
#fc2clap_rank_table td.fc2clap_rank_clap { /* 拍手数 */
	text-align: right;
	width: 26%;
	border:1px solid #999999;
}
#fc2clap_rank_table span.fc2clap_name { /* 拍手数配色 */
	color: #FF0000;
	font-weight: bold;
}
#fc2clap_rank_table td.fc2clap_rank_items { /* タイトル */
	border:1px solid #999999;
}
#fc2clap_rank_table span.fc2clap_rank_title a { /* タイトル文字色 */
	color: #DE6300;
}

#fc2clap_rank_table + p {
	text-align:right;
	margin: 0.5em 0 0 0;
}

/* ### カスタム検索 ### */

#l-sidecontents .cse .gsc-control-cse, #l-sidecontents .gsc-control-cse {
    padding: 0px;
}
#l-sidecontents .gsc-input {
	line-height: 1;
    padding-right: 2px;
}


/* ### ランキングアイコン ### */

.ranking1-icon {
	float:left;
	width : 88px;
	height : 84px;
	margin:5px 10px 0px 20px;
	background : url("https://blog-imgs-42-origin.fc2.com/t/o/a/toadlife/bon1-2.jpg");
	background-repeat: no-repeat;
}
.ranking2-icon {
	float:left;
	width : 88px;
	height : 84px;
	margin:5px 0px 0 10px;
	background : url("https://blog-imgs-42-origin.fc2.com/t/o/a/toadlife/pyon1-2.jpg");
	background-repeat: no-repeat;
}
.ranking1-icon a ,
.ranking2-icon a {
	display: block;
	width : 88px;
	height : 31px;
	padding-top: 53px;
}
.ranking1-icon img ,
.ranking2-icon img {
	margin: 0;
	padding: 0;
}
.ranking1-icon a:hover, 
.ranking2-icon a:hover {
	background: none;
}
.ranking1-icon a:hover img, 
.ranking2-icon a:hover img {
	filter: alpha(opacity=1);
	-moz-opacity: 0.01;
	opacity: 0.01;
}

#ranking-wrap {
	display: block;
}
#ranking-wrap2 {
	display: none;
}
@media screen and (max-width: 859px){
	#ranking-wrap {
		display: none;
	}
	#ranking-wrap2 {
		display: block;
		width: 240px;
		margin: 0 auto 16px;
	}
}

/* :::::::: メニューアイコン部分 :::::::: */
#sns-wrap {
    height:38px;
}

.rss-icon a,
.facebook-icon a,
.twitter-icon a,
.youtube-icon a{
    display:block;
    width:32px;
    height:32px;
    position:absolute;
    top:4px;
}
.rss-icon a{
    right:203px;
    background:url(https://blog-imgs-52-origin.fc2.com/t/o/a/toadlife/picons20-2.png) no-repeat left top;
}
.facebook-icon a{
    right:137px;
    background:url(https://blog-imgs-52-origin.fc2.com/t/o/a/toadlife/picons06-2.png) no-repeat left top;
}
.twitter-icon a{
    right:71px;
    background:url(https://blog-imgs-52-origin.fc2.com/t/o/a/toadlife/picons03-2.png) no-repeat left top;
}
.youtube-icon a{
    right:5px;
    background:url(https://blog-imgs-52-origin.fc2.com/t/o/a/toadlife/picons18-2.png) no-repeat left top;
}

.rss-icon a:hover{
    background:url(https://blog-imgs-52-origin.fc2.com/t/o/a/toadlife/picons20.png) no-repeat left top;
}
.facebook-icon a:hover{
    background:url(https://blog-imgs-52-origin.fc2.com/t/o/a/toadlife/picons06.png) no-repeat left top;
}
.twitter-icon a:hover{
    background:url(https://blog-imgs-52-origin.fc2.com/t/o/a/toadlife/picons03.png) no-repeat left top;
}
.youtube-icon a:hover{
    background:url(https://blog-imgs-52-origin.fc2.com/t/o/a/toadlife/picons18.png) no-repeat left top;
}



/* ### ガマリンク集 ### */

div.g_wrap {
	overflow:hidden;
	margin-bottom: 10px;
}
div.g_wrap2 {
	background: none repeat scroll 0 0 #fffaf0;
	border: 1px solid #DDDDDD;
	margin: 0px 0px 1em 0em;
	padding: 5px 0px 5px 20px;
}
div.g_wrap2 p {
	font-weight: bold;
	margin: 0;
}
div.g_wrap2 ul {
	list-style-type: circle;
	margin-left: 1.5em;
}
p.g_category {
	background-color: #faf2e5;
	background: -moz-linear-gradient(center top , #faf2e5, #f6e5cc) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#faf2e5), to(#f6e5cc));
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-bottom: 1px solid #a9a9a9;
	color: #444444;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 10px 10px 6px;
}
dl.g_data {
	background: none repeat scroll 0 0 #fffaf0;
	border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
	border-right: 1px solid #DDDDDD;
	border-style: solid;
	border-width: 1px;
	margin: 0;
}
dt.g_link {
	font-size: 16px;
	font-weight: bold;
	margin: 5px 8px 0px;
	padding: 0px 0px 2px 20px;
	background:  url(https://blog-imgs-42-origin.fc2.com/t/o/a/toadlife/maruya2.jpg) no-repeat scroll 0 5px #fffaf0;"
}
a:hover dt.g_link, a:active dt.g_link {
	text-decoration:underline;
	background:  url(https://blog-imgs-42-origin.fc2.com/t/o/a/toadlife/maruya.jpg) no-repeat scroll 0 5px #f2f2f2;"
}
dt.g_nolink {
	background:  url(https://blog-imgs-42-origin.fc2.com/t/o/a/toadlife/maruya-batu2.jpg) no-repeat scroll 0 5px #fffaf0;"
}
dd.g_caption {
	overflow: hidden;
	margin: 0;
	padding: 0 10px 5px 28px;
}
p.g_cap1 {
	font-size: 14px; 
	margin: 0;
	line-height: 1.5;
}

/* ### ツールチップ ### */
#tooltip
{
    text-align: center;
    color: #fff;
    line-height: 1.3;
    background: #111;
    border-radius: 6px;
    position: absolute;
    z-index: 100;
    padding: 15px;
}
    #tooltip:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #111;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }
 
        #tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #111;
            top: -20px;
            bottom: auto;
        }
 
        #tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }
 
        #tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }

/* ### ページトップボタン ### */
#page-top {
	position: fixed;
	bottom: -40px;
	right: 50px;
}
#page-top a {
	display: block;
	width: 60px;
	height: 40px;
	background-color: #333;
	border-radius: 8px 8px 0 0;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 40px;
}
#page-top a:hover {
	color: #ffcc66;
}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}
#lbCenter {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#lbBottomContainer {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.lbLoading {
	background: #fff url(https://blog-imgs-65-origin.fc2.com/t/o/a/toadlife/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(https://blog-imgs-65-origin.fc2.com/t/o/a/toadlife/prevlabel.png) no-repeat 0 50%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(https://blog-imgs-65-origin.fc2.com/t/o/a/toadlife/nextlabel.png) no-repeat 100% 50%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 60px;
	height: 35px;
	background: transparent url(https://blog-imgs-65-origin.fc2.com/t/o/a/toadlife/closelabel.png) no-repeat right;
	margin: 0px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

@media (max-width: 480px) {
	#lbImage {
		background-size:contain;
	}
}
/* ### 成長記録 ### */

div.wrap_graph {
	overflow:hidden;
/* 	width: 600px; */
	margin:  0 auto 10px  auto;
}
p.comment_graph {
	margin: 10px 0;
	overflow: hidden;
}
p.category_graph {
	background-color: #EDEFF4;
	background: -moz-linear-gradient(center top , #EDEFF4, #D8DFEA) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#EDEFF4), to(#D8DFEA));
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-bottom: 1px solid #3B5998;
	color: #222222;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 10px 10px 6px;
}
dl.data2_graph {
	background: none repeat scroll 0 0 #F2F2F2;
	border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
	border-right: 1px solid #DDDDDD;
	border-style: solid;
	border-width: 1px;
	float: left;
	margin: 0;
	width: 50%;
}

@media screen and (max-width: 639px){
	dl.data2_graph {
	width: 100%;
	}
}

dt.pict_graph {
	background: none repeat scroll 0 0 #EDEFF4;
	border-color: #D8DFEA #FFFFFF #FFFFFF #D8DFEA;
	border-style: solid;
	border-width: 1px;
	height: 100%;
	line-height: 0;
	margin: 10px 0;
	padding: 10px 0;
	text-align: center;
	overflow: hidden;
}
dt.pict2_graph {
	background: none repeat scroll 0 0 #EDEFF4;
	border-color: #D8DFEA #FFFFFF #FFFFFF #D8DFEA;
	border-style: solid;
	border-width: 1px;
	height: 100%;
	line-height: 0;
	margin: 0;
	padding: 10px 0px;
	text-align: center;
	overflow: hidden;
}
dd.caption2_graph {
	overflow: hidden;
	margin: 0;
	padding: 0 15px 10px;
	text-align: center;
}
p.cap0_graph {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px;
}
p.cap1_graph {
	font-size: 11px; margin: 0;"
}