@import url("http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic");			
html,			
body,			
div,			
span,			
applet,			
object,			
iframe,			
h1,			
h2,			
h3,			
h4,			
h5,			
h6,			
p,			
blockquote,			
pre,			
a,			
abbr,			
acronym,			
address,			
big,			
cite,			
code,			
del,			
dfn,			
em,			
font,			
ins,			
kbd,			
q,			
s,			
samp,			
small,			
strike,			
strong,			
sub,			
sup,			
tt,			
var,			
dl,			
dt,			
dd,			
ol,			
ul,			
li,			
fieldset,			
form,			
label,			
legend,			
table,			
caption,			
tbody,			
tfoot,			
thead,			
tr,			
th,			
td {			
  border: 0;			
  font-family: inherit;			
  font-size: 100%;			
  font-style: inherit;			
  font-weight: inherit;			
  margin: 0;			
  outline: 0;			
  padding: 0;			
  vertical-align: baseline;			
  list-style: none;			
}			
fieldset,			
img {			
  margin: 0;			
  padding: 0;			
  border: 0;			
  outline: 0;			
  overflow: hidden;			
  line-height: 1;			
}			
ol,			
ul {			
  list-style: none;			
}			
blockquote:before,			
blockquote:after,			
q:before,			
q:after {			
  content: '';			
  content: none;			
}			
:focus {			
  outline: 0;			
}			
ins {			
  text-decoration: none;			
}			
del {			
  text-decoration: line-through;			
}			
table {			
  border-collapse: collapse;			
  border-spacing: 0;			
  background-color: transparent;			
}			
header,			
nav,			
hgroup,			
footer,			
section,			
article,			
aside {			
  display: block;			
}			
.clear {			
  height: 0;			
  line-height: 0;			
  clear: both;			
}			
.left {			
  text-align: left;			
  float:left;			
}			
.center {			
  text-align: center;			
}			
.right {			
  text-align: right;			
  float: right;			
}			
body {			
  color: #333333;			
  font-size: 13px;			
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;			
  background-color: #F5F5F5;			
}			
a:link,			
a:visited {			
  color: #333333;			
  outline: none;			
  text-decoration: none;			
}			
a:hover,			
a:active {			
  color: #03D;			
  text-decoration: underline;			
  -webkit-transition: all 0.2s ease-in-out;			
  -moz-transition: all 0.2s ease-in-out;			
  -o-transition: all 0.2s ease-in-out;			
  -ms-transition: all 0.2s ease-in-out;			
  transition: all 0.2s ease-in-out;			
}			
::-moz-selection,			
::selection {			
  background: #2EA9DF;			
  color: #333333;			
}			
strong,			
b {			
  font-weight: bold;			
}			
input,			
textarea {			
  padding: 3px;			
  border: 1px solid #CCCCCC;			
  background: #FFF;			
  color: #666666;			
}			
input:hover,			
textarea:hover,			
input:focus,			
textarea:focus {			
  -webkit-box-shadow: 0px 0px 4px #2EA9DF;			
  -moz-box-shadow: 0px 0px 4px #2EA9DF;			
  box-shadow: 0px 0px 4px #2EA9DF;			
  border: 1px solid #2EA9DF;			
}			
#MainBlock {			
  margin: 0 auto;			
  -webkit-border-radius: 3px;			
  -moz-border-radius: 3px;			
  border-radius: 3px;			
  -moz-background-clip: padding;			
  -webkit-background-clip: padding-box;			
  background-clip: padding-box;			
  width: 1060px;			
}			
#EntryListBlock {			
  margin: 0 10px 20px 0;			
  float: left;			
  width: 750px;			
  -webkit-border-radius: 3px;			
  -moz-border-radius: 3px;			
  border-radius: 3px;			
  -moz-background-clip: padding;			
  -webkit-background-clip: padding-box;			
  background-clip: padding-box;			
}			
.EntryTextBox {			
  width: auto;			
  margin: 10px 10px 0;			
  padding: 15px;			
  background-color: #FFF;			
  -webkit-border-radius: 3px;			
  -moz-border-radius: 3px;			
  border-radius: 3px;			
  -moz-background-clip: padding;			
  -webkit-background-clip: padding-box;			
  background-clip: padding-box;			
  border: 1px solid #EDEDED;			
  font-size: 14px;			
  line-height: 1.65;			
}			
.EntryTextBox:nth-last-of-type(1) {			
  margin: 10px;			
}			
.EntryDivide {			
  border: 0;			
  height: 1px;			
  margin: 20px 10px;			
  background-color: #CCCCCC;			
}			
.EntryDivide:nth-last-of-type(1) {			
  display: none;			
}			
#PluginBlock {			
  width: 300px;			
  margin: 0;			
  float: right;			
  -webkit-border-radius: 3px;			
  -moz-border-radius: 3px;			
  border-radius: 3px;			
  -moz-background-clip: padding;			
  -webkit-background-clip: padding-box;			
  background-clip: padding-box;			
  overflow: hidden;			
}			
#PluginBlock2 {			
    width: 100%;			
    height: auto;			
    max-height: 350px;			
    overflow: hidden;			
    border-bottom: 1px solid #ededed;			
    background: #FFF;			
    clear: both;			
    margin: 10px 0 -10px;			
}			
#PluginBlock2 .PluginTitle {			
line-height: 1.2;			
margin: 5px 0 0;			
}			
#PluginBlock2 .PluginContents{			
line-height: 1.5;			
font-size: 12px;			
}			
			
