/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/
@import url(https://fonts.googleapis.com/css?family=Neucha);
.yutah2, .yutah2_new2{
	background: #f4edf4;
	border-left: solid 10px #f080f0;
	padding: 0.75rem 1.5rem;
}
        .yutah3{
            border-bottom: solid 3px #ffadff;
            position: relative;
        }
        .yutah3:after{
            position: absolute;
            content: " ";
            display: block;
            border-bottom: solid 3px #ac75ac;
            bottom: -3px;
            width: 30%;
        }
        .yutah4{
            position: relative;
            padding: 0 .4em .1em;
        }
        .yutah4::after{
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: -1;
            content: '';
            width: 100%;
            height: 10px;
            background-color: #ac75ac;
        }
        .yutah5{
            position: relative;
            border-top: solid 2px #ffadff;
            border-bottom: solid 2px #ffadff;
            background: #fff;
            line-height: 1.4;
            padding: 0.4em 0.5em;
            margin: 2em 0 0.5em;
        }
        .yutah5:after{
            position: absolute;
            font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
            content: 'POINT';
            background: #ffadff;
            color: #fff;
            left: 0px;
            bottom: 100%;
            border-radius: 5px 5px 0 0;
            padding: 5px 7px 3px;
            font-size: 0.7em;
            line-height: 1;
            letter-spacing: 0.05em;
        }
        .yutaol li{
            color: #ac75ac;
            font-size:150%;
            font-family: 'Neucha';
            list-style: decimal inside;
        }
        .yutaol li span{
            color: #666; /* もともと666*/
            font-size:16px;
            font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
        }
        .yutaul li{
            list-style: square outside;
            color: #ac75ac;
            list-style-image: none;
            font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
        }
        .yutaul li span{ 
            	color: #666;
        }
		p .migi {
  				float: right;
  				margin-left: 2em;
  				margin-bottom: 1em;
		}
		img#yutaimg {
                    padding: 10px;
                    border: 9px solid #ac75ac;
                    border-radius: 50px;
        }
		.yuta_related{
            position: relative;
            /* display: inline-block; */
            padding: 0 2.5em;
            text-align: center;
            
            
        }
        .yuta_related:before, .yuta_related:after{
            content: '';
            position: absolute;
            top: 50%;
            display: inline-block;
            width: 15%;
            height: 1px;
            background-color: #ac75ac;  
            text-align:center;
        }
        .yuta_related:before{left: 0;}
        .yuta_related:after{right: 0;}
        
        .yuta_related:first-letter {
            text-align: center;
            margin-right: .1em;
            font-size: 2em;
            color: #ac75ac;
            /* color:#7ED1E6; */
            }
