@charset "utf-8";

/* -----reset css------ */
html,body,h1,h2,p,ul,li,dl,dt,dd{margin:0;padding:0}article,aside,canvas,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}img{height:auto;line-height:0;border:none;vertical-align:bottom}embed,iframe,img,table,textarea{max-width:100%}code,pre{white-space:pre-wrap;font-family:Menlo,Consolas,monospace}pre,table{word-break:break-all}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}
/* ---reset css end----2022/09/05更新 */
/* ---2021/03/06 記事表示部のPタグ上下余白を戻しました。不要の場合は下記con_bodyのpをmargin:0;にして下さい。--- */

.con_body p{
  margin:1.8em 0; /* 段落上下余白1行分1.8em */
}

html,body{
  width:100%;
  min-height:100%;
}
html{
  font-size:90%; /* フォントサイズは1em(16px)の90% */
  overflow-x:hidden;
}
body{
  font-size:1.0em;
  color:#000; /* 基本文字色 */
  background-color:rgb(245,244,239); /* 背景色 */
  line-height:2.0;
  font-family: "Helvetica Neue", "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "YuGothic", "Meiryo", "Yu Gothic", sans-serif;
  word-wrap:break-word;
  overflow-wrap:break-word;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  -webkit-overflow-scrolling:touch !important;
  animation:fadeIn 0.5s ease 0s 1 normal;
}
@keyframes fadeIn{
  0%{opacity:0}
  100%{opacity:1}
}
#wrapper{
  display:flex;
  flex-flow:column;
  max-width:1040px;
  min-height:100vh;
  text-align:center;
  position:relative;
  overflow:hidden;
  background:#fff;
  margin:0 auto;
  padding:0 10px;
}
body > #wrapper{
  height:auto;
}
#box{
  width:100%;
  max-width:1000px;
  flex:1 0 auto; /* IE対策含む */
  margin:0 auto;
  position:relative;
  text-align:left;
}
#content {
  height:100%;
  color:#000;
}
a,a:link,a:visited{
  color:#723f15;
  text-decoration:none;
}
a:hover{
  color:#e77800;
  text-decoration:none;
}
img{
  opacity:1;
  animation:fadeIn 0.8s ease 0s 1 normal;
  vertical-align:bottom;
  border:none;
  max-width:100%;
  height:auto;
}
.emoji{
  margin:0;
  vertical-align:middle;
}
hr{
  height:1px;
  border:none;
  border-top:solid 1px #777;
}
.hr1{
  height:1px;
  border:none;
  border-top:dashed 1px #aaa;
  margin:0 -10px 10px;
}
.hr2{
  height:1px;
  border:none;
  border-top:dotted 1px #ccc;
}
pre{
  white-space:pre-wrap;
  word-wrap:break-word;
  overflow:auto;
  padding:1.0em;
  background-color:rgba(0,0,0,0.04);
  font-size:1.0em;
  font-family:initial;
}
code{
  font-family:Menlo,Consolas,monospace;
  font-size:1.0em;
}
blockquote{
  padding:10px 15px;
  margin:10px;
  border:solid 1px #ccc;
  border-radius: 5px;
}

/* トップ画像を入れる場合はここを改変 */
.topimg{
  position:relative;
  overflow:hidden;
  padding-top:28.00%;  /* 画像の高さpx÷画像の幅px×100で導いた数値%。数値増減で高さを調整する */
  background:url('https://blog-imgs-144.fc2.com/s/o/r/sorauta1/top-tr2.jpg'); /* 表示したい画像URL */
  background-color:rgb(245,244,239); /* 背景色 */
  background-position:center center; /* 表示する位置 中央寄せ */
  background-repeat:no-repeat;
  background-size:cover;
  border-radius:0 0 5px 5px;
}
/* ヘッダー部分 */
header.header {
  width:100%;
  max-width:1000px;
  top:0;
  height:auto;
  margin:10px auto 0;
  padding:0 20px;
  background:-moz-linear-gradient(right, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0));
  background:-webkit-linear-gradient(right, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0));
  background:linear-gradient(to left, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0));
  text-align:right;
  position:absolute;
  z-index:1;
}
.page-header{
  left:0;
  right:0;
  position:relative !important;
  padding-bottom:15px !important;
  padding-top:10px !important;
  margin:0 auto !important;
  background:rgb(245,244,239) !important; /* 記事ページのヘッダー背景色 */
  border-radius:0 0 5px 5px;
}

