@media screen and (max-width:990px){
  /*画面幅が480pxまでの時*/	
  
  body{
	  overflow-x: hidden;
  }
  
  /* 	メニュー */
	header{
		position: fixed;
		top: 0;
	    z-index: 10000000000000000000;
		width: 100%;
		background: url(/datsutanso/common/img/bg-pattern2.png) repeat-x rgba(255,255,255,1);
	}
	
	.navbar{
		background: none !important;
		padding: 5px;
		background: #fff !important;
	}
	
	.navbar-nav{
	
	}
	
	.navbar-brand{
		display: block;
		padding: 15px 10px;
	}
	
	a.navbar-brand{
		width: 75vw;
	}
	
	.navbar-brand img{
		max-height: 50px;
	}
	
	.navbar-nav{
		width: 100%;
	}
	
	.navbar a.nav-link{
		text-align: center;
/* 		color: #fff !important; */
	}
	
	.navbar-nav .dropdown-menu {
		position: relative;


    }
    .dropdown-item{
	    white-space: normal;
	    line-height: 1.2;
	    margin-bottom: 0.5rem;
    }
    
	.navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0,0,0,.1);
    margin-right: 15px;
	}
	

    
    button.navbar-toggler[aria-expanded="true"],
    button.navbar-toggler2{
	    display: none;
    }
    
    button.navbar-toggler2[aria-expanded="true"] {
	    display: block;
	    font-size: 2rem;
	    padding: 0rem 1rem .25rem;

    }
    
    #dropdown-entry-show{
    }
    
    #dropdown-history-show{

		
    }
    
    .navbar-nav .dropdown-menu {
    position: relative;
    margin-top: 5px;
    top: auto;
	border: none;
	}
    
    
	.navbar-collapse {
	    background: linear-gradient(45deg, #ff9c46 0%, #a7f3ff 32.02%, #39c6a0 61.08%, #fff393 100%);
        position: absolute;
	    z-index: 100;
	    width: 100%;
	    height: 100vh;
	    top: 70px;
	    left: 0;
	    overflow-x: hidden!important;
        overflow-y: auto;
			-webkit-overflow-scrolling: touch;
	}
	
	
	.dropdown:hover>.dropdown-menu.show  {
	  display: block;
	}
	
	.nav-item{
		width: 100%;
		margin: 0.5rem 1rem !important;
	}
	
	
	.kaisai{
		font-size: 1rem;
	}
	
	
	.slick-slide{
		height: 50vh !important;
	}
	
	.slide-entry{
		margin-top: 100px;
	}
	
	.top .slide-entry{
		background: #ebf8fc;
	}
	
	.d-flex.justify-content-center.align-items-center.bgW2.py-4.rounded{
		background: none;
	}
	
	.rankA li a img,.rankB li a img,.rankC li a img,.rankC li a img.mini,.rankD li a img,.rankE li a img{
		height: auto;
	}
	
	.bx-wrapper .bx-controls-direction a{
	    z-index: 1000 !important;
	}

  
	.iinkai{
	}
	
	.iinkai td{
		display: block;
	}
	
	.iinkai td:first-child{
/* 		font-weight: bold; */
		font-size: 1.1rem;
	}
	
	.iinkai td:last-child{
		border-top: 0 !important;
		padding-top: 0;
	}
  
  
  .finalist-page .finalist .hC{
	  padding: 0.5em 0;
  }
  
  
  .h3 {
	    font-size: 1.5rem;
	}
  
  
  
  .text-sm-left{
	  text-align: left;
  }
  
  .text-sm-center{
	  text-align: center;
  }
  
  .text-sm-right{
	  text-align: right;
  }
  
  .hA {
	    font-size: 1.5em;
	    line-height: 1.5em;
	}
	

	.rankE{
		flex-direction: column!important;
	}
	

	.full{
	  	overflow: hidden !important;
  	}
	
	.btn-gold:after{
		font-size: 8px;
		bottom: 0%;
	}
	
	.btn-gold2:hover,
	.btn-gold2:focus{
		text-decoration: none;
	}
	
	.btn-gold2{
		position: relative;
	}
	
	.btn-gold2:after{
		content: "詳細はこちら";
		font-size: xx-small;
		background: #cf8a00;
		color: #fff;
		padding: 3px 5px;
		position: absolute;
		bottom:0;
		right: 0;
		z-index: 100;
		
	}
	h4.entry span.badge{
		font-size: 1.5rem;
		line-height: 2rem;
		margin-top: 1rem;
	}
	.slide-start{
		 padding: 1rem 1rem 0.2rem ;
	}
	.slide-block .mt-4{
		margin-top: 0!important;
	}
	
	.arrow-right:after{
		content: url('common/svg/circle-arrow-down-solid.svg');
		width: 10%;
		position: absolute;
		bottom: -15%;
		left: 50%;
		z-index: 100;
	}

	.btn-plus{
	font-size: 1.3rem;
	}
	.box-flow .border-right-0{
	border-right: 5px solid #c6c8ca!important;
	}


	.box-merit > div{
		padding: 1rem 1rem;
	}
	.box-merit .col-md-2{
		width: 25%;
		padding-right: 0;
	}
	.box-merit .col-md-6{
	width: 75%;
	padding-left: 0;
	}
	
	
	
	/* 1æžšç›® */
	.slide-bg-visit .h-pop{
		font-size: 2rem;
	}
/* 2æžšç›® */
	a.slide-webpost .h4{
		font-size: 1.3rem;
	}
	a.slide-webpost .h-pop {
		font-size: 1.7rem;
	}
	a.slide-webpost .h-pop span{
		font-size: 2rem;
	}
/* 3æžšç›® */
	.slide-zenkoku h5{
		font-size: 1rem;
	}
	.slide-zenkoku .h1{
		font-size: 1.1rem;
	}
/* 4æžšç›® */
	.slide-photo{
		background-size: auto 100%;
	}
/* 5æžšç›® */	
	.slide-hatome h5{
		font-size: 1rem;		
	}
	.slide-hatome .h1{
		font-size: 1.1rem;
	}
	
	
	/*--------------------------------
	　▼プロフィール
	--------------------------------*/
	
	.timetable{
		text-align: left;
		margin-top: 0.5em;
		padding-top: 0.5em;
		border-top: 1px dashed #ccc;
	}
	
	
	
	.count span{
		display: inline-block;	
	}
	
	
	
	
	
	/*--------------------------------
	　▼ヒストリー
	--------------------------------*/


	.old .container{
	}
	
	dl.dlB2{
		margin-bottom: 0!important;
	}
	
	.award-name span{
	    font-size: 1.15rem;
		margin-left: 0.5rem;
	}
	
	.rebon span, .old .rebon span{
		padding: 1rem 0;
	}
	
	.rebon:before,
	.rebon:after,
	.rebon span:before,
	.rebon span:after{
		content: none !important;
	}
	
	.award td:first-child, .award th:first-child {
	    display: none;
	}
	
	.award th {
	    width: 50%;
	}
	
	.box-pp h4{
		font-size: 1.3rem;
	}
	.box-pp .text-small {
	    font-size: 0.8rem;
	}
	
	.pp-p{
		line-height: 1;
	}
	
	
	
	
	/*--------------------------------
	　▼分割class
	--------------------------------*/
	
	.order-sm-0{
		order: 0;
	}
	.order-sm-1{
		order: 1;
	}
	.order-sm-2{
		order: 2;
	}
	.order-sm-3{
		order: 3;
	}
	.order-sm-4{
		order: 4;
	}
	.order-sm-5{
		order: 5;
	}
	.order-sm-6{
		order: 6;
	}
	.order-sm-7{
		order: 7;
	}
	.order-sm-8{
		order: 8;
	}
	.order-sm-9{
		order: 9;
	}
	.order-sm-10{
		order: 10;
	}
	.order-sm-11{
		order: 11;
	}
	.order-sm-12{
		order: 12;
	}
	
  
}