.marker1{
            background: linear-gradient(transparent 65%, #ea99ea 65%);
            font-weight: bold;
            
        }
        .marker2{
            background: linear-gradient(transparent 65%, #7ED1E6);

        }		
		/*body{
  			font-size: 14px;
		}
		@media screen and (min-width: 64em){
  		body{
    		font-size: 18px
  		}
}*/
@media screen and (min-width: 0em) {
  .exif {
        position: relative; 
        top: -55px; 
        right: -120px;
        font-size: 50%;
        color: #eee; 
  }
}

@media screen and (min-width: 28em) {
  .exif {
        position: relative; 
        top: -55px; 
        right: -180px;
        font-size: 50%;
        color: #eee; 
    }
}

@media screen and (min-width: 30em) {
  .exif {
    position: relative; 
    top: -55px; 
    right: -190px;
    font-size: 50%;
    color: #eee; 
  }
}

@media screen and (min-width: 39em) {
  .exif {
    position: relative; 
    top: -55px; 
    right: -340px;
    font-size: 70%;
    color: #eee; 
  }
}

@media screen and (min-width: 48em) {
  .exif {
        position: relative; 
        top: -55px; 
        right: -275px;
        font-size: 80%;
        color: #eee; 
    }
}

@media screen and (min-width: 48.9375em) {
  .exif {
        position: relative; 
        top: -55px; 
        right: -270px;
        font-size: 80%;
        color: #eee; 
    }
}

@media screen and (min-width: 61.5625em) {
  .exif {
        position: relative; 
        top: -55px; 
        right: -420px;
        font-size: 80%;
        color: #eee; 
    }
}

@media screen and (min-width: 64em) {
  .exif {
        position: relative; 
        top: -50px; 
        right: -520px;
        font-size: 80%;
        color: #eee; 
    }

}
/*amazletのカスタマイズ*/
.amazlet-box {
    color: #3E3E3E;
    background: #fff;
    font-size: 16px;
    line-height: 1.5;
    margin-top:32px;
    margin-bottom:32px !important;
    padding: 26px 16px;
    border: 1px solid #eee;
    position: relative;
}
.amazlet-box a {
    text-decoration: underline;
    box-shadow:none;
}
.amazlet-box a:hover {
    box-shadow:none;
}
.amazlet-image {
    margin: 0px 14px 1px 0px !important;
}
.amazlet-image img {
    margin: 0;
}
.amazlet-name a {
    color: #fdadfc;
}
.amazlet-name a:hover {
    color: #ffb83f;
}
.amazlet-powered-date {
    font-size: 10px !important;
}
.amazlet-detail {
    font-size: 12px;
}
.amazlet-link {
    margin-top: 10px !important;
}
.amazlet-link a {
    padding: 12px; /* ボタン内側の余白 */
    border-radius: 3px;
    border-bottom: 3px solid #FF9901;
    margin: 10px 0;
    background-color: #FFA01C;
    color: #fff;
    text-decoration: none;
    width: 278px; /* ボタンの幅 */
    display: block;
    text-align: center;
    font-size: 16px;
}
.amazlet-link a:hover {
    color: #fff !important;
}

/***  解像度480px以下のスタイル ***/
@media screen and (max-width:480px){
.amazlet-sub-info {
    width: 100%;
}
.amazlet-link a {
    width: 100%;
}

}
#toc_container {
    margin-left: auto;
    margin-right: auto;
}

.linkcard{
  margin-left: auto;
  margin-right: auto;
}

.lkc-external-wrap {
  max-width: 800px;
}
.blog-layout-grid .archive-entry .entry-thumbnail .thumbnail-meta a,
      .blog-layout-grid .archive-entry .entry-thumbnail .thumbnail-meta span {
        background: #06090b5a;
		border-radius: 10px;
        color: #fff; 
        display: inline-block;
        font-family: "Lato", sans-serif;
        font-size: 11px;
        line-height: normal;
        letter-spacing: .1em;
        margin: 0 4px 4px 0;
        padding: 7px 9px;
        text-transform: uppercase;
        word-wrap: break-word; }

#particles-js {
                width: 100%;
                height: 240%;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                display: block;
                z-index: 0;
        }
.gist table tr {
  background-color: rgba(167,222,222,0.2) !important;
}
.blob-num {
  display: none;
}
.gist-meta {
  display: none;
}
.gist-file {
  border-bottom: none !important;
}
.gist * {
  font-size: 14px !important;
  font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace !important;
}
.gist tr:first-child td {
  padding-top: 15px !important;
}
.gist tr:last-child td {
  padding-bottom: 15px !important;
}

/* ===============消しちゃダメ============== */
/* kaereba/yomereba Customize Settings 1.0.0 ver */
/* Created by Cazuki Hoshina */
/* Copyright (c) @cazuki All rights Reserved. */
/* ======================================== */

