@charset "utf-8";
/* -----reset css------ */
html,body,address,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,div,p,pre,blockquote,hr,bdo,span,a,small,b,i,em,strong,br,del,ins,abbr,dfn,sub,sup,q,cite,code,var,kbd,samp,map,area,iframe,img,table,tr,th,td,caption,thead,tfoot,tbody,colgroup,col,form,label,fieldset,legend,input,textarea,select,option,optgroup,button,command,details,menu,summary,article,aside,header,footer,nav,section,figcaption,figure,main,mark,rp,rt,ruby,time,wbr,audio,canvas,embed,object,param,source,video,datalist,keygen,meter,output,progress{margin:0;padding:0;border:0;outline:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent;box-sizing:border-box;}html{overflow-y:scroll;}html,body{height:100%;}ul,ol,dl{list-style:none;}table{border-collapse:collapse;border-spacing:0;}a,a:link,a:visited{color:#333;text-decoration:none;}a:hover,a:active{color:#777;}a:focus{outline:none;}
article,aside,canvas,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block;}
/* ---reset css end---- */
html,body{
  width:100%;
  height:100%;
  min-height:100%;
}
html{
  font-size:75%;
  overflow-x:hidden;
}
body{
  font-size:1.0em;
  color:#ffffff;
  font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Verdana,sans-serif;
  line-height:1.8;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  -webkit-overflow-scrolling:touch !important;
}
body::before{
  background-image:url(); /* --透過背景画像-- */
  background-color:#000000; /* --透過背景画像の背景色-- */
  background-repeat:repeat;
  position:fixed;
  display:block;
  top:0;
  left:0;
  width:100%;
  height:150%;
  content:"";
  z-index:-1;
  transform:translate3d(0,0,0);
}
#wrapper{
  width:100%;
  height:100%;
  min-height:100%;
  background-color:#000000; /* --背景色透過度0.7-- */
  position:relative;
  overflow:hidden;
}
body > #wrapper{
  height:auto;
}
a:link,a:visited{
  color:#ffcc33; /* --リンクの色-- */
}
a:hover,a:active{
  color:#9fb7d4; /* --リンクの色-- */
}
img{
  vertical-align:bottom;
  border:none;
  max-width:100%;
  height:auto;
}
strong{
  font-weight:bold;
}
b{
  font-weight:bold;
}
pre{
  margin:1.0em 0;
  padding:1.0em;
}
blockquote{
  margin:0 40px 20px 20px;
  padding:0.5em;
  border:1px solid #669999;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
h1{
  margin:0 20px;
  padding:0;
  font-size:1.6em;
  color:#000000;
}
h1 a,h1 a:link,h1 a:visited{
  color:#0000ff; /* --タイトル文字色-- */
  font-weight:bold;
}
h1 a:hover,h1 a:active{
  color:#cc0000;
}
h2{
  margin:5px;
  padding:2px 10px;
  font-size:1.2em;
  font-weight:bold;
  background-color:#ff6600; /* --記事タイトルの背景色-- */
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
h2 a,h2 a:link,h2 a:visited{
  color:#ffffff;
}
h2 a:hover,h2 a:active{
  color:#cc0000;
}
h3{
  margin:0 10px;
  padding:2px 10px;
  font-size:1.2em;
  font-weight:bold;
  color:#cc6633;
  border-bottom:1px solid #cc6633;
}
h3 a,h3 a:link,h3 a:visited{
  font-weight:bold;
  color:#cc6633;
}
h4{
  margin:0 10px;
  font-size:1.0em;
  font-weight:normal;
  color:#15adb3;
  border-bottom:1px dotted #999;
}
hr{
  margin:10px 0;
  border-top:dashed 1px #f0bdbd;
  height:1px;
}
ul li{
  list-style:circle;
  list-style-position:outside ;
  margin-left:15px;
}
p.right-txt{
  text-align:right;
  display:block;
  margin:5px;
}
.clearLeft{
  clear:left;
}
.emoji{
  margin:0;
  vertical-align:middle;
}

/* レスポンシブ1000px以下（サイズ共有有り） */

/* ヘッダー部分 */
header{
  width:100%;
  position:relative;
  overflow:hidden;
  background-color:#ff6600; /* --ブログのタイトル背景色-- */
  height:auto;
  margin:0;
  z-index:6;
}
/* トップ画像 */
.topimg{
  height:0;
  padding-top:0%; /* 表示したい画像の比率（縦サイズ÷横サイズ×100） */
  margin:0 10px;
  background:url('') no-repeat;
  background-size:contain;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
/* ブログの説明部分 */
.introduction{
  margin:0;
  padding:3px 30px;
  height:auto;
  text-align:right;
  color:#ffffff;
  z-index:2;
  position:relative !important;
}
/* メニューボタン */
#btn{
  overflow:hidden;
  width:100%;
  height:30px;
  top:32px;
  z-index:3;
  position:fixed !important;
}
#btn1{
  overflow:hidden;
  position:absolute;
  width:230px;
  height:30px;
  top:32px;
  z-index:3 !important;
}
#btn2{
  overflow:hidden;
  position:absolute;
  width:230px;
  height:30px;
  top:32px;
  z-index:3 !important;
}
#nav_open{
  top:0;
  left:0;
  margin:35px 5px 0;
  width:17px;
  height:26px;
  position:fixed !important;
  cursor:pointer;
}
#aside_open{
  top:0;
  right:0;
  margin:35px 5px 0;
  width:17px;
  height:26px;
  position:fixed !important;
  cursor:pointer;
}
#nav_open span, #nav_open span:before, #nav_open span:after {
  position:absolute;
  bottom:10px;
  left:0;
  height:2px; /* ハンバーガーボタン 線の太さ */
  width:20px; /* ハンバーガーボタン 長さ */
  background:#666;
  display:block;
  content: '';
}
#aside_open span, #aside_open span:before, #aside_open span:after {
  position:absolute;
  bottom:10px;
  right:0;
  height:2px; /* ハンバーガーボタン 線の太さ */
  width:20px; /* ハンバーガーボタン 長さ */
  background:#666;
  display:block;
  content: '';
}
#nav_open span:before, #aside_open span:before {
  bottom:-6px;
}
#nav_open span:after, #aside_open span:after {
  bottom:-12px;
}
#nav_close{
  position:relative;
  padding-left:5px;
  cursor:pointer;
}
#aside_close{
  position:relative;
  padding-left:195px;
  cursor:pointer;
}
/* メニュー */
nav{
  position:fixed;
  top:0;
  bottom:0;
  width:230px;
  left:-230px;
  min-height:100%;
  height: auto !important;
  padding-bottom:15px;
  z-index:5;
  background-color:#000000;
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
}
nav li,aside li{
  font-size:1.0em;
  line-height:1.8;
}
nav li a:hover,aside li a:hover{
  color:#ffffff;
  background:#d6e2ea;
}
#nav_wrap{
  display:none;
}
aside{
  position:fixed;
  top:0;
  bottom:0;
  width:230px;
  right:-230px;
  padding-bottom:15px;
  z-index:5;
  background-color:#000000;
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  min-height:100%;
  height: auto !important;
}
#aside_wrap{
  display:none;
}
#menu,#menu2{
  margin-top:61px;
}
#menu a,#menu2 a{
  text-decoration:none;
}
.menu_block{
  margin-bottom:5px;
}
.menu_title{
  background-color:#ff6600; /* --プラグイン1,2のタイトル背景色-- */
  color:#ffffff;
  padding:5px 15px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  cursor:pointer;
}
.menu_title a{
  display:block;
}
.menu_body{
  margin:5px 15px;
  padding-bottom:15px;
  overflow:hidden;
}
.menu3{
  margin:0 10px 10px;
  padding:15px;
  background-color:#000000;
  border:2px dotted #ccc;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  border-radius:20px;
}
.menu3_title{
  background-color:#ff6600; /* --プラグイン3のタイトル背景色-- */
  color:#ffffff;
  margin:5px 5px 0;
  padding:2px 10px;
  font-size:1.2em;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}
