/* <system section="theme" selected="aero2"> */
@import"https://fonts.googleapis.com/css?family=Maven+Pro:700";html{margin:0;padding:0}body{margin:0;padding:0;color:#000;background:#022b5c url(https://cdn.blog.st-hatena.com/css/theme/aero2/bg.jpg?version=f95c93d5eba6c5ab5a3e7a2bf01bd9) repeat-x fixed top center;font-family:Maven Pro,Helvetica,Arial,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif}a{color:#0e4b84}a:visited{color:#3c6b97}a:hover{color:#1673c9}pre{padding:10px;background:#fafafa;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:inset 0 0 5px #0003}#globalheader-container{background:#ffffff80;box-shadow:0 0 10px #0006}#container{width:800px;margin:0 auto;text-align:center}#container-inner{text-align:left}#blog-title{padding:40px 0}#title{margin:0;display:inline-block;font-size:35px;text-shadow:0 2px 2px rgba(0,0,0,.5);-moz-text-shadow:0 2px 2px rgba(0,0,0,.5);-webkit-text-shadow:0 2px 2px rgba(0,0,0,.5);filter:dropshadow(color=#333333,offX=0,offY=2)}#title a{text-decoration:none;color:#fff}#blog-description{display:inline-block;*display: inline;*zoom: 1;color:#fff;margin:0;padding-left:1em;font-size:13px;text-shadow:0 2px 2px rgba(0,0,0,.7);-moz-text-shadow:0 2px 2px rgba(0,0,0,.7);-webkit-text-shadow:0 2px 2px rgba(0,0,0,.7);filter:dropshadow(color=#333333,offX=0,offY=2)}.header-image-enable #blog-title,.header-image-only #blog-title{padding:20px 0}.header-image-enable #blog-title #title{padding:20px 0 0 20px}.header-image-enable #content,.header-image-only #content{margin-top:0}#top-box,#top-editarea,#bottom-editarea{font-weight:700;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.5);font-size:14px}.breadcrumb{margin-bottom:10px}.breadcrumb a{color:#fff}#content{margin:10px 0}#content-inner{box-shadow:0 0 5px #0000004d;border-radius:10px;background:#ffffff80;background:url(https://cdn.blog.st-hatena.com/css/theme/aero2/opacity5.png?version=f95c93d5eba6c5ab5a3e7a2bf01bd9) repeat\	}#main{background:#fff;background:#fff \	;border-radius:10px 0 0 10px;padding:20px;float:left;width:510px;box-shadow:5px 0 10px -10px #000000b3;min-height:800px}* html #main{box-shadow:0 0 #fff0}#main:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}#box1{float:right;width:240px;-moz-transition:all 1s ease;-webkit-transition:all 1s ease}#box2{float:right;-moz-transition:all 1s ease;-webkit-transition:all 1s ease}#box2:after{content:"";display:block;clear:both}#content-inner:after{content:"";display:block;clear:both}.entry-content{font-size:13px;line-height:1.8;margin:1em 0;font-family:Helvetica,Arial,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif}.entry{margin-bottom:50px;position:relative}.date{display:flex;background:#00000080;background:#666 \	;color:#fff;padding:5px 15px 5px 20px;position:relative;left:-20px;text-shadow:0 1px 2px #000;-moz-text-shadow:0 1px 2px #000;-webkit-text-shadow:0 1px 2px #000;border-radius:0 3px 3px 0;width:-moz-fit-content;width:fit-content}.date a{color:#fff;text-decoration:none}.date-last-updated{color:#fff}.entry-title{font-size:20px;padding:10px 0;margin:0}.entry-title a{text-decoration:none}.categories a{font-size:11px;color:#454545;background:#fff;padding:3px 6px;border:1px solid #ddd;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;text-decoration:none;white-space:nowrap}.categories a:hover{color:#333;text-decoration:none;background:#ebebeb;border:1px solid #bbb}.entry-footer-section{font-style:italic;color:#666;margin:0}.entry-footer-time a{color:#666}.entry-footer-time a:hover{color:#1673c9}.pager{display:inline;margin-right:10px}.pager{text-align:center}.pager a{background:#00000080;color:#fff;padding:5px 15px;margin:0 2px;font-size:13px;border-radius:3px;text-decoration:none;line-height:1.5;word-wrap:break-word;display:inline-block;max-width:200px}.pager a:hover{color:#fff!important;background:#000000b3}.entry-content h1{font-size:16px;margin:.5em 0}.entry-content h2{font-size:15px;margin:.5em 0}.entry-content h3{font-size:14px;margin:.5em 0}.entry-content p{margin:.5em 0}.entry-content img{max-width:500px}.entry blockquote{padding:10px;margin:1em 0;border:1px solid #ddd;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.entry blockquote p{margin-top:0;margin-bottom:0}.entry-content table{border-collapse:collapse;border-spacing:0}.entry-content table th,.entry-content table td{border:1px solid #ddd;padding:5px 10px}.entry-content table th{background:#fafafa}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:1em 0 .5em}.entry-content h1{font-size:160%}.entry-content h2{font-size:150%}.entry-content h3{font-size:140%}.entry-content h4{font-size:120%}.entry-content h5{font-size:110%}.entry-content h6{font-size:100%}.entry-content h1,.entry-content h2,.entry-content h3{border-bottom:1px dashed #999}.entry-content ul,.entry-content ol{margin:0 0 0 1.5em;padding:0}a.keyword{color:#000;text-decoration:none;border-bottom:1px solid #DEDEDE}pre.lang-aa{font-size:13px;line-height:14px}.entry-header-menu a{font-size:13px;display:inline;cursor:pointer;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color:#fff;padding:3px 10px;line-height:18px;background:#5297de;text-decoration:none;background:-o-linear-gradient(top,#73b0ee 0%,#3675b4 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#73b0ee,endcolorstr=#3675b4));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#73b0ee, endcolorstr=#3675b4))";zoom:1;font-weight:700;border:1px solid #447296;text-shadow:0 -1px 0px #164a5a;-moz-text-shadow:0 -1px 0px #164a5a;-webkit-text-shadow:0 -1px 0px #164a5a;position:absolute;top:0;right:0}.entry-header-menu a:hover{background:#2f81d5;background:-o-linear-gradient(top,#73b0ee 0%,#1f62a7 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#73b0ee,endcolorstr=#1f62a7));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#73b0ee, endcolorstr=#1f62a7))";zoom:1;border:1px solid #2066ad;text-shadow:0 -1px 0px #164A5A;text-decoration:none;color:#fff!important}.entry-footer{margin-top:30px;margin-bottom:80px;font-size:13px}.entry-footer .social-buttons{margin:10px 0}.comment{padding:0;list-style:none}.comment-user-name{display:block;color:#666;line-height:40px;margin:0}.comment-content{margin-bottom:.5em;line-height:1.7;font-family:Helvetica,Arial,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif}.comment-content p{margin:0;word-wrap:break-word}.comment-metadata{margin:0}.comment li{margin-bottom:2px}.comment-metadata,.comment-metadata a{text-decoration:none;font-style:italic;color:#666}.leave-comment-title{display:inline-block;*display: inline;*zoom: 1;margin-top:10px;cursor:pointer;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background:#5297de;color:#fff;padding:6px 15px;text-decoration:none;background:-o-linear-gradient(top,#73b0ee 0%,#3675b4 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#73b0ee,endcolorstr=#3675b4));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#73b0ee, endcolorstr=#3675b4))";font-weight:700;border:1px solid #447296;text-shadow:0 -1px 0px #164a5a;-moz-text-shadow:0 -1px 0px #164a5a;-webkit-text-shadow:0 -1px 0px #164a5a}.leave-comment-title:hover{color:#fff;background:#2f81d5;background:-o-linear-gradient(top,#73b0ee 0%,#1f62a7 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#73b0ee,endcolorstr=#1f62a7));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#73b0ee, endcolorstr=#1f62a7))";zoom:1;border:1px solid #2066ad;text-shadow:0 -1px 0px #164A5A;text-decoration:none}.comment .hatena-id-icon{position:relative;left:-5px;top:15px;padding:13px 17px 12px 11px;background:transparent url(https://cdn.blog.st-hatena.com/css/theme/aero2/comment.png?version=f95c93d5eba6c5ab5a3e7a2bf01bd9) no-repeat center}.comment-user-name .hatena-id-icon{position:relative;left:-5px}#box2 .hatena-module{width:200px;margin:20px 20px 50px}#box2 .hatena-module-title{color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.7);-moz-text-shadow:0 2px 2px rgba(0,0,0,.7);-webkit-text-shadow:0 2px 2px rgba(0,0,0,.7)}.hatena-module{font-size:13px}.hatena-module-title{color:#0e4b84;margin:0 0 .5em;font-size:20px;padding:0 0 .4em;border-bottom:1px dashed #666}.hatena-module-title a,.hatena-module-title a:visited{color:#fff;text-decoration:none}.hatena-module-title a:hover{color:#dfdfdf}.hatena-module ul{margin:0;padding:0;list-style:none}.hatena-module li{padding-bottom:1em;line-height:1.5}.hatena-module li.archive{border-top:1px dashed #666;margin-top:.5em;padding-top:.5em}.urllist-item{padding:10px 0;border-bottom:1px dotted #666}.hatena-module .profile-icon{display:block;margin-bottom:5px}.hatena-module-body .id a{font-size:13px;text-decoration:none;font-weight:700}.hatena-module-body .profile-description{margin:0 0 5px;line-height:1.5}form.search-form{margin-top:10px}form.search-form input{border:none;vertical-align:middle}.search-form .search-module-input{width:168px;background:-moz-linear-gradient(top,#eee 0%,#eee 50%,#fff 100%);padding:3px;margin:0;font-size:12px;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;background:#0003;box-shadow:0 -1px #454545}.search-form .search-module-button{height:23px;width:23px;border:none;text-indent:-999px;margin-left:-3px;*margin-left: -5px;cursor:pointer;background:#565656 url(https://cdn.blog.st-hatena.com/images/theme/search_w.png?version=f95c93d5eba6c5ab5a3e7a2bf01bd9) 50% 50% no-repeat;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px}#footer{clear:both;text-align:center;margin:30px 0}#footer a{color:#fff;font-weight:700;text-decoration:none;text-shadow:0 2px 2px #000;-moz-text-shadow:0 2px 2px #000;-webkit-text-shadow:0 2px 2px #000;font-style:normal}.hatena-embed.hatena-fotolife,.hatena-embed.twitpic{padding:10px 10px 30px;margin:1em 0;background:transparent;display:inline-block;border:1px solid #dfdfdf;box-shadow:0 1px 5px #00000029;background:#fff;text-align:center}.hatena-embed.hatena-fotolife{background:#fff url(https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-fotolife.png?version=f95c93d5eba6c5ab5a3e7a2bf01bd9) no-repeat right bottom}.hatena-embed.twitpic{padding:10px}.hatena-embed.hatena-fotolife .hatena-embed-image,.hatena-embed.twitpic .hatena-embed-image{display:inline-block;max-width:488px}.hatena-embed.hatena-fotolife .hatena-embed-body,.hatena-embed.hatena-fotolife .hatena-embed-body a,.hatena-embed.twitpic .hatena-embed-body,.hatena-embed.twitpic .hatena-embed-body a{text-align:center;font-family:Homemade Apple,cursive;color:#454545;font-size:16px;margin-top:10px}.hatena-embed.hatena-coco,.hatena-embed.foursquare{margin:1em 0;box-shadow:0 1px 5px #00000029}.hatena-embed.hatena-coco{border:1px solid #e2d279;padding:20px 30px;background:#faf9e6 url(https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-coco.png?version=f95c93d5eba6c5ab5a3e7a2bf01bd9) no-repeat right bottom}.hatena-embed.hatena-coco .hatena-embed-image,.hatena-embed.foursquare .hatena-embed-image{width:100px;height:100px}.hatena-embed.foursquare{border:1px solid #C1D5DB;padding:20px 30px;background:#e6eff2 url(https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-4sq.png?version=f95c93d5eba6c5ab5a3e7a2bf01bd9) no-repeat right bottom}.hatena-embed.hatena-bookmark{padding:15px 15px 15px 70px;margin:1em 0;background:transparent;border:1px solid #dfdfdf;box-shadow:0 1px 5px #00000029;background:#fff url(https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-bookmark.png?version=f95c93d5eba6c5ab5a3e7a2bf01bd9) no-repeat 10px top;position:relative}.hatena-embed.hatena-bookmark a{text-decoration:underline}.hatena-embed.hatena-bookmark .hatena-embed-image{max-height:50px}.hatena-embed.hatena-haiku{padding:15px 15px 15px 70px;margin:1em 0;background:transparent;border:1px solid #dfdfdf;box-shadow:0 1px 5px #00000029;background:#fff url(https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-haiku.png?version=f95c93d5eba6c5ab5a3e7a2bf01bd9) no-repeat 5px 5px}.hatena-embed.hatena-monolith{width:478px;padding:15px;margin:1em 0;background:transparent;border:1px solid #dfdfdf;box-shadow:0 1px 5px #00000029;background:#fff url(https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-monolith.png?version=f95c93d5eba6c5ab5a3e7a2bf01bd9) no-repeat right bottom}.hatena-embed.hatena-monolith .hatena-embed-image{display:block;float:left;max-width:98px;border:1px solid #dfdfdf}.hatena-embed.hatena-monolith .hatena-embed-body{float:left;width:368px;margin-left:10px}.hatena-embed.hatena-monolith:after{content:"";display:block;height:0;visibility:hidden;clear:both}.hatena-embed.twitter{padding:10px 0;margin:1em 0;border-bottom:1px dotted #757575;border-top:1px dotted #757575}.hatena-embed.atnd{padding:10px 0;margin:1em 0;border-bottom:1px dotted #757575;border-top:1px dotted #757575;font-family:PT Sans Caption,Helvetica,ヒラギノ角ゴ Pro W3,HiraKakuProN-W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif}.hatena-embed-detail.atnd-detail{font-size:20px;font-weight:700;color:#262626}.hatena-embed-detail.atnd-detail:hover{color:#ea1f00;text-decoration:none}.hatena-embed.atnd .content-body{font-size:12px;color:#222}.page-about dt{font-size:16px;font-weight:700}.page-about dd{margin-left:0;margin-bottom:30px}.page-about .entry-content img.profile-icon{height:16px;width:16px}.page-archive #main-inner .entry-title{font-size:18px;margin:.5em 0;padding:0}.page-archive #main-inner .entry-title a{color:#333}.page-archive #main-inner section{margin-bottom:40px}.page-archive #main-inner .archive-entry p{font-size:14px;line-height:1.5}.page-archive .categories{margin-bottom:.5em}

/* </system> */

/* <system section="background" selected="custom"> */
body{ background-image: url('http://cdn-ak.f.st-hatena.com/images/fotolife/o/ooigawa-bitter-sweet/20170524/20170524011801.jpg'); background-repeat: repeat; background-color:transparent; background-attachment: fixed; background-position: left top;}
/* </system> */

/*-------------リセット-------------------*/

@charset "utf-8";
/* CSS Document */

/* css reset */

 /* /////  IE6対策です　　////   */

body {
  font-family:"メイリオ","ＭＳ Ｐゴシック", Tahoma, Arial, sans-serif; 
  line-height: 1.7;
  color: #333;
  font-size: 14px;
  text-align: left;
  }
/*-------------リセット完了----------------*/

#container{
  width: 980px;
  }
