@charset "UTF-8";
/* CSS Document */


 /* ========================================================================== 
:: Page Header Visual
========================================================================== */ 

.header-vsl.type-hanabi {
	background-image: url(/event/img/bg/bg_hanabi.jpg);
}

.header-vsl.type-night01 {
	background-image: url(/event/img/bg/bg_hotel_night.jpg);
}

.header-vsl.type-hotel-lake {
	background-image: url(/event/img/bg/bg_hotel_center.jpg);
}

 /* ========================================================================== 
::  StarLight
========================================================================== */ 
.bg-alpha-black {
	background-color:rgba(0,0,0,.3);
}

 /* ========================================================================== 

========================================================================== */ 


.bg-shimada {
	background-image: url(/event/img/you7/bg_shimada.png);
        width: 100%;
        background-size: cover;
        position: relative;
        background-position: center 0;
        z-index: 1;
}

.bg-event-pink {
	background: #CA6280;
	color: #FFF;
}
.bg-event-green {
	background: #5FA224;
	color: #FFF;
}

.bg-event-black{
	background: #181717;
	color: #FFF;
    
}

 /* ========================================================================== 
::  Capel consert
========================================================================== */ 


.bg-chapel {
	/*background-image: url(/event/img/chapel/bg_chapel_pink.png);*/
        
        width: 100%;
        background-size: cover;
        position: relative;
        background-position: center 0;
        z-index: 1;
		border-bottom:1px solid rgba(56,142,60,.50);
}


.bg-chapel-green{
	background: rgba( 222,240,235,0.8)
}




.bg-matsuri {
	/*background-image: url(/event/img/bg/bg_matsuri18.jpg);*/
        
        width: 100%;
        background-size: cover;
        position: relative;
        background-position: center 0;
        z-index: 1;
		/*border-bottom:1px solid rgba(56,142,60,.50);*/
}
.bg-marche {
	
	background-image:url(/event/img/marche/bg_marche.png);
        width: 100%;
        /*background-size: cover;*/
    background-size:100% auto !important;
        position: relative;
        background-position: center;
        z-index: 1;
}

.bg-marche19 {
background-image:url(/event/img/marche19/bg_marche.png);
     width: 100%;
        background-size: cover;
        position: relative;
        background-position: center 0;
        z-index: -999 !important;
}

/*
.bg-marche18 {
background: rgba(255,246,152,1);
background: -moz-linear-gradient(top, rgba(255,246,152,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,246,152,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,246,152,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,246,152,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,246,152,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,246,152,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff698', endColorstr='#ffffff', GradientType=0 );
}
*/
    
.p-red-pink{
	color:#E4007F;
}

.p-lead{
	font-size: 16px;
}

@media screen and (max-width: 479px) {
	
	.p-lead{
	font-size: 14px;
	text-align:center;
	}

/* Menu DL */

.dl-inline-menu {
  margin-top: 0;
  margin-bottom: 15px;
}
.dl-inline-menu dt,
.dl-inline-menu dd {
	font-size:13px;
	line-height: 22px;
	margin-bottom:10px;
	
}
.dl-inline-menu dt {
  font-weight: normal;
  text-align: left;
    overflow: hidden;
    clear: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dl-inline-menu dd {
 padding: .2em .6em .2em
  
}
.label-menu {
  display: inline;
  padding: .2em .6em .2em;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 2px;
  background-color: #595857;
}
    
}


@media (min-width: 768px) {
    
  .dl-inline-menu dt {
    float: left;
    width: 4em;
    overflow: hidden;
    clear: center;
    
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-inline-menu dd {
    margin-left: 5.5em;
  }
}


@media screen and (max-width: 479px) {
	
	.dl-inline-menu dt {
    float: left;
  }
  .dl-inline-menu dd {
    margin-left: 5em;
  }
	
}

    
 .phone{
	font-family: "Times New Roman", Times, serif;
	font-size:30px;
	letter-spacing:2px;
}


.takeakari-thums{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.takeakari-thums li{
	width: 25%;
	padding: 5px;
}
@media screen and (max-width: 479px) {
	.takeakari-thums li{
		width: 50%;
	}
}