.kaerebalink-box, .booklink-box {
  width: 100%;
  margin: 0 0 2rem;
  padding: 1rem;
  background: #ffffff;
  border: 1px solid;
  border-color: #eaeaea #dddddd #d0d0d0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  zoom: 1.0;
}
.kaerebalink-box:after, .booklink-box:after {
  content:"";
  display:block;
  visibility:hidden;
  height:0;
  clear:both;
}
.kaerebalink-image, .booklink-image {
  float:left;
  margin:0;
  text-align:center;
}
/* .kaerebalink-image img, .booklink-image img { width:128px; height:auto; } */
.kaerebalink-info, .booklink-info { margin: 0 0 0 140px; line-height: 1.6rem; }
.kaerebalink-name, .booklink-name {
  font-size: 1.0625rem;
  font-weight: bold;
  margin: 0;
}
.kaerebalink-name a, .booklink-name a { color: #2b2b2b; }
.kaerebalink-name a:hover, .booklink-name a:hover { text-decoration: underline; }
.kaerebalink-powered-date, .booklink-powered-date { font-size: 0.75rem; font-weight: normal; }
.kaerebalink-detail, .booklink-detail { font-size: 0.9375rem; margin: 0 0 0.5em; }
.kaerebalink-link1, .booklink-link2 { width:100%; }
.kaerebalink-link1 div, .booklink-link2 div {
  float: left;
  width: 49.5%;
  margin-bottom: 1%;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
}
.kaerebalink-link1 div:nth-child(even), .booklink-link2 div:nth-child(even) { margin-left: 1%; }
.kaerebalink-link1 div a, .booklink-link2 div a { display:block; padding:3px 0; text-decoration:none; }
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkrakukobo a, .shoplinkyahoo a, .shoplinkyahooAuc a,
.shoplinkseven a, .shoplinkbellemaison a, .shoplinkcecile a, .shoplinkkakakucom a,
.shoplinkkindle a, .shoplinkbk1 a, .shoplinkehon a, .shoplinkkino a,
.shoplinkjun a, .shoplinktoshokan a {
  display:block;
  text-decoration:none;
}
.shoplinkamazon a { color:#ffffff; background:#ff9900; }
.shoplinkkindle a { color:#ffffff; background:#1882c9; }
.shoplinkrakuten a { color:#ffffff; background:#bf0000; }
.shoplinkrakukobo a { color:#ffffff; background:#ff2626; }
.shoplinkyahoo a { color:#ffffff; background:#fc1d2f; }
.shoplinkyahooAuc a { color:#252525; background:#ffdb00; }
.shoplinkseven a { color:#ffffff; background:#225093; }
.shoplinkbellemaison a { color:#ffffff; background:#83be00; }
.shoplinkcecile a { color:#ffffff; background:#6b053d; }
.shoplinkkakakucom a { color:#ffffff; background:#00138e; }
.shoplinkbk1 a { color:#ffffff; background:#0484d2; }
.shoplinkehon a { color:#ffffff; background:#00006a; }
.shoplinkkino a { color:#ffffff; background:#003e9d; }
.shoplinkjun a { color:#4b5854; background:#d8c9b7; }
.shoplinktoshokan a { color:#ffffff; background:#29b6e9; }
.booklink-footer { clear:both !important; }

@media only screen and (min-width:460px) and (max-width:640px) {
	.kaerebalink-link1 div, .booklink-link2 div { float: none; width: 100%; }
	.kaerebalink-link1 div:nth-child(even), .booklink-link2 div:nth-child(even) { margin-left: 0; }
}
@media only screen and (max-width:459px) {
	.kaerebalink-image, .booklink-image {
	  float:none;
	  width:100%;
	  margin:0;
	  text-align:center;
	}
/* 	.kaerebalink-image img, .booklink-image img { width:180px; height:auto; } */
	.kaerebalink-info, .booklink-info { margin: 0; }
	.kaerebalink-link1 div, .booklink-link2 div { float: none; width: 100%; }
	.kaerebalink-link1 div:nth-child(even), .booklink-link2 div:nth-child(even) { margin-left: 0; }
}