/* <system section="theme" selected="8599973812270629022"> */
@import url("https://codomisu.sakura.ne.jp/minimalism/old.css");
/* </system> */






/*文字大きさ*/
@media screen and (max-width: 640px){
  #blog-title #title {
      font-size: 25px !important;
  }
}
/*見出し3*/
h3 {
  border-bottom: 5px dotted #696969;
  color: #303030;
}
/*見出し4*/
h4 {
  padding: 1rem 1rem;
  border-left: 5px dotted #696969;
  color: #303030;
}

/*見出し5*/
h5{
position: relative;
display: inline-block;
padding: 0 55px;
}

h5:before, h5:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 2px;
border-top: solid 1px black;
border-bottom: solid 1px black;
}

h5:before {left:0;}
h5:after {right: 0;}

/*チェックリスト番号*/
ol{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
  border: solid 1px #919191;
}

ol li{
  position: relative;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #333333;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  /*以下上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}


/* ヘッダー上下の余白を取る */

#blog-title {

margin: 0auto;

padding: 0;

}

.header-image-only #blog-title #blog-title-inner {
  position: relative;
  background-size: cover;
  height: auto;
}

.header-image-only #blog-title #blog-title-inner:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 14%;
}

.header-image-only #blog-title #blog-title-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

}


/*********フォローボタン**********/
.follow-btn{
 width: 100%;
 margin: 5px 0px 5px 0px;
}
.follow-btn ul {
 list-style: none;
 display: -webkit-flex;
 display: flex;
 margin: 0;
 padding: 0;
}
.follow-btn li {
 height:90px;
 width: 100%;
 -webkit-transition: width 0.3s ease-out;
 transition: width 0.3s ease-out;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
 -webkit-justify-content: center;
 justify-content: center;
}
.follow-btn li:hover {
 width: 200%;
}
.follow-btn li span{
 line-height:2.5;
 font-size:180%;
 font-weight: normal;
 font-style: normal;
 font-weight: normal;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.btn1{
 background: #5F5E5E;/*読者ボタンの背景色*/
}
.btn2{
 background: #6FB6C3;/*Twitterの背景色*/
}
.btn3 {
 background: #cd5c5c;/*Youtubeの背景色*/
}
.btn4 {
 background: #6998b9;/*Facebookの背景色*/
}
.btn5{/*アイコンの背景*/
  position: relative;/*相対配置*/
  display: inline-block;
  width: 50px;/*幅*/
  height: 50px;/*高さ*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  border-radius: 0px;/*角丸に*/
  z-index: 1;/*グラデーションより前に*/

}

.btn5:before{/*グラデーションを重ねるため*/
  content: '';
  position: absolute;/*絶対配置*/
  top: 30px;/*ずらす*/
  left: -80px;/*ずらす*/
  width: 200px;/*グラデーションカバーの幅*/
  height: 180px;/*グラデーションカバーの高さ*/
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 20%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
  z-index: 20;/*グラデーションより前に*/
}

.btn5 div {
  position: relative;
}

.btn5{/*アイコン*/
  color: #FFF;/*白に*/
  position: relative;/*z-indexを使うため*/
  z-index: 4;/*グラデーションより前に*/
  font-size: 35px;/*アイコンサイズ*/
  line-height: 50px;/*高さと合わせる*/
}

.btn1-icon:before{
 content: "\f000";/*はてなアイコン*/
 display: inline-block;
 font-family: blogicon;
}
.btn2-icon:before{
 content: "\f035";/*Twitterアイコン*/
 display: inline-block;
 font-family: blogicon;
}
.btn3-icon:before{
 content: "\f71a";/*youtubeアイコン*/
 display: inline-block;
 font-family: blogicon;
}
.btn4-icon:before{
 content: "\f036";/*Facebookアイコン*/
 display: inline-block;
 font-family: blogicon;
}
.btn5-icon:before{
 content: "\f71b";/*instagramアイコン*/
 display: inline-block;
 font-family: blogicon;
}
.follow-btn a {
 width:100%;
 height:100%;
 font-size: 13px;
 line-height: 1;
 font-weight: normal;
 text-decoration: none;
 text-align: center;
 color: #fff;
 -webkit-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}

/*記事文章大きさ*/
.entry-content {
    font-size:17px;
    font-weight:bold
}
/*フッター消す*/
#footer  {
display: none;
}

