@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,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,body{height:100%;}ul,ol,dl{list-style:none;}embed,iframe,img,table,textarea{max-width:100%;}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:80%;
  overflow-x:hidden;
}
body{
  font-size:1.0em;
  color:#454545;
  font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Verdana,sans-serif;
  line-height:1.8;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  -webkit-overflow-scrolling:touch !important;
}
body::before{
  background-image:url(https://blog-imgs-115.fc2.com/s/o/r/sorauta1/hahana.png); /* --透過背景画像-- */
  background-color:#e2eccb; /* --透過背景画像の背景色-- */
  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:rgba(255,255,255,0.7); /* --背景色透過度0.7-- */
  position:relative;
  overflow:hidden;
}
body > #wrapper{
  height:auto;
}
a:link,a:visited{
  color:#4776af;
}
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 30px;
  padding:0;
  font-size:1.6em;
  color:#fff;
  position:static;
}
h1 a,h1 a:link,h1 a:visited{
  color:#fff;
  font-weight:bold;
}
h1 a:hover,h1 a:active{
  color:#4776af;
}
h2{
  margin:5px;
  padding:2px 10px;
  font-size:1.2em;
  font-weight:bold;
  background-color:#c0d58c; /* --記事タイトルの背景色-- */
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
h2 a,h2 a:link,h2 a:visited{
  color:#fff;
}
h2 a:hover,h2 a:active{
  color:#4776af;
}
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{
  border-top:dashed 1px #f0bdbd;
  height:1px;
}
ul li{
  list-style:circle;
  list-style-position:outside ;
  margin-left:17px;
}
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:#c0d58c; /* --ブログのタイトル背景色-- */
  height:auto;
  margin:0;
}

/* トップ画像 */
.topimg{
  height:0;
  padding-top:21.64%; /* 表示したい画像の比率（縦サイズ÷横サイズ×100） */
  margin:0 10px;
  background:url('https://blog-imgs-115.fc2.com/s/o/r/sorauta1/rose.jpg') 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:#454545;
  z-index:2;
  position:relative !important;
}

/* メニューボタン */
#btn,
#btn1{
  display:block; /* ドロワーメニューボタン表示 */
}
#btn{
  overflow:hidden;
  height:30px;
  top:0;
  position:absolute;
}
#btn1{
  overflow:hidden;
  width:230px;
  height:30px;
  top:32px;
  z-index:3 !important;
}
#nav_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:18px;
  right:0;
  height:2px; /* ハンバーガーボタン 線の太さ */
  width:17px; /* ハンバーガーボタン 長さ */
  background:#666;
  display:block;
  content: '';
}
#nav_open span:before{
  bottom: -6px;
}
#nav_open span:after{
  bottom: -12px;
}
#nav_close{
  position:relative;
  padding-left:195px;
  cursor:pointer;
}

/* メニュー */
nav{
  position:absolute;
  top:0;
  bottom:0;
  width:230px;
  right:-230px;
  height:100vh;
  padding-bottom:50px;
  z-index:5;
  background-color:#fff;
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
}
nav li{
  list-style:none;
  margin:0;
  padding:0;
  font-size:1.0em;
  line-height:1.8;
}
nav li a{
  display:inline-block;
}
nav li a:hover{
  color:#454545;
  background:#d6e2ea;
}
#nav_wrap{
  display:none;
}
#menu a,#menu2 a{
  text-decoration:none;
}
.menu_block{
  margin-bottom:5px;
}
.menu_title{
  background-color:#e2eccb; /* --プラグイン1,2のタイトル背景色-- */
  color:#454545;
  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:#fff;
  border:2px dotted #ccc;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  border-radius:20px;
}
.menu3_title{
  background-color:#c0d58c; /* --プラグイン3のタイトル背景色-- */
  color:#fff;
  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;
}
.con1{
  margin:0 10px 10px;
  padding:15px;
  background-color:#fff;
  border:2px dotted #ccc;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  border-radius:20px;
}
.con1_body{
  margin:10px;
}
.con1 blockquote{
  margin:0px 15px 10px 15px;
  padding:10px;
  border:1px dotted #ddb9b7;
  color:#4d4d4d;
  line-height:1.8;
}
.entry_date{
  text-align:right;
  margin:0 10px;
  color:#4776af;
}
.entry_state{
  text-align: right;
  margin:0 5px;
  padding:5px;
  font-size:11px;
  color:#5b4035;
  line-height:1.7;
  background-color:#e2eccb; /* --投稿テーマ,カテゴリー部の背景色-- */
  -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:#ff8b8b;
  border-bottom:1px dotted #666;
}
.fc2_footer{
  margin:10px 0 0;
}