/* ブログタイトル */
h1#blog-name{
  margin:0 0 0 70px;
  font-size:1.8em;
  font-weight:normal;
  line-height:1.3;
}
h1#blog-name a{
  color:#251c13; /* ブログタイトルの色 */
  text-shadow:0 1px 1px rgba(0,0,0,.2);
}
h1#blog-name a:hover{
  color:#e77800; /* ブログタイトルhover時の色 */
  text-decoration:none;
}
/* ブログ説明部分 */
.introduction{
  padding:0 0 0 70px;
  color:#000; /* --説明文の文字色-- */
}
/* 管理リンク・パンくず表示部分 */
.pan_box{
  display:flex;
  margin:0 10px;
}
.pan{
  -webkit-flex:1;
  flex:1;
  text-align:left;
}
.adm{
  text-align:right;
  margin:0 0 0 auto;
}
.pankuzu{
  text-align:left; 
  margin-right:10px;
} 
.breadcrumb_list{
  padding-top:3px;
  line-height:1.5;
}
.clearfix:after{
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

/* 管理ページ部分 */
ul.admin{
  margin:0;
  padding-left:10px;
  list-style-type:none;
  text-align:right;
}
ul.admin li{
  display:inline;
  margin:0;
}

/* フッター */
footer.footer{
  width:100%;
  max-width:1000px;
  margin:0 auto;
  padding:12px;
  text-align:center;
  background-color:rgb(245,244,239);
  border-radius:5px 5px 0 0;
  font-size:0.8em;
  line-height:1.7;
}

/* メインカラム部分 */
.blog-con{
  position:relative;
  margin:0 0 30px;
  padding:20px 20px 25px;
  background-color:#fff;
  border:1px solid #ddd;
  border-radius:5px;
  box-shadow:0px 2px 5px rgba(0,0,0,.17);
}
.date-t{
  text-align:right;
  margin:-5px 0;
}
.pen-link{
  font-size:1.5em;
  color:#000;
  line-height:1;
  vertical-align:middle;
  -webkit-transform:rotate(110deg);
  transform:rotate(110deg);
  display:inline-block;
}
.com_col{
  float:right;
  margin-top:-30px;
  text-align:right;
  line-height:1.8em;
  color:#ccc;
}
.con_body{
  margin:10px 25px 0;
}
.con_body blockquote p{
  margin:0;
}
.con_body ul li{
  margin-left:20px;
  list-style-type:disc;
}
.con_body ol li{
  margin-left:20px;
  list-style-type:decimal;
}
.relate_dd .relate_ul .relate_li,
.relate_dd .relate_ul .relate_li_nolink {
  margin-left:0;
  list-style-type:none; /* 関連記事のリストマーク */
}
.pd-plus{
  padding:30px 30px 25px;
}
.last-mod{
  text-align:right;
  margin:0 10px;
}
.mod-mark{
  display:inline-block;
  margin-right:3px;
  font-size:1.2em;
  -webkit-transform:rotate(125deg);
  transform:rotate(125deg);
}
.entry_footer{
  padding:15px 10px 0;
  font-size:0.8em;
  text-align:right;
}
#tools_container{
  margin-top:5px;
}
.col_2 .con_body2{
margin:10px;
}
.kiji1{
  display:none; /* 記事表示時要約非表示 */
}
.blog-con2 .kiji1 {
  display:block; /* 記事2カラム時表示 */
}
.kiji2{
  display:block; /* 要約表示時記事非表示 */
}

