@charset "utf-8";

/*
 * "Fredericka" is lisenced under the SIL Open Font License 1.1
 * http://fonts.googleapis.com
 * https://www.google.com/fonts/attribution
 * http://scripts.sil.org/OFL
 */

/* *****共通設定***** */

a {
  color: #696969;
}

a:hover {
  color: #a9a9a9;
}

.bg-primary,
.btn-primary {
  background-color: #00008b !important;
}

.border-primary {
  border-color: #00008b !important;
}

.bg-maincolor {
  background-color: #f0f8ff !important;
}

.btn-warning:hover {
  color: #212529;
  background-color: #ffa500;
  border-color: #ffa500;
}

.bg-yl-color {
  background-color: #fffaf0 !important;
}

.text-shadow {
  text-shadow: 1px 1px 3px #000;
}

.font-patrick {
  font-family: 'Fredericka the Great', cursive;
}

/* ヘッダー(navbar) */
#nav01 {
  border-bottom: 3px solid #00008b;
}

#nav02 .nav-fill {
  width: 100%;
}

#nav02 .nav-item {
  border-left: 1px solid #dee2e6;
}

#nav02 .last-list-md {
  border-right: 1px solid #dee2e6;
}

/* フッター */
#footer-sns img {
  height: 58px;
  width: auto;
  margin-right: 25px;
}

#footer-index ul ul {
  padding-left: 0.75rem;
  border-left: 1px solid #6c757d;
}

/* *****トップページ***** */
.jumbotron {
  background-repeat: no-repeat;
  background-size: cover;
}

.jthome{
	background-image: url("../img/top-image.png");
}

.jtsd{
	background-image: url("../img/top-image_sd.png");
}

.jtsystem{
	background-image: url("../img/top-image_system.png");
}

/* *****下層ページ***** */
.breadcrumb-item + .breadcrumb-item:before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: small;
  color: #fff;
}

#page .jumbotron {
  /*background: #f1efff url("../img/subpage-headding.jpg") no-repeat center center;*/
  background-size: cover;
  border-radius: initial;
}

#page .jtseminar {
  background: #f1efff url("../img/header_seminar.png") no-repeat center center;;
}

#page .jtproducts {
  background: #f1efff url("../img/header_products.png") no-repeat center center;;
}

#page .jtcompany {
  background: #f1efff url("../img/header_company.png") no-repeat center center;;
}


/* リスト */
dl.products{
	/*width:250px;*/
	width:95%;
	margin:5px 20px 5px 5px;
	text-align:left;
	/*float:right;*/
	float:left;
}

dl.products dt{
	background: url("../img/arrow.png") left center no-repeat;
	font-weight:bold;
	font-size:93%; /* text12 */
	padding:0 0 0 15px;
	margin:0 0 10px 0;
	border-bottom:dashed 1px #c0c0c0;
}

dl.products dd{
	margin:0 0 10px 5px;
}

dl.data{
	text-align:left;
	font-size:100%; /* text13 */
	margin:10px 10px 20px 20px; /* 上 右 下 左 */
}

dl.data dt{
	background: url("../img/arrow.png") left center no-repeat;
	font-weight:bold;
	font-size:93%; /* text12 */
	padding:0 0 0 15px;
	margin:0 0 10px 0;
	border-bottom:dashed 1px #c0c0c0;
}

dl.data dd{
	margin:0 0 10px 15px;
}

#footer dl.btm_menu05{
	font-size: smaller;
	/*width:180px;*/
	height: 150px;
	float:left;
	/*border:1px #a9a9a9 solid;
	border-radius: 5px;
	background-color:#ffffff;*/
	margin:0 5 0 5;
	padding:10px 5px 5px 10px; /* 上 右 下 左 */
}

#footer dl.btm_menu06{
	font-size: smaller;
	/*width:180px;*/
	height: 150px;
	float:left;
	/*border:1px #a9a9a9 solid;
	border-radius: 5px;
	background-color:#ffffff;*/
	margin:0 5 0 5;
	padding:10px 5px 5px 10px; /* 上 右 下 左 */
}