#copyright {
    padding: 30px;
    text-align: center;
    background: #0000;/* 背景色 */
    font-size: 12px;
    color:#696969;/* 文字の色 */
}

/*フッターメニュ*/
/* bottom-editarea */
#bottom-editarea {
	background-color: #d3d3d3;
	margin: 0;
	padding: 0;
}
#footer_menu {
	width: 1000px;  /*contentの幅と合わせる*/
	margin: 0 auto;
	padding: 40px 0 0 0;
	font-size: 90%;
}
#footer_menu h3 {
	color: #737373;
	font-size: 1.1em;
	margin: 0 0 20px 0;
}
#footer_menu p {
	color: #737373;
	margin: 1em 0;
}
#footer_menu ul {
	text-align: left;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer_menu ul li {
	line-height: 1.1em;
	color: #737373;
	margin: 0 0 25px 0;
	padding: 0;
}
#footer_menu ul li a {
	color: #737373;
}
#footer_menu .footer_box01 {
	width: 300px;
	float: left;
	margin: 0;
	margin-bottom:40px;
	padding: 0;
	overflow: hidden;
}
#footer_menu .footer_box01 img {
	max-width: 300px;
	margin: 0 0 20px 0;
	padding: 0;
}
#footer_menu .footer_box02 {
	width: 300px;
	float: left;
	margin: 0 0 40px 30px;
	padding: 0;
	overflow: hidden;
}
#footer_menu .footer_box03 {
	width: 300px;
	float: left;
	margin: 0 0 40px 30px;
	padding: 0;
	overflow: hidden;
}
#footer_menu .footer_clear {
	clear: both;
}

/* Media Queries - Small Tablet & Smartphone */
@media (max-width: 919px) {
#footer_menu {
    display: none;
  }
}

/*サイドバータイトルした線*/
.hatena-module-title{border-bottom: dotted 2px #696969;}


a{/*リンクされた文字*/

color:#2d97a3; 　/*←色指定*/

font-style:normal;

text-decoration:underline;

}

a:link {/*未訪問のリンク*/

color:0000ff;

font-style:normal;

text-decoration:underline;

}


a:hover {/*マウスをのせたとき*/

color:#000000;

font-style:italic;/*斜体にする*/

text-decoration:underline;

}

a:active {/*クリック中*/

text-decoration:none;

}


/*文字色*/
.hatena-module{color:#2E2E2E;}

.hatena-module-title a{color:#2E2E2E;}


/********** Menu bar **********/
#menubar{
    width:100%;
}
#menubar ul{
    display:table;
    width:100%;
    margin: 0 0 20px 0; 
    padding: 0;
    background-color: #FFFFFF; 
}
#menubar li{
    display: table-cell;
    width:20%; /* メニューが5つなので1つで20% */
    padding:0;
    background-color: #727272; 
}
#menubar li a{
    display: block;
    margin:0 auto;
    padding:5px;
    border: solid 1px #A4A4A4;
    text-decoration: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 12px;
}
#menubar li a:hover{
    background-color: #A4A4A4;
}

/* ダブルレクタングル
----------------------------------------------------*/
.kiziad {
	padding: 0px !important;
}
 
.adleft {float:left; width:336px;}
.adright {float:right; width:336px;}
 
/* clear */
.clear {clear:both;}
.clear hr {display:none;}
 
/* 大画面用の設定 */
@media screen and (min-width: 1081px) {
	.kiziad {padding:0px 0px 0px 0px !important; width:672px;}
}
 
/* モバイル画面用の設定 */
@media screen and (max-width: 1080px) {	
	.kiziad {padding:0px 35px 0px 0px !important; width:300px; margin:0 auto;}
	.adright {display:none;}
	.adleft {width:300px;}
}

/*ブログの幅*/

