@charset "utf-8";
/*
Theme Name: lesson g-design
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2
*/


@import url('https://fonts.googleapis.com/css?family=Passero+One');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900');
@import url('http://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');

body {
/*  font-family:'Zen Maru Gothic','Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",  "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
/* font-family: "ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004"; */
/* font-family: "こぶりなゴシック W3 JIS2004", "Koburina Gothic W3 JIS2004"; */
/* font-family: "ナウ-GM", "NOW-GM"; */
/*  font-family:"TBゴシック SL", "TBGothic SL"; */
/*  font-family: "UDタイポス510", "UDTypos510"; */
/*font-family: "UDデジタル教科書体 R JIS2004", "UDDigiKyokasho R JIS2004"; */
/*font-family: "UD黎ミン M JIS2004", "UD Reimin Medium JIS2004"; */
/*font-family: "UDデジタル教科書体 M JIS2004", "UDDigiKyokasho M JIS2004"; */
/* font-family: "トーキング", "Talking"; */
/* font-family: "丸フォーク M", "Maru Folk Medium"; */
/* font-family:"TB新聞ゴシック M", "TBNPGothic M"; */
/* font-family:"ZEN角ゴシックN M", "Zen Kaku Gothic N M" */
/* font-family: 'Lato', sans-serif; */
}


code {
background-color:#eee;border-radius:3px;
padding:0.2em;color:darkblue;}

/*top btn*/
@media screen and (max-width:800px){
.all-the-way-to-top,
.one-page-up,
.one-page-down {
	display:none!important;
}
}
/*jQuery lecture*/
.pre {
	background-color:#ffffdf;
	border-radius:0%;
	border:none;
	border-left: solid 6px orange;
}
/*link list*/
div.link {
	width:100%;
	padding:25.2%!important;
	box-sizing:border-box;
	position:relative;
	top:-55px;

}
div.link iframe {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	border:none;
}
p.sp {
	display:none;
}
/*link list*/
div.works {
	width:100%;
	padding:25.2%!important;
	box-sizing:border-box;
	position:relative;
	top:-55px;

}
div.works iframe {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	border:none;
}
p.sp {
	display:none;
}
@media only screen and (max-width:1239px){
div.link {display:none;}
p.sp {display:block;padding-top:3em;}
}
@media only screen and (min-width:1240px){
div.link {display:block;}
p.sp {display:none;}
}

@media only screen and (max-width:480px){
.html-tag td {display:block;}
.html-tag tr:first-child{display:none;}
.html-tag tr td:first-child{background-color: #f0f0f0;}
}
hr {clear:both !important;}

table td{
border-left:1px solid #E5E5E5;
border-right:1px solid #E5E5E5;
}
@media only screen and (max-width:640px){
.sp-table td {display:block;}
}
/*heading*/
h5 {
padding: 0.4em 0.6em;
background: #F3F5F6;
border-left: solid 10px #1E73BE;
}
h6 {
padding:0.2em 0 0.3em 0.4em;
line-height:1;
border-left: solid 10px #1E73BE;
}
/*top icon*/
.prBlock .prBlock_image {
	border-radius:16px!important;
}

/*header height*/
.siteHeadContainer{
	padding-top:2px!important;
	padding-bottom:2px!important;
}
/*header logo*/
.siteHeader_logo{
	margin-top:0px!important;
	font-size:26px!important;
}
/*nav btn*/
.menu-item a:hover{
	background-color:#EBF2F7!important;
}

/*link Good &Thumbs up*/
.good:after {
	display: inlie-block;
	content: "Good!";
	padding: 3px 5px;
	width: 70px;
	font-size: 10px;
	border-radius: 4px;
	margin-left: 10px;
	text-align: center;
	background-color: #898CA7;
	color: #FFFFFF;
}
.good-2:after {
	display: inlie-block;
	content: "Good!";
	padding: 3px 5px;
	width: 70px;
	font-size: 10px;
	border-radius: 4px;
	margin-left: 10px;
	text-align: center;
	background-color: #006666;
	color: #FFFFFF;
}
.others {
	background-color: #efefef;
	border-radius: 15px;
	padding:14px 20px 14px 20px;
	margin-bottom:20px;
	font-size:0.96em;
}
.others h3 {
	color:#066;
/* 	border:none; */
}
.others h3:after {
	border:none;
}

.others ul li a {
	color:#666;
}
.others ul li a:hover {
	color:#3333FF;
}
.fa-share,.fa-thumbs-o-up{
	color:#066;
}

/*top carousel side color*/
.carousel-control.left{
	background-image: linear-gradient(to left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%)!important;
}
.carousel-control.right{
	background-image: linear-gradient(to left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%)!important;
}