#PluginBlock3 {			
margin: 20px 0 5px;			
border-top: 1px solid #ddd;			
}			
#PluginBlock3 .PluginTitle{			
margin: 10px 0 0;			
}			
			
#PluginBlock4 {			
width:auto;			
height:auto;			
max-height:10px;			
overflow: hidden;			
border-bottom: 1px solid #ededed;			
background: #FFF;			
}			
#PluginLayout4{			
padding: 10px;			
}			
#PluginBlock4 .PluginTitle, #PluginBlock4 .PluginContents{			
    margin: 0;			
    padding: 0;			
}			
#PluginBlock5{			
    width: 100%;			
    height: auto;			
    position: relative;			
    left: 0;			
    margin: 30px auto 0;			
    max-height: 120px;			
    overflow: hidden;			
}			
 #PluginBlock5 .ninja-recommend{			
  visibility: visible;			
  overflow: hidden;			
  border: 1px solid #FFF;			
}			
#PluginBlock5 .PluginContents{			
  position: relative;			
}			
#PluginBlock5 .PluginContents .ninja-recommend-article-title{			
color: #FFF !important;			
padding:5px 0 0;			
}			
			
#PluginLayout,			
#PluginLayout2 {			
  margin: 0 auto;			
}			
.PluginInnerBlock {			
  width: 300px;			
  margin: 10px 0 20px;			
  padding: 0px;			
  -webkit-border-radius: 3px;			
  -moz-border-radius: 3px;			
  border-radius: 3px;			
  -moz-background-clip: padding;			
  -webkit-background-clip: padding-box;			
  background-clip: padding-box;			
}			
.PluginInnerBlock:nth-last-of-type(1) {			
  margin: 10px auto;			
}			
.PluginInnerBlock2 {			
  width: 980px;			
  margin: 10px auto 0;			
  padding: 10px 0;			
  background-image: ;			
  -webkit-border-radius: 3px;			
  -moz-border-radius: 3px;			
  border-radius: 3px;			
  -moz-background-clip: padding;			
  -webkit-background-clip: padding-box;			
  background-clip: padding-box;			
}			
.PluginInnerBlock2:nth-last-of-type(1) {			
  margin: 10px auto;			
}			
.PluginInnerBlock2 .plugin_data {			
  padding: 0 0 5px 10px;			
}			
aside a:hover, a:active {			
 color: #03D;			
}			
header {			
  color: #FFF;			
  position: relative;			
background: #89abe3; /* Old browsers */			
background: -moz-linear-gradient(-45deg,  #89abe3 17%, #f2ddde 90%); /* FF3.6-15 */			
background: -webkit-linear-gradient(-45deg,  #89abe3 17%,#f2ddde 90%); /* Chrome10-25,Safari5.1-6 */			
background: linear-gradient(135deg,  #89abe3 17%,#f2ddde 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */			
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89abe3', endColorstr='#f2ddde',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */			
			
}			
.header_wrapper {			
  padding: 30px 10px 20px;			
  margin: 0 auto;			
  text-align: center;			
}			
 #BlogTitle{			
  width: 100%;			
    margin: 0 0 7px;			
}			
header #BlogTitle a:link,			
header #BlogTitle a:visited {			
    font-weight: 100;			
    font-size: 25px;			
    text-decoration: none;			
    color: #FFF;			
    font-family: "メイリオ";			
}			
header #BlogExplanation {			
  font-size: 90%;			
  color: #FFF;			
  clear: both;			
  width: 100%;			
}			
nav {			
  text-align: center;			
  padding: 10px 10px;			
}			
nav ul {			
}			
nav li {			
  display: inline;			
  margin: 0 0.5em 0 0;			
  background: #F5F5F5;			
  padding: 7px 5px 5px;			
  white-space:nowrap;			
  word-wrap: normal;			
}			
nav a {			
  padding: 0.3em 12px;			
  text-decoration: none;			
}			
#MenuPage {			
  background-color: #E9E9E9;			
  background-image: ;			
  margin: 0;			
  padding: 10px 0 0;			
}			
#MenuPage ul{			
    text-align: left;			
    width: 1040px;			
    margin: 0 auto;			
}			
#MenuPage a {			
  color: #888;			
  font-size: 12px;			
}			
#MenuPage a.current,			
#MenuPage a:focus,			
#MenuPage a:hover,			
#MenuPage a:active {			
  color: #FFF;			
  background: #89ABE3;			
  -webkit-border-radius: 3px;			
  -moz-border-radius: 3px;			
  border-radius: 3px;			
  -moz-background-clip: padding;			
  -webkit-background-clip: padding-box;			
  background-clip: padding-box;			
}			
#MenuCategory {			
  margin: 0;			
  padding: 10px 0 0;			
  /*visibility:hidden;*/			
  overflow: scroll;			
  height:110px;			
}			
#MenuCategory li{			
    margin: 0 2px;			
    padding: 0;			
}			
#MenuCategory a {			
  color: #333333;			
  background: #FFF;			
  font-size: 12px;			
  margin: 0 0 5px;			
  display: inline-block;			
}			
#MenuCategory a.current,			
#MenuCategory a:focus,			
#MenuCategory a:hover,			
#MenuCategory a:active {			
  color: #FFF;			
  background: #89ABE3;			
  -webkit-border-radius: 3px;			
  -moz-border-radius: 3px;			
  border-radius: 3px;			
  -moz-background-clip: padding;			
  -webkit-background-clip: padding-box;			
  background-clip: padding-box;			
}			
#Breadcrumbs {			
  color: #333333;			
  width:1060px;			
  margin: 5px auto -10px;			
  font-size: 10px;			
}			
#Breadcrumbs a {			
  color: #333333;			
  padding: 5px 10px;			
}			
.EntryTextBox header {			
  margin: 0 0 10px 0;			
background: #efefef; /* Old browsers */			
background: -moz-linear-gradient(-45deg,  #efefef 37%, #f2ddde 100%); /* FF3.6-15 */			
background: -webkit-linear-gradient(-45deg,  #efefef 37%,#f2ddde 100%); /* Chrome10-25,Safari5.1-6 */			
background: linear-gradient(135deg,  #efefef 37%,#f2ddde 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */			
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#f2ddde',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */			
			
}			
			
.EntryTextBox header .EntryTitle {			
  margin: 0;			
  padding: 10px 5px 7px 10px;			
  font-size: 115%;			
  line-height: 1.4;			
  font-weight: bold;			
   color: #FFF !important;			
    background: #89abe3;			
    background: -moz-linear-gradient(-45deg, #89abe3 35%, #f2ddde 100%);			
    background: -webkit-linear-gradient(-45deg, #89abe3 35%,#f2ddde 100%);			
    background: linear-gradient(135deg, #89abe3 35%,#f2ddde 100%);			
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89abe3', endColorstr='#f2ddde',GradientType=1 );			
}			
.EntryTextBox header .EntryTitle a {			
    color: #FFF !important;			
}			
.EntryTextBox header .EntryTitle a:link,			
.EntryTextBox header .EntryTitle a:visited {			
  color: #FFF;			
}			
.EntryTextBox header .EntryTitle a:hover {			
}			
.EntryTextBox header ul {			
  margin: 0;			
  text-align: right;			
    margin: 2px 0;			
}			
.EntryTextBox header li {			
  display: inline-block;			
  margin: 0 10px;			
  font-size: 82%;			
  font-style: oblique;			
  color: #8A7A7A;			
}			
.EntryTextBox header li a:link,			
.EntryTextBox header li a:visited {			
  text-decoration: underline;			
  color: #8A7A7A;			
}			
.EntryTextBox header .EntryCategory:before {			
  content: "Category:";			
}			
.EntryTextBox header .EntryWriteDate:before {			
  content: "Date:";			
}			
.EntryTextBox .EntryPsText {			
  margin: 2em 0;			
  text-align: right;			
}			
.EntryTextBox .EntryPsText a {			
  color: #333333;			
  text-decoration: underline;			
}			
.EntryTextBox .EntryPsText:before {			
  padding: 0 10px 0 0;			
  text-decoration: none;			
}			
.EntryText,			
.EntryText * {			
  font-size: 14px;			
  line-height: 1.7;			
}			
.EntryText a:link,			
.EntryText a:visited {			
  text-decoration: underline;			
}			
.entryTextMain img {			
  max-width: 100%;			
  margin: 0 10px 5px 0;			
}			
.EntryText h1,			
.EntryText h2,			
.EntryText h3,			
.EntryText h4,			
.EntryText h5,			
.EntryText h6 {			
  margin: 1.5em 0px 0.6em;			
  padding: 0 0 0 0.5em;			
  word-wrap: break-word;			
  font-weight: bold;			
}			
.EntryText h1,			
.EntryText h2 {			
  font-size: 130%;			
  border-left: #333333 4px solid;			
}			
.EntryText h3 {			
  font-size: 120%;			
}			
.EntryText h4 {			
  font-size: 100%;			
  font-style: italic;			
}			
.EntryText h5 {			
  font-size: 100%;			
  font-style: italic;			
}			
.EntryText h6 {			
  font-size: 100%;			
  font-style: italic;			
}			
.EntryText p {			
  margin: 0.7em 0 1.5em 0.5em;			
}			
.EntryText mark {			
  background: #2EA9DF;			
  color: #333333;			
  padding: 0 0.2em;			
}			
.EntryText table {			
  width: 100%;			
  border: 1px solid #CCCCCC;			
  border-collapse: collapse;			
  border-spacing: 0;			
  text-align: center;			
}			
.EntryText table th,			
.EntryText table td,			
.EntryText table caption {			
  padding: 2%;			
}			
.EntryText table th {			
  padding: 5px;			
  border: 1px solid #CCCCCC;			
  border-width: 0 0 1px 1px;			
  font-weight: bold;			
  text-align: center;			
}			
.EntryText table td {			
  padding: 5px;			
  border: 1px solid #CCCCCC;			
  border-width: 0 0 1px 1px;			
  text-align: center;			
}			
.EntryText ul,			
.EntryText ol,			
.EntryText dl {			
  margin: 0.8em 1.2em;			
}			
.EntryText ul li {			
  list-style: disc inside;			
  margin: 0 0 0.3em 0;			
}			
.EntryText ol li {			
  list-style: decimal inside;			
  margin: 0 0 0.3em 0;			
}			
.EntryText dl dt {			
  font-weight: bold;			
  margin: 0 0 0.5em 0;			
}			
.EntryText dl dd {			
  margin: 0 0 0.8em 0.5em;			
}			
.EntryText blockquote {			
  background-color: #EEEEEE;			
  color: #333333;			
  padding: 10px;			
  border-left: 3px solid #CCCCCC;			
  font-size: 90%;			
  font-style: italic;			
}			
.EntryText blockquote cite {			
  color: #666666;			
}			
.EntryText pre {			
  background-color: #EEEEEE;			
  padding: 10px;			
  font-size: 90%;			
}			
.EntryText hr {			
  border: 0;			
  height: 1px;			
  margin: 2em auto;			
  background-color: #CCCCCC;			
}			
blockquote{			
    background: url(http://file.temple01rcm.iku4.com/img_diagonal.png) center 0 repeat;			
    padding: 20px 20px 18px;			
}			
.entryPsLink{			
  margin: 10px 0 ;			
}			
.entryPsLink a{			
  padding: 5px 10px;			
  background-color: #e6e4df;			
}			
.NinjaClap {			
  padding: 1em 0 0;			
}			
.NinjaClap .NinjaClap a img {			
  margin: 0 0.5em;			
  vertical-align: middle;			
  width: 80px;			
}			
#CommentBlock {			
  margin: 2em 0 0;			
}			
#CommentBlock .CommentMenuTitle {			
  font-weight: bold;			
  text-decoration: none;			
  margin: 0 0 10px;			
  padding: 6px 8px 4px;			
  background: #e6e4df;			
}			
.CommentTextBox {			
  margin: 0 0 1em;			
  padding: 0.5em 0 1.5em 0;			
  border-bottom: 1px solid #CCCCCC;			
}			
.CommentTextBox header {			
  margin: 0;			
}			
.CommentTextBox header ul {			
  margin: 0;			
  text-align: right;			
  margin: 0 10px 2px 0;			
}			
.CommentTextBox header ul li {			
  display: inline-block;			
  margin: 0 0 0 10px;			
  font-style: italic;			
  color: #666666;			
  font-size: 90%;			
}			
.CommentTextBox .CommentTitle, .CommentResBox .CommentResTitle{			
    padding: 8px 10px 5px;			
    color: #666;			
}			
.CommentResBox {			
  margin: 1em 0 0 1em;			
  padding: 0.5em 0 0.5em 1em;			
  border-left: 3px solid #CCCCCC;			
}			
.CommentTitle,			
.CommentResTitle {			
  padding: 0.3em 0.2em 0 0;			
  font-weight: bold;			
  line-height: 1.4;			
}			
.CommentText,			
.CommentResText {			
  padding: 0.5em 0;			
  line-height: 1.4;			
}			
.CommentText * {			
  line-height: 1.4;			
  font-size: 90%;			
}			
.CommentFormBlock ul {			
  margin: 3px 0;			
}			
.CommentFormBlock ul li {			
  padding: 0.5em 0em;			
  text-align: left;			
  vertical-align: middle;			
  font-size: 80%;			
}			
.CommentFormBlock ul li .CommentForms {			
  width: 180px;			
  margin: 0 5px 0 0;			
}			
.CommentFormBlock ul li textarea.CommentForms {			
  resize: none;			
  width: 270px;			
}			
.CommentFormBlock ul li .CommentForms_pass {			
  width: 150px;			
  margin: 0 5px 0 0;			
}			
.CommentFormBlock .CommentFormSubmit {			
  clear: both;			
  padding: 1em 0;			
}			
.CommentFormBlock .CommentFormSubmit input {			
  padding: 0.5em 1em;			
  background: #333333;			
  cursor: pointer;			
  color: #FAFAFA;			
}			
.CommentFormBlock .CommentFormSubmit input:hover {			
  background: #89ABE3;			
  color: #333333;			
  -webkit-transition: all 0.2s ease-in-out;			
  -moz-transition: all 0.2s ease-in-out;			
  -o-transition: all 0.2s ease-in-out;			
  -ms-transition: all 0.2s ease-in-out;			
  transition: all 0.2s ease-in-out;			
}			
.CommentBlock.edit {			
  margin: 2em auto;			
  padding: 2em;			
  width: 280px;			
}			
#PageLinkBlock {			
  margin: 20px auto 0;			
}			
#PageLinkBlock ul {			
  text-align: center;			
}			
#PageLinkBlock ul li {			
  display: inline;			
  margin: 0;			
}			
#PageLink10Block {			
  margin: 20px auto 30px;			
}			
#PageLink10Block #PageLink10 {			
  width: auto;			
  text-align: center;			
  text-indent: center;			
  font-family: Tahoma, Arial, Helvetica, sans-serif;			
}			
#PageLink10Block #PageLink10 li {			
  margin: 5px;			
  font-weight: bold;			
  display: inline;			
}			
#PageLink10Block #PageLink10 li a,			
#PageLink10Block #PageLink10 li span {			
  background: #333333;			
  padding: 5px 8px;			
  font-weight: normal;			
  text-decoration: none;			
  color: #FAFAFA;			
  -webkit-border-radius: 3px;			
  -moz-border-radius: 3px;			
  border-radius: 3px;			
  -moz-background-clip: padding;			
  -webkit-background-clip: padding-box;			
  background-clip: padding-box;			
}			
#PageLink10Block #PageLink10 li span {			
  background: #2EA9DF;			
  color: #fff;			
}			
#PageLink10Block #PageLink10 li a:focus,			
#PageLink10Block #PageLink10 li a:hover,			
#PageLink10Block #PageLink10 li a:active {			
  background: #2EA9DF;			
  color: #333333;			
}			
.PluginTitle {			
  line-height: 1.5;			
  font-size: 105%;			
  font-weight: bold;			
  margin: 5px 0;			
}			
#PluginBlock .PluginTitle{			
  padding: 0 0 3px 0;			
  border-bottom: 1px solid #DEDEDE;			
}			
#PluginBlock  .ninja-recommend{			
  margin: 0 0 0 -3px;			
}			
.PluginExplanation {			
  line-height: 1.5;			
}			
.PluginContents {			
  padding: 5px 5px 0 0;			
  line-height: 1.5;			
}			
.PluginContents li {			
  line-height: 1.5;			
}			
.PluginContents .plugin_data {			
  padding: 0 0 5px;			
}			
.PluginContents .plugin_data * {			
  line-height: 1.4;			
}			
.PluginContents .plugin_data_date {			
  text-align: right;			
}			
.plugin_data .left{			
  float: none;			
}			
.CalendarMoveTable {			
  margin: 0 auto;			
  width: 100%;			
}			
.CalendarMoveTable td {			
  height: 2em;			
  text-align: center;			
  vertical-align: middle;			
}			
.CalendarMoveTable td a:link,			
.CalendarMoveTable td a:visited,			
.CalendarMoveTable td a:hover {			
  text-decoration: none;			
}			
.CalendarMoveTable .CalendarPrevTd a {			
  padding-left: 1.5em;			
}			
.CalendarMoveTable .CalendarPrevTd a:before {			
  padding: 0 10px 0 0;			
}			
.CalendarMoveTable .CalendarNextTd a {			
  padding-right: 1.5em;			
}			
.CalendarMoveTable .CalendarNextTd a:after {			
  padding: 0 0 0 10px;			
}			
.CalendarTable {			
  margin: 0 auto;			
  width: 100%;			
}			
.CalendarTable th,			
.CalendarTable td {			
  height: 2.5em;			
  border: 1px solid #CCCCCC;			
  text-align: center;			
  vertical-align: middle;			
}			
.CalendarTable .CalendarWdayTr .CalendarWdaySat,			
.CalendarTable .CalendarWdayTr .CalendarWday,			
.CalendarTable .CalendarWdayTr .CalendarWdaySun {			
  text-align: center;			
  font-weight: bold;			
}			
.CalendarTable .CalendarTr .CalendarTd,			
.CalendarTable .CalendarTr .CalendarTdSat,			
.CalendarTable .CalendarTr .CalendarTdSun {			
  text-align: center;			
}			
.CalendarTable .CalendarTdLink a {			
  padding: 4px 0;			
  display: block;			
  text-align: center;			
  color: #2EA9DF;			
}			
.CalendarTable .CalendarTdLink a .CalendarTdLinkFont {			
  font-weight: bold;			
}			
.blogsearch .box {			
  width: 150px;			
  padding: 3px;			
}			
.blogsearch .btn {			
  background: #333333;			
  color: #FAFAFA;			
  cursor: pointer;			
  padding: 3px;			
  font-size: 90%;			
}			
.blogsearch .btn:hover {			
  background: #2EA9DF;			
  color: #333333;			
}			
.qrcode_image {			
  text-align: center;			
}			
			
