@charset "UTF-8";
/* CSS Document */
body {
    color: #FFF;
    background: #000;
   }
   
   img{
   	width:100%;
   	vertical-align: bottom;
   }
   
#anniversary{
	max-width:980px;
	width: 90%;
	margin:0 auto 30px auto;
	font-size: 16px;
	letter-spacing: -0.05em;
}


.main_v{
    background: url(../../img/rak_bg@4x.png) no-repeat right  center;
    background-size: 30%;
    background-color:rgba(0,0,0,0.5);
}

.arrow{
  width: 30px;
  height: 30px;
  border: 5px solid;
  border-color: #565656 #565656 transparent transparent;
  transform: rotate(45deg);
}



/****************************
ヘッダーの設定
****************************/
header#hed {
   position: relative;
    margin: 0 auto;
    padding: 20px 100px 7px 100px;
    position: sticky;
    top: 0px;
    background-color: #00105c;
       z-index: 999999;
}


header#hed dl.btn_sns {
    position: absolute;
    right: 100px;
    top: 20px;
    display: flex;
    width: 200px;
}

header#hed dl.btn_sns dd:first-child {
    padding: 15px;
    width: 45%;
}

header#hed dl.btn_sns dd {
    padding: 15px;
    width: 25%;
}


.eventimg {
    width: -4%;
    max-width: 500px;
    width:85%;
    margin: 35px auto;
}

p.whisky {
    padding: 10px 0;
    text-align: center;
    background-color: #8b4513;
}


p.wine {
    padding: 10px 0;
    text-align: center;
    background-color: #800000;
}

p.tast {
    padding: 10px 0;
    text-align: center;
    background-color: #2f4f4f;
}

#timeSchedule p.whisky a,#timeSchedule p.wine a,#timeSchedule p.tast a{
    color:#FFF;
}

span.whisky  {
    color: #FFF;
    font-size: 0.8em;
    /* border: 1px solid #666; */
    border-radius: 12px;
    padding: 0.25em 0.5em;
    margin-left: 7px;
    background-color: #8b4513;
}

span.wine{
    color: #FFF;
    font-size: 0.8em;
    /* border: 1px solid #666; */
    border-radius: 12px;
    padding: 0.25em 0.5em;
    margin-left: 7px;
    background-color: #800000;
}

dl.countdown {
    display: flex;
    align-items: baseline;
        font-size: 30px;
}

div#countdownArea {
    font-size: 30px;
    text-align: center;
    color: #FFF;
}
div#countdownArea span{
    font-size: 50px;
    color: #FF0;
}

/****************************
ヘッダーの設定 スマホ
****************************/

@media screen and (max-width: 798px) {

    .head-btn {
       height: 0px;
    }


    header#hed {
        position: relative;
        margin: 0 auto;
        padding: 35px 0px 7px 0px;
         position: sticky;
    top: 0px;
    background-color: #00105c; 
  z-index: 999999;
    }
        header#hed h1.logo_rakzan {
        max-width: 140px;
        position: absolute;
        left: 20px;
        top: 20px;
    }
    
    header#hed dl.btn_sns {
        position: absolute;
        right: 10px;
        top: 20px;
        display: flex;
        width: 120px;
    }


       header#hed dl.btn_sns dd:first-child,header#hed dl.btn_sns dd {
        padding: 7px;
    }
    
}