/*
Theme Name: Lightning Child
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.5.1
*/



/* ============= font-awesome ============= */
.download li:before,
.text-download ol li::before,
.text-list li.beginner:after,
.text-list a.new:after {
    font-family: "Font Awesome 5 Free";
	display: inline-block;
	width: 1em;
    text-align: center;
    vertical-align: middle;
    font-weight: 900;
}



.entry-body a { color: #337ab7; }




/* === 教材ダウンロード === */

.text-download li {
    margin-bottom: 4em;
    list-style:none;
}


.text-download li li { margin-bottom: 1.5em; }

.text-download li a { color: #337ab7; }

.text-download .download li:before {
	content:"\f016";
	margin-right :7px;
}

.text-download ol li::before {
    content:"\f016";
	margin-right:5px;
}
.text-download ol li li::before {
    content:"\f35a";
    margin-right:5px;
    color: #337ab7;
}


.text-list ol,
.text-list ul { font-size:1.1em; }


.text-list li.beginner:after,
.text-list a.new:after {
    display: inline;
    margin-left:0.5em;
     padding: 2px 4px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius:6px;
    color: #fff;
    font-size: 0.65em;
}

.text-list li.beginner:after {
    content: "初心者にお勧め";    
    background:#337ab7;
}

.text-list a.new:after {
    content: "NEW!";
    background:#f82676;
    -webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}



.ltg-slide picture {
max-height:300px;
width: auto;
}

.ltg-slide .swiper-slide >a {
    max-height:300px;
    width: auto;
}

footer .site-footer-copyright p:nth-child(2) {
    display:none !important;
    }




.widget_link_list { display:none; }



pre {
  background-color: #f5f6f7;
  border: 1px solid #ddd;
  overflow: auto;
  padding: 10px;
  margin: 1em 0;
}




/* ========================== CSSチップス ========================== */

.kadomaru1 {
    border-radius: 50%;
}

.kadomaru2 {
    border-radius: 30px;
}

.marker {
   background: linear-gradient(transparent 70%, #1fa81f 70%);
}

ul.original-mark li {
    margin-left:1em;
	list-style: none;
}
ul.original-mark li::before{
    content: "▲";
    display: inline;
    margin-left:-1em;
}

table.singleline {
  border-collapse: collapse;
}
th, td {
  border: 1px solid #333333;
  padding: 15px;
}

hr.singleline {
  border: none;
  border-top: 1px solid #333333;
}

h1.lines {
  color: #287332;
  padding: 15px 0 10px 0;
  border-top: 3px solid #287332;
  border-bottom: 3px solid #287332;
  font-size: 24px; /* フォントサイズは適宜変更してください */
  line-height:1em;
}

h1.leftline {
  padding: 15px;
  color: #333333;
  background: transparent;
  border-left: 5px solid #4349be;
}

h1.balloon {
  position: relative;
  padding: 15px;
  background: #6cc764;
 line-height:1em;
}

h1.balloon:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 40px;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-top: 15px solid #6cc764;
}


h1.two-tone {
	position: relative;
	padding:0 0 1rem 0;
	border-bottom:3px solid #cccccc;
}

h1.two-tone::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 20%;
  height: 4px;
  background-color: #ff0000;
}



h1.inside-both {
  display: inline-block;
  position: relative;
  padding: 20px;
  font-size: 18px;
  color: #fff;
  background: #4170dc;
}
h1.inside-both:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #838383;
}
h1.inside-both:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-left: solid 20px #838383;
}

.ribbon-fold {
  display: inline-block;
  position: relative;
  height: 45px;
　margin-left: 35px;
  text-align: center;
  box-sizing: border-box;
}
.ribbon-fold:before {
  content: '';
  position: absolute;
  width: 10px;
  bottom: -10px;
  left: -35px;
  z-index: -2;
  border: 20px solid #fd8f80;
  border-left-color: transparent;
}
.ribbon-fold:after {
  content: '';
  position: absolute;
  width: 10px;
  bottom: -10px;
  right: -35px;
  z-index: -2;
  border: 20px solid #fd8f80;
  border-right-color: transparent;
}
.ribbon-fold h1 {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 20px;
  line-height: 45px;
  font-size: 18px;
  color: #fff;
  background: #e84b09;
}
.ribbon-fold h1:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 15px #752613;
}
.ribbon-fold h1:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 15px #752613;
}