footer {			
  margin: 10px auto 0;			
  padding: 30px 10px;			
  background-color: #FAFAFA;			
  background-image: ;			
}			
footer ul {			
  text-align: center;			
}			
footer li {			
  display: block;			
  width: 100%;			
  padding: 7px 0 0;			
  font-size: 90%;			
  color: #333333;			
}			
footer a {			
  color: #333333;			
}			
			
/* :::::: toggle button :::::: */			
 			
#navTgl, .open, .menu {			
  display: none;			
  overflow: hidden;			
}			
			
@media screen and (max-width:768px){			
body {			
  -webkit-text-size-adjust: 100%;			
}			
  #MainBlock {			
    width: 98%;			
    overflow: hidden;			
  }			
#MenuPage ul, nav ul{			
    display: inline-table;			
    max-width: 100%;			
    width: 100%;			
}			
.mask {			
  height: 3.3em; 			
  width: 100%;			
  overflow-x: auto;			
  -webkit-overflow-scrolling: touch;  			
}			
header {			
    width: 100%;			
    margin: 0;			
    padding: 20px 0;			
    overflow: hidden;			
  }			
  header #BlogTitle,			
  header #BlogExplanation {			
    width: 100%;			
    margin: 0px auto;			
  }			
.header_wrapper{			
    width: 95%; 			
    height: auto;			
}			
			
			
			