/* 簡易表示トップページエントリー */
.kiji1{
  overflow:hidden;
  margin:0;
}
.left{
  float:left;
  width:45%; /* サムネイル画像の幅 */
  height:auto;
  max-height:145px;
  margin-right:10px;
  text-align:center;
  position: relative;
  overflow:hidden;
}
.left img{
  width:100%;
  height:auto;
  max-height:140px;
  font-family:'object-fit:cover;'; /* IE対策 */
  object-fit:cover;
  border:1px solid #ccc; /* 枠線不要ならborder:none;に */
  vertical-align:middle;
}
.mask{
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  width:100%;
  height:100%;
  background:rgba(255,255,255,.65);
  border: 1px solid #ccc;
  -webkit-transition:.3s;
  transition:.3s;
  opacity:0;
}
.mask .caption{
  color:#222;
  font-size:120%;
  font-weight:normal;
  position:absolute;
  top:50%;
  left:50%;
  width:100%;
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
}
.left:hover .mask{
  opacity:1;
}
.moji-c{
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3; /* 表示したい行数（3行表示で末尾に3点リーダー表示、webkit系のみ) */
  max-height:6.0em; /* IE,Firefox対策（4行は8.0em、5行は10.0em)はみ出しはこの数値で調整 */
}
.right-txt{
  text-align:right;
  margin-right:15px;
}
.clearLeft{
  clear:left;
}
/* 記事ページ追記位置 */
#readmore{
  padding-top:1.8em;
  margin-top:-3em;
  margin-left:-5px;
}
/* 記事ページ追記ボタン */
.hidden_box{
  margin-top:1.6em;
}
.hidden_box label{
  padding:0 10px;
  border:solid 1px #666; /* ボタン枠 */
  cursor:pointer;
}
.hidden_box label:hover{
  background:#eee; /* ホバー時ボタン背景色 */
  color:#000;
}
.hidden_box input{
  display:none;
}
.hidden_box .hidden_show{
  height:0;
  padding:0;
  overflow:hidden;
  visibility:hidden; /* 中身を非表示にしておく */
}
.hidden_box input:checked ~ .hidden_show{
  padding:10px 0;
  height:auto;
  visibility:visible; /* クリックで中身表示 */
}

/* 記事移動 */
.entry-navi{
  margin:12px auto 30px;
  width:100%;
  font-size:12px;
}
.entry-prev{
  list-style:none;
  margin:0 5px 10px 15px;
}
.entry-next{
  list-style:none;
  margin:0 15px 10px 5px;
}
.entry-prev a{
  padding:0 15px;
  display:block;
  position:relative;
  max-width:100%;
  text-align:left;
}
.entry-prev a:before{
  display:block;
  content:"";
  position:absolute;
  top:50%;
  left:-3px;
  width:10px;
  height:10px;
  margin:-7px 0 0 0;
  border-top:solid 2px #666;
  border-right:solid 2px #666;
  -webkit-transform:rotate(-135deg);
  transform:rotate(-135deg);
}
.entry-next a{
  padding:0 15px;
  display:block;
  position:relative;
  max-width:100%;
  text-align:right;
}
.entry-next a:after{
  display:block;
  content:"";
  position:absolute;
  top:50%;
  right:-3px;
  width:10px;
  height:10px;
  margin:-7px 0 0 0;
  border-top:solid 2px #666;
  border-right:solid 2px #666;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}
/* ページ移動 */
.page_navi{
  padding:10px;
  text-align:center;
  margin:0px auto;
}
/* ページネーション */
#pagenavi{
  line-height:30px;
  font-size:1.0em;
  text-align:center;
}
#pagenavi a,#pagenavi span{
  margin:2px;
  padding:0 11px;
  background:#fff;
  border:1px solid #666;
  border-radius:3px;
  text-decoration:none;
  transition:all 0.3s;
  display:inline-block;
}
#pagenavi span{
  font-weight:bold;
  background:#eee;
}
#pagenavi a.dot{
  text-decoration:none;
  border:1px solid #666;
}
#pagenavi a:hover{
  border-color:#000;
  background:#e2eff8;
  color:#000;
  font-weight:bold;
}
.pagenation{
  overflow:hidden;
  padding:5px;
}
.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:10px;
  font-size:1.0em;
}
/* ページトップ・ボトムボタン */
.ud-button{
  position:fixed;
  width:33px;
  bottom:150px;
  margin-left:1017px;
  text-align:right;
  line-height:2.1;
}
#pagetop,#pagebottom{
  background-color:rgba(255,255,255,0.5);
  border:1px solid #bbb;
  text-align:center;
  color:#888;
  font-size:18px;
  text-decoration:none;
  padding:5px;
  border-radius:3px;
  z-index:4;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
#pagetop:hover,#pagebottom:hover{
  background-color:rgba(255,182,193,0.5);
}

