@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */
/* 見出しh2 */
/*.article h2 { border-left :none; margin: 0; font-size: medium; } 
*/
/*
.article h2 {
border-left: 6px solid #4D517D;
padding: 0 0 0 25px ;
line-height: 2;
font-size: 24px;
background-color: #EFFBFB;/
}
.article h2::before,
*.article h2::after {
    display: none;
}
*/
/* 見出しh3 */
/*.article h3 {
    background: #f3f3f3;
    padding: 13px 0 13px 30px;
    border-top: 3px solid #81BEF7;
    border-bottom: 3px solid #81BEF7;
    box-shadow: 0px 0px 10px #CEF6F5;
}
.article h3::before, 
    display: none;/*
.article h3::after {
    display: none;

}/*見出しh4*/
/*.article h4 {
position: relative;
margin: 0 0 0.1em;
padding: 0.5em 0.5em 0.5em 1.7em;
color: #000000; /* テキスト色 */
/*
font-size: 1.25em; /* フォントサイズ */
/*font-weight: bold; /* フォント太さ */
/*border-bottom: 5px solid #D7EEFF; /* 下線：太さ 線の種類 色 */
/*}
.article h4::before,
.article h4::after {
    display: none;
}
*/
.marker-red{
background-color:#FFC0CB;
}
.marker-under-red{
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #FFC0CB));
background: linear-gradient(transparent 60%, #FFC0CB 60%);
}
.marker-under-blue{
background: linear-gradient(transparent 60%, #ccFFFF 80%);
}
/*--------------------------------------
ヨメレバ・カエレバ
--------------------------------------*/
.booklink-box, .kaerebalink-box{
width:85%;
margin: 1em 0 1em;
padding: 5%;
border:double #d2d7e6;
overflow: hidden;
font-size:small;
border-radius:2px;
}
.booklink-image, .kaerebalink-image{
margin:0 0 15px 0;
}
.booklink-image img, .kaerebalink-image img{
display:block;
margin:0 auto;
text-align:center;
}
.booklink-info, .kaerebalink-info{
text-align:center;
line-height:120%;
overflow: hidden;
}
.booklink-name, .kaerebalink-name{
font-size:16px;
margin-bottom:14px;
line-height:1.2em;
}
.booklink-powered-date, .kaerebalink-powered-date{
font-size:8pt;
　　　　 margin-top:10px;
line-height:120%;
}
.booklink-powered-date, .kaerebalink-detail{
margin-bottom:15px;
}
.booklink-link2, .kaerebalink-link1{
margin-top:20px;
}
.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom{
width:90%;
height:15px;
overflow:hidden;
background:-webkit-gradient(linear, left top, left bottom, color-stop(5%, #ffffff), to(#f6f6f6));
background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
background-color:#ffffff;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
margin:0  auto 5px auto;
padding:10px 0px;
text-align:center;
}
.shoplinkamazon:hover, .shoplinkrakuten:hover, .shoplinkkindle:hover, .shoplinkyahoo:hover{
background:-webkit-gradient(linear, left top, left bottom, color-stop(5%, #f6f6f6), to(#ffffff));
background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
background-color:#f6f6f6;
}
.shoplinkamazon:active, .shoplinkrakuten:active, .shoplinkkindle:active, .shoplinkyahoo:active{
position:relative;
top:1px;
}
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkkindle a, .shoplinkkakakucom a{
display:block;
cursor:pointer;
text-decoration:none;
font-weight:800;
text-shadow:1px 1px 1px #dcdcdc;
font-size:12px;
}
.shoplinkamazon a{
color:#FF9901;
}
.shoplinkrakuten a{
color:#c20004;
}
.shoplinkkindle a{
color:#007dcd;	
}
.shoplinkyahoo a{
color:#7b0099;
} 
.booklink-footer{
clear:left;
}
/*--------------------------------------
780px ヨメレバ・カエレバ
--------------------------------------*/
.booklink-box, .kaerebalink-box{
width: 90%;
margin:20px auto;
padding:20px;
}
.booklink-image, .kaerebalink-image{
margin:0 15px 0 0;
float:left;
}
.booklink-info, .kaerebalink-info{
margin:0;
text-align:left;
}
.booklink-name, .kaerebalink-name{
margin-bottom:24px;
line-height:1.5;
}
.booklink-link2, .kaerebalink-link1{
margin-top:10px;
}
.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom {
float:left;
width:30%;
margin:15px 1% 0 auto;
padding:10px 0px;
}
.shoplinkyahoo a{
font-size:10px;
} 
/*目次*/
div#toc_container {
	border: 1px solid #ddd;
	border-radius: 5px;
	display: block !important;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	width: 90% !important;
    margin-top: 10px;/*追加https://0edition.net/archives/2869*/
}
#toc_container {/*目次の色変更
    */
	border: 1px solid #ddd;
}

#toc_container a {
	color: #ecacb5;
}
p.toc_title {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
	padding: 5px 10px;
}
#toc_container span.toc_toggle {
	font-weight: 400;
	font-size: 90%;
}
ul.toc_list {
	margin-bottom: 0;
}
.post ul.toc_list {
	counter-reset: my-counter;
	list-style: none;
	padding-left: 30px;
}
.post .toc_list ul {
	list-style: none;
	padding-left: 10px;
}
ul.toc_list >li {
	position: relative;
}
ul.toc_list >li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #ecacb5;
	color: #fff;
	display: block;
	float: left;
	line-height: 22px;
	margin-left: -30px;
	text-align: center;
	height: 22px;
	width: 22px;
	border-radius: 50%;
}
ul.toc_list >li,
.toc_list ul > li,
.toc_list ul ul > li {
	padding: 1px 0;
}
.toc_list ul > li:before {
	color: #ecacb5;
	content: '\f105';
	font-family: FontAwesome;
	margin-right: 5px;
}
.toc_list ul ul > li:before {
	color: #ecacb5;
	content: '\f101';
	font-family: FontAwesome;
	margin-right: 5px;
}

/* タイトル前のアイコン　FontAwesomeの設定 */
#toc_container .toc_title:before{
 content: "\f0c9"; /* FontAwesomeのコード */
	 font-family: FontAwesome;
 padding-right: 6px;
 font-size:24px; /* アイコンの大きさ */
 color: #ecacb5;
}