/* :::::: toggle button :::::: */			
#navTgl:checked ~ .contents {			
  -webkit-transform: translateX(250px);			
  transform: translateX(250px);			
}			
#navTgl {			
  display: none;			
  overflow: hidden;			
}			
label {			
  cursor: pointer;			
  position: fixed;			
  top: 0;			
  left: 0;			
}			
.open {			
  display: block;			
  z-index: 2;			
  width: 50px;			
  height: 50px;			
  color: white;			
  background-color: #FF979C;			
  font-size: 2em;			
  line-height: 50px;			
  text-align: center;			
  -webkit-transition: background-color .6s, -webkit-transform .6s;			
  transition: background-color .6s, transform .6s;			
}			
#navTgl:checked + .open {			
  display: block;			
  background-color: indianRed;			
  -webkit-transform: translateX(250px);			
  transform: translateX(250px);			
}			
.close {			
  pointer-events: none;			
  z-index: 1;			
  width: 100%;			
  height: 100%;			
  transition: background-color .6s;			
}			
#navTgl:checked ~ .close {			
  pointer-events: auto;			
  background-color: rgba(0,0,0,.3);			
}			
			
#panel-btn-icon{			
  display: block;			
  position: absolute;			
  top: 50%;			
  left: 50%;			
  width: 14px;			
  height: 2px;			
  margin: -1px 0 0 -7px;			
  background: #fff;			
  transition: .2s;			
}			
#panel-btn-icon:before, #panel-btn-icon:after{			
  display: block;			
  content: "";			
  position: absolute;			
  top: 50%;			
  left: 0;			
  width: 14px;			
  height: 2px;			
  background: #fff;			
  transition: .3s;			
}			
#panel-btn-icon:before{			
  margin-top: -6px;			
}			
#panel-btn-icon:after{			
  margin-top: 4px;			
}			
			