#main{
  width: 620px;
  padding-top: 30px;
  }


#container
.hatena-module-title{
  text-shadow: 1px 1px 1px rgba(0,0,0, 0.7);
  font-weight:bold;
  }

#content-inner{
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.2);
  }

/*wrapperエリアの設定*/
div#wrapper{
  margin-top: 40px;
  }


/*ヘッダエリア*/

#blog-title{
  /*background-color: #ffffff;*/
  /*margin-left: -300px;*/
  width: 980px;
  margin: 20px 0px 30px 0px;
  /*padding: 30px 300px 40px 300px;*/
  }

#title{
  width: 980px;
  font-size: 33px;
  text-align: center;
  transform: scale( 1, 1.3);
  }

.header-image-enable #blog-title #title{
  padding: 50px 0 0 20px;
 }

#title a{
  margin-left: 20px;
  color: #383838!important;
  color: #f07677!important;
  color: #ffffff!important;
  /*text-shadow:none;*/
  }

#blog-description{
  margin-top: 10px;
  font-size: 12px;
  display:block;
  text-align: center;
  color: #707070;
  color: #ffffff;
  /*text-shadow:none;*/
  }


/*ナビゲーション設定*/
#top-editarea{
  /*background-color: #383838;*/
  width: 840px;
  height:50px;
  /*margin-left: -302px;*/
  /*padding: 0 300px;*/
  /* padding: 0px 0px 0px 50px;*/
  margin-top: 20px;
  }


