/*--------------------------------
　▼base
--------------------------------*/

  @import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@800&display=swap');

body {
	margin: 0;
	padding: 0;
/* 	font-family: 'hiragino-kaku-gothic-pron', yu-gothic-pr6n, sans-serif, FontAwesome; */
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	
	color: #000;
	letter-spacing: 1px;
	
    font-size: 16px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+58,ffe556+100 */
	background: #fff; /* Old browsers */
	
	background-repeat: repeat-x;
	background-position: bottom;
	background-attachment: fixed;
		
	animation: fadein 2s ease 0s 1 normal;
	-webkit-animation: fadein 2s ease 0s 1 normal;
	
    overflow-y: scroll;
    overflow-x: hidden;
}

@keyframes fadein {
	0% {opacity: 0}
	100% {opacity: 1}
}

@-webkit-keyframes fadein {
	0% {opacity: 0}
	100% {opacity: 1}
}


html{
	scroll-padding-top: 70px;
}


img{
	max-width: 100% !important;
}


/*--------------------------------
　▼base-link
--------------------------------*/

a{
	color:#000;
	text-decoration: none;
	transition: color 0.3s ease 0s;
}

a:hover,a:focus{
	color: #00a6d9;
	text-decoration: underline;
}

/*
a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	zoom:1;	
}
*/




/*--------------------------------
　▼header
--------------------------------*/

.header-md{
	width: 100%;
	border: none;
/* 	background: url(/datsutanso/common/img/bg-pattern2.png) repeat-x rgba(255,255,255,0.9); */
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.57);
z-index: 999999 !important;
position: relative;
}

.breadcrumb{
	background-color: #fff;
}


a.navbar-brand{
	width: 300px;
}

.navbar-brand{
	display: none;
}

/*--------------------------------
　▼footer
--------------------------------*/

.footer{
/*
	background-image: url(/datsutanso/common/img/bg-pattern-bottom.png);
    background-position: center bottom;
    background-repeat: repeat-x;
*/
}




.slide-bg-visit{
	background: url('/datsutanso/common/img/slide2024-visit2.jpg') no-repeat center center;
}


#footer a.slide-bg-visit:hover,#footer a.slide-bg-visit:focus{
	opacity: 1;
	background-repeat: no-repeat;
	background-position: center center;
	background-color:rgba(204,231,152,0.8);
/* 	background-color:rgba(255,255,255,0.8); */
	background-blend-mode:lighten;
}

#footer a.slide-bg-visit:hover,#footer a.slide-bg-visit:focus{
	background-image:("/datsutanso/common/img/slide2024-visit.jpg");	
}

#footer a.slide-bg-visit:hover .h-pop{
	color: #fff !important;
}

#footer a.slide-bg-visit:hover .perfect-circle{
	background: #28a745;
	opacity: 1;
}

#footer a.slide-bg-visit:hover .badge{
	background: #fff;
	color: #28a745;
	opacity: 1;
}



/*--------------------------------
　▼navbar
--------------------------------*/

.navbar{
	font-size: 1.1em;
	color: #444;
	background: linear-gradient(-90deg, #ff9c46 0%, #a7f3ff 32.02%, #39c6a0 61.08%, #fff393 100%);

}

.navbar a{
	font-family: 'M PLUS Rounded 1c', sans-serif !important;
	transform: rotate(0.05deg);
	letter-spacing: 0;
	font-weight: 400;
}

.navbar-light .navbar-nav .nav-link{
/* 	color:#fff; */
/*     font-size: 1.2em; */
/*     font-family: 'M PLUS Rounded 1c', sans-serif; */
    letter-spacing: 0.2em;
    font-weight: 600;
    padding: 1em;
    color: #fff;

}

.nav-item{
		color: #444 !important;
    background: #fff !important;
    margin: 0 1rem !important;
 	box-shadow: 0px 10px 0px rgba(0, 0, 0, 0.27);
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background-color: #fff;
	color: #000;
	outline: 5px solid #000;
}

.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active:focus,
.navbar-light .navbar-nav .nav-link.active:hover{
	color: #444 !important;
    background: #fff;
    	outline: 5px solid #333;
}

.navbar-light .navbar-nav .nav-link.active,
a#dropdown-entry.active{
/* 	color: #fff !important; */
}
/*

a#dropdown-entry,
a#dropdown-entry:hover{
	color: #17a2b8!important
}
*/


.navbar .dropdown-menu .dropdown-item:before{
    font-family: 'FontAwesome';
	content: "\f101";
	margin-right: 0.5em;
}

.dropdown-item.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
}

.navbar-nav .dropdown-menu{
    position: absolute;
    top: 80%;
    border: 1px solid #efefef;
}

@media screen and (min-width: 980px) {
  /*PCのみの時*/
	
	.dropdown:hover>.dropdown-menu {
	  display: block;
	}
	
}



/*--------------------------------
　▼text
--------------------------------*/


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
p,li,dt,dd,a{
	font-family: 'hiragino-kaku-gothic-pron';
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-weight: 600;
	letter-spacing: 0.1em;
}