#navTgl:checked + .open  #panel-btn-icon { background: transparent;  }			
#navTgl:checked + .open #panel-btn-icon:before,  #navTgl:checked + .open #panel-btn-icon:after { margin-top: 0; }			
#navTgl:checked + .open #panel-btn-icon:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); height: 1px; }			
#navTgl:checked + .open #panel-btn-icon:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); height: 1px;  }			
			
			
/* :::::: drawer menu :::::: */			
.menu {			
  display: block;			
  z-index: 1;			
  position: fixed;			
  overflow: auto;			
  top: 0;			
  left: 0;			
  width: 230px;			
  height: 100%;			
  padding: 10px;			
  background-color: rgba(255,255,255,0.95);			
  -webkit-transform: translateX(-100%);			
  transform: translateX(-100%);			
  -webkit-transition: -webkit-transform .6s;			
  transition: transform .6s;			
}			
#navTgl:checked ~ .menu {			
  -webkit-transform: translateX(0);			
  transform: translateX(0);			
}			
.menu p,			
.menu li a {			
  color: #666;			
}			
.menu p {			
  font-size: 12px;			
  font-weight: bold;			
  padding: 10px 0 10px 10px;			
  text-align: center;			
  border-bottom: 1px solid #ddd;			
}			
.menu ul,			
header nav ul {			
padding: 0;			
margin: 0 0 20px ;			
}			
.menu li {			
  border-bottom: 1px solid #ddd;			
  font-size: 13px;			
  line-height: 1.4;			
}			
.menu li a,			
header nav li a {			
  display: block;			
  padding: 1em;			
  text-decoration: none;			
  transition: background-color .6s;			
  line-height: 1.6;			
}			
.menu li a:hover {			
  background-color: #fff;			
}			
			