.ribbon-wrapper {  
  display: block;
  position: relative;
  margin-left: 20px;
  padding: 10px 0;
  width: 380px;
  background: #d5d5d5;
}
.ribbon-wrapper h1 {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 10px;
  margin: 0 0 0 -20px;
  width: calc(100% + 20px);
  font-size: 22px;
  color: white;
  background: #f95424;
}
.ribbon-wrapper h1:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #b34839;
}

img.bokasu1 {
    -webkit-filter: blur(2px);
    filter: blur(2px);
}

.bokasu2 {
    -webkit-filter: blur(7px);
    filter: blur(7px);
}

.monokuro1 {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%);
}

.monokuro2 {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.opacity1 {
    opacity: 0.8;
}

.opacity2 {
    opacity: 0.4;
}

.gradation {
    width:300px;
    height:200px;
    background: linear-gradient(to bottom, #00b7ea 0%,#eef200 100%); 
}

.tate {
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}



.phL,
.phR,
.phC {
	float:none;
	margin:0 auto 15px auto;
	text-align:center;
}

.phC.mgb20 { margin-bottom: 20px; }
.phC.mgb30 { margin-bottom: 30px; }
.phC.mgb40 { margin-bottom: 40px; }
.phC.mgb50 { margin-bottom: 50px; }
.phC.mgb60 { margin-bottom: 60px; }
.phC.mgb70 { margin-bottom: 70px; }

@media print, screen and (min-width:768px) {
.phL {
	float:left;
	margin:0 15px 10px 0;
}
.phR {
	float:right;
	margin:0 0 10px 15px;
}
.phL p,
.phR p { margin:3px 0 0 0; text-align:center; }
}



/*ブログカード*/
.blog-card-title {
    font-size: 1rem;
}
.blog-card-text {
    font-size: 0.8rem;
}
.blog-card-site-title a {
 display:none;
}
.blog-card-body-outer {
    padding: 12px 10px 0px 10px;
    width: calc( 100% / 4 * 3);
}
.blog-card-image-outer {
	  padding: 10px 10px 10px 1px;
    width: calc( 100% / 4);
}


/* ========================== table ========================== */
.entry-body table {
	border-collapse: separate;
	border-spacing: 0;
	width:100%;
	margin-bottom:15px;
	border: none;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

.entry-body th,
.entry-body td {
	display: block;
	width:auto;
	padding:10px 10px 7px 10px;
	border: none;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
    color: #333;
	text-align:left;
    white-space: normal;
}
.entry-body th {
	background:#f5f6f7;
	font-weight:normal;
}
.entry-body td {
	background:#fff;
	word-wrap:break-word;
}

.entry-body table.no-break th,
.entry-body table.no-break td { display: table-cell; }

.entry-body table.v-top th,
.entry-body table.v-top td { vertical-align: top; }

@media screen and (min-width:768px) {
.entry-body th,
.entry-body td { display: table-cell; }
}

.entry-body table.auto { width:auto; }
.entry-body table table { margin-bottom:0; }

.entry-body td p { margin-top:0; }

.entry-body td ul {
	margin:0 0 0 20px;
	padding: 0;
}
.entry-body td ol {
	margin:0 0 0 30px;
	padding: 0;
}
.entry-body td ul li {
	margin-bottom:10px;
	list-style:disc;
}
.entry-body td ul ul { margin:10px 0 0 20px; }

.entry-body td p:last-child,
.entry-body td ul li:last-child { margin-bottom:0; }


tr.middle th, 
tr.middle td { vertical-align:middle !important; }
table.center th,
table.center td,
tr.center th, 
tr.center td { text-align: center; }

@media screen and (min-width:768px) {
.entry-body .plan-table th { width: 25%; }
.entry-body .plan-table td { width: 75%; }
}


@media print, screen and (min-width:768px) {
.phL,
.figL {
	float:left;
	margin:0 15px 10px 0;
}
.phR,
.figR,
.phR {
	float:right;
	margin:0 0 10px 15px;
}
.phL p,
.phR p { margin:3px 0 0 0; text-align:center; }
}


.green,
.green a { color:#008b25;}

.navy,
.navy a { color:#4054b2; }

.blue, 
.blue a { color:#03c; }

.deep-pink,
.deep-pink a { color:#fa0260;}

.yb,
.emphasis { background:#FF0; }


/* 点滅 */
.blinking{
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}