#nav{
  width: 840px!important;
  height:50px;
  margin-top: -50px;
  margin-bottom:30px;
  background-color:#000000;
  background-color:#383838;
  color:#ffffff!important;
  /*padding: 0px 0px 0px 100px;*/
  padding: 0px 0px 0px 50px;
  border-radius: 4px;
	
	
	/*背景透過設定*/
  /*background-color:rgba(0,0,0,0.5);*/
  /*background-color:rgba(255,255,255,0.5);*/
  /*opacity: 0.6;*/
  /*filter: alpha(opacity=60);*/	/* IE6、IE7対応 */
  /*-moz-opacity: 0.6;*/		/* Firefox1.5以前対応 */
  }
		
#nav ul{
  border-radius: 4px;
  padding-right: 50px;
  /*margin-left:25px;*/
  /*height:46px;*/
  /*text-decoration:none!important;*/
  }
	
.dropmenu{
  width:840px!important;
  }	

#nav ul li{
  color:#FFF;
  float:left;
  height:50px;
  /*background-color:#000;*/
  font-size:15px;
  text-decoration:none!important;
  list-style-type:none;
  }

#top a{
  color:#FFF!important;
  display:block;
  text-decoration:none!important;
  text-align:center;
  width:130px;
  height:50px;
  }