/* ナビ非表示 */			
#MenuPage, #MenuCategory {			
    display: none;			
}			
 /* */			
			
			
			
nav {			
    padding: 5px 0;			
    margin: 0 auto;			
    overflow: hidden;			
  }			
nav ul {			
    width: 95%; 			
  }			
#MenuPage, #MenuCategory {			
    padding: 10px 0 0 10px;			
}			
			
  #Breadcrumbs {			
    width: 95%;			
    margin: 0px auto;			
    padding: 20px 0 0;			
    overflow: hidden;			
  }			
  #EntryListBlock {			
    width: 100%;			
    float: none;			
    margin: 10px auto;			
    padding: 0 0 10px 0;			
  }			
  #EntryListBlock .EntryTextBox {			
    width: auto;			
    padding: 18px;			
  }			
.EntryTextBox header{			
    padding: 0 12px 0 13px !important;			
    margin: -13px -12px 15px -12px;			
}			
.EntryTextBox header .EntryTitle{			
    margin: 0 -15px;			
}			
#CommentBlock header{			
    padding: 0 !important;			
    margin: 0 0 10px 0;			
}			
  #PluginBlock{			
    width: 95%;			
    float: none;			
    margin: 0 auto 10px;			
    padding: 0 0;			
  }			
  #PluginBlock2{			
    width: 94%;			
    float: none;			
    margin: 0 auto 10px;			
    padding: 0 3%;			
  }			
