@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    2.4.6
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body {
	font-family: "Font Awesome 4Free";
	font-family: "Font Awesome 5Free";
}

/* フォントのリセット */
html {
	font-size: 62.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
 
body {
	font-size: 1.6rem;
	line-height: 1.4;
}
 
* {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
 
a,
a:visited {
	color: inherit;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

/* 既存見出しのリセット */
.article h2, .article h3, .article h4, .article h5, .article h6, p {
	content: none;
	background: none;
	border: none;
	border-radius: 0;
	color:#000;
	font-weight:normal;
	padding:0;
	margin:0;
}

.article h3::after{
	border-bottom:none!important;
}


/* 見出し */
.article h1 {
	margin:0 1em 30px!important;
	font-size:  24px;       /* 文字サイズ指定 */
	border-bottom: solid;  /* 線指定 */
	padding-bottom:　5px;   /* 余白指定 */
	margin-bottom: 15px;    /* 周りの余白指定 */
}

.article h2 {
	padding-left:0.5em;
	margin-bottom:10px;
}
.article h2::before{
	content: '\■';
}

.article h3{
	font-size:125%;
	font-weight:bold;
	color:#622d18;
}

.article h4{
	margin-top:5px;
	margin-left:2em;
	font-size:110%;
	text-decoration:underline;
}

/* Cocoon 変更　*/
.author-info {
	display:none!important;
}
	
#search-3 {
	position:absolute!important;
		top:0px!important;
		right:20px!important;
	width:300px;
}
	
#pc_text-2 {
	position:absolute!important;
		top:20px!important;
		right:250px!important;
	width:200px;
}

.footer-bottom.fdt-up-and-down .footer-bottom-content .navi-footer-in > ul {
  justify-content: left!important;
}

input.wpcf7c-conf {
	background: #778899 !important;
	border: solid 1px #e60033 !important;
	color: #666 !important;
}

.products {
	clear:both;
}

.entry-title {
	margin:15px 0px 30px;
	padding:0 0.5em;
}

#coupon_code {
	width:160px!important;
}

.menu-item:hover {
 	background-color:#f39800!important;
}

.sub-menu {
	background-color:#006eb0!important;
}

.woocommerce nav.woocommerce-pagination ul li{
	float:none!important;
}

.search-box {
	display:none;
}

/* Cocoon 変更　ここまで　*/


/* 共通 */
/** 本文基本 **/
.txt_base {
	width:94%;
	margin:10px auto 30px;
}

.ul_guide01 {
	width:94%;
	margin:10px auto 30px;

}

