@charset "UTF-8";

/* 
----------------------------------------
・initial:使用禁止。

▼ グリッド（幅）
	・.col- <576px			縦モバイルサイズ
	・.col-sm >=576px		横モバイルサイズ
	・.col-md >=768px		タブレットサイズ
	・.col-lg >=992px		デスクトップサイズ
	・.col-xl >= 1200px	大画面サイズ

▼ 配色
・rgb( 15, 76, 58);　←濃い緑　使用。
・rgb(225,249,241);　←薄い緑　使用。
・rgb(203,244,232);　←薄い緑　未使用。

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

html{ font-size:87.5%; }

body{
 /* font-family: 'Sawarabi Mincho', sans-serif;*/
 font-family: 'Sawarabi Mincho', 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
 color:rgb( 15, 76, 58);/* 濃い緑 */
}

/* フォント */
.knn--font-jp{
 /*font-family: 'Sawarabi Mincho', sans-serif!important;*/
 font-family: 'Sawarabi Mincho', 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif!important;
}

.knn--font-it{
 font-family: 'Lora', serif!important;
}

h1{
	margin: 0;
	line-height: 0;
	font: 0/0 a!important;
	color: transparent!important;
	text-shadow: none!important;
	background-color: transparent!important;
	border: 0!important;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

h2{
	text-align:center;
}

/* ボタン */
.btn-outline-knn-color-01{
	border: 1px solid rgb( 15, 76, 58);
	background-color:rgb( 15, 76, 58);
	color: #fff!important;
}
/*
.btn-outline-knn-color-01{
	border: 1px solid rgb( 15, 76, 58)!important;
	background-color: #fff!important;
	color: rgb( 15, 76, 58)!important;
}

.btn-outline-knn-color-01:hover{
	background-color:rgb( 15, 76, 58)!important;
	color:#fff!important;
}
*/


.btn-outline-knn-color-02{
	border: 1px solid #fff!important;
	background-color: #fff!important;
	color: rgb( 15, 76, 58)!important;
}

/* フェードイン ･･･ [/ , /content/about.php 等] スクロール時の表示 */
.fadeInUp {
	/*	transition: 1s;*/
	opacity : 0;
	-webkit-transform:translateY(80px);
	transform: translateY(80px);
	transition: all 0.8s;
}

/* リストグループ ･･･ [/content/author.php] テーブル上の説明 */
.list-group.knn--list-group{
	margin-bottom:4rem;
}

.list-group.knn--list-group-sm .list-group-item{
	/* padding: .75rem 1.25rem;*/
	padding: 0.3rem 0.8rem;
}

.list-group.knn--list-group .list-group-item{
	border-left:0;
	border-right:0;
	border-top:0;
}

.list-group.knn--list-group .list-group-item:first-of-type{
	border-top: 1px solid rgba(0,0,0,.125)
}

.list-group-item:focus,
.list-group-item:hover{
	z-index:0;
}

/* アイコンリンク */
a.inform{
	color:rgb(236,64,122);
	text-decoration:underline;
}
a.inform:hover{
	color:rgba(236,64,122,0.8);
	text-decoration:none;
}
a.inform:after{
	font-family: "Font Awesome 5 Brands";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	/*font-weight:bold;*/
	margin-left:0.2rem;
	margin-right:0.2rem;
	vertical-align: middle; content: '\f298'; 
}

a.nolink:hover{
	text-decoration:none!important;
	cursor:auto!important;
}

/* パンくず */
.knn--container-fluid-breadcrumb{
	background-color:rgba(225, 249, 241, 0.8);
	/* font-size:80%; */
	font-size:90%;
	padding:0.4em 0;
}

.knn--container-fluid-breadcrumb .breadcrumb {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color:transparent;
}

.knn--container-fluid-breadcrumb .breadcrumb li {
	display: inline;
	list-style: none;
}

.knn--container-fluid-breadcrumb .breadcrumb li:after {
	content: '>';
	padding: 0 0.6em;
	color: #555;
}

/knn--container-fluid-breadcrumb .breadcrumb li:last-child:after {
	content: '';
}

.knn--container-fluid-breadcrumb .breadcrumb li a {
	text-decoration: none;
	color:rgb(15, 76, 58);
}

.knn--container-fluid-breadcrumb .breadcrumb li:first-child a:before {
	font-family: "Font Awesome 5 Free";
	content: "\f015";
	font-weight: bold;
	color:rgb(15, 76, 58);
}

.knn--container-fluid-breadcrumb .breadcrumb li a:hover {
	text-decoration: underline;
}

.knn--container-fluid-breadcrumb .breadcrumb li:last-of-type:after{
	content:"";
}


/* 見出し */
.container-fluid.knn--container > h1,
/*.container-fluid.knn--container h2,*/
.container-fluid.knn--container > h3,
.container-fluid.knn--container > h4,
.container-fluid.knn--container > h5,
.container-fluid.knn--container > h6,
.container.knn--container > h1,
/*.container.knn--container h2,*/
.container.knn--container > h3,
.container.knn--container > h4,
.container.knn--container > h5,
.container.knn--container > h6{
	margin-bottom:4rem;
}

.container-fluid.knn--container .knn--div-h2,
.container.knn--container .knn--div-h2{
	padding-bottom:6rem;
	position:relative;
}

.container-fluid.knn--container .knn--div-h2.knn--div-h2-page-bottom,
.container.knn--container .knn--div-h2.knn--div-h2-page-bottom{
	padding-bottom:3rem;
}

.container-fluid.knn--container .knn--div-h2 h2,
.container.knn--container .knn--div-h2 h2{
	margin-bottom:0;
}



/* コンテナ（トップページ） */
.knn--container-top-about h2,
.knn--container-top-author h2{
	/*
	padding: 0.6rem 1rem 1rem 1.4rem;
	*/
	padding: 0.6rem 0 1rem 1.4rem;
	margin: 0 0 1rem 0;
	/* margin: 1rem 0; */
	/* font-size: 2rem; */
	/*font-size: 1.7rem;*/
	position:relative;
}
.knn--container-top-about h2:before,
.knn--container-top-author h2:before{
	position: absolute;
	width: 5px;
	height: /*92%*/ 100%;
	background-color:rgb(15, 76, 58);
	top: 0;
	left: 0;
	content: "";
	display: block;
}

footer .knn--koen-lead{
	margin-bottom:1.5rem;
}

footer .knn--koen-lead > span,
.knn--container-top-about h2 > span,
.knn--container-top-author h2 > span{
	font-size:0.7em;
	font-family: 'Lora', serif!important;
	display:block;
}

.knn--container-top-about .knn--bg-text p,
.knn--container-top-author .knn--bg-text p{
 font-size:1.1rem;
 line-height:1.7;

}


/* コンテナ（トップページ：当サイトについて） */
.knn--container-top-about .knn--img-list > div{
	border:1px solid #fff;
	padding:0;
}

.knn--container-top-about .knn--img-list > div > img{
	max-width: 100%;
	height: auto;
}


/* コンテナ（トップページ：作者紹介） */
.knn--container-top-author{
	/*.container-fluid.knn--container-fluid:nth-of-type(2n){*/
	background-color:rgba(225,249,241,0.3);
}

.knn--container-top-author h2{
	margin-bottom:0;
}


/* コンテナ（当サイトについて） */
.knn--container-about .knn--bg-text{
	font-size:1.4rem;
	line-height:2.3em;
	padding-left:1em;
	padding-right:1em;
}

.knn--container-about .knn--bg-text p{
	margin-bottom:1em;
}


.knn--container-about .knn--bg-text p:last-of-type{
	margin-bottom:0;
}


/* イタリア語の部分 */
.knn--lead-text > div > span,
.jumbotron.knn--jumbotron h2 > div > span,
/*.container-fluid.knn--container-fluid > h2 > div > span,*/
.container-fluid.knn--container h2 > div > span,
.container.knn--container h2 > div > span{
	display:block;
	padding-top:0.6em;
	font-family: 'Lora', serif;
	letter-spacing:0.1em /*0.15em*/;
}

.knn--lead-text > div,
.jumbotron.knn--jumbotron h2 > div,
/*.container-fluid.knn--container-fluid h2 > div,*/
.container-fluid.knn--container h2 > div,
.container.knn--container h2 > div{
	font-size: 70%;
	font-weight: 400;
	display:block;
	position:relative;
	margin-top:1em;
}
.knn--lead-text > div:before,
.jumbotron.knn--jumbotron h2 > div:before,
/*.container-fluid.knn--container-fluid > h2 > div:before,*/
.container-fluid.knn--container h2 > div:before,
.container.knn--container h2 > div:before{
	content :'';
	display:block;
	background-color:rgb(15, 76, 58);;
	height:1px;
	position:absolute;
	width:10em;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.jumbotron.knn--jumbotron h2 > div{
	font-size:50%;
}
.jumbotron.knn--jumbotron h2 > div:before{
	background-color: #fff;
}


.knn--lead-text > div:before{
	width:10%;
}
.jumbotron.knn--jumbotron h2 > div:before{
	width:80%;
}

.knn--btn-small > span{
	font-size: 80%;
	font-weight: 400;
	margin-top:0.2em;
	display:block;
	font-family: 'Lora', serif;
}

footer .knn--btn-small{
	width:14rem;
}

footer .knn--btn-small{
	margin-bottom:1rem;
}


/* イタリア語の表示・非表示　body.it ･･･ 全体。.it ･･･ 一部分。*/
body.it .knn--block{ display:block!important; }
body.it .knn--inline-block{ display:inline-block!important; }
body.it .knn--inline{ display:inline!important; }
body.it .knn--none{ display:none!important; }

.knn--block,
.knn--inline-block,
.knn--inline-block{
	display:none!important;
}

body.it .knn--block,
body.it .knn--inline-block,
body.it .knn--inline{
	font-family: 'Lora', serif!important;
}


 /* h2タグ */
body.it h2.knn--block > div > span{
	/*font-family: 'Sawarabi Mincho', sans-serif!important;*/
	font-family: 'Sawarabi Mincho', 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif!important;
}

body.it h2.knn--block > span{
	/*font-family: 'Sawarabi Mincho', sans-serif!important;*/
	font-family: 'Sawarabi Mincho', 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif!important;
}

 /* フッター */
body.it footer .knn--koen-lead{
	font-family: 'Lora', serif!important;
}
body.it footer .knn--koen-lead > span{
	/* font-family: 'Sawarabi Mincho', sans-serif!important;*/
	font-family: 'Sawarabi Mincho', 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif!important;
}

body.it .knn--block.knn--btn-small{ font-family: 'Lora', serif; }
body.it .knn--block.knn--btn-small > span{
	/* font-family: 'Sawarabi Mincho', sans-serif;*/
	font-family: 'Sawarabi Mincho', 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

.it.knn--lead-text > div > span,
.it.jumbotron.knn--jumbotron h2 > div > span,
/*.it.container-fluid.knn--container-fluid h2 > div > span,*/
.it.container-fluid.knn--container h2 > div > span,
.it.container.knn--container h2 > div > span{
	/* font-family: 'Sawarabi Mincho', sans-serif!important;*/
	font-family: 'Sawarabi Mincho', 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif!important;
}

/*.it.container-fluid.knn--container-fluid h2*/
.it.container-fluid.knn--container h2
.it.container.knn--container h2{
	font-family: 'Lora', serif;
}

.it.knn--container-about .knn--bg-text p{
	font-family: 'Lora', serif;
}

.it.jumbotron.knn--jumbotron h2{
	font-family: 'Lora', serif;
}

.it.knn--container-card .card-img-overlay > div{
	font-family: 'Lora', serif;
}

/* ドロワー */
body.drawer-open .drawer-navbar.knn--drawer-navbar .drawer-navbar-header{
	background-color:rgb(255,255,255);
}
.drawer-navbar.knn--drawer-navbar .drawer-navbar-header{
	background-color:rgba(255,255,255,0.92);
	border-top: 4px solid rgb( 15, 76, 58);
}

.drawer-hamburger-icon, .drawer-hamburger-icon::after, .drawer-hamburger-icon::before {
	background-color: rgb( 15, 76, 58);
}

.drawer-navbar.knn--drawer-navbar{
	box-sizing:content-box;
}

.drawer-navbar.knn--drawer-navbar .drawer-hamburger{
	padding: 1rem .75rem 1.8rem;
}

.knn--drawer-navbar .drawer-brand {
	padding-left: 0;
	background: url(/_common/img/logo-right.svg) no-repeat center center;
	background-repeat: no-repeat;
	width: 100%;
	background-size: contain;
	margin-top: 5px;
	height: 80%;
}

.knn--drawer-navbar .text-hide {
	font: 0/0 a!important;
	color: transparent!important;
	text-shadow: none!important;
	background-color: transparent!important;
	border: 0!important;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.drawer-navbar.knn--drawer-navbar .drawer-nav{
	background-color:rgb( 15, 76, 58);
}
.drawer-navbar.knn--drawer-navbar .drawer-nav .drawer-menu-item{
	color:#fff;
}

.drawer-navbar .drawer-menu{
	letter-spacing:0.2rem;
}

.drawer-dropdown-menu.dropdown-menu .drawer-dropdown-menu-item{
	line-height:1.5;
	padding:0.75rem;
	padding-left:1.75rem;
	border-bottom:1px solid #ddd;
}

.drawer-dropdown-menu.dropdown-menu{
	position:static!important;
	top:auto!important;
	left:auto!important;
	transform:none!important;
	border-radius:0;
	float:none;
	border:0;
}

.drawer-dropdown-menu.dropdown-menu > li > a:hover{
	background-color:rgb(225,249,241);
}

/* ドロワー（ナビ補足）  */
.drawer-navbar.knn--drawer-navbar .drawer-nav .drawer-menu-item,
.drawer-dropdown-menu.dropdown-menu .drawer-dropdown-menu-item{
	position:relative;
}

.drawer-navbar.knn--drawer-navbar .knn-item-content-01:after{ /* 当サイトについて */ content :'- STORIA DEL SITO -'; }
.drawer-navbar.knn--drawer-navbar .knn-item-content-02:after{ /* 作品紹介 */ content :'- OPERE -'; }
.drawer-navbar.knn--drawer-navbar .knn-item-content-03:after{ /* 問い合わせ */ content :'- CONTATTI -'; }
.drawer-navbar.knn--drawer-navbar .knn-item-content-11:after{ /* 人物・動物画 */ content :'- RITRATTI DI PERSONE E ANIMALI -'; }
.drawer-navbar.knn--drawer-navbar .knn-item-content-12:after{ /* 図案画 */ content :'- DISEGNI GRAFICI -'; }
.drawer-navbar.knn--drawer-navbar .knn-item-content-13:after{ /* 静物画 */ content :'- NATURA MORTA -'; }
.drawer-navbar.knn--drawer-navbar .knn-item-content-14:after{ /* 書 */ content :'- SCRITTURE -'; }
.drawer-navbar.knn--drawer-navbar .knn-item-content-15:after{ /* 風景画 */ content :'- PAESAGGI -'; }
.drawer-navbar.knn--drawer-navbar .knn-item-content-16:after{ /* 飛行機とパイロット */ content :'- AEREI E PILOTI -'; }
.drawer-navbar.knn--drawer-navbar .knn-item-content-17:after{ /* 作者紹介 */ content :'- AUTORE -'; }

.drawer-navbar.knn--drawer-navbar .knn-item-content-01:after,
.drawer-navbar.knn--drawer-navbar .knn-item-content-02:after,
.drawer-navbar.knn--drawer-navbar .knn-item-content-03:after,
.drawer-navbar.knn--drawer-navbar .knn-item-content-11:after,
.drawer-navbar.knn--drawer-navbar .knn-item-content-12:after,
.drawer-navbar.knn--drawer-navbar .knn-item-content-13:after,
.drawer-navbar.knn--drawer-navbar .knn-item-content-14:after,
.drawer-navbar.knn--drawer-navbar .knn-item-content-15:after,
.drawer-navbar.knn--drawer-navbar .knn-item-content-16:after,
.drawer-navbar.knn--drawer-navbar .knn-item-content-17:after{
	font-family: 'Lora', serif;
	line-height:1.5;
	display:block;
	white-space:nowrap;
	font-size:0.78em;
	letter-spacing:0.15em;
	margin-left:0.4em;
}

/* --------------------------------------------- */
/* その他 */
.knn--lead-text{
	padding:2rem 0;
	border-top:1px solid #dcddda;
	border-bottom:1px solid #dcddda;
	margin-bottom:4rem;
	line-height:1.7;
}

.knn--bg-text{
	padding:5rem 2rem;
}

.knn--bg-text h2{
	line-height:1.5;
}

.knn--bg-text.knn--bg-text-big > div > p{
	margin-bottom:0;
}


/* ↓ 未使用？ ↓ */
.md-v-line {
	position: absolute;
	border-left: 1px solid rgba(0, 0, 0, .125);
	height: 50px;
	top: 0px;
	left: 54px;
}
/* --------------------------------------------- */

/* コンテナ（余白調整） */

/*.container-fluid.knn--container-top-author,*/
/*.container-fluid.knn--container,
.container.knn--container{*/
.knn--container{
	padding-top:5rem;
	padding-bottom:5rem;
}

.knn--container.knn--container-top-about,
.knn--container.knn--container-top-author{
	padding-top:0;
	padding-bottom:0;
}

.knn--container-gallery-00 + .knn--container-card,
.knn--container-gallery-00 + .knn--container-card + .knn--container-card{
	padding-top:0!important;
}

.knn--container.knn--container-about{
	padding-top:0;
	padding-bottom:0;
}


/* -----------↑ここまで確認済み↑--------------- */

.knn--bg-image-fluid{
	min-height:250px;
}

footer .container{
	padding-top:4rem;
	padding-bottom:4rem;
}

footer .container > .footer-title{
 margin-bottom:2rem;
}

.page-load-status{
	margin-top:3rem;
	padding-top:2rem;
	display:none!important; /* 全画像読み込みの為 */
}

.page-load-status > p{
	margin:0;
}

.form-row{
	margin-bottom:3rem;
}

/* コンテナ */
.container.knn--container.knn--container-gallery-00{
	padding-left:0;
	padding-right:0;
}

/*
.container.knn--container.knn--container-gallery-00 table.table-hover tbody tr.clickable:hover{
	background-color:rgb(225,249,241);
	cursor:pointer;
}
*/

.container.knn--container.knn--container-gallery-00 table caption{
	caption-side:top;
}

.container.knn--container.knn--container-gallery-00 table thead th{
	white-space: nowrap;
}

.container.knn--container.knn--container-gallery-00 table.table-striped tbody tr:nth-of-type(odd){
	background-color:rgb(225,249,241);
}

.container.knn--container.knn--container-gallery-00 table.table-hover tbody tr:hover{
	background-color:#00695C;
	color:#fff;
}
.container.knn--container-gallery-00 table.table-hover tbody tr:hover td:nth-of-type(4) > a i,
.container.knn--container-gallery-00 table.table-hover tbody tr:hover td:nth-of-type(5) > a i{
	color:#fff;
}

/*
.container.knn--container-gallery-00 table.table-hover tbody tr:hover td:nth-of-type(5) > a:hover{
	cursor:auto;
}
*/

.container.knn--container-gallery-00 table thead th{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2;
	background-color: rgb( 15, 76, 58);
	color: #fff;
}

.container.knn--container-gallery-00.knn--is-show00 table thead th{
	top:52.5px;
}

.container.knn--container-gallery-00 table tbody tr td:nth-of-type(4),
.container.knn--container-gallery-00 table tbody tr td:nth-of-type(5){
	padding:0;
	position:relative;
}

.container.knn--container-gallery-00 table tbody tr td:nth-of-type(4) > a,
.container.knn--container-gallery-00 table tbody tr td:nth-of-type(5) > a{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}



.container.knn--container-gallery-00 table tbody tr td:nth-of-type(4) > a i,
.container.knn--container-gallery-00 table tbody tr td:nth-of-type(5) > a i{
	font-size:1.2rem;
}


.container.knn--container-gallery-00 table tbody tr td:nth-of-type(4) > a > i{
	/* color:rgb(15, 76, 58); */
	color:rgb(25,118,210);
}

.container.knn--container-gallery-00 table tbody tr td:nth-of-type(5) > a > ul > li{
	display:inline-block;
}

.container.knn--container-gallery-00 table tbody tr td:nth-of-type(5) > a > i,
.container.knn--container-gallery-00 table tbody tr td:nth-of-type(5) > a > ul > li:nth-of-type(1) > i{
	color:rgb(236, 64, 122);
}

.container.knn--container-gallery-00 table tbody tr td:nth-of-type(5) > a > ul > li:nth-of-type(2) > i{
	margin-left:0.4rem;
	color:#d50000;
}


/*
.container.knn--container-gallery-00 table tbody tr td:nth-of-type(5) > a > img{
 width:1rem;
}

.container.knn--container-gallery-00 table tbody tr td:nth-of-type(5) > a:after{
  content: '';
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(/img/ico-pdf.png);
  background-size: contain;
  vertical-align: middle;
  background-repeat:no-repeat;
	position:absolute;
}
*/



/* コンテナ（お知らせ） */
.container-fluid.knn--container-oshirase{
	background-color:rgba(225, 249, 241, 0.8);
	padding-left:0;
	padding-right:0;
}

.container-fluid.knn--container-oshirase .container.knn--container{
	padding-top:1rem;
	padding-bottom:1rem;
}

.container-fluid.knn--container-oshirase ul{
	/*background-color:#fff;*/
	margin-bottom:0;
	list-style: none;
}

.container-fluid.knn--container-oshirase ul li{
	width:100%;
	letter-spacing: 0.02rem;
	line-height:1.8;
}

.container-fluid.knn--container-oshirase ul li span{
	display:inline-block;
	margin-right:1rem;
}

.container-fluid.knn--container-oshirase ul li span:nth-of-type(1){
	font-weight:bold;
}

.container-fluid.knn--container-oshirase ul li span:nth-of-type(2){
	margin-right:0;
}


/*
.container-fluid.knn--container-oshirase ul li span:nth-of-type(2){
	border:1px solid;
	padding:0.1rem 1rem 0.2rem 1rem;
	border-radius: 50rem !important;
	background-color: rgb( 15, 76, 58);
	color: #fff;
}
*/


/*
.container-fluid.knn--container-oshirase{
	background-color:rgb( 15, 76, 58);
}

.container-fluid.knn--container-oshirase .container.knn--container{
	padding-top:1rem;
	padding-bottom:1rem;
}

.container-fluid.knn--container-oshirase ul{
	background-color:#fff;
	margin-bottom:0;
	padding:1.5rem;
	list-style: none;
}

.container-fluid.knn--container-oshirase ul li span{
	display:inline-block;
	margin-right:2rem;
}

.container-fluid.knn--container-oshirase ul li span:nth-of-type(2){
	border:1px solid;
	padding:0.1rem 1rem 0.2rem 1rem;
	border-radius: 50rem !important;
	background-color: rgb( 15, 76, 58);
	color: #fff;
}
*/

/* ジャンボトロン */
.jumbotron.knn--jumbotron{
	min-height:250px;
	margin:0;
	position:relative;
}

.jumbotron.knn--jumbotron > div.knn--jumbotron-div{
	/* background-color:rgba(225,249,241,0.8); */
	background-color:rgba( 15, 76, 58,0.8);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width:80%;
}

.jumbotron.knn--jumbotron h2{
	margin:0;
	padding:1em 0;
	/* color:rgb( 15, 76, 58); */
	color:#fff;
	font-size:2rem;
}

/* コンテナ（フッター） */
footer{
	background-color:rgb( 15, 76, 58);
	color:#fff;
}

footer .container > .row > div:nth-of-type(1){
	/* padding-bottom:2rem;*/ 
	padding-bottom:3rem;
}

footer .container > .row > div:nth-of-type(2){
	/* padding-top:2rem;*/
	padding-top:3rem;
}

footer .container > .row > div:nth-of-type(2):before{
	position:absolute;
	content:"";
	border-bottom:1px solid #fff;
	width:80%;
	top:0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}


footer .container img{
	width:50%;
}

footer .copyright{
	padding:2rem 1em;
	background-color:#fff;
	color:rgb( 15, 76, 58);
}

footer .footer-title{
	font-size:1.6rem;
}


footer .container > div.row > div:first-of-type > div:first-of-type{
	margin-bottom:2rem;
}

footer .knn--koen{
	line-height:2.5;
	margin-bottom:0;

	text-align: left;
	/*width: 84%;*/
	width: 92%;
	margin-left: auto;
	margin-right: auto;

}

footer .knn--koen a{
	color:#fff;
	display:inline-block;
}
footer .knn--koen a > i{
	margin-left:0.5em;
	margin-right:1em;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}


footer .knn--koen > a:hover{
	/* color:rgb(225,249,241); */
	text-decoration:underline;
}

footer .knn--koen > a:hover > i{
	margin-left:1em;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

/* グリッド（カード用） */

/*
.container.knn--container-card{
 max-width:100%;
}
*/

.knn--container-card .card{
 -webkit-box-shadow:none;
 box-shadow:none;
 border-radius:0;
}
.knn--container-card .card .card-img-top{
 border-radius:0;
}


.knn--container-card > .row > div:nth-of-type(2n + 1){
 padding:2px 1px 0 2px;
}

.knn--container-card > .row > div:nth-of-type(2n){
 padding:2px 2px 0 1px;
}

.knn--container-card > .row > div:nth-of-type(1),
.knn--container-card > .row > div:nth-of-type(2){
 padding-top:0;
}

/* グリッド（画像スクロール表示用） */
.knn--container-grid{
	padding:0 0 5rem 0;
}
.knn--container-grid .grid-item{
	padding:0.5rem;
}

/* カード */
.card-img-overlay{
	padding: 0;
	/*top: calc(50% - 2rem);*/
	top: calc(50% - 4.86vw);
	text-align: center;
	/*  font-weight: bold;*/
}
.knn--container-card .card-img-overlay > div{
	line-height:1.2;
	font-size:3.88vw; /*  文字サイズ（22.4px)÷画面幅（576px）×100 */
	background-color:rgba(255,255,255,0.9);
	padding:0.36em 0.2em;

	background-color:rgba(15,76,58,0.8);
	color:#fff;
	padding:0.5em 0.2em;
	display:inline-block;
	width:85%;
}

.page-load-status {
	display: none; /* hidden by default */
	border-top: 1px solid #DDD;
	text-align: center;
	color: #777;
}


/* loader ellips in separate pen CSS */
.knn--container-card .card:hover{
 opacity:0.8;

}
/*
.overlay:hover + .card-img-overlay > div{
	background-color:#fff;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
}
*/

/* lightbox */
.knn--container-grid a[data-toggle="lightbox"] { display:block; position:relative; }
.knn--container-grid a[data-toggle="lightbox"]:after {
	position: absolute;
	display: block;
	font-family: "Font Awesome 5 Free";
	font-size:2rem;
	font-weight: bold;
	opacity:0.5;
  content: "\f00e";
	right:0.5rem;
	top:0.5rem;
	line-height:1;
	opacity:0.6;
	color:rgb(33, 37, 41);
	color:#fff;
}
.knn--container-grid a[data-toggle="lightbox"]:hover:after{ color:rgb( 15, 76, 58); }

.ekko-lightbox-nav-overlay a{
 color:#fff;
 opacity:1;
 margin-top:auto;
 margin-bottom:auto
}
.ekko-lightbox-nav-overlay a:nth-of-type(1){ text-align:left; }
.ekko-lightbox-nav-overlay a:nth-of-type(2){ text-align:right; }

.ekko-lightbox-nav-overlay a span{ font-size:2.4rem; padding:0 1rem; }

.knn--card,
.knn--card > a >img{
 border-radius:1.5rem;
}

.knn--card > span.no{
 position:absolute;
 top:0;
 left:0;
 z-index:2;
 background-color: rgb(15,76,58);
 color: #fff;
 padding:0.1em 0.3em;
 border-radius: 0.25rem;
}

/* ギャラリー モーダル */
/*
.ekko-lightbox .modal-dialog{
 margin:0;
}
*/

.ekko-lightbox .modal-dialog .modal-content .modal-header{
 display:none;
}

.ekko-lightbox .modal-dialog .modal-content .modal-body{
	padding:0;
}


.ekko-lightbox .modal-dialog .modal-content .modal-body .modal-title{
	z-index: 1;
	line-height: 1;
	padding: /*1rem*/0.6rem 0.6rem 0.5rem 0.6rem;
	font-size:1.2rem;

	background-color: rgb(15,76,58);
	color: #fff;
	border-radius: 0.125rem;
	position:absolute;
}

.ekko-lightbox .modal-dialog .modal-content .modal-body .modal-sns{
	position:absolute;
	right:/*0.5rem*/0;
	bottom:/*0.5rem*/0;
	background-color:rgba(255,255,255,0.8);
	z-index:2;
	border-top-left-radius:0.125rem;
	 /* border-radius:0.125rem; */
}


.ekko-lightbox .modal-dialog .modal-content .modal-body button.close{
	z-index: 2;
	line-height: 1;
	margin: 0;
	width: 3.5rem;
	height: 3.5rem;
	padding: 0;
	position: relative;
	border: 2px solid #000;
	position:absolute;
	right:0;
}


.ekko-lightbox .modal-dialog .modal-content .modal-body button.close:before,
.ekko-lightbox .modal-dialog .modal-content .modal-body button.close:after{
	position:absolute;
	top:50%;
	left:0;
	content:'';
	display: block;
	width: 100%;
	border-top: 3px solid #000;
}

.ekko-lightbox .modal-dialog .modal-content .modal-body button.close:before{
	transform: skewY(-45deg);
}
.ekko-lightbox .modal-dialog .modal-content .modal-body button.close:after{
	transform: skewY(45deg);
}


.ekko-lightbox .modal-dialog .modal-content .modal-body button.close > span{
	display:none;
}

.ekko-lightbox .modal-dialog .modal-content .modal-footer{
	display:block;
}


.ekko-lightbox .modal-dialog .modal-content .modal-footer table{
	border:1px solid rgb( 15, 76, 58);
	text-align:left;
	margin-bottom:0.8rem;
}

.ekko-lightbox .modal-dialog .modal-content .modal-footer table th{
	background-color: rgb(225,249,241);
	width:5rem;
}

.ekko-lightbox .modal-dialog .modal-content .modal-footer table th,
.ekko-lightbox .modal-dialog .modal-content .modal-footer table td{
	border-color:rgb( 15, 76, 58)!important;
	white-space: nowrap;
}

/*.ekko-lightbox .modal-dialog .modal-content .modal-footer > div > a{*/
.ekko-lightbox .modal-dialog .modal-content .modal-footer > div a{
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	padding:0;
}

/* SNSボタン */

.knn--list-inline-sns{

	margin-bottom:0;
	padding:0.5rem;
}

.knn--list-inline-item-title{
	color:#212529;
}

.btn.twitter_color,
.btn.facebook_color,
.btn.line_color{
	padding:0.4rem 1rem;
	margin:0;
	font-size:1rem;
	height:2rem;
	width:2rem;
	position:relative;
}

/*
.knn--list-inline-item-title > p,
*/
.btn.twitter_color > i,
.btn.facebook_color > i,
.btn.line_color > i{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.twitter_color  { border:2px solid #6cb7f0!important; background-color:#6cb7f0!important; color:#fff!important; }
.facebook_color { border:2px solid #4264aa!important; background-color:#4264aa!important; color:#fff!important; }
.line_color     { border:2px solid #00c300!important; background-color:#00c300!important; color:#fff!important; }

/* ローディング */
#loader-bg {
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #fff;
	z-index: 1051;
}
#loader-bg-child{
	margin-left:auto;
	margin-right:auto;
	display:block;
	height:100%;
	position:relative;
}

#loader-bg-child > div{
	width:100%;
	display:none;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	text-align:center;
}

#loader-bg-child > div > img{
	max-width:60%;
}

#loader-bg-child > div > ul{
	justify-content: center;
	max-width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-top:-20px;
}

#loader-bg-child > div > ul > li{
	border:0;
	padding-top:0;
}


#loader-bg-child > div > ul > li > a,
#loader-bg-child > div > ul > li > button{
 width:100%;
}

/* Youtube モーダル */
.youtube-div-modal .modal-dialog .modal-content .modal-body{
	padding:0;
}

.youtube-div-modal .close:before,
.youtube-div-modal .close:after{
	position:absolute;
	top:50%;
	left:0;
	content:'';
	display: block;
	width: 100%;
	border-top: 3px solid #000;
}

.youtube-div-modal .close:before{
	transform: skewY(-45deg);
}
.youtube-div-modal .close:after{
	transform: skewY(45deg);
}


.bmd-modalButton{ display:none; }
.youtube-div-modal .close-button {
	overflow: hidden;
	position: absolute;
	margin-top: -3.9rem;
	right: 0;
	width:3.5rem;
	height:3.5rem;
}

.youtube-div-modal .bmd-modalContent {
	box-shadow: none;
	background-color: transparent;
	border: 0;
}
 
.youtube-div-modal .bmd-modalContent .close {
	font-size: 2rem;
	line-height: 2rem;
	padding: 0;
	text-shadow: none;
	opacity: .7;
	color:#fff;
	width:100%;
	height:100%;
}

.youtube-div-modal .bmd-modalContent .close:hover,
.youtube-div-modal .bmd-modalContent .close:focus {
	opacity: 1;
	outline: none;
}

.youtube-div-modal .modal-dialog-fluid {
	max-width: inherit;
	width:auto;
	margin-left:0.5rem;
	margin-right:0.5rem;
}

.modal-backdrop{
	background-color:rgb(225,249,241);
}

/* カルーセル */
.carousel > img{
	position:absolute;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index:1;
	width:40%;
}
.carousel-item {
	height: 100%;
}
.carousel-item img{
	width:100vw;
}
.carousel .carousel-indicators li{
	width:5rem;
	height:0.5rem;
	-webkit-border-radius:0;
	border-radius:0;
}

.carousel-fade .carousel-item {
	opacity: 0;
	-webkit-transition-duration: 2s;
	-o-transition-duration: 2s;
	transition-duration: 2s;
}


.carousel-indicators .active{
	background-color:rgb( 15, 76, 58);
}

.carousel-indicators{
	z-index:2;
	bottom:35px;
}

.carousel-control-next, .carousel-control-prev{
	opacity:1;
}

.carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon{
	width:5rem;
	height:5rem;
}

.carousel .carousel-control-next-icon{
	background-image: url(/_common/img/svg/arrow_right.svg);
}

.carousel .carousel-control-prev-icon {
	background-image: url(/_common/img/svg/arrow_left.svg);
}


/* サムネイルインジケータ */
/*
#caro .carousel-indicators {
	bottom: 0;
	padding: 5px 0;
	margin: 0;
	background-color: rgba(0, 0, 0, 0.1);
}
#caro .carousel-indicators li {
	width: 100px;
	height: auto;
	text-indent: unset;
	background-color: transparent;
	opacity: 0.5;
}
#caro .carousel-indicators li.active {
	opacity: 1;
}
#caro .carousel-indicators li::before,
#caro .carousel-indicators li::after {
	width: 0;
	height: 0;
}
*/


/* contact.php */
.form-row > div{
 margin-bottom:2rem;
}
.form-row > div:last-of-type{
 margin-bottom:0;
}

.mail-ok-text, .mail-ng-text{
 display:none;
}

#div-submit.mail-ok > button,
#div-submit.mail-ng > button{
 display:none;
}
#div-submit.mail-ok > .mail-ok-text{
 display:block!important;
}