/* コメント部分 */
.com_block{
  padding:10px 55px 20px;
  border-bottom:1px dashed #aaa;
}
.com_title{
  margin:-35px 0 25px 40px;
  min-height:30px;
  color:#753a06;
  font-size:1em;
  border-bottom:1px dotted #ccc;
}
.user-icon{
  position:relative;
  width:50px;
  height:50px;
  border-radius:50%;
  background:rgba(155,155,155,.15) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAACoUlEQVQ4T5WUX0hTURzHzz333LsdHHdboBsDU5pQgkEREoaEkYYgRBANfJIrV30Qxnzc233bo2Pgg3px6IuwCCIQJIskJAmJgoIKWmjC2BTaHyZnu/fcs7jiYtqd5Hn8/b6/z++c8/uewwGblUql+EKhEIQQXgUAXDqR/GaMffd4POlQKGSeLePOBlRVRX6/f1AQhE4AwJ5pmr8sDc/zlwEAHYZh7Gaz2VeqqtLG2lMgVVWh2+0eaGlpuQYhXFMUZa9RrGlaB2Ns5Ojo6FuxWNxUVZXV86dAyWTSX6vVRk3TXJ+YmPhqd+zFxcVunueHOY5blWU5awtaXl7ur1QqQa/XuxoKhfQm9yfm8/lRp9OZHhsb27IFaZo2whjjJycnX9hB6rGFhYWHEEJTUZS1Zkcb1nXdOTU19fw80Pz8/CNRFCuyLK8329FNSmkvISQ1MzNTsIPNzs56MMYhhNCOoigfbUGJRELCGD+mlGZyudxG41SsAmuqPp9vCCEUIIQ8C4fDJVuQFYzFYl2BQOABY+ynruvboihWrbiu6w5RFPsghFcymczLaDT6o6mPTrq6gsHgoMvlun5wcJBHCB13pZRKbW1t3nK5/DmdTluGLDcFzc3NdWOM71JKGSFkH2NMBUEQrQLDMHRCCMIYtyOEICHk7fT09F+vHRsykUg4JEm6bRhGL6X0S7Va/RSJRHJ2lx2Px30Oh+MGQqhHEISdUqn0PhwOV49BlvUBAE8ODw/fRKPRD+eNvp6LxWK3Wltb7wEAnlpPibPG6Xa7+0ulUjUSiWz8D6SuicfjQ5IkOYrF4hanaVoXz/N9tVptc3x8fP8ioKWlpXaO4wZM09zmVlZWug3DuAMhfC3L8u5FQMlkspMxdl8QhHf//EcXATVq/wByURzmhhuwXAAAAABJRU5ErkJggg==") no-repeat center;
  margin-left:-24px;
  font-family:'object-fit:cover;'; /* IE対策 */
  object-fit:cover;
}
.author-icon{
  width:50px;
  height:50px;
  background:#eee;
  border-radius:50%;
  position:absolute;
  top:0;
  left:0;
  font-family:'object-fit:cover;'; /* IE対策 */
  object-fit:cover;
}
.com_state{
  margin-top:10px;
  text-align:right; 
}
/* 管理者コメントの背景に色を付ける 他のスタイル追加可能
記事のコメント投稿、管理画面コメント返信（ログイン時のみ） */
.author-comment{
  background-color:rgb(250,250,250);
}

/* 全記事表示 */
.all_body{
  margin:10px 0;
  padding-bottom:7px;
  border-bottom:1px dotted #ccc;
}
.all_day span{
  color:#777;
}
.all_boutou{
  float:left;
  margin-left:1.5em; /* ブロック全体を1em右 */
  text-indent:-1em; /* 先頭の1文字のみ1em左 */
}
.all_cate{
  text-align:right;
  font-size:0.85em;
}
.all_cate a{
  display:inline-block;
}

/* 検索記事の有無で表示 */
.none{
  display:none;
}
.block{
  display:block;
}

/* Newマーク、日付・タイトル後 */
.new{
  margin-right:5px;
  font-size:0.9em; /* 文字サイズ */
  font-weight:normal;
  color:#d30000; /* 文字の色 */
}

/* タグリスト */
.tag_list,.plugin-tag a{
  word-break:break-all;
  display:inline-block;
  padding:0 5px;
  border-radius:3px;
  font-size:0.8em;
}
.tag_list{
  margin:20px 25px 5px;
  border:1px solid #999;
}
.plugin-tag a{
  margin-bottom:3px;
  border:1px solid #aaa;
}

/*テキストエリア、ボタン等 */
input[type=text],
input[type=password],
select,
textarea{
  font-size:1.0em;
  font-family:sans-serif;
  color:#000;
  border:rgba(119,119,119,.5) solid 1px;
  background-color:rgba(255,255,255,1);
  padding:2px;
  width:100%;
  margin-bottom:5px;
}
nav input[type=text],
nav input[type=password],
nav select,
nav textarea{
  width:100% !important;
}
input[type=submit],
input[type=reset],
input[type=button],
input[type=image],
button{
  color:#000;
  border:rgba(119,119,119,.5) solid 1px;
  background-color:rgba(255,255,255,1);
  padding:2px 4px;
  -webkit-appearance:none;
  border-radius:0;
}
input[type=checkbox],
input[type=radio]{
  margin:5px;
  vertical-align:middle;
}
::placeholder{
  color:#c3c3c3;
}