.ul_guide01 li {
	list-style-type:none;
	text-indent:-1em;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
 
.clearfix:before {
　　　　content: "";
	display: block;
	clear: both;
}

.clearfix {
	display: block;
}


/** 箇条書き **/


/** ボタン類 **/
.button00,
a.button00,
button.button00 {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	padding: 1rem 4rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #212529;
	border-radius: 0.5rem;
}

.button01 {
	width:48%;
	margin:10px 1% 30px;
	position: relative;
	padding: 1rem 2rem;
	text-align: center;
	color: #0075a9;
	border-radius: 0 10px 10px 10px;
	background: #d8ecf5;
}

.button01:before {
	font-size: 15px;
	font-size: 1.5rem;
	position: absolute;
	top: -24px;
 	left: 0;
	height: 24px;
	padding: 0 1em;
	content: '\GUIDE';
	color: #fff;
	border-radius: 10px 10px 0 0;
	background: #0075a9;
}

.button02 {
	width:48%;
	margin:10px 1% 30px;
	position: relative;
	padding: 1rem 2rem;
	text-align: center;
	color: #0075a9;
	border-radius: 0 10px 10px 10px;
	background: #d8ecf5;
}

.button02:before {
	font-size: 15px;
	font-size: 1.5rem;
	position: absolute;
	top: -24px;
 	left: 0;
	height: 24px;
	padding: 0 1em;
	content: '\SEMINAR';
	color: #fff;
	border-radius: 10px 10px 0 0;
	background: #0075a9;
}

.button03 {
	width:48%;
	margin:10px 1% 30px;
	position: relative;
	padding: 1rem 2rem;
	text-align: center;
	color: #0075a9;
	border-radius: 0 10px 10px 10px;
	background: #d8ecf5;
}

.button03:before {
	font-size: 15px;
	font-size: 1.5rem;
	position: absolute;
	top: -24px;
 	left: 0;
	height: 24px;
	padding: 0 1em;
	content: '\SUMPLE';
	color: #fff;
	border-radius: 10px 10px 0 0;
	background: #0075a9;
}

.pdf_button {
	margin:10px;
	display: inline-block;
	width: 250px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color:#FFFFFF!important;
	background:#0C88CA;
	border-bottom:4px solid #005691;
	border-radius: 4px;
	transition: .0s;
}
.pdf_button:hover {
	cursor: pointer;
	text-decoration: none;
	background:#005691;
	transform: translate3d(0, 4px, 0);
	transition: .0s;
	border-bottom: none;
	color:#FFFFFF!important;
}

.zip_button {
	margin:10px;
	display: inline-block;
	width: 250px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color:#FFFFFF!important;
	background:#417038;
	border-bottom:4px solid #004d25;
	border-radius: 4px;
	transition: .0s;
}
.zip_button:hover {
	cursor: pointer;
	text-decoration: none;
	background:#004d25;
	transform: translate3d(0, 4px, 0);
	transition: .0s;
	border-bottom: none;
	color:#FFFFFF!important;
}

.bank_button {
	display:inline-block;
	padding:5px 1em;
	background-color:#f5f5f5;
	border-right:solid 1px #a9a9a9;
	border-bottom:solid 1px #a9a9a9;
	font-weight:bold;
	text-decoration:none;
	margin:10px;
}

.bank_button:hover {
 	color:#a0522d;
}

.form_button {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;
  color: #FFF!important;
  font-weight:bold;
  border-radius: 4px;
  box-shadow: 0px 0px 0px 5px #668ad8;
  border: dashed 1px #FFF;
}

.form_button:hover {
  border: dotted 1px #FFF;
}	

/* テキストの装飾　*/
.catchcopy {
	position: relative;
	padding: 1.5rem 2rem;
	color: #fff;
	border-radius: 10px;
	background: #094;
	font-size:140%;
}

.catchcopy:after {
	position: absolute;
	bottom: -9px;
	left: 1em;
	width: 0;
	height: 0;
	content: '';
	border-width: 10px 10px 0 10px;
	border-style: solid;
	border-color: #094 transparent transparent transparent;
}

/* 講師プローフォール　*/
.profile {
	width:40%;
	max-width:200px!important;
	float:left;
	margin:0px 10px 10px;
}

/** タグ **/
.tag_live {
	display:inline-block;
	margin:5px 10px 5px 0px;
	padding:2px 5px;
	color:#FFF;
	background-color:#dc143c;
}

.tag_online {
	display:inline-block;
	margin:5px 10px 5px 0px;
	padding:2px 5px;
	color:#FFF;
	background-color:#2e8b57;
}

.tag_new {
	display:inline-block;
	margin:5px 10px 5px 0px;
	padding:2px 5px;
	color:#FFF;
	background-color:#1e90ff;
}

.tag_reair {
	display:inline-block;
	margin:5px 10px 5px 0px;
	padding:2px 5px;
	color:#FFF;
	background-color:#946c45;
}

.tag_ondemand {
	display:inline-block;
	margin:5px 10px 5px 0px;
	padding:2px 5px;
	color:#FFF;
	background-color:#203744;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1024px以上*/
@media screen and (min-width:1024px) {
/** レイアウト **/
.information01 {
	width:50%;
	margin:0px;
	padding:10px;
	float:left;
}
	
.menu01 {
	width:50%;
	margin:30px 0;
	padding:10px;
	float:right;
}

.panel01 {
	width:100%;
	max-width: 1200px;
	height: 200px;
	margin:0px 2%;
	padding:0;
}

.panel01 img{
	margin:0 0.5%;
	width:16%;
}

.panel02{
	width:100%;
	max-width: 1200px;
	height: 200px;
	margin:0px 2%;
	padding:0;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.panel02 img{
	margin:0 5px;
	width:48%;
}

.chapter_navi01 {
	width:80%;
	margin:10px auto
}

.chapter_navi01 img {
	width:45%;
	margin:10px;
	float:left;
}

/** 見出し **/


/** 注意書き **/

	
/* 動画関連 */
.movie {
	width:90%;
	margin:10px auto 50px;
	text-align:center;
}

.movie iframe {
	width:1200px;
	margin:0px auto!important;
/*	border:solid 1px #000; */
}

.tag {
	display:inline-block;
	margin:0px 5px 10px;
	padding:2px 1em;
	border:solid 1px #000000;
	float:left;
	font-size:90%;
}
	
.video {
	position:static;
}
	
.video-container {
	max-width:100%;
}

/* 開催中のセミナー */
.on00 {
	width:94%;
	margin:5px auto 10px;
	padding:5px 10px;
	border:solid 1px #bcbace;
	height:auto;
	clear:both;
}

.on01 {
	width:20%;
	max-width:200px;
	float:left;
	margin:0;
	padding:0;
}

.on02 {
	width:48%;
	float:left;	
	padding:5px 5px;
}
	
.on03 {
	font-size:125%;
	font-weight:bold;
}
	
.on04 {
	margin-left:1em;
}

.on05 {
	width:94%;
	margin-left:1em;
	display:inline-block;
}
	
.on06 {
	width:35%;
	padding:10px;
	float:right;
	text-align:center;
}

a.on07_button {
	width:10em;
	display: inline-block;
	margin:10px 15px 0px;
	background: #007199; /* 背景色 */
	color: #fff; /* 文字色 */
	padding: 16px 40px; /* 上下の余白、左右の余白 */
	text-decoration: none; /* デフォルトで入るリンクの下線を消す */
	border-radius: 30px; /* 角を丸くする */
}
	
a.on08_button {
	width:10em;
	display: inline-block;
	margin:10px 15px 0px;
	background: #f39800; /* 背景色 */
	color: #fff; /* 文字色 */
	padding: 16px 40px; /* 上下の余白、左右の余白 */
	text-decoration: none; /* デフォルトで入るリンクの下線を消す */
	border-radius: 30px; /* 角を丸くする */
}

a.on09_button {
	width:10em;
	display: inline-block;
	margin:10px 15px 0px;
	background: #a9a9a9; /* 背景色 */
	color: #fff; /* 文字色 */
	padding: 16px 40px; /* 上下の余白、左右の余白 */
	text-decoration: none; /* デフォルトで入るリンクの下線を消す */
	border-radius: 30px; /* 角を丸くする */
}

.list_tag {

}

.list_tag li{
	width:46%;
	margin:0px 0.5%;
	float:left;
	list-style-type:none;
}

/* 再生画面 */
.period {
	width:100%;
	margin:3px auto;
	padding:2px 5px;
	text-align:center;
	background-color:#e6e6fa;
}

.seminar_title {
	width:94%;
	margin:10px auto;
	padding:5px 10px 2px;
	border:solid 1px #000;
	font-size:140%;
	color:#24140e;
	background-color:#fffff4;
	font-weight:bold;
}

.supervise {
	width:90%;
	margin:5px auto;
	font-size:100%;
}

.lead {
	width:90%;
	margin:5px auto;
	font-size:100%;
}

.shiryo {
	width:90%;
	margin:5px auto;
	font-size:100%;
	text-align:center;
}

.attention {
	width:94%;
	margin:5px auto;
	padding:10px;
}

.koe {
	width:90%;
	margin:10px 10px 10px 1em;
}

.koe li {
	list-style-type:none;
	text-indent:-1em;
}

.controlpanel01 {
	width:94%;
	margin:10px auto;
	border:solid 1px #808080;
	padding:5px 10px;
	box-sizing: content-box;
}

.controlpanel02 {
	width:33%;
	float:left;
	margin-right:10px;
}

.controlpanel03 {
	width:65%;
	text-align:left!important;
	float:left;
}

.controlpanel04 {
	width:100%;
	margin:0px 0px 5px!important;
	padding:2px;
	text-align:center;
	color:#FFF;
	background-color:#708090;
}

.controlpanel05 {

}
   
.controlpanel06 {
	font-size:125%;
	padding:2px 0.5em;
	margin:5px 20px;
}

.controlpanel07 {
	padding: 5px 2em;
	margin:5px;
	float:left;
}

/* JLCセミナーとは */
.midashi_about01 {
	font-size:150%;
	font-weight:bold;
	text-align:center;
	color:#800000;
}

.block_about01 {
	width:94%;
	margin:30px;
}

.block_about02 {
	width:52%;
	font-size:125%;
	float:right;
	margin:15px 10px ;
}

.block_about03 {
	width:40%;
	float:left;
	text-align:center;
}

.img_about01 {
	width:40%;
	float:left;
	margin:10px;
}

.img_about02 {
	width:100%;
	margin:0px;
	border:solid 1px #000;
}

.marker_blue {
	background: linear-gradient(transparent 75%, #e0ffff 30%);
	font-size:140%;
}
	
/* ページ内目次 */
.index_menu01 {
	width:94%;
	margin:10px auto;
	padding:0;
	box-sizing:border-box;
}

.index_menu01 li {
	width:18%;
 	margin:0px 1%;
	list-style-type:none;
	border:solid 1px #000000;
	padding:5px 5px 2px;
	text-align:center;
	float:left;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	line-height:2!important;
}

.list_button01 {
	width:50%;
	margin:30px auto 5px;
	padding:0px;
	float:left;
}

.list_button01 li {
	width:48%;
	margin:0;
	float:left;
	list-style-type:none;
}

.list_button01 li img{
	width:94%;
	max-width:300px;
}

.list_button02 {
	width:60%;
	margin:30px auto 5px;
	padding:0px;
}

.list_button02 li {
	width:49%;
	margin:0;
	float:left;
	list-style-type:none;
}

.list_button02 li img{
	width:94%;
	max-width:300px;
}

}

/*600px以上 1023px以下*/
@media screen and (min-width:600px) and ( max-width:1023px) {
/** レイアウト **/
.information01 {
	width:50%;
	margin:0px;
	padding:10px;
	float:left;
}
	
.menu01 {
	width:50%;
	margin:30px 0;
	padding:10px;
	float:right;
}

.panel01 {
	width:100%;
	max-width: 1200px;
	height: 200px;
	margin:0px 2%;
	padding:0;
}

.panel01 img{
	margin:0 0.5%;
	width:16%;
}

.panel02{
	width:100%;
	max-width: 1200px;
	height: 200px;
	margin:0px 2%;
	padding:0;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.panel02 img{
	margin:0 5px;
	width:48%;
}

.chapter_navi01 {
	width:80%;
	margin:10px auto
}

.chapter_navi01 img {
	width:45%;
	margin:10px;
	float:left;
}

/** 見出し **/


/** 注意書き **/

	
/* 動画関連 */
.movie {
	width:100%;
	margin:10px auto 50px;
	text-align:center;
}

.movie iframe {
	width:1200px;
	margin:0px auto!important;
	height:300px;
/*	border:solid 1px #000; */
}

.tag {
	display:inline-block;
	width:30%;
	margin:0px 5px 10px;
	padding:2px 1em;
	border:solid 1px #000000;
	float:left;
	font-size:90%;
}
	
.video {
	position:static;
}
	
.video-container {
	max-width:100%;
}

/* 開催中のセミナー */
.on00 {
	width:94%;
	margin:5px auto 10px;
	padding:5px 10px;
	border:solid 1px #bcbace;
	height:auto;
}

.on01 {
	width:20%;
	max-width:200px;
	float:left;
	margin:0;
	padding:0;
}

.on02 {
	width:49%;
	float:left;	
	padding:5px 10px;
}
	
.on03 {
	font-size:125%;
	font-weight:bold;
}
	
.on04 {
	margin-left:1em;
}

.on05 {
	
}
	
.on06 {
	width:33%;
	padding:10px;
	float:right;
	text-align:right;
}

a.on07_button {
	display: inline-block;
	margin:10px 15px 0px;
	background: #007199; /* 背景色 */
	color: #fff; /* 文字色 */
	padding: 16px 40px; /* 上下の余白、左右の余白 */
	text-decoration: none; /* デフォルトで入るリンクの下線を消す */
	border-radius: 30px; /* 角を丸くする */
}
	
a.on08_button {
	display: inline-block;
	margin:10px 15px 0px;
	background: #f39800; /* 背景色 */
	color: #fff; /* 文字色 */
	padding: 16px 40px; /* 上下の余白、左右の余白 */
	text-decoration: none; /* デフォルトで入るリンクの下線を消す */
	border-radius: 30px; /* 角を丸くする */
}

a.on09_button {
	display: inline-block;
	margin:10px 15px 0px;
	background: #a9a9a9; /* 背景色 */
	color: #fff; /* 文字色 */
	padding: 16px 40px; /* 上下の余白、左右の余白 */
	text-decoration: none; /* デフォルトで入るリンクの下線を消す */
	border-radius: 30px; /* 角を丸くする */
}

.list_tag {

}

.list_tag li{
	width:46%;
	margin:0px 0.5%;
	float:left;
	list-style-type:none;
}

/* 再生画面 */
.period {
	width:100%;
	margin:3px auto;
	padding:2px 5px;
	text-align:center;
	background-color:#e6e6fa;
}

.seminar_title {
	width:94%;
	margin:10px auto;
	padding:5px 10px 2px;
	border:solid 1px #000;
	font-size:140%;
	color:#24140e;
	background-color:#fffff4;
	font-weight:bold;
}

.supervise {
	width:90%;
	margin:5px auto;
	font-size:100%;
}

.lead {
	width:94%;
	margin:5px auto;
	padding:10px;
}

.shiryo {
	width:90%;
	margin:5px auto;
	font-size:100%;
	text-align:center;
}
		
.ducument {
	text-align:center;
}

.attention {
	width:94%;
	margin:5px auto;
	padding:10px;
}

.koe {
	width:90%;
	margin:10px 10px 10px 1em;
}

.koe li {
	list-style-type:none;
	text-indent:-1em;
}

.controlpanel01 {
	width:94%;
	margin:10px auto;
	border:solid 1px #808080;
	padding:5px 10px;
	box-sizing: content-box;
}

.controlpanel02 {
	width:33%;
	float:left;
	margin-right:10px;
}

.controlpanel03 {
	width:65%;
	text-align:left!important;
	float:left;
}

.controlpanel04 {
	width:100%;
	margin:0px 0px 5px!important;
	padding:2px;
	text-align:center;
	color:#FFF;
	background-color:#708090;
}

.controlpanel05 {

}
   
.controlpanel06 {
	font-size:125%;
	padding:2px 0.5em;
	margin:5px 20px;
}

.controlpanel07 {
	padding: 5px 2em;
	margin:5px;
	float:left;
}

/* JLCセミナーとは */
.midashi_about01 {
	font-size:150%;
	font-weight:bold;
	text-align:center;
	color:#800000;
}

.block_about01 {
	width:94%;
	margin:30px;
}

.block_about02 {
	width:52%;
	font-size:125%;
	float:right;
	margin:15px 10px ;
}

.block_about03 {
	width:40%;
	float:left;
	text-align:center;
}

.img_about01 {
	width:40%;
	float:left;
	margin:10px;
}

.img_about02 {
	width:100%;
	margin:0px;
	border:solid 1px #000;
}

.marker_blue {
	background: linear-gradient(transparent 75%, #e0ffff 30%);
	font-size:140%;
}
	
/* ページ内目次 */
.index_menu01 {
	width:94%;
	margin:10px auto;
	padding:0;
	box-sizing:border-box;
}

.index_menu01 li {
	width:18%;
 	margin:0px 1%;
	list-style-type:none;
	border:solid 1px #000000;
	padding:5px 5px 2px;
	text-align:center;
	float:left;
}

.list_button01 {
	width:50%;
	margin:30px auto 5px;
	padding:0px;
	float:left;
}

.list_button01 li {
	width:48%;
	margin:0;
	float:left;
	list-style-type:none;
}

.list_button01 li img{
	width:94%;
	max-width:300px;
}

.list_button02 {
	width:60%;
	margin:30px auto 5px;
	padding:0px;
}

.list_button02 li {
	width:49%;
	margin:0;
	float:left;
	list-style-type:none;
}

.list_button02 li img{
	width:94%;
	max-width:300px;
}
	

}
/*599px以下*/
@media screen and (max-width:599px) {
/** レイアウト **/
.information01 {
	width:100%;
	margin:0px;
	padding:10px;
}
	
.menu01 {
	margin:30px 0;
	padding:10px;
	float:right;
}

.panel01 {
	width:100%;
	max-width: 1200px;
	height: 200px;
	margin:0px 2%;
	padding:0;
}

.panel01 img{
	margin:0 0.5%;
	width:16%;
}

.panel02{
	width:100%;
	max-width: 1200px;
	height: 200px;
	margin:0px 2%;
	padding:0;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.panel02 img{
	margin:0 5px;
	width:48%;
}

.chapter_navi01 {
	width:94%;
	margin:10px auto
}

.chapter_navi01 img {
	width:100%;
	margin:0px 0px 0px 10px;
}
/** 見出し **/


/** 注意書き **/

	
/* 動画関連 */
.movie {
	width:100%;
	margin:10px auto 50px;
	text-align:center;
}

.movie iframe {
	width:1200px;
	margin:0px auto!important;
	height:250px;
/*	border:solid 1px #000; */
}

.tag {
	display:inline-block;
	margin:0px 5px 10px;
	padding:2px 1em;
	border:solid 1px #000000;
	float:left;
	font-size:90%;
}

	
.video {
	position:static;
}
	
.video-container {
	max-width:100%;
}

/* 開催中のセミナー */
.on00 {
	width:94%;
	margin:5px auto 10px;
	padding:5px 10px;
	border:solid 1px #bcbace;
	height:auto;
}

.on01 {
	width:100%;
	margin:0;
	padding:0;
}

.on02 {
	padding:5px 10px;
}
	
.on03 {
	font-size:125%;
	font-weight:bold;
}
	
.on04 {

}

.on05 {
	
}
	
.on06 {
	float:right;
	text-align:center;
}

a.on07_button {
	display: inline-block;
	width:60%;
	margin:10px 15px 0px;
	background: #007199; /* 背景色 */
	color: #fff; /* 文字色 */
	padding: 16px 40px; /* 上下の余白、左右の余白 */
	text-decoration: none; /* デフォルトで入るリンクの下線を消す */
	border-radius: 30px; /* 角を丸くする */
}
	
a.on08_button {
	display: inline-block;
	width:60%;
	margin:10px 15px 0px;
	background: #f39800; /* 背景色 */
	color: #fff; /* 文字色 */
	padding: 16px 40px; /* 上下の余白、左右の余白 */
	text-decoration: none; /* デフォルトで入るリンクの下線を消す */
	border-radius: 30px; /* 角を丸くする */
}

a.on09_button {
	display: inline-block;
	width:60%;
	margin:10px 15px 0px;
	background: #a9a9a9; /* 背景色 */
	color: #fff; /* 文字色 */
	padding: 16px 40px; /* 上下の余白、左右の余白 */
	text-decoration: none; /* デフォルトで入るリンクの下線を消す */
	border-radius: 30px; /* 角を丸くする */
}

.list_tag {

}

.list_tag li{
	width:98%;
	margin:0px 0.5%;
	list-style-type:none;
}


/* 再生画面 */
.period {
	width:100%;
	margin:3px auto;
	padding:2px 5px;
	text-align:center;
	background-color:#e6e6fa;
	font-size:90%;
}

.seminar_title {
	margin:10px auto;
	padding:5px 10px 2px;
	border:solid 1px #000;
	font-size:125%;
	color:#24140e;
	background-color:#fffff4;
	font-weight:bold;
}

.supervise {
	width:90%;
	margin:5px auto;
	font-size:100%;
}

.lead {
	width:94%;
	margin:5px auto;
	padding:10px;
}

.shiryo {
	width:90%;
	margin:5px auto;
	font-size:100%;
	text-align:center;
}

.ducument {
	text-align:center;
}

.attention {
	width:94%;
	margin:5px auto;
	padding:10px;
}

.koe {
	width:90%;
	margin:10px 10px 10px 1em;
}

.koe li {
	list-style-type:none;
	text-indent:-1em;
}

.controlpanel01 {
	width:94%;
	margin:10px auto;
	border:solid 1px #808080;
	padding:5px 10px;
	box-sizing: content-box;
}

.controlpanel02 {
	width:100%;
}

.controlpanel03 {
	width:100%;
	text-align:left!important;
}

.controlpanel04 {
	width:100%;
	margin:0px 0px 5px!important;
	padding:2px;
	text-align:center;
	color:#FFF;
	background-color:#708090;
}

.controlpanel05 {

}
   
.controlpanel06 {
	font-size:125%;
	padding:2px 0.5em;
	margin:5px 20px;
}

.controlpanel07 {
	padding: 5px 1em;
	margin:5px;
	float:left;
	text-align:left!important;
}

/* JLCセミナーとは */
.midashi_about01 {
	font-size:120%;
	font-weight:bold;
	text-align:center;
	color:#800000;
}

.block_about01 {
	width:94%;
	margin:10px auto 30px;
}

.block_about02 {
	width:94%;
	font-size:110%;
	margin:10px auto;
}

.block_about03 {
	width:60%;
	text-align:center;
	margin:5px auto;
}

.img_about01 {
	width:90%;
	margin:10px auto;
}

.img_about02 {
	width:100%;
	margin:0px;
	border:solid 1px #000;
}

.marker_blue {
	background: linear-gradient(transparent 75%, #e0ffff 30%);
	font-size:110%;
}
	
/* ページ内目次 */
.index_menu01 {
	width:94%;
	margin:10px auto;
	padding:0;
	box-sizing:border-box;
}

.index_menu01 li {
	width:100%;
 	margin:5px auto!important;
	list-style-type:none;
	border:solid 1px #000000;
	padding:5px 5px 2px;
	text-align:center;
}

.list_button01 {
	width:94%;
	margin:30px auto 5px;
	padding:10px;
}

.list_button01 li {
	width:94%;
	margin:0 auto;
	list-style-type:none;
}

.list_button01 li img{
	width:94%;
}

.list_button02 {
	width:94%;
	margin:30px auto 5px;
	padding:10px;
}

.list_button02 li {
	width:94%;
	margin:0 auto;
	list-style-type:none;
}

.list_button02 li img{
	width:94%;
}

}