#div-submit.mail-ng > .mail-ng-text{
 display:block!important;
}


.g-recaptcha > div{
 margin-left:auto;
 margin-right:auto;
}

/* タブコンテント */
.nav-tabs.knn--nav-tabs{
 margin-top:2rem;
 border-radius:0;
}

.nav-tabs.knn--nav-tabs .nav-item{
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: center;
	/*margin-bottom:0;*/
}

.nav-tabs.knn--nav-tabs .nav-link.active{
 background-color:rgb( 15, 76, 58);
 color:#fff;
}

.nav-tabs.knn--nav-tabs .nav-link{
 color:rgb( 15, 76, 58);
 border-radius:0;
}

/*
.knn--container-top-gallery .knn--bg-text{
 padding: 3rem 1rem;
}
*/

/* ギャラリー画面でのローディング スピナー */
.spinner {
	width: 32px;
	height: 32px;
	margin: 10px auto;
	border: 4px #ddd solid;
	border-top: 4px #2e93e6 solid;
	border-radius: 50%;
	animation: sp-anime 1.0s infinite linear;
}

@keyframes sp-anime {
	100% { 
		transform: rotate(360deg); 
	}
}

.knn--loader-bg-gallery #loader-bg-child > div{
	display:block; position:relative;
}

.knn--loader-bg-gallery #loader-bg-child > div > div.spinner{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 59.3vw; /* 画面幅 576pxでの幅（342px)÷画面幅（576px）×100 */
	width: 59.3vw;
	/* max-width: 60%; */
	margin-top: -1rem;
	border-top-color:rgb( 15, 76, 58);
}