/*memo*/
.mybox{
    background-color: #F6D4D8;
    border-radius: 5px;
    margin: 20px 5px;
    padding: 30px 20px 20px 20px;
    position: relative;
    z-index: 0;
}
.mybox:before{
    border: 1px solid #fff;
    border-radius: 5px;
    content: '';
    display: block;
    margin: 4px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: -1;
}
.mybox:after{
    background-color: rgba(249,223,213,0.9);
    background-image: radial-gradient(#fff 20%, transparent 0), radial-gradient(#fff 20%, transparent 0);
    background-position: 0 0, 8px 8px;
    background-size: 15px 15px;
    border-left: 2px dotted rgba(0,0,0,0.1);
    border-right: 2px dotted rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    content: 'MEMO';
    display: block;
    margin: 0 0 10px 0;
    padding: 5px 20px;
    text-align: center;
    position: absolute;
    top: -10px;
    left: 20px;
    transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
}
/* リスト（記事内のulに使用）*/
.ul_style {
 list-style: none;
 background-color: #FFFFEE;
 border: 1px solid #FFD700;
}
.ul_style > li {
 position: relative;
 margin-top: .6em;
 margin-bottom: .6em;
 margin-right: 0.5em;
 margin-left: 0em;
 padding-left: 0.3em;
 line-height: 1.5em;
}

.ul_style > li:after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 8px;
	height: 3px;
	border-left: 5px solid #ec6800;
	border-bottom: 5px solid #ec6800;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}

/* リスト（記事内のolに使用）*/
.ol_style {
 counter-reset: li;
 list-style: none;
 padding-left: 0;
}
.ol_style > li {
 position: relative;
 margin-bottom: .8em;
 padding-left: 1.1em;
 background-color: #FFFFEE;
 border: 1px solid #FFD700;
}
.ol_style > li:before {
 content: counter(li) "";
 counter-increment: li;
 position: absolute;
 left: -0.6em;
 width: 1.5em;
 height: 1.5em;
 background: #FFA500;
 border-radius: 50px;
 color: #fff;
 line-height: 1.7;
 text-align: center;
}

#navi ul{
  display: -webkit-box; /* Android 2~4 */
  -webkit-box-pack: justify; /* Android 2~4 */
  display: -webkit-flex;
  display: -ms-flex;
  display: flex; /*フレキシブルボックス*/
  text-align: center; /*センタリングは好みで*/
}
 
#navi ul li{
  width: 300px; /*幅は大きめに調節する*/
  -webkit-box-flex: 1; /* Android 2~4 */
}

/**********アニメーション設定**********/
/*右から左*/
@keyframes RightToLeft {
0% {
    opacity: 0;/* 透明 */
    transform: translateX(50px);/* X軸方向に50px */
}
100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);/* X軸方向に0px */
}
}

/*上から下*/
@keyframes SlideDown {
0% {
    opacity: 0;/* 透明 */
    transform: translateY(-50px);/* Y軸方向に-50px */
}
100% {
    opacity: 1;/* 不透明 */
    transform: translateY(0);/* Y軸方向に0px */
}
}