p,li,dt,dd,a{
    font-size: 1.1rem;
	line-height: 1.8;
}

.text-small{
	font-size: 1rem;
}

.text-decoration-underline{
	text-decoration: underline;
}

.text-medium{
	font-size: medium;
}


.text-label{
	background: linear-gradient(transparent 80%, #fabd00 80%);
}

.text-important:before {
	content: "\f06a";
    font-family: 'FontAwesome';
    margin-right: 0.3rem;
}


.white-space-normal{
	white-space: normal;
}


.h-pop{
	font-size: 2.5rem;
	font-family: "vdl-logomarupop-shadow", sans-serif;
	font-weight: 400;
	font-style: normal;
}


.hC{
	padding: 0.5em 1em;
    background-color: #fabd00;
    display: inline-block;
}

.kaisai{

}


.count span{
	padding: 0.3em 0.5em;
    border: solid 3px #00a6d9;
    margin-right: 0.5em;
    display: inline-block;
}


.btn-site:before{
	font-family: 'FontAwesome';
	content: "\f015";
    margin-right: 0.5em;
}

.btn-presen:before{
	font-family: 'FontAwesome';
	content: "\f03d";
    margin-right: 0.5em;
}

.l-mov:after{
	content: '\f03d';
    margin-left: 0.5em;
}

.fa-facebook-square:before {
    color: #4267b2;
    font-family: 'FontAwesome';
	content: "\f082";
    margin-right: 0.5em;
    font-size: 1.3em;
}

.fa-x-twitter-square:before {
    color: #1b95e0;
    font-family: 'FontAwesome';
	content: "\e61b";
    margin-right: 0.5em;
    font-size: 1.3em;
}

.text-large{
	font-size: 1.4rem;
}


h2 .text-xlarge {
    font-size: 3rem;
}

.fo-logomaru{
	font-family: "vdl-logomarupop-shadow", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.fo-chiaro{
	font-family: "fot-chiaro-std", sans-serif !important;
	font-weight: 700;
	font-style: normal;
}

.fo-megamaru{
	font-family: "vdl-megamarupop-shadow", sans-serif !important;
	font-weight: 400;
	font-style: normal
}

.fo-wanpaku{
	font-family: "wanpaku-rera", sans-serif !important;
	font-weight: 100;
	font-style: normal;
}

.fo-zenmaru{
	font-family: 'Zen Maru Gothic', serif;
}

.fo-mplus{
	font-family: 'M PLUS Rounded 1c', sans-serif;
}


.perfect-circle{
	width: 500px;
	height: 500px;
}

@media screen and (max-width:480px){
  /*画面幅が480pxまでの時*/
	.perfect-circle{
		width: 360px !important;
		height: 360px !important;
	}
}



/* ■赤系 */
.colorA1{
	color: #e83418;
}

.colorA2{
	color: #c50e28;
}

/* ■桃系 */
.colorB1{
	color: #dc097b;
}

.colorB2{
	color: #970a31;
}

/* ■青系 */
.colorC1{
	color: #00a6d9;
}

.colorC2{
	color: #004c88;
}

.colorC3{
	color: #3e71d7;
}

/* ■緑系 */
.colorD1{
	color: #28a838;
}

.colorD2{
	color: #407936;
}

/* ■黄系 */
.colorE1{
	color: #fabd00;
}

.colorE2{
	color: #e83418
}

.text-neon-yellow{
	color: #FDF200; 
}

.text-n-a{
	text-color: #29A2C6!important;
}
.text-n-b{
    text-color: #FFCB18!important;
}
.text-n-c{
	text-color: #73B66B!important;
}
.text-n-d{
	text-color: #FF6D31!important;
}



.text-yellow{
	color: yellow; 
}

.colorW{
	color: #fff;
}

.borderA1{
	border-color: #e83418;
}

.borderA2{
	border-color: #c50e28;
}

.borderB1{
	border-color: #dc097b;
}

.borderB2{
	border-color: #970a31;
}

.borderC1{
	border-color: #00a6d9;
}

.borderC2{
	border-color: #004c88;
}

.borderC3{
	border-color: #abc6d4;
}

.borderD1{
	border-color: #28a838;
}

.borderD2{
	border-color: #407936;
}

.borderD3{
	border-color: #e9f6eb;
}

.borderE1{
	border-color: #fabd00;
}

.borderE2{
	border-color: #e83418;
}

.borderBl{
	border-color:#000 !important;	
}

.border-n-a{
	border-color: #29A2C6!important;
}
.border-n-b{
    border-color: #00608d!important;
}
.border-n-c{
	border-color: #f3981d!important;
}
.border-n-d{
	border-color: #f19ca7!important;
}


.bg-gray {
    background-color: #efefef !important;
}

.bg-gd-01{
	background: linear-gradient(-90deg, #a7f3ff 0%, #39c6a0 100%);
}

.bg-gd-02{
	background: linear-gradient(-90deg, #fff393 0%, #a2de9b 100%);
}

.bg-gd-02b{
	background: linear-gradient(-90deg, #a2de9b 0%, #fff393 100%);
}

.bg-gd-03{
	background: linear-gradient(-90deg, #a7f3ff 0%, #40a9ff 100%);
}

.bg-gd-03b{
	background: linear-gradient(-90deg, #6fddd0 0%, #a7f3ff 100%);
}

.bg-gd-04{
	background:linear-gradient(to right, #9bd671, #daff0b);
}

.bg-gd-05{
	background:linear-gradient(to right, #ff9966, #ff8fdf);
}

.bg-gd-06{
	background: linear-gradient(-90deg, #a7f3ff 0%, #fff59e 100%);
}

.bg-ww{
	 background: rgba(255, 255, 255, 0.8);
}


.bg-n-a{
	background-color: #29A2C6!important;
}
.bg-n-b{
    background-color: #FFCB18!important;
}
.bg-n-c{
	background-color: #73B66B!important;
}
.bg-n-d{
	background-color: #FF6D31!important;
}

.bg-pattern{
  background-image:  linear-gradient(#fff 2px, transparent 2px), linear-gradient(to right, #fff 2px, #e3f4f1 2px);
  background-size: 20px 20px;
  background-position: center right;
}


sub {
    bottom: 0;
}


.btnA{
	background:#004c88;
	color: #fff;
	border: 1px solid #004c88;
	font-size: 16px;
}

.btnA:hover{
	background: #00a6d9;
	border: 1px solid #004c88;
	color: #fff;
}

.btnB{
	background:#70b22f;
	color: #fff;
	border: 1px solid #5a8e35;
}

.btnB:hover{
	background: #78c17e;
	border: 1px solid #70b22f;
	color: #5a8e35;
}

.btnC{
	background:#fff;
	color: #004c88;
	border: 1px solid #ccc;
}

.btnC:hover,.btnC:active{
	background: #fff;
	border: 1px solid #efefef;
	color: #00a6d9;
	box-shadow: none;
}

.btnD{
	background:#fff;
	color: #dc097b!important;
	border: 1px solid #ccc;
}

.btnD:hover,.btnD:active{
	background: #e068ac;
	color: #fff !important;
	border: 1px solid #970a31;
	box-shadow: none;
}

.btnD.active{
	box-shadow: none;
	background: #d578ad;
	color: #fff!important;
}


.btnE{
	background:#c70f27;
	color: #fff;
	border: 1px solid #aa0c27;
}

.btnE:active,.btnE:hover{
	background: #d34c62;
	border: 1px solid #c70f27;
}

.btn-spoter{
	margin: 0;
	font-size: 1em;
	padding: 0!important;
	background: none;
	font-weight: 400;
	text-align: left;
}
.btn-n-a{
	background-color: #29A2C6!important;
}
.btn-n-a:hover,.btn-n-a:focus{
	background-color: #fff!important;
	color: #29A2C6 !important;
	border-color: #29A2C6;
}
.btn-n-b{
    background-color: #00608d!important;
}
.btn-n-b:hover,.btn-n-b:focus{
	background-color: #fff!important;
	color: #00608d !important;
	border-color: #00608d;
}
.btn-n-c{
	background-color: #f3981d!important;
}
.btn-n-c:hover,.btn-n-c:focus{
	background-color: #fff!important;
	color: #f3981d!important;
	border-color: #f3981d;
}
.btn-n-d,.btn-n-d{
	background-color: #f19ca7!important;
}
.btn-n-d:hover,.btn-n-d:focus{
	background-color: #fff!important;
	color: #f19ca7 !important;
	border-color: #f19ca7;
}
	
.btn-n-outline-a{
	color: #29A2C6!important;
	border-color: #29A2C6!important;
}
.btn-n-outline-a:hover,.btn-n-outline-a:focus{
	color: #fff !important;
	background-color: #29A2C6!important;
}
.btn-n-outline-b{
    color: #FFCB18!important;
    border-color: #FFCB18!important;
}
.btn-n-outline-b:hover,.btn-n-outline-b:focus{
	color: #fff !important;
    background-color: #FFCB18!important;
}
.btn-n-outline-c{
	color: #73B66B!important;
	background-color: #73B66B!important;
}
.btn-n-outline-c:hover,.btn-n-outline-c:focus{
	color: #fff !important;
	background-color: #73B66B!important;
}
.btn-n-outline-d{
	color: #FF6D31!important;
	background-color: #FF6D31!important;
}
.btn-n-outline-d:hover,.btn-n-outline-d:focus{
	color: #fff !important;
	background-color: #FF6D31!important;
}




.tag span {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 2px;
    border-radius: 5px;
    margin-right: 1em;
    margin-bottom: 0.5em;
}


iframe {
    width: 100%;
}



.end{
	position: relative;
}
.end:after {
    background: #fff;
    color: #dc3545;
    font-size: 1.2rem;
    display: block;
    padding: 10px 0 20px;
    position: absolute;
    top: 0;
    content: '「脱炭素チャレンジカップ2024」のエントリー受付は終了しました。';
}


/*--------------------------------
　▼背景色
--------------------------------*/

.bgA{/*赤系*/
	background-color: #fce8e8;
}

.bgA2{ /* 赤系2 */
	background-color: #b5959b;
}



.bgB{ /* 桃系 */
	background-color: #fcebf5;
}

.bgB2{ /* 桃系2 */
	background-color: #9e858d;
}

.bgB3{ /* 桃系3 */
	background-color: #cd2870;
}



.bgC{ /* 青系 */
	background-color: #ebf8fc;
}

.bgC2{ /* 青系2 */
	background-color: #8796a0;
}



.bgD{ /* 緑系 */
	background-color: #e9f6eb;
}

.bgD2{ /* 緑系2 */
	background-color: #9cb297;
}



.bgE{ /* 黄系 */
	background-color: #fef4d4;
}

.bgE2{ /* 黄系2 */
	background-color: #f7eddd;
}



.bgG{
	background-color: #efefef;
}

.bgG2{
	background-color: #c2bfaa;
}

.bgW,.bg-white{
	background-color: #fff;
}

.bgW2{
	background: rgba(255,255,255,0.8);
}





/*--------------------------------
　▼線
--------------------------------*/


.borderA1{
	border-color: #e83418;
}

.borderA2{
	border-color: #c50e28;
}

.borderB1{
	border-color: #dc097b;
}

.borderB2{
	border-color: #970a31;
}

.borderC1{
	border-color: #00a6d9;
}

.borderC2{
	border-color: #004c88;
}

.borderD1{
	border-color: #28a838;
}

.borderD2{
	border-color: #407936;
}

.borderD3{
	border-color: #cae2b4;
}

.borderE1{
	border-color: #fabd00;
}

.borderE2{
	border-color: #e83418;
}


.border-width1{
	border-width:1px !important;
}

.border-width2{
	border-width:2px !important;
}

.border-width3{
	border-width:3px !important;
}

.border-width4{
	border-width:4px !important;
}

.border-width5{
	border-width:5px !important;
}


.alert-warning{
	border-color: #f9ea92;
}



/*--------------------------------
　▼トップスライドショー
--------------------------------*/

.main-img-box{
	background: #eee; /* Old browsers */
	
	position: relative;
	width: 100%;
	height: 100%;
}

.main-img-box-slider{
	position: absolute;
	top:20%;
	left: 10%;
}

#twitter-widget-1{
	height: 500px;
	overflow: hidden;
}


.slick-slide{
	max-width:100%;
	height:75vh !important;
	object-fit:cover;
}

.full .slick-dots {
	bottom: 15px;
    z-index: +1;
}


.slide-block .btn-outline-info, .slide-block .btn-outline-danger, .slide-block .btn-outline-info:hover .badge-neon-warning, .slide-block .btn-outline-info:focus .badge-neon-warning, .slide-block .btn-outline-danger:hover .badge-neon-warning, .slide-block .btn-outline-danger:focus .badge-neon-warning {
    color: #000;
}

.slide-block .btn-outline-info:hover .text-danger,.slide-block .btn-outline-info:focus .text-danger,
.slide-block .btn-outline-danger:hover .text-danger,.slide-block .btn-outline-danger:focus .text-danger,
a.d-block.btn.border-width3.text-center.border-radius:hover,a.d-block.btn.border-width3.text-center.border-radius:focus{
	color: #fff !important;
}

.badge-neon-warning{
 	background: #FDF200;
}

.slide-block .btn-outline-info,
.slide-block .btn-outline-danger,
.slide-block .btn-outline-info:hover .badge-neon-warning,.slide-block .btn-outline-info:focus .badge-neon-warning,
.slide-block .btn-outline-danger:hover .badge-neon-warning,.slide-block .btn-outline-danger:focus .badge-neon-warning{
	color: #000;
}
	
.slide-block .btn-outline-info:hover,.slide-block .btn-outline-info:focus,
.slide-block .btn-outline-danger:hover,.slide-block .btn-outline-danger:focus{
	color: #fff;
}
	
.slide-block .btn-outline-info:hover .text-danger,.slide-block .btn-outline-info:focus .text-danger,
.slide-block .btn-outline-danger:hover .text-danger,.slide-block .btn-outline-danger:focus .text-danger{
	color: #fff !important;
}

.badge-neon-warning{
 	background: #FDF200; 	/*目が傷め・蛍光黄色*/
/*  	background: #F5D300; */ 	/*目に優しめ・蛍光寄り黄色*/
/*  	background: #E8E500; */ 	/*緑寄り・蛍光黄色*/
}	
	
.colorE3{
	color: #cf8a00;
}
.badgeE3{
	background: #cf8a00;
}
.btn-gold:hover,
.btn-gold:focus{
	background: #f5e8cc;
	text-decoration: none;
}

.btn-gold2:hover,
.btn-gold2:focus{
	text-decoration: none;
}
*/


.btn-gold,.btn-gold2{
	position: relative;
}

.btn-gold:after,
.btn-gold2:after{
	content: "詳細はこちら";
	background: #28a838;
	color: #fff;
	padding: 3px 5px;
	position: absolute;
	bottom:0;
	right: 0;
	z-index: 100;
	
}

.slick-slide{
}



.modal-header, .modal-body, .modal-footer{
	background: #28a838;
	color: #FFF;
}
.modal-header{
	border-bottom:none;
}
.modal-footer{
	border-top:none;
}
.close{
	color: #FFF;
}

h2.entry span.badge{
	font-size: 2rem;
	margin-top: 2rem;
}
.slide-start{
	 background: rgba(255, 255, 255, 0.8);
	 padding: 5rem 0;
	 color:#40551c;
	 border-radius: 10px;
	 float: inherit;
}
.slide-start .h4, .slide-start .h1{
	color: #000;
}
.slide-start .h3{
	font-size: 1.3rem;
}


.h-pop{
	font-size: 2.5rem;
	font-family: "vdl-logomarupop-shadow", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.badge-neon-warning{
 	background: #FDF200; 	/*目が傷め・蛍光黄色*/
/*  	background: #F5D300; */ 	/*目に優しめ・蛍光寄り黄色*/
/*  	background: #E8E500; */ 	/*緑寄り・蛍光黄色*/
}

.text-medium span {
    font-size: 1.5rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}


.slick-loading {
  background: url('/datsutanso/common/img/loading.png') center center no-repeat;
  /* 他のスタイル設定 */
}

.slide-bg{
	background: url('/datsutanso/common/img/slide-bg.jpg') top center repeat;
}
h2 .text-xlarge {
    font-size: 3rem;
}



.slide-bg3{
	background: url('/datsutanso/common/img/slide-visit-demo.png') no-repeat center center;	
}


/* 【表彰式】 */
.slide-bg-visit{
	background: url('/datsutanso/common/img/slide2024-visit2.jpg') no-repeat center center;
}

a.slide-bg-visit:hover,a.slide-bg-visit:focus{
	background-repeat: no-repeat;
	background-position: center center;
	background-color:rgba(204,231,152,0.8);
/* 	background-color:rgba(255,255,255,0.8); */
	background-blend-mode:lighten;
}

a.slide-bg-visit:hover,a.slide-bg-visit:focus{
	background-image:("/datsutanso/common/img/slide2024-visit.jpg");	
}

a.slide-bg-visit:hover .h-pop{
	color: #fff !important;
}

a.slide-bg-visit:hover .perfect-circle{
	background: #28a745;
	opacity: 1;
}

a.slide-bg-visit:hover .badge{
	background: #fff;
	color: #28a745;
}


a.slide-bg3:focus,a.slide-bg3:hover{
	background: url('/datsutanso/common/img/slide-visit-demo.png') no-repeat center center #f3f19a;	
}


a.slide-webpost .badge{
	border-color: #004c88 !important;
}

a.slide-webpost:hover .badge{
	background: #004c88;
	color: #fff;
}

a.slide-webpost:hover{
	color: #fff;
}

a.slide-webpost:hover .bg-gd-06{
	background: #fff;
}

a.slide-webpost:hover .h-pop{
	color: red;
}

a.slide-webpost .h-pop span{
	font-size: 3rem;
}




.slide-bg{
	background: url('/datsutanso/common/img/slide-bg.jpg') top center repeat;
}

.slide-bg2{
	background: url('/datsutanso/common/img/slide-bg2.jpg') top center repeat;
}

.slide-bg3{
	background: url('/datsutanso/common/img/bg-dotted.jpg') top center repeat;
}



/*--------------------------------
　▼お知らせ -動画スライド-
--------------------------------*/

.top .bx-wrapper{
	background: none;
	border: none;
	box-shadow: none;
	margin: 0;
}

.top .bx-wrapper .bx-prev{
	left: -20px;
}

.top .bx-wrapper .bx-next{
	right: -10px;
}


.top .bx-pager.bx-default-pager{
    position: initial;
    padding-top: 1em;
}

.slick-dots li button:before,
.slick-dots li.slick-active button:before{
	color: #fff;
}

.top .slide-entry {
    position: absolute;
    bottom: 3%;
    z-index: 100;
    width: 100%;
}

.top .slide-honban .message,
.top .text-only.message,
.top .slide-entry .message{
	font-weight: 800;
/*     font-family: 'M PLUS 1p', sans-serif; */
    font-size: 45px;
/*     font-size: 320%; */
}

.btnF{
	background: #fef4d4;
	border: 1px solid #fabd00;
}


.btnF:hover{
	text-decoration: underline;
}

.btn.btnF:hover img{
	opacity: 1 !important:
}

.btn-movie{
	display: block;
	position: relative;
}

.top .btm-movie{
	z-index: 100 !important;
}

.btn-movie .icon-movie{
	position: absolute;
    top: 60px;
    left: 120px;
	
	color: #fff;
	font-size: 2em;
	font-family: FontAwesome;
	font-style: normal;
	background-color: rgba(25,25,25,0.7);
	padding: 5px 23px 5px 30px;
	border-radius: 10px;
}

.btn-movie:hover img{
	opacity: 1;
}

.btn-movie:hover .icon-movie{
	background-color: #c50e28;
}

.btn-movie:active .icon-movie{
	background-color: #ac2829;
}



.facebook_wrap{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
 
.fb-page,
.fb-page span,
.facebook_wrap iframe{
  width: 100% !important;
}

.twitter-timeline.twitter-timeline-rendered {
    max-height: 500px;
    overflow-y: scroll;
}

.arrow-right:after{
	content: url('/datsutanso/common/svg/circle-arrow-right-solid.svg');
	width: 10%;
	position: absolute;
	right: -5%;
	bottom: 50%;
	z-index: 100;
	background: #fff;
}



.top .text-underbar{
	position: relative;
	top: 0;
	left: 0;
/* 	margin-bottom: 3rem!important; */
}
.top .text-underbar::before{
	position: absolute;
	bottom: -1rem;
	left: 50%;
	content: '';
	width: 5rem;
	border-bottom: 4px dotted #28a838;
	transform: translate(-50%);
}
.top .text-underbar::first-letter {
	color: #28a838;
}



.top .box-entryDepartment > div{
/* 	background: #FFF; */
	border-radius: 10px;
	border: none;
}
.top .box-entryDepartment h3{
	font-size: 1.3rem;
	line-height: 2rem;
}
.top .box-entryDepartment .bg-success{
	background-color: #29A2C6!important;
/* 	border-color: #000; */
}
.top .box-entryDepartment .bg-info{
	background-color: #00608d!important;
/* 	border-color: #000; */
}
.top .box-entryDepartment .bg-warning{
	background-color: #f3981d!important;
/* 	border-color: #000; */
}
.top .box-entryDepartment .bg-danger{
	background-color: #f19ca7!important;
/* 	border-color: #000; */
}

.btn-plus{
	font-size: 1.5rem;
	font-weight: bold;
	color: #FFF;
}

.text-roundness{
	font-family: 'M PLUS Rounded 1c', sans-serif !important;
    font-weight: 400;
    letter-spacing: 0;
}


.top .breadcrumb-item+.breadcrumb-item::before{
	display: none;
}

.top .bx-wrapper .bx-controls-direction a{
	z-index: 99;
}


/*--------------------------------
　▼スポンサー周りの調整2020
--------------------------------*/

.rankA,.rankB,.rankC,.rankD,.rankE{
	list-style: none !important;
    padding-left: 0;
}

.mini{
	max-width: 80%;
	max-height: 80px;
}

.rankA li{
	max-width: 80%;
}

.rankA li a img{
	max-height: 140px;
}
.rankB li a img{
	max-height: 100px;
}
.rankC li a img{
	max-height: 80px;
}
.rankC li a img.mini{
	max-height: 75px;
}

.rankD li a img{
	max-height: 60px;
}
.rankE li a img{
	max-height: 50px;
}

.top .rankA a span,
.top .rankB a span,
.top .rankC a span,
.top .rankD a span,
.top .rankE a span{
	display: none;
}


.top .sponser{
	text-align: center;
}

.sponser h4{
	font-size: 2em;
	font-weight: 600;
	margin: 2em 0 0em;
}

.sponser li a span{
	display: block;
	font-size: 0.9em;
	padding: 0.5em 0;
}


.sponser .sponser li{
	margin-bottom: 1em;
}



.ul-social{
	list-style: none;
	display: flex;
}

.ul-social li{
	margin: 0.3rem 1rem;
}

.ul-social li:last-child{
	margin-right:0;
}

.ul-social li a{
	padding: 0.3em;
	font-size: 1.2em;
	
	background: #fff;
	padding: 0.3em 0.5em;
	display: block;
	border-radius: 3px;
}


.social-button{
    width: 35px;
    margin-right: 0.5em;
}

.fotter-logo{
	width: 270px;
}




/*--------------------------------
　▼お知らせ一覧、メディアアイコン設定
--------------------------------*/

.dl-news{
}

.dl-news,.a-arrow{
}

.dl-news dd:before,.a-arrow:before{
	font-family: 'FontAwesome';
	content: "\f054";
	color: #00a6d9;
	font-weight: 400;
	margin-right: 0.5em;
}

.dl-news dd a.blank:after,
a.blank:after{
	font-family: 'FontAwesome';
	content: "\f08e";
	font-weight: 400;
	margin-left: 0.5em;
}

a.download:after,
.download:after{
	font-family: 'FontAwesome';
	content: "\f019";
	font-weight: 400;
	margin-left: 0.5em;
}

a.zip:before,
.zip:before{
	font-family: 'FontAwesome';
	content: "\f1c6";
	font-weight: 400;
	margin-right: 0.5em;
}

a.excel:before,
.excel:before{
	font-family: 'FontAwesome';
	content: "\f1c3";
	font-weight: 400;
	margin-right: 0.5em;
}

a.word:before,
.word:before{
	font-family: 'FontAwesome';
	content: "\f1c2";
	font-weight: 400;
	margin-right: 0.5em;
}

a.pdf:before,
.pdf:before{
	font-family: 'FontAwesome';
	content: "\f1c1";
	font-weight: 400;
	margin-right: 0.5em;
}


 .btn.a-arrow:hover::before, .btn.a-arrow:hover::before{
	color: #fff;
}


/*--------------------------------
　▼Q&A
--------------------------------*/


.question:before{
	content: "Q：";
}

.answer:before{
	content: "A：";
    font-size: large;
    float: left;
    margin-top: 0.6em;
    color: #e83418;
}



/*--------------------------------
　▼過去受賞者一覧まわり
--------------------------------*/

.award-name {

	font-family: 'hiragino-kaku-gothic-pron';
/* 	font-family: "M PLUS Rounded 1c"; */
	font-weight: 600;
	color: #333;
	position: relative;
	padding-left: 50px;
}

.award-name:before{
	display: inline-block;
	position: absolute;
    top: -10px;
    left: 0;
}

.a-01{/* 王冠イエロー */
/* 	font-size: 1.5em; */
	background-position: -10px -10px !important;
}

.a-01:before{
	content: url("/datsutanso/common/img/award-crown01.png");
}


.a-02{/* 王冠ブルー */
/* 	font-size: 1.1em; */
	font-weight: 600;
	background-position: -10px -60px !important;
}

.a-02:before{
	content: url("/datsutanso/common/img/award-crown02.png");
}

.a-03,
.a-111{/* グリーン */
	font-size: 1em;
    margin-bottom: 2em;
	
}

.a-03:before,
.a-111:before{
	content: url("/datsutanso/common/img/award-crown03.png");
}

.a-03,.a-04{
	top: auto;
	
}

.a-04{/* グレイ */
	font-size: 1em;
	background-position: -10px -160px !important;
}

.a-04:before{
	content: url("/datsutanso/common/img/award-crown04.png");
}


.h-award{
    line-height: 1.5em;
}

.award-box a.block,.award-box div{
}


.award-box a:hover{
	text-decoration: none;
	background: #fef4d4;
}


.m-04{
	background: url('/datsutanso/history/img/award_medal.svg') no-repeat !important;
    line-height: 2.5;
}


.btn-award{
	text-align: left;
	border: 1px solid #eee;
}


.h-award{
	font-weight: 600;
}

.btn-award p{
	margin-bottom: 0;
}

.award-photo.tate img{
	object-fit: contain;
}

@media screen and (max-width:480px){
  /*画面幅が480pxまでの時*/
	
	
	.award-photo.tate img{
		height: 250px;
	}
}

/*
.m-04{
	background: url('/datsutanso/history/img/award_medal.svg') no-repeat;
    line-height: 2.5;
}
*/

.h-show{
	width: 230px;
}

.award.award-name{
	padding-left: 0;
}

.award-photo img{
	width: 324px;
	height: 200px;
	object-fit: cover;
	object-position: 100% 100%;

}

.award-photo-grampri img{
	width: 396px;
	height: 280px;
	object-fit: cover;
	object-position: 100% 100%;	
}
.award-photo-grampri{
	text-align: right;
}

.award-photo{
	text-align: center;
}



/* リボン型の見出し（切りっぱなし） */

.rebon,
.old .rebon {
 position: relative;
}

.rebon:before,
.rebon:after,
.old .rebon:before,
.old .rebon:after {
  position: absolute;
  z-index: 0;
  bottom: -10px;
  display: block;
  content: '';
}

.rebon:before,
.rebon:after{
  border: 1em solid #d578ad;
}

.old .rebon:before,
.old .rebon:after{
  border: 1em solid #efefef;	
}

.rebon:before,
.old .rebon:before {
  left: -38px;
  border-left-width: 15px;
  border-left-color: transparent;
}

.rebon:after,
.old .rebon:after {
  right: -38px;
  border-right-width: 15px;
  border-right-color: transparent;
}

.rebon span,
.old .rebon span {
  position: relative;
  z-index: 1;
  display: block;
  padding: 1rem 2rem;
}

.rebon span{
  background: #cd2870;
  color: #fff;
}

.old .rebon span{
  background: #ddd;
  color: #3f3f3f;
}

.rebon span:before,
.rebon span:after,
.old .rebon span:before,
.old .rebon span:after {
  position: absolute;
  bottom: -10px;
  display: block;
  width: 10px;
  height: 10px;
  content: '';
  border-style: solid;
}

.rebon span:before,
.rebon span:after{
  border-color: #a3195a transparent transparent transparent;	
}

.old .rebon span:before,
.old .rebon span:after{
  border-color: #bbb transparent transparent transparent;		
}

.rebon span:before,
.rebon span:before {
  left: 0;
  border-width: 10px 0 0 10px;
}

.rebon span:after,
rebon span:after {
  right: 0;
  border-width: 10px 10px 0 0;
}


.rebon::after, .rebon::before {
    box-sizing: content-box;
}


p.finalist-no{
	text-align: right;
}

.old h2.colorC1.text-center,
.old h2.colorC1.text-center span.colorB1{
	color: #000;
}

.old .bgA{
	background: #eee;
}

/*--------------------------------
　▼過去受賞者一覧まわり（ヒストリー版）
--------------------------------*/

.old .finalist .pref{
	display: none;
}

.old .navbar.finalist-list li span{
	font-size: 1em;
	display: inline-block;
}

.old .finalist .hC,
.old .hC,
.old h3.h3.bg-warning{
	background: #eee !important;
}

.old .hE,
.old .h3.borderE1{ 
    border-color: #eee;
    text-align: left;
}

.old a.btn-award:hover{
	background: #efefef !important;
}



/*--------------------------------
　▼ファイナリスト
--------------------------------*/

.finalist-page .name {
   float: left;
}

.finalist-page .pref {
   text-align: right;
   font-size: medium;
}

.finalist-page .col-name {
   width: 100%;
}

.finalist-page .finalist .hC{
	padding: 0.5em 1em 0;
}

h3 + div.finalist {
    padding-top: 0 !important;
}

.finalist .badge{
	font-size: small;
    margin-left: 1em;
}

.finalist-page nav.navbar.nav-pills.nav-fill.navbar-expand-lg.navbar-light.bg-info.sticky-top {
    z-index: 1030;
}
	
.finalist-menu{
    top: 100px;
    background: #fff;
    z-index: 1000;
}

.font-weight-600{
	font-weight: 600;
}

.white-space-nowrap{
	white-space: nowrap;
}

/*
.finalist .img-thumbnail{
	display: none;
}
*/


#finalist01 .hC{
	background: #73B66B;
}
#finalist02 .hC{
	background: #FF6D31;
}
#finalist03 .hC{
	background: #FFCB18;
}
#finalist04 .hC{
	background: #29A2C6;
}


.old #finalist01 .hC,
.old #finalist02 .hC,
.old #finalist03 .hC,
.old #finalist04 .hC{
	background: #eee;
}

.old h3.h3.card{
	border-color: #eee !important;
}

.old a.btn.btn-lg{
	background: #eee !important;
	color: #000 !important;
}


old .finalist-menu a.list-group-item{
	background: #eee !important;
}


.old a.btn.btn-lg.btn-outline-success{
	border-color: #ccc !important;
	background: #fff !important;
}

.old a.btn.btn-lg:hover,
.old a.btn.btn-lg:active{
	border-color: #ccc !important;
}

.old a.btn.btn-lg.btn-outline-success:hover,
.old a.btn.btn-lg.btn-outline-success:focus{
	border-color: #aaa !important;
}

.th-slim{
	font-size: 1rem;
}

#footer .slide-bg{
/* 	display: none; */
}

.finalist dd{
	font-size: 1.2rem;
	margin-top: 0.5rem;
}

#webtohyo a:hover{
	color: #fff;
}

.ul-nostyle{
	list-style: none;
}
.font-11rm{
	font-size: 1.1rem;
}

a.btn.btn-lg.btn-light.disabled {
    opacity: 100;
    color: #aaa;
}

@media screen and (max-width:480px){
 /*画面幅が480pxまでの時*/
	.finalist-menu .navbar-collapse{
		background: none !important;
		height: auto; 
	    z-index: 0;
		position: static;
	}
	
	.sd-white-space-nowrap{
		white-space: nowrap;
	}
	
/*
	.finalist-menu{
	    position: fixed;
        right: -10px;
	    top: 250px;
	    
	}
*/
}


.finalist-no{
	display: none;
}



/*--------------------------------
　▼プロフィール
--------------------------------*/

.timetable{
	text-align: right;
}



/*--------------------------------
　▼リストスタイル
--------------------------------*/

ul.ul-attention li:before {
    content: '※';
    padding-right: 0.3rem;
}

ul.ul-attention {
    list-style: none;
}






/*--------------------------------
　▼インタビュー
--------------------------------*/

.interview .h1,.interview .h3{
	font-family: 'M PLUS Rounded 1c', sans-serif;
}

.interview .h1{
    font-weight: 600;
}

.interview .title-interview .h3{
    font-weight: 400;
}

.interview .mi-container {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0 3rem;
    box-sizing: border-box;
    background-color: #fefefe;
    z-index: 0;
}

.interview .mi-container h2 {
    position: relative;
    width: 100%;
    margin-bottom: 0.2rem;
    text-align: center;
}

.interview .mi-container h2::before {
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
    color: #aee1d4;
    font-size: 40px;
    text-transform: uppercase;
    content: 'Award interview';
    z-index: -1;
}






.badge{
	white-space: break-spaces;
}