#container {
width: 1280px;/*全体の幅*/
}

#main
{
width: 672px;/*記事の幅*/
}

#box2 {
width: 372px;/*サイドバーの幅*/
}


/*カテゴリータグデザイン*/
.hatena-module {
    clear: both;
    overflow: hidden;
}

.hatena-module-category .hatena-module-body ul.hatena-urllist li {
    float: left;
}

/* category css */
.hatena-module-category .hatena-module-body ul.hatena-urllist li {
    float: left;
    list-style-type: none;
    margin: 0px 3px 3px;
    padding: 8px;
    background-color: #727272;
    text-decoration: none;
    border-radius: 15px 3px 15px 10px
}

.hatena-module-category .hatena-module-body ul.hatena-urllist li a{
    color: #fff;
}

/*Youtube軽量化*/
.youtube {
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 320px;
	height: 180px;
}
.youtube::before {
	position: absolute;
	content: "Click to Play";
	color: #fff;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	line-height: 180px;
	background: rgba(0, 0, 0, 0.6);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	transition: all 0.3s;
}
.youtube:hover::before {
	background: rgba(0, 0, 0, 0.7);
	cursor: pointer;
	transition: all 0.3s;
}


/*はてなヘッダーメニュー*/
#globalheader-container{
color: #050505;
background: #FFFFFF; 
border-bottom:none; 
position:fixed;
margin-top:0px; 
}