/* メニュー部分 */
.entry_title h2,
.menu_title,
.archive h2,
.menu3 h2,
h2.entry_title{
  margin:5px 0;
  padding:5px 0 5px 10px;
  border-left:8px double #bbb;
  border-bottom:1px solid #aaa;
  border-radius:6px 0 0 6px;
  text-align:left;
  color:#000; /* 記事タイトルの色 */
  font-size:1em;
  font-weight:normal;
}
.menu-box{
  padding:5px 10px 30px;
  overflow:hidden;
}

/* プラグインリストマークが不要の場合はここから */
nav ul li,
.menu3 ul li{
  list-style-type:circle;
  margin-left:17px;
}
nav ul li ul li,
.menu3 ul li ul li{
  list-style-type:none;
  margin-left:0;
}
/* リストマーク不要の場合はここまで削除 */

/*プロフィール画像の余白・表示位置 */
.plugin-myimage{
  margin:5px auto;
  text-align:center !important;
  border:none;
}
.plugin-myimage img{
  width:200px;
  height:200px;
  border-radius:50%;
  font-family:'object-fit:cover;'; /* IE対策 */
  object-fit:cover;
}

/* カレンダー */
table.calender{
  width:100%;
}
.calender caption{
  font-size:1.0em;
  border-bottom:1px solid #bbb;
}
.calender th{
  font-weight:normal;
  text-align:center;
  border-bottom:1px solid #bbb;
}
.calender td{
  text-align:center;
  border-bottom:1px dotted #ddd;
}
.calender td a:link,.calender td a:visited{
  color:#a52a2a;
  text-shadow:0px 0px 12px #f00;
}
.calender td a:hover{
  color:#e747b3;
  text-decoration:none;
}
th#sun{
  color:#da0b00;
}
th#sat{
  color:#1e90ff;
}

/*ハンバーガーボタン*/
.hm_bg{
  position:fixed;
  top:20px;
  left:39px;
  width:55px;
  height:51px;
  background:rgba(245,244,239,0.5);
  border-radius:50%;
  z-index:19;
}
.el_humburger,
.el_humburger span{
  display:inline-block;
  -webkit-transition:all .2s linear;
  transition:all .2s linear;
  box-sizing:border-box;
}
.el_humburger{
  position:fixed;
  top:34px;
  left:42px;
  width:50px;
  height:26px;
  z-index:20;
  cursor:pointer;
  background:rgba(255,255,255,0);
  border:none;
  outline:none;
}
.el_humburger span{
  position:absolute;
  left:0;
  width:100%;
  height:2px;
  background-color:#777;
}
.el_humburger span:nth-of-type(1){
  top:0;
}
.el_humburger span:nth-of-type(2){
  top:12px;
}
.el_humburger span:nth-of-type(3){
  bottom:0;
}
.js_humburgerOpen .el_humburger span:nth-of-type(1){
  -webkit-transform:translateY(12px) rotate(-45deg);
  -ms-transform:translateY(12px) rotate(-45deg);
  transform:translateY(12px) rotate(-45deg);
}
.js_humburgerOpen .el_humburger span:nth-of-type(2){
  opacity: 0;
}
.js_humburgerOpen .el_humburger span:nth-of-type(3){
  -webkit-transform:translateY(-12px) rotate(45deg);
  -ms-transform:translateY(-12px) rotate(45deg);
  transform:translateY(-12px) rotate(45deg);
}
.navi{
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  background:rgba(245,244,239,0.95);
  width:0;
  z-index:6;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-transition:all 500ms ease-out;
  transition:all 500ms ease-out;
  overflow:hidden;
}
.js_humburgerOpen .navi{
  width:320px;
}
.navi_inner{
  width:320px;
  margin:0 auto;
  text-align:left;
  height:100vh;
  padding:0 25px 100px;
  overflow-y:scroll;
  overscroll-behavior-y:contain; /*親要素にスクロールが伝わらないようにする*/
  direction:rtl;
}
.navi_inner-body{
  direction:ltr;
}
.m-scroll{
  position:absolute;
  top:45%;
  right:10px;
  z-index:6;
  font-size:14px;
  -ms-writing-mode:tb-rl;
  -webkit-writing-mode:vertical-rl;
  writing-mode:vertical-rl;
  line-height:1;
}
.m-scroll span{
  color:#000;
  vertical-align:0.15em;
}
#u-top{
  visibility:hidden;
  margin-bottom:45px;
}
#u-bottom{
  visibility:hidden;
}