#navi-html a{
  color:#FFF;
  display:block;
  text-decoration:none!important;
  text-align:center;
  width:170px;
  height:50px;
  }
	
#navi-media a{
  color:#FFF;
  display:block;
  text-decoration:none!important;
  text-align:center;
  width:170px;
  height:50px;
  }	

#navi-gallery a{
  color:#FFF;
  display:block;
  text-decoration:none!important;
  text-align:center;
  width:170px;
  height:50px; 
  }

#navi-lifehack a{
  color:#FFF;
  display:block;
  text-decoration:none!important;
  text-align:center;
  width:170px;
  height:50px;
  }		
	
#top a:hover{
  background-color:#c66;
  }	
	
#top-text{
  font-size:12px;
  font-weight: normal;
  width:130px;
  height:50px;
  /*margin-top:5px;*/
  padding-top:15px;
  }	
	
#navi-html a:hover{
  background-color:#c66;
  }


#html-text{
  font-size:13px;
  font-weight: normal;
  width:170px;
  height:50px;
  /*margin-top:5px;*/
  padding-top:15px;
  text-decoration:none!important;
  }	


#navi-media a:hover{
  background-color:#c66;
  }


#media-text{
  font-size:12px;
  font-weight: normal;
  width:170px;
  height:50px;
  /*margin-top:5px;*/
  padding-top:15px;
  text-decoration:none!important;
  }	

#navi-gallery a:hover{
  background-color:#c66;
  }
	
#gallery-text{
  font-size:12px;
  font-weight: normal;
  width:170px;
  height:50px;
  /*margin-top:5px;*/
  padding-top:15px;
  text-decoration:none!important;
  }
	
#navi-lifehack a:hover{
  background-color:#c66;
  }


