/*全体*/
html{
}
.container-fluid{
	max-width : 1800px;
}
#h1_bg,
.h2_bg{
	background : #26a69a;
	position:relative;
}
h1{
	margin-bottom  : 0;
	font-size		: 1.9rem;
	color			: #fff;
	font-weight : 800;
}
#h1_favi{
	width	   	: 35px;
	height	   	: 35px;
	border-radius	: 3px;
	margin-top	: -6px;
}
@media (max-width: 991.98px) {
	#h1_bg{
		background : #fff;
	}
	h1{
		color	: #222;
	}
}

.pagination{
	margin-top    : 50px;
	margin-bottom : 30px;
}
body{
        //font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	font-family: 'Noto Sans JP', sans-serif;
        letter-spacing:0px;
	//margin-top: 60px;
	background-color : #444444!important;
}

#main_contents{
        //background: url("/img/p6.webp");
}

/* ★ヘッダーメニュー */
.menu-bg{
	background-color : #26a69a;
	color            : #fff;
}
.navbar{
        padding-top : 0.6rem;
}
.navbar li{
        height : 100%;
}
.navbar-brand{
	margin-right     : 0px;
	/margin-top       : 3px;
	/margin-bottom : 3px;
}
.navbar-brand img{
	width	: 100%;
	max-width : 240px;
}
.navbar-brand,
.nav-link{
	color            : #fff!important;
}
.navbar-brand,
.nav-link,
.dropdown-menu,
.card{
        transition : box-shadow 0.3s, transform 0.3s;
}
.nav-link:hover,
.navbar-brand:hover,
.card:hover{
        //box-shadow:0 6px 14px rgba(0, 0, 0, 0.24);
        transform:translate(0, -2px);
}
.dropdown-menu:hover,
.dropdown-item:hover{
        transition : 0.4s;
}
.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.55);
    border-color: rgba(255,255,255,.4);
}

/* ナビバー検索 */
#search_form{
}
#search_form .form-control{
	//border-top-left-radius		: 0.15rem;
	//border-bottom-left-radius	: 0.15rem;
	width				: 19%;
}
#search_form .btn{
    //border-top-right-radius : 0.15rem;
    //border-bottom-right-radius : 0.15rem;
}
@media (max-width : 1280px) {
    #search_form .form-control{
        width : 81%;
    }
	.input-group>.form-control, .input-group>.form-select {
   		 //flex: 0 1 auto;
	}
}

/* サイドメニュー・オフキャンバス */
.menu_favi{
	width	   : 16px;
	height	   : 16px;
	margin-top   : 3px;
	margin-right : 6px;
}
.btn-close{
	//filter: brightness(0) invert(1);
}
.btn-toggle {
	color		: #444!important;
	padding	: 6px 12px;
	font-weight: 600;
	color		: var(--bs-emphasis-color);
	background-color: transparent;
	//filter: brightness(0) invert(1);
}
.btn-toggle a{
	color		: #444!important;
}
.btn-toggle:hover,
.btn-toggle:focus {
  color: rgba(var(--bs-emphasis-color-rgb), .85);
  background-color: var(--bs-tertiary-bg);
}
.btn-toggle_icon::after {
	width		: 1.25em;
	line-height		: 0;
	position		: absolute;
	margin-top	: 3px;
	right			: 0px;
	content		: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
	transition		: transform .35s ease;
	transform-origin	: .5em 50%;
}

[data-bs-theme="dark"] .btn-toggle::after {
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}

.btn-toggle[aria-expanded="true"] {
  color: rgba(var(--bs-emphasis-color-rgb), .85);
    //filter: brightness(0) invert(1);
}
.btn-toggle[aria-expanded="true"]::after {
  transform: rotate(90deg);
}
.list i{
	margin-right	: 9px;
	margin-top	: 1px;
}
.btn-toggle-nav a {
	color 		: #555;
	padding		: .1875rem .5rem;
	margin-top	: 0.9rem;
	margin-left	: 2.5rem;
	width		: 100%;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
	background-color : var(--bs-tertiary-bg);
	color			  : #0d6efd;
}
.btn-check:focus+.btn, .btn:focus {
	box-shadow : none;
}
html{
	position : relative;
}
body{
	margin-left   : 290px;
}
#side_menu{
	width           : 290px;
	height          : 100%;
	position        : fixed;
	top		   : 0px;
	left              : 0px;
	background  : #fff;
	//color	           : #fff;
	z-index	   : 1050;
}
#side_menu .scro{
	overflow-y : auto;
	height	: 90%;
	scrollbar-width: thin;
	overflow-x: hidden;
}
#offcanvasRight{
	width : 280px;
	//background  : #444444;
	//color	           : #fff;
}
#offcanvasRightLabel{
	margin-bottom	: 0;
	font-size		: 1.5rem;
	font-weight	: bold;
	color: #26a69a;
}
#side_menu .list,
#offcanvasRight .list{
	position : relative;
	padding: 0.25rem 0.5rem;
	
}
#side_menu .list .btn,
#offcanvasRight .list .btn{
    width : 100%;
}
#side_menu .list .btn:hover,
#offcanvasRight .list .btn:hover{
}
.other_list a{
	padding : 6px 12px;
}