/* 動画 */
.knn--container-top-movie{
 padding-top:5rem;
 padding-bottom:5rem;
 background-color:rgba( 15, 76, 58,0.8);
 overflow: hidden;
 position:relative;
}

.knn--container-top-movie:before{
	content: "";
	position: absolute;
	width: 18rem;
	height: 18rem;
	background-image: url(/_common/img/logo-white.svg);
	background-size: contain;
	top: 0rem;
	right: -2rem;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	opacity:/*0.2*/0.6;
	z-index:1;
}

.knn--col-movie h3{
	margin-bottom:4rem;
	text-align:center;
}


.knn--col-movie > .row > div:nth-of-type(1){
	/*margin-bottom:2rem;*/
	margin-bottom:3.5rem;
}


/*
.knn--col-movie .bmd-modalButton{
 margin:0;
 padding:0;
}

.knn--col-movie .bmd-modalButton{
 border:0.6rem solid #fff;
 border-radius:0.8rem;
 background-color:#fff;
}

.knn--col-movie .bmd-modalButton:before{
	background: transparent url(/img/btn.png) no-repeat center center;
	background-size: contain;
	width: 25%;
	height: 25%;
	content: "";
	font-weight: lighter;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 1;
}


.knn--col-movie .bmd-modalButton > img{
 border-radius:0.8rem;

}

.knn--col-movie .bmd-modalButton > span{
	position: absolute;
	background-color: rgba(33,33,33,0.8);
	right: 0;
	bottom: 0;
	color: #fff;
	border-radius: 2px;
	font-size: 0.9rem;
	padding: 0.3em 0.5em;
}
*/