#lifehack-text{
  font-size:12px;
  font-weight: normal;
  width:170px;
  height:50px;
  /*margin-top:5px;*/
  padding-top:15px;
  text-decoration:none!important;
  }		
	

/*▼▼▼ マウスオーバーした時、背景カラーをふわっと変える設定 ▼▼▼*/

#nav a:hover{
  background-color:#c66;
  /*transition: all .3s;*/
  }

#nav a::before,
#nav a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  }
#nav a,
#nav a::before,
#nav a::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
  }

/*▲▲▲ マウスオーバーした時、背景カラーをふわっと変える設定 ▲▲▲*/


/*パンくずエリア*/
#top-box{
  margin-top: 15px;
  margin-bottom: -15px;
  }



/*サイドバー修正*/
.urllist-title-link{font-size: 80%;}
.urllist-categories.recent-entries-categories{float: right; clear: both;}
a.urllist-title-link.recent-entries-title-link.urllist-title.recent-entries-title{float:right; width:135px; font-size: 11px; font-weight: bold;}
#box2 img{margin-bottom: -10px;}
  .urllist-with-thumbnails li .urllist-image{margin-top: 10px;}

aside#box2{
  width: 310px;
  padding-top: 10px;
  }
    
    
.hatena-module{
  width:260px;
  }

#box2 .hatena-module{
  width: 260px;
  }

.hatena-module.hatena-module-search-box .hatena-module-title{
  border:none;
  margin-bottom:-10px;
  }

.hatena-module-body .profile-description{
  font-size:12px;
  }


a.urllist-title-link.recent-entries-title-link.urllist-title.recent-entries-title{
  width:170px;
  font-size: 12px;
  }

.urllist-date-link.recent-entries-date-link a{
  text-decoration:none;
  }

img.urllist-image.recent-entries-image{
  /*border: 2px solid #efefef;*/
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  }

.bookmark-widget-counter{
  float: right;
  clear: both;
  margin-top: -10px;
  }


/*サイドバーのタイトルエリア修正 7つのモジュールまとめて*/
.hatena-module.hatena-module-recent-entries .hatena-module-title,
.hatena-module.hatena-module-category .hatena-module-title,
.hatena-module.hatena-module-entries-access-ranking .hatena-module-title,
.hatena-module.hatena-module-archive .hatena-module-title,
.hatena-module.hatena-module-html .hatena-module-title,
.hatena-module.hatena-module-circles .hatena-module-title{

  font-size: 14px;
  background-color: #383838;
  /*height: 20px;*/
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  margin-left: -10px;
  border: none;
  margin-bottom: 15px;
  font-weight: normal!important;
  padding: 8px 20px;
  }


/*最新記事エリアの修正*/
/*「最新記事」内にあるカテゴリ先に飛ぶリンクボタンのカスタム*/
.urllist-categories.recent-entries-categories{
  margin-top: 10px;

  }


.urllist-categories.recent-entries-categories a{
  background-color: #999999;/*薄いグレー*/
  background-color: #fbfbfb;    /*薄い水色*/
  background-color: #cccccc;
  /*background-color: #E8E8E8;*/    /*濃い水色*/
  /*border: 1px solid #999999;*/
  font-size: 10px;
  color: #999999;
  color: #ffffff;
  border-radius: 3px;
  padding: 2px 7px;
  text-decoration: none;
  }

 .urllist-categories.recent-entries-categories a:hover{
  background-color: #c66;
  background-color: #999999;
  /*background-color: #E8E8E8;*/
  /*border: 1px solid #383838;*/
  color: #ffffff;
  }

/*検索エリア*/
.hatena-module.hatena-module-search-box .hatena-module-title{
  font-size:18px;
  }



/*▼▼▼ マウスオーバーした時、背景カラーをふわっと変える設定 ▼▼▼*/

.urllist-categories.recent-entries-categories a:hover{
  background-color: #999999;
  /*background-color: #fbfbfb;*/
  /*background-color: #E8E8E8;*/
  }

.urllist-categories.recent-entries-categories a::before,
.urllist-categories.recent-entries-categories a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  }
.urllist-categories.recent-entries-categories a,
.urllist-categories.recent-entries-categories a::before,
.urllist-categories.recent-entries-categories a::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .2s;
  }


/*注目記事エリアの修正*/
.urllist-with-thumbnails li .urllist-image{
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  }

.urllist-date-link.entries-access-ranking-date-link a{
  text-decoration: none;
  }

a.urllist-title-link.entries-access-ranking-title-link.urllist-title.entries-access-ranking-title{
  font-size:12px;
  font-weight:bold;
  float: right;
  width: 170px;
  margin-right: 5px;
  }

.urllist-item-inner.entries-access-ranking-item-inner{
  width: 250px;
  height: 100px;
  }


.urllist-categories.entries-access-ranking-categories{
  clear: both;
  float: right;
  margin-top: 10px;
  }

/*「注目記事」内にあるカテゴリ先に飛ぶリンクボタンのカスタム*/