/*下から上*/
@keyframes SlideUp {
0% {
    opacity: 0;/* 透明 */
    transform: translateY(50px);/* Y軸方向に50px */
}
100% {
    opacity: 1;/* 不透明 */
    transform: translateY(0);/* Y軸方向に0px */
}
}
/**********アニメーション設定end**********/

/*ヘッダーを上から下へ*/
#site-name {
animation-name: SlideDown;/* アニメーション名 */
animation-duration: 2s;/* アニメーション時間 */
}

/*グローバルナビを上から下へ*/
#menu-item {
animation-name: SlideDown;/* アニメーション名 */
animation-duration: 2s;/* アニメーション時間 */
}

/*サイトの副タイトル*/
#site-description {
animation-name: SlideDown;/* アニメーション名 */
animation-duration: 2s;/* アニメーション時間 */
}

/*記事一覧を下から上へ*/
.home blog logged-in admin-bar  customize-support {
animation-name: SlideUp;/* アニメーション名 */
animation-duration: 2s;/* アニメーション時間 */
}

/*記事タイトルを右から左へ*/
.page-entry .entry-title {
animation-name: RightToLeft;/* アニメーション名 */
animation-duration: 2s;/* アニメーション時間 */
}

/* 「RightToLeft」を適用する箇所 */
h1 {
  animation-duration: 2s;/* アニメーション時間 */
  animation-name: RightToLeft;/* アニメーション名 */
  }

#navi ul{
  display: -webkit-box; /* Android 2~4 */
  -webkit-box-pack: justify; /* Android 2~4 */
  display: -webkit-flex;
  display: -ms-flex;
  display: flex; /*フレキシブルボックス*/
  text-align: center; /*センタリングは好みで*/
}
 
#navi ul li{
  width: 300px; /*幅は大きめに調節する*/
  -webkit-box-flex: 1; /* Android 2~4 */
}

/*ナビ*/
.menu-item>a:before {
  display: inline-block;
  font: 24px/1 FontAwesome;
  margin-right: 4px;
  position: relative;
  top: 2px;
}

.menu>.menu-item:nth-child(1)>a:before {
  content: "\f040";
  color: #e91e63;
}

.menu>.menu-item:nth-child(2)>a:before {
  content: "\f018";
  color: #ff9800;
}

.menu>.menu-item:nth-child(3)>a:before {
  content: "\f209";
  color: #4caf50;
}

.menu>.menu-item:nth-child(4)>a:before {
  content: "\f06e";
  color: #03a9f4;
}

.menu>.menu-item:nth-child(5)>a:before {
  content: "\f0a4";
  color: #558b2f;
}

.menu>.menu-item:nth-child(6)>a:before {
  content: "\f0ad";
  color: #9c27b0;
}

.menu>.menu-item:nth-child(7)>a:before {
  content: "\f206";
  color: #c50e29;
}
/*子テーマ*/
.menu-item-2751>a:before {
  content: "\f0f0";
		  color: #ba000d;
}

.menu-item-4519>a:before {
  content: "\f004";
	  color: #80d6ff;
}

/*プルダウン*/
.menu>.menu-item:nth-child(5)>a:after {
  content: "\f0d7";
  display: inline-block;
  font: 16px/1 FontAwesome;
  margin-left: 8px;
}
@media screen and (max-width: 1110px) {
  .menu-item>a:before {
    text-align: center;
    width: 32px;
  }
}

/*ガーリーなBOX*/
.box-red {
 /* width: 250px;*/
      padding: 0.5em 0.5em;/*要素の内側*/
    /*padding: 0.2em 0.5em;*/
    margin: 2em 0;/*外側の余白*/
   color: #EB3228   ;/*字の色*/
  /* color: #565656;*/
    background: #ffeaea;/*背景*/
    box-shadow: 0px 0px 0px 10px #ffeaea;/*影*/
    border: dashed 4px #ffc3c3;/*波線の間隔*/
    /*border: dashed 2px #ffc3c3;/*波線の間隔*/
       border-radius: 12px; /*楕円の太さ*/
    /*border-radius: 8px;*/
}
.box-red p {
    margin: 0; 
    padding: 0;
}

.title-box {
    /* border: 1px solid #d8d8d8; */
  background-color: #fef3ff;
	     border-radius: 3px;
    width: 90%;
    margin: 0 auto;
    padding: 1em;
    margin-bottom: 2.2em;
    position: relative;
    display: block;
    overflow: visible;
    /* z-index: 1; */
}

.box-title {
    content: "";
    font-weight: bold;
    /* font-size: 100%; */
	background: #f999ff;
    border-radius: 3px;
    color: #fff;
    padding: 0 14px;
    top: -15px;
    position: absolute;
    left: 20px;
}