/* youtube埋め込み用 */
.movie-wrap {
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
	z-index:1;
}
 
.movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* モーダルダイアログ：縦長画像の場合 */

.ekko-lightbox.knn--ekko-lightbox {
 display:block!important;
}
.ekko-lightbox.knn--ekko-lightbox > div.modal-dialog{
 margin-left:auto;
 margin-right:auto;
 margin-top:1rem;
 margin-bottom:1rem;
}

.ekko-lightbox.knn--ekko-lightbox.knn--ekko-lightbox-horizontal{
 padding-left:1rem!important;
 padding-right:1rem!important;
}

.knn--form-group-g-captcha{
	margin-bottom:2rem;
}

.modal-sns-page{
	position:absolute;
	right:0;
	bottom:0;
	z-index:1;
}

.modal-sns-page .list-inline-item:not(:last-child){
	margin-right:.3rem;
}

.modal-sns-page .twitter_color,
.modal-sns-page .facebook_color,
.modal-sns-page .line_color{
 border-color:rgb(15, 76, 58)!important;
 background-color:rgb(15, 76, 58)!important;
}
/*
#caro .modal-sns-page .twitter_color > i,
#caro .modal-sns-page .facebook_color > i,
#caro .modal-sns-page .line_color > i{
 color:#fff!important;
}

#caro .modal-sns-page .twitter_color > i:before,
#caro .modal-sns-page .facebook_color > i:before,
#caro .modal-sns-page .line_color > i:before{
 border-color:rgb(15, 76, 58)!important;
}
*/