.urllist-categories.entries-access-ranking-categories a{
  background-color: #999999;
  background-color: #fbfbfb;    /*薄い水色*/
  background-color: #cccccc;
  font-size: 10px;
  color: #FFF;
  border-radius: 3px;
  padding: 2px 7px;
  text-decoration: none;
  }

/*▼▼▼ マウスオーバーした時、背景カラーをふわっと変える設定 ▼▼▼*/

.urllist-categories.entries-access-ranking-categories a:hover{
  background-color: #c66;
  background-color: #999999;
  color: #FFF;
  }

.urllist-categories.entries-access-ranking-categories a::before,
.urllist-categories.entries-access-ranking-categories a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  }
.urllist-categories.entries-access-ranking-categories a,
.urllist-categories.entries-access-ranking-categories a::before,
.urllist-categories.entries-access-ranking-categories a::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .2s;
  }


/*テキストに自動的につくキーワードの下線を消す*/
a.keyword{
  border:none;
  }


/*▼▼▼ 画像にマウスオーバーした時、CSSで半透明の白をふわっと乗せる設定 ▼▼▼*/
/*透明の白を重ねるのでなく、画像の透明度を変える。背景が白にしてあるからあとは画像の透明度変えるだけ。
まずaタグにこの設定*/
#box2 img{
  background-color:#ffffff;
  }

#box2 img{
  transition:all 0.3s ease;
  }


#box2 img:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);}
  /*▲▲▲ここまで▲▲▲*/

/*カテゴリ一覧ページ*/
.page-archive #main-inner .entry-title a:hover{
  color:#1673C9;
  text-decoration: underline;
  }


/*▼▼▼ 画像にマウスオーバーした時、CSSで半透明の白をふわっと乗せる設定 ▼▼▼*/

/*透明の白を重ねるのでなく、画像の透明度を変える。背景が白にしてあるからあとは画像の透明度変えるだけ。
まずaタグにこの設定*/

.page-archive .entry-thumb{
  background-color:#ffffff;
  }

.page-archive .entry-thumb{
  transition:all 0.3s ease;
  }

.page-archive .entry-thumb:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  }

/*▲▲▲ここまで▲▲▲*/

.page-archive #main-inner .archive-entry p{
  font-size: 12px;   
}

.entry-thumb {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}



#blog-contents a:hover{
  text-decoration:underline!important;
}
    
#onlinestrage-contents a:hover{
  text-decoration:underline!important;
}   
 
 
 
/*===============================================================
マウスオーバーした時、背景カラーをふわっと変える設定(次へボタン)
=================================================================*/ 
 
.pager-next a:hover{
  /*background-color:#EFEFEF;*/
  /*background: rgba(0, 0, 0, 0.7);*/
  /*background-color:#F7F8F8;*/
  /*transition: all .3s;*/
  }

.pager-next a:hover::before,
.pager-next a:hover::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  }
.pager-next a:hover,
.pager-next a:hover::before,
.pager-next a:hover::after {
  /*-webkit-box-sizing: border-box;*/
  /*-moz-box-sizing: border-box;*/
  /*box-sizing: border-box;*/
  -webkit-transition: all .6s;
  transition: all .6s;
  }

/*▲▲▲ マウスオーバーした時、背景カラーをふわっと変える設定 ▲▲▲*/
 

/*▼▼▼ マウスオーバーした時、背景カラーをふわっと変える設定(前へボタン) ▼▼▼*/

.pager-prev a:hover{
  /*background-color:#EFEFEF;*/
  background: rgba(0, 0, 0, 0.7);
  /*background-color:#F7F8F8;*/
  /*transition: all .3s;*/
  }

.pager-prev a:hover::before,
.pager-prev a:hover::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  }
.pager-prev a:hover,
.pager-prev a:hover::before,
.pager-prev a:hover::after {
  /*-webkit-box-sizing: border-box;*/
  /*-moz-box-sizing: border-box;*/
  /*box-sizing: border-box;*/
  -webkit-transition: all .3s;
  transition: all .6s;
  }

/*▲▲▲ マウスオーバーした時、背景カラーをふわっと変える設定 ▲▲▲*/
 
    
    
/*=============================================
footer-areaの設定
==============================================*/

#page-top-text{
  position: fixed;     /*「PAGE TOP」のテキストを固定*/
  color:#FFF;
  /*background-color:#0FF;*/
  margin-left: 1100px;
  margin-bottom:30px;
  bottom: 10px;
  width:100px;
  float:left;
  }
	
	
span#page-top{
  position: fixed;     /*「トップへ戻るボタン」を固定*/
  /*margin-left: 230px;*/
  width:40px;
  height:40px;
  color:#FFF;
  /*background-color:#0FF;*/
  /*visibility:hidden;*/
  }

span#page-top a{
  position: fixed;     /*「トップへ戻るボタン」を固定*/
  width: 40px;
  height:40px;
  /*padding: 30px 0;*/
  display: block;
  background-image:url(http://ooigawa.bitter.jp/pagetop-off.png);
  margin-left: 15px;
  bottom: 28px;
  }

span#page-top a:hover{
  background-image:url(http://ooigawa.bitter.jp/pagetop-on.png);
  /*text-decoration: none;*/
  /*background: #999;*/
  }
  