/*--------------------------------------
  ヨメレバ・カエレバ（PC）
--------------------------------------*/
.booklink-box, .kaerebalink-box{
    padding:25px;
    margin-bottom: 10px;
    border:double #CCC;
    overflow: hidden;
    font-size:small;
}
.booklink-image, .kaerebalink-image{
    margin:0 15px 0 0;
    float:left;
    min-width: 160px;
    text-align: center;
}
.booklink-image img, .kaerebalink-image img{
    margin:0 auto;
    text-align:center;
}
.booklink-info, .kaerebalink-info{
    margin:0;
    line-height:120%;
    overflow: hidden;
}
.booklink-name, .kaerebalink-name{
    margin-bottom:24px;
    line-height:1.5em;
}
.booklink-powered-date, .kaerebalink-powered-date{
     font-size:8px;
     margin-top:10px;
     font-family:verdana;
     line-height:120%;
}
.booklink-detail, .kaerebalink-detail{font-size: 12px;}
.booklink-powered-date, .kaerebalink-detail{margin-bottom:15px;}
.booklink-link2, .kaerebalink-link1{margin-top:10px;}
.booklink-link2 a,
.kaerebalink-link1 a{
    width:30%;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:inline-block;
    margin:5px 2px 0 0;
    padding:10px 1px;
    text-align:center;
    float:left;
    text-decoration:none;
    font-weight:800;
    text-shadow:1px 1px 1px #dcdcdc;
    font-size:12px;
    color: #fff !important;
}
.booklink-link2 a:hover,
.kaerebalink-link1 a:hover{opacity: 0.6;}
.booklink-link2 a:active
.kaerebalink-link1 a:active{
    position:relative;
    top:1px;
}
/*ボタンを変えるときはここから*/
.shoplinkamazon a{color:#3a3a3a !important;border: 3px solid #FF9901 !important;}
.shoplinkrakuten a{color:#c20004 !important;border: 1px solid #c20004 !important;}
.shoplinkkindle a{color:#3a3a3a !important;border: 3px solid #007dcd !important;}
.shoplinkkakakucom a{color:#314995 !important;border: 3px solid #314995;}
.shoplinkyahoo a{color:#7b0099 !important;border: 3px solid #7b0099 !important;}
/*ここまでを変更*/
.shoplinkyahoo img{display:none;}
.shoplinkyahoo a{font-size:10px;}
.booklink-footer{display: none;}

/*ぽちレバカスタマイズ*/
.pochireba {
    border: 1px solid #ccc;
    text-align: left;
    padding: 1.5em;
    /zoom: 1;
    overflow: hidden;
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
    }
.pochi_img {
    float:left;
    margin:0 1.5em 0 0;
    }
.pochi_info {
    text-align:left;
    /zoom: 1;
    overflow: hidden;
    }
.pochi_name {
    display:inline;
    }
.pochi_price {
    display:inline;
    }
.pochi_price:before {
    content:" [ ";
    }
.pochi_price:after {
    content:" ]";
    }
.pochi_seller {}
.pochi_time {
    display:inline;
    }
.pochi_post {
    text-transform: capitalize;
    display:inline;
    }
.pochi_post:before {
    content:" ";
    }
.pochireba-footer {
    clear: left;
    }
    
    
/*記事リンク色*/
    .hatena-asin-detail a {
    color: #3a7caf;
}

.hatena-asin-detail a:hover {
    color: #ff9900;
}

/*Amazonリンク用CSS*/
.hatena-asin-detail {
    position: relative;
}

.hatena-asin-detail > a,
.hatena-asin-detail > div {
    position: relative;
    z-index: 2;
}

.hatena-asin-detail::before {
    color: #696969;
    content: "\f034";
    cursor: default;
    display: inline-block;
    font: 39px/1 blogicon;
    vertical-align: middle;
    position: absolute;
    bottom: 7px;
    right: 10px;
    z-index: 1;
}


/*Strong CSS*/
Strong{
    background: linear-gradient(transparent 72%, #F86E6E 40%);
}

/*em CSS*/
em {
  border-bottom: double 8px #B03333;
  peding: 0px;
  }

/*引用CSS*/
blockquote {
    position: relative;
    padding: 10px 20px;
    box-sizing: border-box;
    font-style: italic;
    color: #4e4e4e;
    background: #c9c9c9;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 7px;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #ededed;
    font-size: 45px;
    line-height: 1;
}

blockquote:after{
    display: inline-block;
    position: absolute;
    bottom: 5px;
    right: 10px;
    vertical-align: middle;
    text-align: center;
    content: "\f10e";
    font-family: FontAwesome;
    color: #ededed;
    font-size: 30px;
    line-height: 1;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

blockquote cite {
    position: relative;
    z-index: 3;
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/* 目次のカスタマイズ */
.entry-content .table-of-contents {
 position:relative;
 border: 3px solid #707070;
 background-color: #FFF;
 border-radius: 5px;
 border-left-width: 50px;
}
.table-of-contents:before { /* 目次部分 */
 display: inline-block;
 position: absolute;
 top: 50%;
 left: -10px;
 transform: -ms-translateY(-50%);
 transform: -webkit-translateY(-50%);
 transform: translateY(-50%);
 vertical-align: middle;
 font-family: FontAwesome;
 content: "\f03a \A  \A";
 white-space: pre;
 color: #fff;
 font-size: 35px;
 line-height: 1;
}
.table-of-contents li {
 font-size:0.9em;
 font-weight: bold;
 color:#333;
}
.table-of-contents a{
 color:#545454;
 padding:8px 0;/* 文字の間隔 */
 display: block;
 text-decoration: none;
 transition-duration: 0.3s /* カーソルが戻る時間 */
}
.table-of-contents li a:hover {
 padding-left: 7px; /* カーソル重ねた時に移動する距離 */
 transition-duration: 0.3s /* カーソルが移動する時間 */
}

/*Box*/
.box17{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}
.box17:before, .box17:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: black;
}
.box17:before {left: 10px;}
.box17:after {right: 10px;}
.box17 p {
    margin: 0; 
    padding: 0;
}
/*Box2*/
.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #424242;/*文字色*/
    background: #FFF;
    border: solid 3px #424242;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}


/*サイドバー*/
.hatena-module-title:before {
    font-family: FontAwesome;
    content: "\f10d";
    position: absolute;
    font-size: 1em;
    left: 0;
    top: 0;
    color: #505050;
}
.hatena-module-title:after {
    font-family: FontAwesome;
    content: "\f10e";
    position: back;
    font-size: 1em;
    left: 1;
    right: 0;
    top: 0;
    color: #505050;
}

/* グローバルヘッダー */
#globalheader-container {
    display: none;
}