/* ページ上部：線 */
.drawer-hamburger{
	top:4px;
}

.drawer-navbar .drawer-nav{
	padding-top:56.5px;/* 52.5+ bnorder-top */
}

/* リンクホバー */
a.link-hover{
 text-decoration:underline;
}

a.link-hover:hover{
 text-decoration:none;
}

a.link-hover > i{
	margin-left:0.5em;
	margin-right:1em;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

a.link-hover:hover > i{
	margin-left:1em;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

/* 作者紹介：テーブルフィルタ  */
.filter-group {
	box-sizing: border-box;
	padding: 0 0.8rem 0.4rem 0.8rem;
	padding: 0.4rem 0.8rem;
}

#filter-div:before {
	display: block;
	content: "";
	margin-top:-52.5px;
	height:52.5px;
	visibility:hidden;
}
.filter-group .form-control{
	border-radius:0;
}
.filter-group .input-group-prepend{
	margin-right:0;
}

.filter-group .input-group-prepend #filter-clear{
	border: 1px solid #ced4da;
	border-left:0;
	width:100%;
	padding-left:1rem;
	padding-right:1rem;
}

#search-text-01,   #search-text-02{
 border-radius:0.125rem;
}

#search-button-01, #search-button-02{
 margin-left:0;margin-right:0;padding: .375rem .75rem;font-size: 1rem;width:100%;margin-top:0.5rem;
}