.menu3_body{
  margin:0px;
  padding:10px;
  overflow:hidden;
}
/* 記事部分 */
#main{
  width:100%;
  height:100%;
  min-height:100% !important;
}
article{
  width:100%;
  height:100%;
  position:relative;
  z-index:2;
}
article section{
  margin:0 auto;
  padding:0;
}
.con2{
  background-color:#000000;
  margin:0 10px 10px;
  padding:15px;
  border:2px dotted #ccc;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  border-radius:20px;
}
.con2_body{
  margin:10px;
}
.con2 blockquote{
  margin:0px 15px 10px 15px;
  padding:10px;
  border:1px dotted #ddb9b7;
  color:#999999;
  line-height:1.8;
}
.entry_date{
  text-align:right;
  margin:0 10px;
  color:#ffcc33;
}
.entry_state{
  text-align:right;
  margin:0 5px;
  padding:5px;
  font-size:11px;
  color:#5b4035;
  line-height:1.7;
  background-color:#ff6600; /* --投稿テーマ,カテゴリー部の背景色-- */
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;  
}
.entry_state a{
  font-size:11px;
  color:#ba6f6f;
  text-decoration:none;
  position:relative;
  border:none;
}
.entry_state a:hover{
  color:#cc0000;
  border-bottom:1px dotted #666;
}
.fc2_footer{
  margin:10px 0 0;
}
/* コメント部分 */
.com_block{
  margin:10px;
  padding:10px 25px;
  background-color:#000000;
  border:1px solid #ccc;
}
.com_title{
  margin-bottom:5px;
  color:#8f4b4b;
  font-weight:bold;
  border-bottom:1px dotted #ccc;
}
.com_state{
  margin-top:10px;
  text-align:right; 
}
input[type="password"]{
  border:solid 1px #aaa;
  padding:2px;
  background-color:#ffffff;
}
input[type="submit"]{
  border:solid 1px #aaa;
  padding:2px;
  background-color:#ff6600;
}
input[type="checkbox"]{
  margin:5px;
  vertical-align:middle;
}
input[type="text"]{
  width:100%;
  border:solid 1px #aaa;
  padding:2px;
  background-color:#ffffff;
}
textarea,select{
  width:100%;
  border:solid 1px #aaa;
  padding:2px;
  background-color:#ffffff;
}
/* トラックバック部分 */
.trackback_waku{
  margin:20px 10px;
  padding:15px;
  background-color:#000000;
  border:2px dotted #ccc;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  border-radius:20px;
}
/* フッター部分 */
footer{
  bottom:0;
  margin-top:10px;
  width:100%;
  z-index:2;
}
/* コピーライト */
#copyright{
  padding:2px 10px;
  text-align:center;
  color:#0000ff;
  background-color:#ff6600; /* --コピーライト部の背景色-- */
}
/* フットメニュー */
#footmenu{
  width:100%;
  overflow:hidden;
  padding:0 10px;
  font-size:1.0em;
  text-align:center;
  color:#888;
  background:#000000;
}
#footmenu a{
  color:#ffffff;
  text-decoration:none;
}
#footmenu a:hover{
  color:#ff6600;
}
/* ページ移動 */
.page_navi{
  padding-bottom:10px;
  text-align:center;
  margin:0px auto;
}
/* カレンダー */
table.calender{
  width: 100%;
}
.calender caption{
  font-size:1.0em;
  border-bottom:1px solid #ccc;
}
.calender th{
  font-weight:normal;
  text-align:center;
  border-bottom:1px dotted #ccc;
}
.calender td{
  text-align:center;
  border-bottom:1px dotted #ccc;
}
.calender a:link,.calender a:visited{
  font-weight:bold;
  color:#ffcc33;
  text-decoration:none;
}
.calender a:hover{
  color:#9fb7d4;
  font-weight:bold;
  text-decoration:none;
}
th#sun{
  color:#9D5555;
}
th#sat{
  color:#0000ff;
}
/* 全記事表示 */
.all_body{
  margin:10px 20px 10px 10px;
  border-bottom:1px dotted #cccccc;
}
.all_day{
  padding:0;
  margin:0;
}
/*管理ページリンク*/
ul.admin{
  margin:0;
  padding:0px 10px;
  list-style-type:none;
  text-align:right;
}
ul.admin li{ 
  display:inline; 
  margin:0;
}
ul.admin a:link{
  color:#9fb7d4;
  text-decoration:none;
}
ul.admin a:hover{
  color:#9fb7d4;
  text-decoration:none;
}
/*コメントリスト*/
.sidehide{
  display:none;
  padding:10px 20px;
  text-align:left;
  color:#ffffff;
}
/*プロフィール画像の余白・表示位置 */
.author-image img,.plugin-myimage img{
  display: block;
  margin: 0 0 15px;
  text-align: center;
  border:1px solid #000000;
}
html>body .author-image img,.plugin-myimage img{
  display:block;
  margin:0 auto 15px;
  border:1px solid #000000;
}
/* 簡易表示トップページエントリー */
.kiji1{
  margin:10px;
  overflow: hidden;
}
.left{
  float:left;
  width:40%;
  height:30%;
  max-height:275px;
  margin:0 10px;
  text-align:center;
  position: relative;
  overflow:hidden;
}
.left img{
  vertical-align:middle;
  border:1px solid #dcdcdc;
}
.text_overflow{
  padding:0 10px;
}
/* 動画サイズレスポンシブ用（iframeをdiv class="player"で括る） */
.player{
  position:relative;
  height:0;
  padding-bottom:56.25%; /* アスペクト比16:9の場合 */
  overflow: hidden;
}
.player iframe{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
/* ページネーション */
#pagenavi {
  line-height:20px;
  font-size:0.8em;
  text-align:center;
  margin:10px 0;
}
#pagenavi a,#pagenavi span{
  width:22px;
  margin:3px;
  background:#000000;
  border:1px solid #bbb;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  border-radius:50%;
  text-decoration:none;
  transition:all 0.3s;
  display:inline-block;
}
#pagenavi span{
  font-weight:bold;
  background:#ff6600;
}
#pagenavi a.dot{
  text-decoration:none;
  border:1px solid #eee;
}
#pagenavi a:hover{
  border-color:#bbb;
  background:#ff6600;
  color:#000000;
}
.pagenation{
  overflow:hidden;
  margin:0px;
}
.pagenation ul{
  text-align:center;
  position:relative;
  list-style:none;
  padding-left:0;
}
.pagenation li{
  position:relative;
  display:inline-block;
}
.pagenation_prev,.pagenation_next{
  margin:8px;
  font-size:0.8em;
}
/* ページトップ・ボトムボタン */
#pagetop{
  bottom:55px;
}
#pagebottom{
  bottom:15px;
}
#pagetop,#pagebottom{
  display:none;
  position:fixed;
  right:10px;
  background-color:rgba(173,216,230,.8);
  border:2px solid #f5f5f5;
  text-align:center;
  color:#000000;
  font-size:1.7em;
  text-decoration:none;
  padding:0 8px;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  border-radius:50%;
  z-index:4;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
