@charset "UTF-8";

/*!
 * ress.css ? v1.1.1
 * MIT License
 * github.com/filipelinhares/ress
 */
progress,sub,sup{vertical-align:baseline}html{-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:scroll;}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{background-repeat:no-repeat;padding:0;margin:0}audio:not([controls]){display:none;height:0}button,hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[aria-controls],[type=button],[type=reset],[type=submit] [role=button],button{cursor:pointer}[aria-disabled],[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:ButtonText dotted 1px}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit}select{-moz-appearance:none;-webkit-appearance:none}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}img{border-style:none}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}
/*ress.css end*/

/* ==========================================================================
   Template css free_spirit（janedoe1471 designed）
========================================================================== */
/*=========================================
  Base
=========================================*/
/*---------背景を変える場合は以下のbackgroundの値を変える--------*/
body{min-width:0;background:#333;animation:fadeIn 1.5s ease 0s 1 normal;-webkit-animation:fadeIn 1.5s ease 0s 1 normal;color:#444;}  

/*---------fadein---------*/
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

@keyframes pullDown{0%{opacity:0;transform:translateY(-50px);}100%{opacity:1;transform: translateY(0);}}

body,textarea,input,select{font-family: Verdana, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", 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;}

/*-----------------------------------------
  Clear Fix
-----------------------------------------*/
.cf:before,.cf:after{ content:"";display:table;}
.cf:after{clear:both;}
/*-----------------------------------------
  color
-----------------------------------------*/
/*link*/
a{text-decoration:none;-webkit-transition: all 0.4s ease-in;transition: all 0.4s ease-in;outline:none;}

/*テキストカラー*/
a:link,a:visited,.blog_content_desc,.trackback_link a,.trackback_link a:visited,.plugin-all a,.plugin-all a:visited,.plg_blomaga a,.plg_blomaga a:visited,.pager a,.pager a:visited,.profile_content_name,.profile_intro_text_item_title,.blog_content_category,.comment_area_title,.comment_item_author,.relate_list_title,.l_right_area caption a,.l_footer,.blog_content_item .blog_content_title,.l_footer_copyright,.l_footer_copyright a,.plugin_right_content .main_menu a,.relate_title,.comment_form_text,.l_right_area .right_area_link_btn,.l_right_area .right_area_link_btn:hover,.l_right_area .right_area_link_btn:active,.l_right_area .right_area_link_btn:focus,.profile_text{    color: #bb5535;}

.plugin_area_first_desc,.plugin_area_second_desc,.plugin_area_third_desc,.plugin_area_first_desc2,.plugin_area_second_desc2,.plugin_area_third_desc2,.blog_content_item .blog_content_title,.blog_content_item .blog_entry_title,.blog_content_item .m_link_btn.plugin_right_title,.profile_name{color:#444;}

.header_img .blog_content_date,.blog_content_sup .blog_content_date{color:#888;}

.l_right_area table.calender td a{color:#bb5535;}

.blog_content_item .blog_content_title:focus,.blog_content_item .blog_content_title:hover,.blog_content_item .blog_content_title:active,.l_container a:focus,.l_container a:hover,.l_container a:active,.l_right_area table.calender td a:focus,.l_right_area table.calender td a:hover,.l_right_area table.calender td a:active,.l_right_area caption a:focus,.l_right_area caption a:hover,.l_right_area caption a:active,.l_right_area .plugin_right_content a:focus,.l_right_area .plugin_right_content a:hover,.l_right_area .plugin_right_content a:active,.page_top:hover,.blog_entry_body a:visited,.blog_entry_body a:focus,.blog_entry_body a:hover,.plugin_right_content .plugin-mail-submit:hover,input[type="submit"]:hover{opacity:.75;}

/*コンテンツ基本背景色*/
.blog_entry,.profile_text,.profile_img_shadow,.pager,.plugin_right,.search_area,.titlelist_area,.relate_item,.comment_area,.comment_form_text,.comment_form_textarea{background-color:#fff;}

/*ボタン背景色*/
textarea+input[type="submit"],.plugin_right_content .plugin-mail-submit,.comment_form_btn,.yahoo_search_btn,.l_right_area .right_area_link_btn,.comment_form_btn{background:#444; -webkit-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}

.l_right_area .right_area_link_btn:hover,.l_right_area .right_area_link_btn:active,.l_right_area .right_area_link_btn:focus,.comment_form_btn:hover,.comment_form_btn:active,.comment_form_btn:focus{background-color:#444;}
/*-----------------------------------------
  arrow 図形
-----------------------------------------*/
.arrow {position:relative;vertical-align: middle;text-decoration:none;}
.arrow::before,.arrow::after{content: "";display:inline-block; position:absolute;   top:0;bottom:0;margin:auto;vertical-align:middle;}
.arrow::before{-webkit-transition:all 0.4s ease-in;transition:all 0.4s ease-in;}
.right_area_link_btn::before,.right_area_link_btn_inner::before{width:9px;height:9px;    border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform: rotate(45deg);  transform:rotate(45deg);}
.right_area_link_btn::before,.right_area_link_btn::after,.right_area_link_btn_inner::before,.right_area_link_btn_inner::after{margin:0;right:28px;top:18px;bottom:auto;left:auto;}
.right_area_link_btn_inner::before,.right_area_link_btn_inner::after{right:20px;}
/*-----------------------------------------
  右カラムボタン
-----------------------------------------*/
.l_right_area .right_area_link_btn{width:95%;display:block;font-size:16px;margin:0 auto; text-align:center;}
.right_area_link_btn_inner{display:block;padding:10px;}
/*=========================================
  Layout
=========================================*/
#container{box-sizing:border-box;}
#container_inner{padding:20px 0 0 0;} 
.l_container{clear:both;width:auto;box-sizing:border-box;padding:20px;background:#fff;}
.l_left_area{float:left;width:calc(100% - 330px);margin:0;background:none;}
.l_right_area{float:right;width:300px;margin:0;} 
/*=========================================
  header
=========================================*/
.l_header{margin:0;box-sizing:border-box;background:none;}
.header_img{width:100%;margin: 0 auto;animation-name: pullDown;animation-duration: 1.5s;}
/*---------ヘッダー画像を変える場合は以下のurlを差し替える--------*/
#header-inner{background:url(https://blog-imgs-111-origin.fc2.com/j/a/n/janedoe1471/leaf1280-min.jpg) no-repeat center center;background-size:1000px auto;box-sizing:border-box;border:solid 13px rgba(255,255,255,.3);box-shadow:0 0 0 10px rgba(255,255,255,.15) inset;height:300px;display:flex;justify-content:center;align-items:center;}
.header_img{margin:10px;}
.header_img a{display: block;-webkit-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in;}
.header_blog_name{width:auto;display:block;text-align:center;font-weight: bold;margin:0 0 10px 0;font-size:30px;color:#fdfdfd;text-shadow:1px 1px #333;}
.header_introduction{width:auto;display:block;margin:0 auto;text-align:center;color:#fff;font-size:14px;}
.header_logo {position:absolute;top:64px;left:45px;}
/*-----------------------------------------
  葉っぱ画像のスタイル指定まとめ
-----------------------------------------*/
/*葉っぱの画像を変えたい場合は、このbackgroundの画像urlを変える*/
#navi-list > li > a,#entry_page .blog_entry_title,.search_area_title, .titlelist_area_title,.user-icon{display:flex;justify-content:center;align-items:center;min-height:80px;background:url(https://blog-imgs-111-origin.fc2.com/j/a/n/janedoe1471/leaftrue-min.png) no-repeat center center;background-size:100px 100px;}
/*=========================================
  header下menu
=========================================*/
#navi-menu{display:block;margin:10px 0 15px;overflow:hidden;padding:15px 0 0;}
#navi-list{width:100%;display:flex;align-items:center;justify-content:center;}
#navi-list>li{margin:0 20px 0 0;}
#navi-list > li > a{position:relative;overflow:hidden;min-height:25px;margin:5px;display:block;padding:2px 2px 2px 30px;background-repeat:no-repeat;background-position:left center;background-size:25px 25px;font-size:16px;font-weight:bold;color:#eee;transition:.4s;box-sizing:content-box;}
#navi-list > li > a:before{content:"";overflow:hidden;width:0;height:2px;background:#ddd;position:absolute;left:50%;bottom:0;transition:.4s;}
#navi-list > li > a:after{content:"";overflow:hidden;width:0;height:2px;background:#ddd;position:absolute;right:50%;bottom:0;transition:.4s;}
#navi-list > li > a:hover:before,#navi-list > li > a:hover:after{width:50%;transition:.4s;}
/*=========================================
  メッセージボード
=========================================*/
#message_board{margin:0 0 20px 0;border:solid 1px #ddd;}
#message_notice{text-align:center;padding:10px 0;}
#message_inner{padding:10px 20px 20px 20px;}
#message_inner img{display:block;margin:10px 0;max-width:100%;height:auto;}
/*=========================================
  Top blog contents
=========================================*/
.blog_content_outer{box-sizing:border-box;padding:0;} 
.blog_content_item{display:block;clear:both;margin:0 0 15px 0;border-radius:2px;background:#fff;}
.blog_content_tmb_outer{margin:0 15px 0 0;}
.blog_content_tmb_wrap:hover{opacity:1;}
.l_container .blog_content_tmb_wrap{width:auto;display:block;overflow:hidden;}
.blog_content_title_wrap a {display:inline-block;}
.blog_content_tmb {background-size:cover;background-position:center center;display:block;}
.blog_content_text{position:relative;}
.blog_content_item .blog_content_text_inner{margin:0;overflow:hidden;}
.blog_content_item .blog_content_text {display:block;}
.blog_content_item .blog_content_title{display:block;margin:0 0 4px;font-size:20px;font-weight:bold;padding:0;max-height:6em;line-height:1.5em;overflow:hidden;}
.blog_content_desc{overflow:hidden;display:block;margin:5px 0;font-size:12px;color:#444;line-height:normal;}  
.blog_content_sup{display:block;overflow:hidden;width:auto;}
.blog_entry .blog_content_sup{width:auto;}
.blog_content_date_outer{text-align:right;}
body:not(#entry_page) .blog_content_sup .blog_content_date{display:inline-block;border-radius:3px;margin:5px 0 0 0;padding:3px 5px;background:#f5f5f5;font-weight:bold;font-size:16px;font-family:'Cabin Sketch',cursive;} 
.blog_content_sup .blog_content_date>span{display:inline;}
.blog_content_date_y,.blog_content_date_m,.blog_content_date_d{margin:0 2px;display: block;}
.top_com_counts,.tb_counts{display:inline-block;font-size:12px;}
.blog_content_category{display:block;font-size:12px;}   
.blog_content_item .more_topentry_link{display:inline-block;position:absolute;right:3px;bottom:3px;margin:0 0 0 10px;border-radius:2px;border:solid 1px #fff;box-shadow:0 0 0 1px #333;text-align:center;padding:1px 10px;background:#333;color:#fff;font-size:12px;}
/*サムネイルホバーエフェクト*/
.l_container .blog_content_tmb_wrap{position:relative;opacity:1.0;transition: all .4s ease-in-out;}
.l_container .blog_content_tmb_wrap:after{content:"記事を読む";width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;background:rgba(255,255,255,.5);font-size:16px;transition: all .4s ease-in-out;opacity: 0;-webkit-transform: scale(0);transform: scale(0);overflow:hidden;}
.l_container .blog_content_tmb_wrap:hover:after{opacity: 1;transform: scale(1);}
/*画像なし時の代替*/  
.blog_content_tmb{position:relative;}
span.blog_content_tmb.no_tmb_img:after{content:"No Image";white-space:pre;width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;color:#999;font-weight:bold;font-size:14px;}
/*=========================================
  Entry page
=========================================*/
#entry_page .blog_content{box-sizing:border-box;}
#entry_page .blog_entry {background:none;word-wrap: break-word;overflow-wrap: break-word;margin: 0 auto;}
#entry_page .blog_entry_title {font-weight: bold;padding:10px 0;text-align:center;font-size:24px;}
#entry_page .blog_entry .blog_content_sup{margin:0 0 1em 0;box-sizing:border-box;border-bottom:dotted 1px #b3b3b3;padding:0 0 5px 0;text-align:right;}
#entry_page .blog_entry .blog_content_date{margin:5px 0;display:inline-block;font-weight:bold;font-size:16px;font-family:'Cabin Sketch',cursive;}
#entry_page .blog_content_category{display:block;}
#entry_page .com_counts,#entry_page .tb_counts{display:inline-block;font-size:12px;}
#entry_page .blog_entry_body {font-size: 16px;line-height: normal;letter-spacing: 0.2px;margin: 0 0 40px;}
.blog_entry img {max-width:100%;height:auto;display:block;margin:1em auto;}
.blog_entry .emoji {display: inline-block;margin: 0 2px;}
.blog_entry ul,.blog_entry ol,.blog_entry dl,.blog_entry p,.blog_entry fieldset,.blog_entry blockquote,.blog_entry table {margin: 0.8em 0;}
.blog_entry fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 10px;}
.blog_entry blockquote {position: relative;font-size: 14px;margin: 20px 0;padding: 10px 10px 10px 20px;border-left: 4px solid #f8f8f8;}
.blog_entry table {border-collapse: collapse;border-spacing: 0;}
.blog_entry th,.blog_entry td {padding: 12px;text-align: left;border: 1px solid #c0c0c0;}
.blog_entry em,.blog_entry i {font-family: Verdana, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
.blog_entry iframe {display: block;margin: 24px auto 24px;max-width: 100%;}
.blog_entry .fc2_footer img {display: inline-block;}
.blog_entry .fc2_footer iframe {margin: 0;}
.blog_entry #fc2relate_entry_thumbnail_area .relate_dt {font-size: 16px;font-weight: bold;margin: 20px 0 0 0;}
.blog_entry #fc2relate_entry_thumbnail_area .relate_dd {padding: 0; margin: 0;list-style: none;}
.blog_entry #fc2relate_entry_thumbnail_area .relate_dd .relate_ul {margin: 8px 0 30px 0;}
.blog_entry #fc2relate_entry_thumbnail_area .relate_dd .relate_ul .relate_li,.blog_entry #fc2relate_entry_thumbnail_area .relate_dd .relate_ul .relate_li_nolink {font-size: 14px;margin: 0 0 8px 0;line-height: 18px;}
.blog_entry .blog_entry_msg {float: left;width: 45%;text-align: left;}
.blog_entry .blog_entry_comment,.blog_entry .blog_entry_trackback {display: inline-block;font-size: 13px;line-height: 1.8;}
#entry_page .entry-tag{font-size:12px;}
.fc2_footer {margin: 60px 0 12px;}
/*記事内リンク色*/
.blog_entry_body a, .blog_entry_body a:visited, .l_right_area table.calender td a, .comment_item_footer a{color:#bb5535;text-decoration:none;}
/*関連記事当該記事分非表示*/
.blog_entry #fc2relate_entry_thumbnail_area .relate_dd .relate_ul .relate_li_nolink{display:none;}
/*--------------記事内装飾---------------*/
.blog_entry_text table th{text-align:center;background:#f2f2f2;}
.blog_entry_text table td{text-align:center;}
.blog_entry_text ul,.blog_entry_text ol{margin:1em 0 1em 40px;}
.blog_entry_text ul,.blog_entry_text ul li{list-style-type:disc;}
.blog_entry_text ol,.blog_entry_text ol li{list-style-type:dicimal;}
/*見出し*/
.blog_entry_text h2{margin:1em 0;position:relative;background:#888;color:#fff;padding:7px 7px 7px 30px;font-size:20px;}
.blog_entry_text h3{margin:1em 0;border-left:solid 10px #888;border-bottom:solid 2px #888;padding:3px 5px 3px 12px;font-size:18px;}
.blog_entry_text h4{margin:10px 0;border-left:solid 10px #ccc;background:#f8f8f8;padding:3px 5px 3px 10px;font-size:16px;}
/*-----------------------------------------
  関連記事
-----------------------------------------*/
.relate_list_area{width:670px;margin-right:-30px;}
.relate_list_title{text-align:center;width:640px;margin:32px 0 16px;padding:0px 75px;}
.relate_item{margin:0 20px 20px 0;word-break:break-all;width:310px;overflow:hidden;display:table;float:left;}
.relate_item.relate_list_now{display:none;}
.relate_img_wrap,.relate_about{display:table-cell;vertical-align:middle;}
.relate_img_wrap{width:144px;}
.relate_about{padding:0 8px 0 16px;} 
.relate_img{vertical-align:middle;height:112px;width:144px;background-size:cover;background-position:center;}
.relate_title{font-size:15px;font-weight:normal;display:inline-block;height:4.6em;overflow:hidden;}
/*=========================================
  Comment area ,Trackback area
=========================================*/
/*-----------------------------------------
  トラックバック
-----------------------------------------*/
#tb{margin:20px 0;}
#tb h3{height:auto;margin:1em 0 .5em;box-sizing:border-box;text-align:center;}
.trackback{padding:0 0 10px 0;}
.trackback>input{width:100%;box-sizing:border-box;margin:5px 0;border:solid 1px #eee;padding:10px;font-size:13px;box-shadow:3px 3px 5px #b3b3b3 inset;}
#tb .sub_content{box-sizing:border-box;margin:0 15px 0 0;border:solid 1px #ccc;padding:15px 20px;}
#tb .sub_body{font-size:12px;}
/*-----------------------------------------
  Comment content
-----------------------------------------*/
.comment_area{padding:0;overflow:hidden;}
.comment_area_title{font-size:18px;margin:0 0 22px;}
#entry_page .comment_area .com_counts{display:block;margin:0 0 20px;}
.comment_item_outer{display:inline-block;box-sizing:border-box;}
.comment_item {clear: both;overflow: hidden;word-wrap: break-word;overflow-wrap: break-word;position:relative;margin:0 0 20px 0;border-bottom:solid 1px #ccc;box-sizing:border-box;padding:0 0 10px 80px;}
.comment_item_author {display:inline-block;font-size: 13px;margin: 0 0 2px;font-weight: normal;}
.comment_item_title {margin:0 0 10px 0;font-size:13px;font-weight:bold;}
.comment_item_text{margin:0 0 10px 0;font-size: 13px;}
.comment_item_footer{float: right;font-size: 13px;}
.comment_item_date,.comment_item_url,.comment_item_edit {padding-right: 3px;font-size:12px;}
.user-icon{width:60px;height:60px;min-height:0;overflow:hidden;display:block;position:absolute;left:0;top:0;background-size:cover;}
.author-icon-link{width:60px;height:60px;overflow:hidden;display:block;position:absolute;left:0;top:0;background:#fff;}
.blog_content .author-icon{width:60px;height:60px;object-fit:cover;margin:0;border:none;box-shadow:none;padding:0;}
/*-----------------------------------------
  Comment form
-----------------------------------------*/
#comment_form{margin:30px 0;padding:15px 20px;background:#f2f2f2;}
.comment_form_notice{margin:0 0 15px 0;text-align:center;font-weight:bold;font-size:20px;}
.comment_form_wrap{margin:24px 0 0;}
.comment_form_title {font-size:14px;font-weight:bold;margin:0 0 5px 0;line-height:1em;}
.comment_form_checkbox_wrap,.comment_form_text_wrap{margin:0 0 20px 0;}
.comment_form_input{margin:0 0 20px;}
.comment_form_text{width:100%;height:32px;line-height:22px;font-size:14px;padding:8px;border:1px solid #ccc;border-radius:3px;}
.comment_form_label{font-size:13px;}
.form_btn{overflow:hidden;}
#tools_dialog{display:inline-block;max-width:100%;margin:0 0 0 0;vertical-align:middle;}
.comment_form_textarea{resize:vertical;width:100%;height:215px;margin:0 0 10px 0;padding:8px;border:1px solid #ccc;border-radius:3px;}
.comment_form_btn_wrap{margin:29px 0 0 0;}
.comment_form_btn {display:block;width:120px;height:37px;margin:0 auto;line-height:37px;color:#fff;font-size:14px;font-weight:bold;text-align:center;border:none;border-radius:4px;cursor:pointer;float:right;}
.comment_form_delete_btn{font-size:14px;float:right;margin:10px 0;cursor:pointer;}
.comment_form_delete_btn:hover{opacity:.7;}
#himitu{margin-right:6px;}
/*=========================================
  検索結果ページ,全記事表示ページ
=========================================*/
.search_area_title,.titlelist_area_title {font-size: 20px;padding: 0 0 4px;font-weight: bold;margin: 25px 20px;}  
.search_list,.titlelist_list {font-size: 14px;line-height: 26px;letter-spacing: 0.2px;padding: 0 20px 16px;margin: 0 0 40px;}
.search_item,.titlelist_item {border-bottom: 1px dotted #eaeaea;word-wrap: break-word;}
.search_item {margin: 0 0 40px;padding: 0 0 40px;}
.titlelist_item {margin: 0 0 16px;padding: 0 0 16px;}
.search_item:last-child,.titlelist_item:last-child {border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.search_item_title,.titlelist_item_title {font-size: 16px;font-weight: bold;display: block;}
.search_item_description,.titlelist_item_description {font-size: 13px;}
.search_item_sup,.titlelist_item_sup {text-align: right;font-size: 13px;margin: 3px 0 0;}
.search_item_category,.titlelist_item_category {margin: 0 8px 0 0;}
.titlelist_item_day{display:block;color:#888;font-weight:bold;font-size:16px;font-family:'Cabin Sketch', cursive;}
.titlelist_item_category{display:inline-block;}
/*=========================================
  Pager
=========================================*/
/*-------非個別ページページャー--------- */
#pagenavi{font-size:14px;text-align:center;margin:15px 0;}
#pagenavi a,#pagenavi1 span{margin:4px;padding:5px;border:solid 1px #b3b3b3;border-radius:2px;}
#pagenavi a{background:#333;color:#fff;} 
#pagenavi a:hover{opacity:.5;}
#pagenavi span{font-weight:bold;}
#pagenavi a.dot{text-decoration:none;}
#pagenavi>a,#pagenavi>span,#pagenavi>a.dot{display:inline-block;}
/*-------個別ページページャー--------- */
.pager {margin: 30px auto;display:flex;justify-content:space-between;font-size: 13px;line-height: 1em;overflow: hidden;}
.pager_next,.pager_prev{width:calc(50% - 5px);height:100px;max-height:100px;overflow:hidden;}
.pager_next_link,.pager_prev_link{width:100%;height:100%;display:flex;align-items:center;padding:25px 0;}
.pager_next_link {justify-content:flex-end;}
.pager_prev_link {justify-content:flex-start;}
.pager_next_link>img,.pager_prev_link>img{display:block;width:80px;height:80px;object-fit:cover;}
.pager_next_text,.pager_prev_text{vertical-align:middle;margin:0 13px;line-height:1em;font-size:14px;} 
/*=========================================
  右カラム
=========================================*/
.plugin_area_first_desc,.plugin_area_second_desc,.plugin_area_third_desc,.plugin_area_first_desc2,.plugin_area_second_desc2,.plugin_area_third_desc2{font-size:14px;font-weight: normal;}
.plugin_area_first_desc,.plugin_area_second_desc,.plugin_area_third_desc{margin:0px 0 8px;}
.plugin_area_first_desc2,.plugin_area_second_desc2,.plugin_area_third_desc2{margin:8px 0;}
#plugin_first div[id^="fc2_recent_entry_thumb_"],#plugin_second div[id^="fc2_recent_entry_thumb_"],#plugin_third div[id^="fc2_recent_entry_thumb_"]{ padding:0;}
#plugin_first div[id^="fc2_recent_entry_thumb_"] .fc2_recent_entry_thumb_link,#plugin_second div[id^="fc2_recent_entry_thumb_"] .fc2_recent_entry_thumb_link,#plugin_third div[id^="fc2_recent_entry_thumb_"] .fc2_recent_entry_thumb_link{padding: 3px 0;}
.plugin_my_link { color:#fff;font-size:13px;padding:0 8px;}
.l_right_area .plugin_right_content .plugin_my_link a{display:block;text-align:center;}
.l_right_area .plugin_right_content .plugin_my_link .plugin_my_link_text_list a{text-align:left;}

.plugin_right{margin:0 0 20px;background:none;}
.plugin_right_content{margin:0;padding:10px;box-sizing:border-box;}
/*-----------------------------------------
  右カラムリンク
-----------------------------------------*/
.l_right_area .plugin_right_content a{vertical-align:baseline;display:inline-block;    -webkit-transition:all 300ms 0s ease-in;transition: all 300ms 0s ease-in;padding: 3px 0; border-radius:4px;font-size:14px;}
/*-----------------------------------------
  右カラムカテゴリ
-----------------------------------------*/
.plugin_right_content .sub_list,.plugin_right_content .sub_list_end{padding: 0 0 3px 20px;position: relative;}    
.plugin_right_content .sub_list::after,.plugin_right_content .sub_list_end::after{ position: absolute;top:2px;left:10px;content:"";width:10px;height:10px;-webkit-box-shadow:-1px 1px 0 0 #bbb;box-shadow:-1px 1px 0 0 #bbb;}
.l_right_area .plugin_right_content .sub_list a{padding-left:4px;}    
/*-----------------------------------------
  右カラムプラグイン [カレンダー]
-----------------------------------------*/
.l_right_area caption{font-weight:normal;border-bottom:1px solid #fff;padding-bottom:8px;margin-bottom:8px;}
.l_right_area .plugin-calender{text-align:left;width:auto;margin:0 auto 24px;font-weight:normal;}
.l_right_area table.calender{text-align:center;margin:0 auto;table-layout:fixed;}
.l_right_area table.calender th{width:34px;font-weight:normal;font-size:13px;}
.l_right_area table.calender th#sat{color:#36bbea;}
.l_right_area table.calender th#sun{color: #e04848;} 
.l_right_area table.calender td{width:34px;padding: 2px 0;font-size:13px;}  
.l_right_area table.calender td a{font-weight:normal;text-decoration:underline;} 
/*-----------------------------------------
  右カラムプラグイン [カテゴリ別記事一覧]
-----------------------------------------*/
.l_right_area .plugin-category-list{margin:0 0 12px;}
.l_right_area .plugin-category-list-date{font-weight:normal;font-size:13px;line-height: 1em;}
.plugin-category-list-description{font-size:14px;}
.l_right_area .plugin_right_content a.plugin-category-list-link{padding-left:0;font-weight:normal;padding:0;}
/*-----------------------------------------
  右カラムプラグイン [検索フォーム]
-----------------------------------------*/
.plugin_right_content .plugin-search{width:100%;margin:1em 0;position: relative;}
.plugin_right_content .plugin-search input[type="text"]{padding:9px 48px 8px 14px;font-size:14px;width:100%;border:1px solid #d6d6d6;border-radius:30px;font-weight:normal;}
.plugin_right_content .plugin-search input[type="submit"]{position:absolute;right:0;top:0;display:block;text-indent:100%;white-space:nowrap;overflow:hidden;cursor:pointer;padding:0;border:none;width:52px;height:37px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT9JREFUeNrUVcsNgkAQBSqwBOzADsQOsAOpQG8clSMn6ACoQO1gS7ADKcESfJMMZrLuT4MHJ5nshpl989m3QxT9q8Q2Q13XKZY9NIOuhElBr9C+LMvHx+AAPmE5ehIj4AIBLsHgAO6w7LTPiteFVkXEAXovuCHjCtrK8rldDTQXfhv4KCs4H7oL29ZVMvwPHIRkhO9S90nEfi8zdgGTwN6KdqUIlrvAM7FvA9lWif3aBT5dlPJRTGSvDOeN4N/KaDPMAZ6GgE8lZswcr2iXeHOBX8W+CcxavonBBd7zkybJmceurDuNBDffC6Uyz1qrKskK9jlq7CCfU8hsobnSWVjhuou3GZMYuEsOGwPFUsMwk4+o48T881y0YK21gHo7TD02VPqqIJ7jj2MLMAu4LUAyFzi3ovjpT5kqmC72KcAAagZ6piWQfaQAAAAASUVORK5CYII=) center no-repeat;border-radius:0 30px 30px 0;box-shadow:0 0 3px #ccc;background-color:#f2f2f2;transition:.4s;}
/*-----------------------------------------
  右カラムプラグイン [アクセスランキング]
-----------------------------------------*/
.plugin_right_content .up{background-position:3px -1305px;}
.plugin_right_content .down{background-position: 0 -878px;}
/*-----------------------------------------
  右カラムプラグイン [メールフォーム]
-----------------------------------------*/
.plugin_right_content .plugin-mail input,.plugin_right_content .plugin-mail textarea{   width:100% !important;padding:8px;}
.plugin_right_content .plugin-mail{width:100%;margin:0 auto 24px;overflow:hidden;}
.plugin_right_content .plugin-mail-group{display:block;margin:0 0 12px;}
.plugin_right_content .plugin-mail-title{display:block;font-weight:bold;font-size:14px;}
.plugin_right_content .plugin-mail-text{width:100%;padding:7px 10px;font-weight:normal;font-size:14px;}    
.plugin_right_content .plugin-mail-textarea{width:100%;min-height:150px;font-weight:normal;font-size:14px;}    
textarea+input[type="submit"],.plugin_right_content .plugin-mail-submit{float:right;color:#fff;padding:7px 18px;margin:10px 0 0px;cursor:pointer;font-weight:normal;font-size:16px;}   
/*-----------------------------------------

-----------------------------------------*/
.m_link_btn{display:block;width:120px;font-size:14px;float:right;padding:12px 15px;line-height:1em;font-weight:bold;width:113px;}
/*-----------------------------------------
  content title
-----------------------------------------*/
/*プラグインタイトル*/
.plugin_right_title{font-size:16px;margin:0;padding:16px;clear:both;text-align:left;width:auto;overflow:hidden;padding:0;padding:24px 24px 8px;}

/*カテゴリ等*/
.plugin_right_content .main_list{font-size:14px;margin:4px;}
.plugin_right_content .acc_btn{background-size:15px;width:15px;height:15px;}
/*=========================================
  Profile
=========================================*/
#author_id{margin:10px auto;}
.plugin-myimage+p img{max-width:100%;height:auto;object-fit:cover;}
.plugin_right_content img{max-width:100%;}
.plugin-myimage{margin:15px auto;text-align:center !important;}
.plugin-myimage img{border-radius:50%;width:200px;height:200px;object-fit:cover;}
.plugin-myimage+p{font-size:14px;}  
/*=========================================
  Footer
=========================================*/
.l_footer {clear:both;overflow:hidden;margin:30px auto 0;padding:0 0 20px 0;color:#fff;}
.l_footer_inner {display:block;width:auto;margin: 0 auto;overflow: hidden;}
.l_footer_left {width:auto;display:block;text-align:center;vertical-align:middle;}
.l_footer_left a:hover {opacity: 1;}
.l_footer_logoimg {max-width: 365px;}
.l_footer_right{display:block;overflow:hidden;margin:0 0 10px 0;vertical-align: middle;text-align:right;}
.l_footer_copyright, .powered_by_fc2, .powered_by_fc2 a, .l_footer a,.foot,p.ad a{color:#eee;}
.page_top {-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;display: block;float: right;width: 41px;height: 41px;vertical-align: middle;text-align: center;cursor: pointer;}
.page_top a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius: 6px;background:#ccc;}
.page_top i{color:#555;font-size:34px;}
.foot{margin:3px 0;font-size:12px;}  
/*-----------------------------------------
  広告
-----------------------------------------*/
.ad{font-size:13px;}
/*-----------------------------------------
  サイドバーその他のタイトル関係のスタイルまとめ
-----------------------------------------*/
#message_notice,#tb h3,.comment_area_title,.plugin_right_title{text-align:center;padding:7px 0;background:#333;color:#fff;font-size:16px;font-weight:bold;}
/*-----------------------------------------
  Responsive
-----------------------------------------*/
@media screen and (min-width: 1024px){
#container_inner{max-width:1000px;margin:0 auto;}
.l_container{max-width:1000px;} 
.l_container .blog_content_tmb{display:block;width:200px;height:200px;}
.blog_content_item .blog_content_text_inner{display:flex;padding:15px 0;}
#entry_page .blog_content{padding:20px;}
}

/*PCより小さいサイズ共通*/
@media screen and (max-width: 1023px){
#container_inner{width:auto;margin:0 auto;}
.l_container{width:auto;}
.l_left_area,.l_right_area{width:100%;margin:0 auto;float:none;} 
.blog_content_item .blog_content_text_inner{display:block;padding:20px 0;}
.plugin_right_content,.l_right_area .plugin_right{text-align:center;}
.plugin_right_content ul li,.plugin_right_content div div,.plugin_area_second_desc2,.plugin_right_content p,.plugin-qrcode{text-align:center !important;}
.l_footer{padding:0 10px 20px 10px;}
}

/*サイドパーツ二列時共通*/
@media screen and (min-width:480px) and (max-width: 1023px) {
  .plugin_right_title{width:calc(100% - 4px);margin:0 auto;}
 }

@media screen and (min-width:769px) and (max-width: 1023px) {
#header-inner{min-height:300px;}
.blog_content_item .blog_content_text_inner{display:flex;padding:15px 0;}
.l_container .blog_content_tmb{width:150px;height:150px;}
#entry_page .blog_content{padding:20px;}
.l_right_area .plugin_right{width:50%;}
#plugin_first,#plugin_second{display:flex;flex-wrap:wrap;justify-content:space-between;} 
}

/*iPad以下共通*/
@media screen and (max-width:768px){
.blog_content_item .more_topentry_link{position:static;float:right;margin:5px;}
.blog_content_item .blog_content_text_inner{padding:10px 0;}
}


@media screen and (min-width: 480px) and (max-width:768px){
#header-inner{min-height:200px;}
.header_blog_name{padding:30px 0 20px;font-size:26px;}
.header_introduction{padding:0 0 10px;font-size:13px;}
.blog_content_item .blog_content_text_inner{display:flex;padding:15px 0;}
.l_container .blog_content_tmb{width:120px;height:120px;}
#entry_page .blog_content{padding:10px;}
.l_right_area .plugin_right{width:50%;}
#plugin_first,#plugin_second{display:flex;flex-wrap:wrap;justify-content:space-between;}
}

/*幅480px以下共通*/
@media screen and (max-width:480px){
.blog_content_item .blog_content_text_inner{padding:10px 0;}
.blog_content_item .more_topentry_link{display:block;width:calc(100% - 4px);position:static;float:none;margin:10px auto;}
}

/*iphone678から下共通*/
@media screen and (max-width: 479px){
.header_introduction{padding:0 0 10px;}
.l_right_area .plugin_right{width:100%;}
.l_container{padding:20px 10px;}
.blog_content_tmb_outer{display:block;margin:0 auto 10px;}
.l_container .blog_content_tmb_wrap{width:100%;}
.l_container .blog_content_tmb_wrap:before{content:"";display:block;padding:75% 0 0 0;}
.l_container .blog_content_tmb{position:absolute;left:0;top:0;width:100%;height:100%;} 
#entry_page .blog_content{padding:0 5px;}
#plugin_first,#plugin_second{display:block;}
.comment_item_date,.comment_item_url,.comment_item_edit{font-size:13px;} 
.pager_prev,.pager_next{height:250px;font-size:13px;}
.pager_prev_link>img,.pager_next_link>img{width:40px;height:40px;} 
}

@media screen and (min-width: 375px) and (max-width: 479px) { 
#header-inner{min-height:160px;}
.header_blog_name{padding:20px 0;font-size:24px;}
.header_introduction{font-size:12px;}
}

/*幅375以下で共通*/
@media screen and (max-width: 375px){ 
#navi-list > li{margin:0 10px 0 0;}
#navi-list > li > a{font-size:13px;background-size:12px 12px;padding:2px 2px 2px 15px;}
#entry_page .blog_entry_title{font-size:20px;}
.pager_prev,.pager_next{height:280px;font-size:12px;}
.pager_prev_link>img,.pager_next_link>img{width:30px;height:30px;}
}

@media screen and (min-width: 321px) and (max-width: 374px) {
#header-inner{min-height:130px;}
.header_blog_name{padding:10px 0;font-size:22px;}
.header_introduction{font-size:11px;}
}
  
@media screen and (min-width: 0px) and (max-width: 320px) {
#header-inner{min-height:130px;}
.header_blog_name{padding:10px 0;font-size:20px;}
.header_introduction{font-size:10px;}
}
/*-----------------------------------------
  Google Material Icons
-----------------------------------------*/ 
/*コメントカウント、カテゴリー、トラバカウントの文字記号*/
#entry_page .com_counts,.top_com_counts,.tb_counts,.titlelist_item_category{position:relative;padding:0 0 0 15px;}
 
.blog_content_category>a,#entry_page .entry-tag>a{display:inline-block;position:relative;margin:0 5px 0 0;padding:0 0 0 15px;}

#entry_page .com_counts:before,.top_com_counts:before{content:"\e8af";font-family: 'Material Icons';display:inline-block;margin:0 3px 0 0;padding:0;line-height:normal;color:#ccc;font-size:13px;position:absolute;left:0;bottom:5px;}  

.tb_counts:before{content:"\e8d4";font-family:'Material Icons';display:inline-block;padding:0;line-height:normal;color:#777;font-size:13px; position:absolute;left:0;bottom:5px;}
  
.blog_content_category>a:before,.titlelist_item_category::before{content:"\e2c7";font-family:'Material Icons';display:inline-block;padding:0;line-height:normal;color:#ccc;font-size:13px;position:absolute;left:0;bottom:4px;}
  
#entry_page .entry-tag>a:before,.titlelist_item_category::before{content:"\e54e";font-family:'Material Icons';display:inline-block;padding:0;line-height:normal;color: #ccc;font-size:13px;position:absolute;left:0;bottom:4px;}

/*記事内h2*/ 
.blog_entry_text h2:before{content:"\e3ae";font-family:'Material Icons';width:30px;  height:100%;display:flex;align-items:center;justify-content:center;padding: 0;line-height:normal;color:#fff;font-size:20px;position:absolute;left:0;top:0;} 
  
#entry_page .com_counts:before,#entry_page .tb_counts:before,#entry_page .blog_content_category>a:before,body[id=""] .top_com_counts:before,body[id=""] .tb_counts:before,body[id=""] .blog_content_category>a:before,#top_page .blog_content_category>a:before,#top_page .tb_counts:before,#top_page .top_com_counts:before{bottom:3px;}
/*記事内引用枠*/ 
.blog_entry_text blockquote{margin:15px 0;border:solid 1px #ccc;position:relative;padding:20px 20px 20px 60px;}
.blog_entry_text blockquote:before{content:"\e244";font-family:'Material Icons';width:40px;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;background:#f2f2f2;font-size:30px;color:#aaa;}
/*非公開コメント*/  
.himitu_title{display:inline-block;position:relative;margin:0 5px 0 0;padding:0 15px 0 0;}
.himitu_title:after{content:"\e88d";position:absolute;right:0;top:0;font-family:'Material Icons';color:#888;}
/*ページャーの記号*/  
.pager_prev_link:before{content: "\e5cb";width:35px;height:100%;display:flex;justify-content:flex-start;align-items:center;font-family:'Material Icons';font-size:30px;}
.pager_next_link:after{content: "\e5cc";width:35px;height:100%;display:flex;justify-content:flex-end;align-items:center;font-family:'Material Icons';font-size:30px;}
/*サイドバーほかのタイトル関係*/
#message_notice:before,#tb h3:before,.comment_area_title:before,.plugin_right_title:before,.blog_entry #fc2relate_entry_thumbnail_area .relate_dt:before{content: "\e53b";font-family: 'Material Icons';display:inline-block;margin:0 5px 0 0;}