#search-button-01{
 background-color:rgb(15,76,58)!important;
 border-color:rgb(15,76,58)!important;
 color:#fff!important;
 margin-bottom:0;
}




/* ------------------------------ 576px以上、適用 ------------------------------ */
@media (min-width: 576px) {

	/* カード */
	.card-img-overlay{ top: calc(50% - 2rem); }
	.card-img-overlay > div{ padding:0.36em 0; font-size:1.4rem!important; }

	/* ローディング ･･･ [/ , /content/gallery-01～06.php のローディング] */
	#loader-bg-child{
		max-width:500px;
	}
	#loader-bg-child > div > img{
		max-width:350px;
	}
	#loader-bg-child > div > ul > li > a,
	#loader-bg-child > div > ul > li > button{
		width:10rem;
	}

	/* ローディング ･･･ ギャラリーページでのスピナー。 */
	.knn--loader-bg-gallery #loader-bg-child > div > div.spinner{
		height: 342px /*25rem*/;
		width: 342px /*25rem*/;
	}

	/* ギャラリー モーダル */
	.ekko-lightbox .modal-dialog{
		margin:0 auto;
	}

	/* Youtube モーダル */
	.youtube-div-modal .modal-dialog-fluid {
		width:80%;
		max-width:800px;
		margin-left:auto;
		margin-right:auto;
	}

	/* ジャンボトロン */
	.jumbotron.knn--jumbotron{
		min-height:350px;
	}

	/* コンテナ：作者一覧 */
	.container.knn--container-gallery-00{
		max-width:95%;
	}

	/* フッター */
	footer .knn--btn-small{
		margin-bottom:0.375rem;
	}

	/* -----------↑ここまで確認済み↑--------------- */

	.container-fluid.knn--container-oshirase dl dt{
		text-align:right;
	}



}