#PluginBlock3 {			
    width: 100%;			
    float: none;			
    margin: 0 auto;			
    padding: 0 0;			
    position: relative;			
    left: 0px;			
    overflow: hidden;			
  }			
#PluginBlock body img,  #PluginBlock2 body img, #PluginBlock3 body img, #PluginBlock4 body img{			
    margin: 0 0 0 -10px;			
}			
			
.PluginInnerBlock {			
width: auto;			
}			
  .PluginLayout,			
  .PluginLayout2 {			
    width: 100%;			
    margin: 0 0;			
    padding: 0 0;			
  }			
  .PluginInnerBlock,			
  .PluginInnerBlock2 {			
    margin: 10px 0 30px;			
    padding: 10px 2%;			
			
  }			
.PluginInnerBlock2{			
width: 100%;			
}			
.PluginInnerBlock2 .ninja-recommend-article{			
display: inline-block  !important;			
width: 43%  !important;			
}			
  footer {			
    width: 100%;			
    margin: 0;			
    padding: 20px 0;			
    overflow: hidden;			
  }			
  img {			
    max-width: 100%;			
    height: auto;			
    width: auto;			
    margin: 0;			
  }			
}			
@media screen and (max-width: 480px) {			
			
header #BlogTitle a:link, header #BlogTitle a:visited {			
    font-size: 23px;			
}			
  #Breadcrumbs {			
    display: none;			
  }			
#MenuCategory{			
  overflow: hidden;			
  width: 95%;			
}			
 nav li, #MenuCategory li{			
    float: left;			
    margin: 0 0.5em 0.5em 0 !important;			
}			
.EntryTextBox {			
    margin: 10px 5px 0;			
}			
.EntryTextBox iframe{			
    width: 100% !important;			
}			
}			
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){			
.open, .close, .menu {			
  display:none !important;			
}			
}