#footer{
  margin: 70px 0 0 0;
  background-color: #383838;
  padding: 50px;
  }

p.services {
  color: #ffffff;
  }  
  

/*デモマークボタンの設定*/

.all-color-change:hover a{
  /*background-color: #efefef;*/
  /*color: #ffffff!important;*/
  /*border-radius: 15px;*/
    
  /*background-color: #c66;*/
  /*color: #ffffff!important;*/
  /*border-radius: 3px;*/
    
  /*height:23px;*/
  background-color: #ffffff;
  color: #c66!important;
  /*border-radius: 3px;*/
  border: #c66 solid 1px!important;
  }

/*▼▼▼ マウスオーバーした時、背景カラーをふわっと変える設定 ▼▼▼*/
.all-color-change a:hover{
  /*background-color:#EFEFEF;*/
	
  /*height:23px;*/
  /*background-color: #ffffff;*/
  color: #c66!important;
  /*border: #c66 solid 1px!important;*/
  border-radius: 3px;
  /*background-color:#F7F8F8;*/
  /*transition: all .3s;*/
  }

.all-color-change a::before,
.all-color-change a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  }
.all-color-change a,
.all-color-change a::before,
.all-color-change a::after{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
  }


/*各記事内にあるリンクボタンの設定*/
.entry-categories.categories a{
  background-color: #999999;
  font-size: 11px;
  color: #ffffff;
  border-radius: 3px;
  padding: 3px 14px;
  text-decoration: none;
  border: none;
  }

.entry-categories.categories a:hover{
  background-color: #f0f0f0!important;
  color: #000000;
  }



/*▼▼▼ マウスオーバーした時、背景カラーをふわっと変える設定 ▼▼▼*/
.entry-categories.categories a:hover{
  background-color: #E47273;
  }

.entry-categories.categories a::before,
.entry-categories.categories a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  }
.entry-categories.categories a,
.entry-categories.categories a::before,
.entry-categories.categories a::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .2s;
  }



/*=============================================
ドロップメニューの設定
==============================================*/

#nav{
  width:975px;
  height:50px;
  margin-bottom:30px;
  background-color:#000000;
  background-color:#383838;
  color:#ffffff!important;
  }
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 915px;
  height:50px;
  margin-bottom:30px;
  background-color:#383838;
  color:#ffffff!important;
  }
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
  }
.dropmenu:after{
  clear: both;
  }
.dropmenu li{
  position: relative;
  /*width: 20%;*/
  float: left;
  height:50px;
  font-size:15px;
  text-align: center;
  }
.dropmenu li a{
  display: block;
  background: #8a9b0f;
  background-color:#383838;
  color: #fff;
  font-size: 15px;
  width:130px;
  height:50px;
  text-decoration: none;
  }
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  width:130px;
  height:236px;
}

#webarea-dropmenu{
  width:170px;
  height:236px; 
  margin-left:-40px;
}

#mediaerea-dropmenu{
  width:170px;
  height:92px;
  margin-left:-40px;
}

#lifehackarea-dropmenu{
  width:170px;
  height:236px; 
  margin-left:-40px;
}

.dropmenu li ul li{
  width: 100%;
  
}
.dropmenu li ul li a{
  /*width:130px;
  height:46px;*/
  border-top: 1px solid #7c8c0e;
  border-top: 1px solid #000000;
  background: #6e7c0c;
  background: #615D5D;
   background-color:rgba(56,56,56,0.9);
  filter: alpha(opacity=60);	/* IE6、IE7対応 */
  text-align: center;
  padding-top:15px;
  font-weight:normal!important;
}
.dropmenu li:hover > a{
  background: #6e7c0c;
  background: #615D5D;
}
.dropmenu li a:hover{
  background-color:#c66;
}

#dropdown-html-text{
  font-size:13px;
  width:170px;
  height:50px;
  font-weight: normal!important;
}

#dropdown-Illustrator-text{
  font-size:13px;
  width:170px;
  height:50px;
  font-weight: normal!important;
}

#dropdown-Photoshop-text{
  font-size:13px;
  width:170px;
  height:50px;
  font-weight: normal!important;
}

#dropdown-JQuery-text{
  font-size:13px;
  width:170px;
  height:50px;
  font-weight: normal!important;
}

#dropdown-Javascript-text{
  font-size:13px;
  width:170px;
  height:50px;
  font-weight: normal!important;
}

#dropdown-design-text{
  font-size:12px;
  width:170px;
  height:50px;
  font-weight: normal!important;
}

#dropdown-wordpress-text{
  font-size:13px;
  font-weight: normal;
  width:170px;
  height:50px;
  /*margin-top:5px;*/
  text-decoration:none!important;
}	

#dropdown-blog-media-text{
  font-size:12px;
  font-weight: normal;
  width:170px;
  height:50px;
  /*margin-top:5px;*/
  text-decoration:none!important;
}	


#dropdown-seo-text{
  font-size:12px;
  width:210px;
  height:50px;
  font-weight: normal!important;
}