/* ------------------------------ 768px以上、適用 ------------------------------ */
@media (min-width: 768px) {

	html{ font-size:100%; }

	/* 余白 */
	.knn--container{
		padding-top:8rem;
		padding-bottom:8rem;
	}

	/* 見出し */
	.container-fluid.knn--container > h1,
	/*.container-fluid.knn--container h2,*/
	.container-fluid.knn--container > h3,
	.container-fluid.knn--container > h4,
	.container-fluid.knn--container > h5,
	.container-fluid.knn--container > h6,
	.container.knn--container > h1,
	/*.container.knn--container h2,*/
	.container.knn--container > h3,
	.container.knn--container > h4,
	.container.knn--container > h5,
	.container.knn--container > h6{
		margin-bottom:6rem;
	}

	.container-fluid.knn--container .knn--div-h2,
	.container.knn--container .knn--div-h2{
		padding-bottom:8rem;
	}

	.container-fluid.knn--container .knn--div-h2.knn--div-h2-page-bottom,
	.container.knn--container .knn--div-h2.knn--div-h2-page-bottom{
		padding-bottom:6rem;
	}

	/* ドロワー（補足） */
	.drawer-navbar.knn--drawer-navbar .knn-item-content-01:after,
	.drawer-navbar.knn--drawer-navbar .knn-item-content-02:after,
	.drawer-navbar.knn--drawer-navbar .knn-item-content-03:after{
		line-height:1;
		position:absolute;
		top:5.3rem;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		white-space:nowrap;
		margin-left:auto;
	}

	.drawer-navbar.knn--drawer-navbar .knn-item-content-11:after,
	.drawer-navbar.knn--drawer-navbar .knn-item-content-12:after,
	.drawer-navbar.knn--drawer-navbar .knn-item-content-13:after,
	.drawer-navbar.knn--drawer-navbar .knn-item-content-14:after,
	.drawer-navbar.knn--drawer-navbar .knn-item-content-15:after,
	.drawer-navbar.knn--drawer-navbar .knn-item-content-16:after,
	.drawer-navbar.knn--drawer-navbar .knn-item-content-17:after{
		white-space: pre-wrap!important;
	}

	.drawer-dropdown-menu.dropdown-menu .drawer-dropdown-menu-item{
		padding-left:1.5rem;
	}

	/* コンテナ（トップページ：作者紹介） */
	/*
	.knn--container-top-author > h2{
		margin-bottom:6rem;
	}
	*/

	.knn--bg-image-fluid{
		min-height:350px;
	}

	.knn--container-about .knn--bg-image-fluid{
		min-height:450px
	}

	/* フッター */
	footer .container{
		padding-top:5rem;
		padding-bottom:5rem;
	}

	footer .container > .footer-title{
	 margin-bottom:3rem;
	}

	.page-load-status{
	 margin-top:5rem;
	 padding-top:3rem;
	}

	.form-row{
		margin-bottom:5rem;
	}

	footer .knn--btn-small{
		width:auto;
	}

	footer .knn--koen{
		width:100%;
	}


	/* メニュー高さ */
	.drawer-navbar.knn--drawer-navbar{
		background-color:rgba(255,255,255,0.92);
	}
	.drawer-navbar.knn--drawer-navbar .drawer-navbar-header{
		background-color:transparent;
	}

	.drawer--navbarTopGutter{
		padding-top:7.5rem;
	}
	.drawer-navbar.knn--drawer-navbar{
		height:7.5rem;
	}
	.drawer-navbar.knn--drawer-navbar .drawer-navbar-header{
		height: 7.5rem;
	}

	.knn--drawer-navbar .drawer-brand{
		margin-top:0;
		height:100%;
	}

	.drawer-navbar.knn--drawer-navbar .drawer-nav{
		height:7.5rem;
	}
	.drawer-navbar.knn--drawer-navbar .drawer-nav .drawer-menu-item{
		line-height:7.5rem;
	}

	/* ドロワー */
	.drawer-navbar.knn--drawer-navbar .drawer-container{
		max-width:720px;
	}

	.drawer-navbar.knn--drawer-navbar .drawer-navbar-header{
		width:100%;
		max-width: 25%;
	}

	.knn--drawer-navbar .drawer-brand{
		background-position:left;
	}

	.drawer-navbar.knn--drawer-navbar .drawer-nav{
		background-color:transparent;
	}

	.drawer-navbar.knn--drawer-navbar .drawer-nav .drawer-menu-item{
		color:rgb( 15, 76, 58);
		padding-left:1.5rem;
		padding-right:1.5rem;
	}

	.drawer-navbar.knn--drawer-navbar .drawer-nav .drawer-menu > li:nth-last-of-type(2){
		background-color:rgb( 15, 76, 58);
	}

	.drawer-navbar.knn--drawer-navbar .drawer-nav .drawer-menu > li:nth-last-of-type(2) > .drawer-menu-item{
		color:#fff;
	}

	.drawer-navbar.knn--drawer-navbar .drawer-nav .drawer-menu > li:last-of-type{
		display:none;
	}


	.drawer-dropdown-menu.dropdown-menu{
		position:absolute!important;
		top:auto!important;
		left:auto!important;
		transform:none!important;
		border: 1px solid #ddd;
	}

	.drawer-navbar .drawer-menu > li:not(:nth-last-of-type(2)) > a:hover{
		background-color:rgb(225,249,241);
	}

	/* ジャンボトロン */
	.jumbotron.knn--jumbotron{
		min-height:500px;
	}

	.jumbotron.knn--jumbotron h2{
		font-size:3rem;/*text-align:left;*/
	}


	/* コンテナ（フッター） */
	footer .container > .row > div:nth-of-type(1){
		padding-bottom:0;
	}

	footer .container > .row > div:nth-of-type(2){
		padding-top:0;
	}

	footer .container > .row > div:nth-of-type(2):before{
		content:none;
	}

	footer .container img{
		/*width:60%;*/
		width:80%;
	}

	/* コンテナ（作者一覧ページ） */
	.container.knn--container-gallery-00{
		max-width: 720px
	}

	.container.knn--container-gallery-00.knn--is-show00 table thead th{
		top:120px;
	}

	/* 動画 */
	.knn--col-movie > .row > div:nth-of-type(1){
		margin-bottom:0;
		padding-left:30px;
		padding-right:15px;
	}

	.knn--col-movie > .row > div:nth-of-type(2){
		padding-left:15px;
		padding-right:30px;
	}

	/* 余白 */
	.knn--container-top-about{
		margin-top:/*8rem*/ 12rem;
	}

	/* コンテナ（トップページ：当サイトについて） */
	.knn--container-top-about .knn--bg-text{
		position:absolute;
		margin-top:-6rem;
		background-color:rgba(255,255,255,0.9);
		border:1px solid;
		z-index:1;
	}

	.knn--container.knn--container-top-about .knn--bg-text/*,
	.knn--container.knn--container-top-author .knn--bg-text*/{
		padding-top:4rem;
	}

/*
	.knn--col-movie{
		margin-top:5rem;
	}
*/

/*
	.knn--container.knn--container-top-author{
		padding-top:5rem;
	}
*/

	.knn--container-top-movie{
		margin-top:5rem;
		padding-top:5rem;
		padding-bottom:5rem;
	}

	/* その他 */
	.knn--container-about .knn--bg-text{
		/*padding:8rem 5rem;*/
		padding-top:7rem;
		padding-bottom:7rem;
	}

	/* ページ上部：線 */
	.drawer-navbar .drawer-nav{
		padding-top:0;
	}


	.drawer-navbar.knn--drawer-navbar .drawer-navbar-header{
		border-top:0;
	}
	header{
		border-top:4px solid rgb( 15, 76, 58);
	}

	/* 作者紹介：テーブルフィルタ */
	.filter-group {
		width:55%;
	}
	.filter-group .input-group-prepend{
		width:130px;
	}

	#filter-div:before {
		margin-top:-125px;
		height:125px;
	}

}