/* コメント部分 */
.com_block{
  margin:10px;
  padding:10px 25px;
  background-color:#fff;
  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=text],
input[type=password],
select,
textarea {
  border:solid 1px #aaa;
  padding:2px;
  background-color:#fff;
  width:100%;
}
input[type=submit],
input[type=reset],
input[type=button],
input[type=image],
button{
  border:solid 1px #aaa;
  padding:2px;
  background-color:#e2eccb;
}
input[type=checkbox],
input[type=radio]{
  margin:5px 3px;
  vertical-align:middle;
}
input[type="password"],
input[type="text"],
textarea,select{
  font-size:1.0em;
  font-family:sans-serif;
}

/* トラックバック部分 */
.trackback_waku{
  margin:20px 10px;
  padding:15px;
  background-color:#fff;
  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:#888;
  background-color:#c0d58c; /* --コピーライト部の背景色-- */
}

/* フットメニュー */
#footmenu{
  width:100%;
  overflow:hidden;
  padding:0 10px;
  font-size:1.0em;
  text-align:center;
  color:#888;
  background:#fff;
}
#footmenu a{
  color:#454545;
  text-decoration:none;
}
#footmenu a:hover{
  color:#c0d58c;
}

/* ページ移動 */
.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:#ac6837;
  text-decoration:none;
}
.calender a:hover{
  color:#FF8B8B;
  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:#8f4b4b;
  text-decoration:none;
}
ul.admin a:hover{
  color:#FF8B8B;
  text-decoration:none;
}

/*コメントリスト*/
.sidehide{
  display:none;
  padding:10px 0;
  text-align:left;
  color:#454545;
}
.topentry_comment_body{
  padding:15px 20px;
}

/*プロフィール画像の余白・表示位置 */
.author-image img,.plugin-myimage img{
  display: block;
  margin: 0 0 15px;
  text-align: center;
  border:1px solid #fff;
}
html>body .author-image img,.plugin-myimage img{
  display:block;
  margin:0 auto 15px;
  border:1px solid #fff;
}

/* 簡易表示トップページエントリー */
.kiji1{
  margin:10px;
  overflow: hidden;
}
.left{
  float:left;
  width:35.3%; /* サムネイル画像の幅 */
  height:auto;
  max-height:155px;
  margin:0 10px;
  text-align:center;
  position: relative;
  overflow:hidden;
}
.left img{
  width:100%;
  height:auto;
  max-height:155px;
  -o-object-fit: cover; /* 古いopera用ベンダー */
  font-family:'object-fit:cover;'; /* IE対策 */
  object-fit:cover;
  border:1px solid #dcdcdc;
  vertical-align:middle;
}
.left img[src="https://blog-imgs-123.fc2.com/s/o/r/sorauta1/1-1.gif"],
.left img[style*="https://blog-imgs-123.fc2.com/s/o/r/sorauta1/1-1.gif"]{
  display:none; /* 要約表示時に画像が無い場合ダミー画像を非表示 */
}
.text_overflow{
  padding:0 10px;
}
.moji-c{
   height:70px; /* 文字表示部分の高さ(3行分 文字数は200字で省略) */
   overflow:hidden;
   line-height:1.8;
   display:-webkit-box;
   -webkit-box-orient:vertical;
   -webkit-line-clamp:3; /* 3行表示末尾に3点リーダー表示(webkit系のみ) */
}