#dropdown-blog-text{
  font-size:12px;
  width:170px;
  height:50px;
  font-weight: normal!important;
}


#dropdown-idea-text{
  font-size:12px;
  width:210px;
  height:50px;
  font-weight: normal!important;   
}



#dropdown-lifehack-text{
  font-size:12px;
  width:170px;
  height:50px;
  font-weight: normal!important;
}

#dropdown-service-product-text{
  font-size:12px;
  width:170px;
  height:50px;
  font-weight: normal!important;   
}

#dropdown-conside-text{
  font-size:12px;
  width:170px;
  height:50px;
  font-weight: normal!important;
}

#dropdown-gallery-text{
  font-size:12px;
  width:170px;
  height:50px;
  font-weight: normal!important;
}

#dropdown-cooking-text{
  font-size:12px;
  width:170px;
  height:50px;
  font-weight: normal!important;
}



/*パターン４の設定*/
.dropmenu li ul {
  visibility: hidden;
  perspective: 400px;
}
.dropmenu li:hover ul{
  visibility: visible;
}
.dropmenu ul li{
  transform: rotateY(90deg);
  transform-origin: 50% 0;
  transition: .3s;
}
.dropmenu li:hover li{
  transform: rotateY(0);
}
.dropmenu ul li:nth-child(2) {
  transition-delay: .1s;
}
.dropmenu ul li:nth-child(3) {
  transition-delay: .2s;
}
.dropmenu ul li:nth-child(4) {
  transition-delay: .3s;
}
.dropmenu ul li:nth-child(5) {
  transition-delay: .4s;
}


/*パターン5の設定*/

/*.dropmenu ul {
  visibility: hidden;
  perspective: 400px;
}
.dropmenu li:hover ul{
  visibility: visible;
}
.dropmenu ul li{
  transform: rotateX(-90deg);
  transform-origin: 50% 0;
  transition: .1s;
}
.dropmenu li:hover ul li{
  transform: rotateX(0);
}
.dropmenu li:hover ul li:nth-child(1) {
  transition-delay: 0s;
}
.dropmenu li:hover ul li:nth-child(2) {
  transition-delay: .1s;
}
.dropmenu li:hover ul li:nth-child(3) {
  transition-delay: .2s;
}
.dropmenu li:hover ul li:nth-child(4) {
  transition-delay: .3s;
}
.dropmenu li ul li:nth-last-of-type(1) {
  transition-delay: 0s;
}
.dropmenu li ul li:nth-last-of-type(2) {
  transition-delay: .1s;
}
.dropmenu li ul li:nth-last-of-type(3) {
  transition-delay: .2s;
}
.dropmenu li ul li:nth-last-of-type(4) {
  transition-delay: .3s;
}
*/

/*パターン2の設定*/
/*.dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
.dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
}
*/

/*=========================================
関連記事エリア
===========================================*/

/*▼▼▼ マウスオーバーした時、背景カラーをふわっと変える設定 ▼▼▼*/
.relation-post:hover {
  /*box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);*/
  background-color: #ebebeb!important; 
}

.relation-post::before,.relation-post::after {
  position: absolute;
  z-index: -1;
  /*display: block;*/
  content: '';
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.relation-post,.relation-post::before,.relation-post::after {
  /*-webkit-box-sizing: border-box;*/
  /*-moz-box-sizing: border-box;*/
  /*box-sizing: border-box;*/
  -webkit-transition: all 0.1s;
  transition: all 0.2s;
}
/*▲▲▲ マウスオーバーした時、背景カラーをふわっと変える設定 ▲▲▲*/

.relation-post a:hover {
  text-decoration:none!important;
}

/*=========================================
PICK-UP記事エリア
===========================================*/

/*▼▼▼ マウスオーバーした時、背景カラーをふわっと変える設定 ▼▼▼*/
.pick-up-post:hover {
  /*box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);*/
  background-color: #f8f8f8!important; 
}

.pick-up-post::before,.pick-up-post::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}

.pick-up-post,.pick-up-post::before,.pick-up-post::after {
  /*-webkit-box-sizing: border-box;*/
  /*-moz-box-sizing: border-box;*/
  /*box-sizing: border-box;*/
  -webkit-transition: all 0.1s;
  transition: all 0.2s;
}
/*▲▲▲ マウスオーバーした時、背景カラーをふわっと変える設定 ▲▲▲*/

.pick-up-post a:hover {
  text-decoration:none!important;
    
}


/*=========================================
記事中におく参考記事エリアの設定
===========================================*/


/*▼▼▼ マウスオーバーした時、背景カラーをふわっと変える設定 ▼▼▼*/
.reference-page:hover {
  /*box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);*/
  background-color: #f8f8f8!important; 
}

.reference-page::before,.reference-page::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}

.reference-page,.reference-page::before,.reference-page::after {
  /*-webkit-box-sizing: border-box;*/
  /*-moz-box-sizing: border-box;*/
  /*box-sizing: border-box;*/
  -webkit-transition: all 0.1s;
  transition: all 0.2s;
}
/*▲▲▲ マウスオーバーした時、背景カラーをふわっと変える設定 ▲▲▲*/