/* ★カード画像・動画*/
.card{
        border-radius : 0px;
}
.card-header{        
	background-color : #26a69a;
	color            : #ffffff;
        font-size        : 1.1rem;
        padding-top : 0.8rem;
}
.link_mukou{
        color : inherit;
        text-decoration : none;
}
.center{
	text-align:center;
}
.card_img{
        padding    : 1px;
        position   : relative;
}
.card-img-top{
	object-fit    : cover;
        //object-position    : 0px -10px;
	height        : 145px;
        width         : 100%;
}
.card-body{
	padding: 0rem 0.8rem 0.6rem 0.8rem;
}
.about .card-body{
	padding: 1rem 0.8rem 1rem 0.8rem;
}
.t_h{
        line-height : 1.1em;
}
.date-time{
        font-size    : 0.80em;
        font-weight  : 400;
	color:#888888;
}
.date-time .fa-clock{
        font-size    : 0.8em;
        position     : relative;
        top          : -1px;
        margin-right : 4px;
}
.card-text{
	font-size   : 0.95rem;
        font-weight : 600; 
	line-height : 1.30rem;
}
.about .card-text{
        color       : #222222;
	font-weight : 400;
	line-height : 1.4rem;
}
#pickup .card-text{
        color : #FF0000;
} 
.site_name{
        font-size : 0.70em;
        opacity   : 0.9;
        padding   : 0.0rem 0.25rem;
        position  : absolute;
        top       : 0px;
        right     : 0px;
        //left     : 0px;
        color     : #ffffff;
	background-color : #3949AB;
        border-radius    : 1px;
}
.site_name .favi{
        margin-bottom : 2px;
        margin-right    : 3px;
        width              : 12px;
        height             : 12px;
}

/* サイト一覧 */
.site_list{
        color           : inherit;
        text-decoration : none;
        //max-width       : 600px;
        //margin          : auto;
        transition : box-shadow 0.3s, transform 0.3s;
}
.site_list:hover{
        transform:translate(0, -2px);
}
.site_list img{
        width         : 22px;
        height        : 22px;
        border-radius : 2px;
        margin-right  : 6px;
        margin-bottom : 3px;
}

@media (max-width : 1400px) {
	#side_menu{
		width           : 250px;
	}
	body{
		margin-left   : 250px;
	}
}/* ▲1400 */
@media (max-width : 991px) {
	body{
		margin-top   : 60px;
   		margin-left   : 0px;
	}
}
@media (max-width : 780px) {
	.card{
		margin-bottom  : 0px;
	}
	.card-text{
		font-size: 1.0rem;
		line-height: 1.2rem;
	}
}/* ▲780px */
@media (max-width : 575.98px) {
	.card:not(.about) {
		width          : 100%;
		margin-bottom  : 0px;
                flex-direction : row;
                overflow       : hidden;
	}
	.h-100 {
	        height  : auto !important;
	}
        .card_img{
                padding : 0px;
		float   : left;
                margin  : 0px;
        }
        .card-img-top{
		width  : 180px;
                height : 120px;
        }
        .card-body{
                padding : 1px 5px 1px 7px;
        }
        .card-text{
                padding-left  : 0px;
		font-size     : 0.95em;
                line-height   : 1.4em;
                overflow : hidden;
        }
        .site_name{
                font-size : 0.65em;
                padding   : 0.00rem 0.05rem;
                bottom    : 0px;
                top       : auto;
                right     : auto;
                left      : 0px;
                width     : 100%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
        }
        .site_name .favi{
                margin-top    : 1px;
                margin-right  : 3px;
                width            : 11px;
                height           : 11px;
        }
        .pagination{
	        margin-top    : 30px;
        }
	.pagination .page-link {
 	 	padding		: 0.65rem 1.30rem;
  		font-size		: 1.20rem;
	}
}/* ▲575px */
@media (max-width : 450px) {
        h1{
		font-size	: 1.6rem;
        }
        .card-img-top{
		width  : 125px;
                height : 90px;
        }
        .t_h{
                line-height : 1.2em;
        }
        .card-text{
		font-size	: 0.85em;
        }
	.pagination .page-link {
 	 	padding		: 0.45rem 0.90rem;
  		font-size		: 1.1rem;
	}
}/* ▲450px */
@media (max-width : 281px) {
        .card-img-top{
		width  : 90px;
                height : 70px;
        }
	.date-time{
	        font-size    : 0.75em;
	}
	.date-time .fa-clock{
 	       font-size    : 0.75em;
  	       top          : -1px;
  	       margin-right : 4px;
	}
	.card-text{
		font-size	: 0.80em;
        }
}/* ▲281px */



/* ページング */
.pagination{
	flex-wrap: wrap!important;
}

/*TOPへ戻る*/
#page-top a,
#page-bottom a{
	background:#555555;
	position: fixed;
	right: 20px;
	bottom: 80px;
	z-index: 99;
	width:50px;
	height:50px;
	border-radius:4px;
	opacity:0.9;
}
#page-bottom a{
	bottom: 20px;
}
#page-top a:hover,
#page-bottom a:hover{
	opacity:0.5;
	transition-property: all;
	transition: 0.3s linear;
}
#page-top i,
#page-bottom i{
	padding:0.18em 0 0 0.22em !important;
  	font-size:2.5em !important;
	color:#fff;
}
@media (max-width : 480px) {
	#page-top a,
	#page-bottom a{
		right: 0px;
		bottom: 60px;
		width:40px;
		height:40px;
		border-radius:4px 0px 0px 4px;
	}
	#page-bottom a{
		bottom: 10px;
	}
	#page-top a:hover,
	#page-bottom a:hover{
		opacity:0.9;
	}
	#page-top i,
	#page-bottom i{
		padding:0.05em 0 0 0.09em !important;
		font-size:2.5em !important;
	}
}/* ▲480 */




/* フッター パンくずリスト */
#footer_bg{
	background-color : #26a69a;
        color : #fff!important;
}
#breadnavi{
        float  : left;
}
.breadcrumb,
.foot{
	margin : auto 0 auto 5px;
}
@media (max-width : 480px) {
    #breadnavi{
        float  : none;
    }
    .breadcrumb{
        font-size : 0.8em;
    }
}