/* ------------------------------  992px以上、適用 ------------------------------ */
@media (min-width: 992px) {


	.knn--container.knn--container-top-movie{
		margin-top:8rem;
		padding-top:8rem;
		padding-bottom:8rem;
	}
	.knn--col-movie h3{
		margin-bottom:5rem;
		font-size:2.2rem;
	}


	.knn--container.knn--container-top-author{
		/*margin-top:8rem;*/
		margin-top:0;
		padding-top:8rem;

		padding-bottom:8rem;
	}

	/*
	.knn--col-movie{
		margin-top:8rem;
		padding-top:8rem;
		padding-bottom:8rem;
	}
	.knn--col-movie h3{
		margin-bottom:6rem;
	}
	*/



	.knn--container-about + .knn--container-top-author{
		margin-top:0;
	}



	/* コンテナ（作者一覧ページ） */
	.container.knn--container-gallery-00{
		max-width: 960px
	}

	/* コンテナ（作品紹介ページ） */
	.knn--container-card > .row > div:nth-of-type(3n+1){
		padding:2px 1px 0 2px;
	}

	.knn--container-card > .row > div:nth-of-type(3n+2){
		padding:2px 1px 0 1px;
	}

	.knn--container-card > .row > div:nth-of-type(3n+3){
		padding:2px 2px 0 1px;
	}

	.knn--container-card > .row > div:nth-of-type(1),
	.knn--container-card > .row > div:nth-of-type(2),
	.knn--container-card > .row > div:nth-of-type(3){
		padding-top:0;
	}

	/* フッター  */
	footer .container img{
		width:70%;
	}

	/* ドロワー */
	.drawer-navbar.knn--drawer-navbar .drawer-container{
		max-width:960px;
	}

	/* その他 */
	.knn--bg-text{
		/*padding:8rem 5rem;*/
		padding:7rem 5rem;
	}

	.knn--container-top-movie:before{
		width: 25rem;
		height: 25rem;
	}

}

/* ------------------------------ 1200px以上、適用 ------------------------------ */
@media (min-width: 1200px) {

	/* ドロワー */
	.drawer-navbar.knn--drawer-navbar .drawer-container{
		max-width:1140px;
	}

	/* コンテナ（作者紹介ページ） */
	.container.knn--container-gallery-00{
		max-width:1140px
	}

	/* トップページ：当サイトについて、作者紹介 */
	.knn--container-top-about > div,
	.knn--container-top-movie > div,
	.knn--container-top-author > div{
		max-width:1300px;margin-left:auto;margin-right:auto;
	}

}

/* list-group-horizontal */
.list-group-horizontal { -ms-flex-direction: row; flex-direction: row; }
.list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0; }
.list-group-horizontal .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; }
.list-group-horizontal .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; }
@media (min-width: 576px) {
 .list-group-horizontal-sm { -ms-flex-direction: row; flex-direction: row; }
 .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0; }
 .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; }
 .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; }
}
@media (min-width: 768px) {
 .list-group-horizontal-md { -ms-flex-direction: row; flex-direction: row; }
 .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0; }
 .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; }
 .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; }
}
@media (min-width: 992px) {
 .list-group-horizontal-lg { -ms-flex-direction: row; flex-direction: row; }
 .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0; }
 .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; }
 .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; }
}
@media (min-width: 1200px) {
 .list-group-horizontal-xl { -ms-flex-direction: row; flex-direction: row; }
 .list-group-horizontal-xl .list-group-item { margin-right: -1px; margin-bottom: 0; }
 .list-group-horizontal-xl .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; }
 .list-group-horizontal-xl .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; }
}