/* ページネーション */
#pagenavi {
  line-height:20px;
  font-size:0.8em;
  text-align:center;
  margin:10px 0;
}
#pagenavi a,#pagenavi span{
  width:22px;
  margin:3px;
  background:#fff;
  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:#e2eccb;
}
#pagenavi a.dot{
  text-decoration:none;
  border:1px solid #eee;
}
#pagenavi a:hover{
  border-color:#bbb;
  background:#c0d58c;
  color:#fff;
}
.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:#fff;
  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){
header{
  margin-bottom:10px;
}
/* 1カラム時非表示 */
.introduction{
  display:none;
}
/* メニューを閉じて表示 */
.tree-m{
  display:none;
}
/* 要約表示時記事非表示 */
.kiji2{
  display:none;
}
/* モバイル入力時フォントサイズ */
input[type="password"],input[type="text"],textarea,select{
  font-size:1.34em;
  font-family: sans-serif;
}
/* 動画サイズレスポンシブ用（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;
}
}

/* レスポンシブ1001px以上で適用 */

@media only screen and (min-width:1001px){
#wrapper{
  width:960px;
  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{
   margin:0 15px;
   padding:3px 10px;
}

/* トップ画像 */
.topimg{
  margin:0 0 0 10px;
}

/* レスポンシブメニュー非表示 */
#btn,
#btn1{
  display:none;
}

/* メニュー */
nav{
  position:static;
  width:230px;
  height:100%;
  margin:0 15px 0 0;
  padding-bottom:30px;
  overflow:hidden;
  box-sizing:border-box;
}
.tree-m{
  display:block; /* メニューを開いて表示 */
}
#menu,#menu2{
  margin-top: 0;
}
.menu_title{
  padding:3px 15px;
  cursor: default;
}
.menu_block {
 margin:0;
 padding-bottom:30px;
}
.menu3{
  float:none;
  width:auto;
  margin:0 0 20px 11px;
  padding:10px;
  border:3px dotted #ccc;
}
.menu3_body{
  padding:10px 15px;
}

/* 記事部分 */
#main{
  width:72.5%;
  margin:0 15px 0 5px;
  position:relative;
  float:left;
  overflow:hidden;
  box-sizing:border-box;
}
.con1{
  margin:0 0 20px 11px;
  padding:10px;
  border:3px dotted #ccc;
}
.con1_body{
  margin:10px 15px;
}
.entry_state{
  margin:0 5px 5px;
}
.kiji1{
  display:none; /* 要約非表示 */
}
.left{
  width:35.3%;
  height:auto;
  max-height:155px;
}

/* コメント部分 */
.com_block{
  margin:20px 0 10px 11px;
}
input[type="password"],input[type="text"],textarea,select{
  font-size:1.0em;
  font-family: sans-serif;
}
/* トラックバック部分 */
.trackback_waku{
  margin:20px 0 20px 11px;
  padding:10px;
  border:3px dotted #ccc;
}

/* フッター部分 */
footer{
  width:97%;
  margin:10px auto 0;
  clear:both;
}

/* コピーライト */
#copyright{
  clear:both;
  padding:3px 0;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
}

/* フットメニュー */
#footmenu{
  padding:2px 0;
}

/* ページ移動 */
.page_navi{
  margin:0;
}

/* ページネーション */
#pagenavi{
  line-height:30px;
  font-size:1.0em;
  margin:5px;
}
#pagenavi a, #pagenavi span{
  width:30px;
  height:30px;
  margin:2px;
}
.pagenation{
  margin: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;
}
}


/* 簡易表示文字数修正18/09/28 */


@media only screen and (max-width:400px) {
.left{
  float:none;
  width: 100%;
  margin:0px;
  padding:0 10px;
}
.right {
  padding-top:10px;
}
}


/* 管理者コメントの背景に色を付ける（日本語可・記号等は文字の前にバックスラッシュを入れる） 
バックスラッシュは日本語表示用フォントで円記号に見えますが問題ありません */

.コメント入力時の管理者名 {
  background-color:#f8fff3;
}