/* 以下、表示サイズで変更 */

@media screen and (max-width: 1130px){
.ud-button{
  margin:0;
  right:0;
}
}

@media screen and (max-width:779px){
.pd-plus{
  padding:20px 15px 15px;
}
.con_body{
  margin:5px 10px 0;
}
.com_block{
  padding:10px 25px 20px;
}
.pan{
  display:none;
}
}

/* 入力フォーム２列 */
@media screen and (min-width:760px) {
.form-left{
  width:50%;
  text-align:left;
  padding-right:10px;
  float:left;
}
.form-right{
  width:50%;
  text-align:left;
  padding:0 0 10px 10px;
  float:left;
}
}

@media screen and (max-width:600px){
header.header{
  position:relative;
  margin:0 auto;
  padding:5px !important;
  background:transparent;
}
h1#blog-name{
  line-height:1.3;
  margin-left:40px;
}
.introduction{
  padding-left:0px;
  line-height:1.5;
}
.hm_bg{
  background:rgba(255,255,255,0);
  display:block;
  position:absolute;
  top:0;
  left:0;
}
.js_humburgerOpen .hm_bg{
  padding-left:300px;
}
#u-top{
  margin-bottom:25px;
}
.el_humburger{
  display:block;
  left:20px;
  top:auto;
  margin-top:7px;
  width:32px;
  height:26px;
}
.js_humburgerOpen .navi{
  width:320px;
}
/* モバイル入力時フォントサイズ */
input[type="password"],input[type="text"],textarea,select{
  font-size:16px;
  font-family:sans-serif;
}
}

@media screen and (min-width:600px){
.entry-navi{
  display:-webkit-box;
  display:flex;
  -webkit-box-pack:center;
  justify-content:center;
}
.entry-prev,.entry-next{
  max-width:45%;
}
}

@media screen and (min-width: 580px) and (max-width: 779px){
.left{
  float:none;
  width:100%;
  margin:0 0 10px;
}
}

@media screen and (max-width:579px){
.pd-plus{
  padding:10px 5px;
}
.con_body{
  margin:0 5px;
}
.com_block{
  padding:10px 10px 20px;
}
.introduction{
  display:none;
}
}

@media screen and (min-width:580px){
/* エントリー記事2列 */
.col_2{
  display:-webkit-flex; /* Safari */
  display:-ms-flexbox; /* forIE10 */
  display:flex;
  -webkit-flex-wrap:wrap; /* Safari */
  -ms-flex-wrap:wrap; /* forIE10 */
  flex-wrap:wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.col_2 .blog-con{
  flex-basis:49%;
  max-width:49%; /* forIE10 */
  padding:15px;
}
.col_2::after{
  display:block;
  content:"";
  width:49%;
}
}

@media screen and (max-width: 480px){
.topimg{
  padding-top:50.00%; /* 画像の高さ 数値増で左右見切り */
}
h1#blog-name{
  margin:5px 0;
  padding:0 0 0 40px;
  font-size:1.3em;
}
.left{
  float:none;
  width:100%;
  margin:0 0 10px;
}
.menu_title{
  margin:10px 0;
  cursor:pointer;
}
.tree-m{
  display:none; /* メニューを閉じて表示 */
}
.m-scroll{
  display:none;
}
#pagenavi{
  line-height:1.8;
  font-size:0.8em;
}
.pagenation{
  padding:10px 0 80px;
}
.pagenation_prev,.pagenation_next{
  margin:7px;
  padding:6px;
  font-size:0.8em;
}
.pagenation li{
  display:block;
}
nav{
  padding-bottom:200px;
}
.tag_list{
  margin:15px;
}
}

@media screen and (max-width:319px) {
.js_humburgerOpen .navi{
  width:100%;
}
.navi_inner{
  width:280px;
}
}

/* パンくずリストSP・TAB用 */
@media screen and (max-width: 779px){
.pan_box {
  display:block !important;
  margin:0 !important;
  font-size:0.8em;
}
.pan {
  display:inline-block;
}
.pankuzu {
  margin-right:0;
}
.breadcrumb_item:last-child {
  display:none;
}
#content {
  padding-top:0;
}
}