@media screen and (max-width:480px){
  /*画面幅が480pxまでの時*/

	.slick-slide{
		height: 45vh !important;
	}
	
	.btn-movie .icon-movie{
		
	}
  
	.interview .title-interview{
		margin: auto -15px;
	}
	
	.interview .title-interview .h1{
		font-size: 1.45em;
	}
	
	.interview .title-interview .h3{
		font-size: 1rem;
	}
	
}


@media screen and (max-width:767px){
  /*画面幅が767pxまでの時*/
	.arrow-right:after{
		content: url('common/svg/circle-arrow-down-solid.svg');
		width: 10%;
		position: absolute;
		bottom: -15%;
		left: 50%;
		z-index: 100;
	}

	.top .btn-plus{
		font-size: 1.3rem;
	}
	.top .box-flow .border-right-0{
		border-right: 5px solid #c6c8ca!important;
	}


	.top .box-merit > div{
		padding: 1rem 1rem;
	}
	.top .box-merit .col-md-2{
		width: 25%;
		padding-right: 0;
	}
	.top .box-merit .col-md-6{
		width: 75%;
		padding-left: 0;
	}

}




/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	
	.text-xs-center{
		text-align: center !important;
	}
	
	.interview .h1{
		font-size: 2rem !important;
	}
	
}