#pagetop:hover,#pagebottom:hover{
  background-color:rgba(255,182,193,.8);
}

/* レスポンシブ1000px以下で適用 */
@media only screen and (max-width:1000px){
html{
  width:100%;
  overflow-y:scroll;
  overflow-x:hidden;
}
/* メニューを閉じて表示 */
.tree{
  display:none;
}
/* 要約表示時記事非表示 */
.kiji2{
  display:none;
}
/* モバイル入力時フォントサイズ */
input[type="password"],input[type="text"],textarea,select{
  font-size:1.34em;
  font-family:sans-serif;
}
}
/* レスポンシブ1001px以上で適用 */
@media only screen and (min-width:1001px){
html{
　　width:100%;
　　overflow-y:scroll;
　　overflow-x:hidden;
}
#wrapper{
  width:1020px;
  height:100%;
  min-height:100%;
  overflow:hidden;
  margin:0 auto;
  position:relative;
}
/* ヘッダー部分 */
header{
  width:97%;
  margin-top:25px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  margin:25px 15px 0;
  border-radius:6px;
}
h1{
  font-size:2.0em;
  line-height:1.5;
  padding:0 30px;
  text-align:left;
}
/* ブログの説明部分 */
.introduction{
    padding:3px 10px;
}
/* トップ画像 */
.topimg{
  margin:0 0 0 10px;
}
/* レスポンシブメニュー非表示 */
#btn,
#btn1,
#btn2{
  display:none;
}
/* メニュー */
nav{
  position:static;
  float:left;
  width:210px;
  margin:26px 0 0 15px;
  overflow:hidden;
  box-sizing:border-box;
}
aside{
  position:static;
  float:right;
  width:210px;
  overflow:hidden;
  box-sizing:border-box;
}
aside section p{
  padding:0px;
}
.tree{
  display:block; /* メニューを開いて表示 */
}
#menu, #menu2{
  margin-top:0;
}
.menu_title{
  padding:3px 15px;
}
.menu_block{
  margin:0;
  padding-bottom:30px;
}
.menu3{
  float:none;
  width:69.5%;
  margin:0 220px 20px 11px;
  padding:10px;
  border:3px dotted #ccc;
}
.menu3_body{
  padding:10px 15px;
}
/* 記事部分 */
#main{
  width:76.0%;
  margin:0 15px 0 0;
  position:relative;
  float:right;
  overflow:hidden;
  box-sizing:border-box;
}
.con2{
  float:none;
  width:69.5%;
  margin:0 220px 20px 11px;
  padding:10px;
  border:3px dotted #ccc;
}
.con2_body{
  margin:10px 15px;
}
.entry_state{
  margin:0 5px 5px;
}
.kiji1{
  display:none; /* 要約非表示 */
}
.left{
  width:30%;
  height:22.5%;
  max-height:155px;
}
/* コメント部分 */
.com_block{
  margin:0px 220px 20px 11px;
  width:69.5%;
}
input[type="password"],input[type="text"],textarea,select{
  font-size:1.0em;
  font-family:sans-serif;
}
/* トラックバック部分 */
.trackback_waku{
  margin:20px 220px 20px 11px;
  width:69.5%;
  padding:10px;
  border:3px dotted #ccc;
}
/* フッター部分 */
footer{
  width:97%;
  margin:10px auto 0;
  clear:both;
}
/* コピーライト */
#copyright{
  padding:3px 0;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
}
/* フットメニュー */
#footmenu{
  padding:2px 0;
}
/* ページ移動 */
.page_navi{
  margin:0px 220px 0 0;
}
/* ページネーション */
#pagenavi{
  line-height:30px;
  font-size:1.0em;
  margin:5px;
}
#pagenavi a, #pagenavi span{
  width:30px;
  height:30px;
  margin:2px;
}
.pagenation{
  margin:10px 220px 10px 10px;
}
.pagenation_prev,.pagenation_next{
  margin:10px;
  font-size:1.0em;
}
/* ページトップ・ボトムボタン */
#pagetop{
  bottom:80px;
  font-size:2.0em;
  padding:0 10px;
}
#pagebottom{
  bottom:30px;
  font-size:2.0em;
  padding:0 10px;
}
}