/* テーブル */
table.cntr{
	width:640px;
	border-collapse:separate;
	border-spacing:2px;
	margin:0 auto;}

table.cntr td{
	vertical-align: middle;
	border:#999999 solid 1px;
	padding:5px 5px 5px 5px;	/* 上右下左 */
	text-align: center;}

table.kz{
	/*width:320px;*/
	border-collapse:separate;
	border-spacing:2px;
	margin:0 auto;}

table.kz td{
	vertical-align: middle;
	border:#999999 solid 1px;
	padding:5px 5px 5px 5px;
	text-align: center;}

table.dgk{
	width:100%;
	border-collapse:separate;
	border-spacing:2px;
	margin-top:30px;}

table.dgk td{
	vertical-align: middle;
	border:#999999 solid 1px;
	padding:5px 5px 5px 5px;	/* 上右下左 */}

table.dgk td.ttl{
	vertical-align: middle;
	background-color: #343e70;	/* #dbedff */
	color:#ffffff;}

table.dgk td.thm{
	line-height:170%;
	background-color:#b0ccdf;	/* #e0ffff */
	color:#000000;}

table.dgk td.img{
	text-align: center;
	margin:0 auto;}

table.dgk td.num{
	text-align:center;
	background-color: #343e70;
	color:#000000;
}

table.dgk td.num2{
	text-align:center;
	width:160px;
	background-color: #343e70;
	color:#000000;}

table.dgk td.wi{
	table-layout:fixed;
	/*width:400px;*/}

table.dgk td.wi2{
	table-layout:fixed;
	/*width:260px;*/}

table.dgk td.wi3{
	table-layout:fixed;
	/*width:70px;*/}

table.dgk td.wi4{
	table-layout:fixed;
	/*width:95px;*/}

table.dgk td.wi5{
	table-layout:fixed;
	/*width:110px;*/}

table.products{
	margin:10px 10px 10px 10px;
	/*width:880px;*/
	width:100%;
}

table.products td{
	padding:10px 0 10px 5px;
	text-align:left;
	vertical-align:top;
}

table.products td.tdimg{
	width:130px;
}

table#lineup td.pic{
	/*width:250px;*/
	height:115px;
	width:20%;
	text-align:center;
	padding:5px 0px 5px 5px;
	border-top:solid 1px #c0c0c0;
	border-bottom:solid 1px #c0c0c0;
	vertical-align:middle;
}

table#lineup td.text{
	/*width:300px;*/
	width:30%;
	padding:5px 0px 5px 5px;
	border-top:solid 1px #c0c0c0;
	border-bottom:solid 1px #c0c0c0;
	vertical-align:middle;
}

table#lineup td.catalog{
	text-align:center;
	/*width:120px;*/
	width:30%;
	padding:5px 0px 5px 5px;
	border-top:solid 1px #c0c0c0;
	border-bottom:solid 1px #c0c0c0;
	vertical-align:middle;
}

.txt-hide{
display: none;
}

button.more {
width: 100px;
margin: 0 auto;
display: block;
/*--background-color: #666;
color: #fff;--*/
border: none;
outline: 0;
transition: .5s;
-erbkit-transition: .5s;
}
 
button.more::after {
content: "続きを表示";
transition: .2s;
-erbkit-transition: .2s;
}

button.more.on-click::after{
content: "閉じる";
}

/* 動画 */
.videoframe {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.videoframe iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.videoleft{
	width: 49%;
	padding: 1%;
}

.videoright{
	width: 49%;
	padding: 1%;
}

@media(min-width:801px){.parent{
	display: -webkit-flex;
	displ: flex;
}
}

/* --------------------------------------------------

 レスポンシブ

--------------------------------------------------　*/

@media (max-width: 991.98px) {
  /* md タブレット・スマートフォン向け */

  #nav02 .nav-item {
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #dee2e6;
    letter-spacing: 0.25rem;
  }

  @media (max-width: 575.98px) {
    /* xs スマートフォン向け */

    /* フッター */
    #footer-sns img {
      height: 29px;
      margin-right: 15px;
    }