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

html{
	font-size:16px;
}
body{
	font-size:100%;
}
.inner {
width: 100%;
margin: 50px auto 0;
}
section ul{
	list-style:disc;
	padding-left:2em;
}
h3{width:100%;
    font-size:26px;font-weight:bold;
	background-color: #b28b22;
	padding: 10px 0;letter-spacing: 0.2em;
	box-sizing:border-box;
	color:#000;
	margin:0 auto;
	font-weight: bold;
    text-align:center;
}


#wrapper_bottle.noBg {
background: url(none) #00449b;
color: #000;
}

h3.days{background:#FF0000;margin-top:30px;}
h3.item{margin-top:30px;}
h4{margin:40px 0 12px;}
.waku h4{margin:0px 0 12px;font-weight:bold; color:#000;font-size:26px;letter-spacing: 0.2em;color:#CC0000;text-align:center;}
h4 span{background:#FFCC00;font-weight:bold; padding:7px 15px; color:#000;font-size:21px;letter-spacing: 0.2em}

div.event{width:1000px;margin:30px auto 0;box-sizing: border-box; padding:950px 30px 0px;background:url(img/bg.jpg) center top no-repeat #00449b;font-size:16px;line-height:1.5em;}


div.event .inner{width:100%; background:#000; padding:20px;color:#FFF;margin:0 auto;border:10px solid #b28b22;box-sizing: border-box;}

div.event .inner dl{width:80%;margin:20px auto 0;font-size:21px;font-weight:bold;}

div.event .inner dl dt{width:63px;float:left;}
div.event .inner dl dd{margin-left:80px;}
div.event .inner dl dd span{color:#FFFF00;}

div.event .inner p.daysText{font-size:34px;line-height:1em;text-align:center;font-weight:bold;color:#FF0000;margin-bottom:20px;margin-top:20px;}
div.event .inner p.caution0{text-align:center;font-size:20px;}
div.event .inner p.caution{text-align:center;font-size:14px;}

div.event .inner ul#itemList{display: flex;flex-wrap: wrap;list-style: none;  justify-content: center;background:#FFF;color:#000;padding:50px 50px;margin:0;border:5px solid #b28b22;}
div.event .inner ul#itemList li{flex-basis: 31.3%;margin:2% 1%;text-align:center;padding:0;}
div.event .inner ul#itemList li:last-child{flex-basis: 45%;margin:1%;text-align:center;}
div.event .inner ul#itemList li p{margin:0;}

div.event a{color:#FFFF00;}

#contents{width:100%;margin:0;}
#bottleman h1 {
    font-size: 14px;
	text-align: center;
	line-height: 40px;
	background: black;
	color: #F0FF00;
}

dl#footerText {
width:940px!important;
}
dl#footerText.notsec p {
color:#FFF!important;
text-shadow: none;
}

@media (max-width: 480px){
    
#event{width:100%; margin:0 auto;}

div.event{width:100%;margin:8% auto;background:url(img/bg.jpg) center top no-repeat #00449b;background-size: 100% auto; padding:100% 3% 5%;}
h3{font-size:5vw;padding:1% 0;}
    h3 span{display:block;font-size:4vw} 
div.event .inner{width:100%; background:#000; padding:10px;color:#FFF;margin:0 auto;border:5px solid #b28b22;box-sizing: border-box;}

div.event .inner dl{width:100%;margin:5% auto 0;font-size:3.5vw;font-weight:bold;}

div.event .inner dl dt{width:12%;float:left;}
div.event .inner dl dd{margin-left:15%;line-height:1.2em;}
    div.event .inner dl dd br{display:none;}
div.event .inner dl dd span{color:#FFFF00;}

div.event .inner p.daysText{font-size:5vw;line-height:1em;text-align:center;font-weight:bold;color:#FF0000;margin:5%;}
div.event .inner p.caution0{text-align:center;font-size:4vw;}
div.event .inner p.caution{text-align:center;font-size:3vw;line-height:1.3em;}

div.event .inner ul#itemList{display: flex;flex-wrap: wrap;list-style: none;background:#FFF;color:#000;padding:3%;;margin:0;border:5px solid #b28b22;}
div.event .inner ul#itemList li{flex-basis: 45%;margin:5% 1%;text-align:center;font-size:3.3vw;line-height:1.1em;}
div.event .inner ul#itemList li:last-child{flex-basis: 65%;margin:1%;text-align:center;}
div.event .inner ul#itemList li p{margin:0;}

    
    
    
}