/*-- iPhone --*/
@media screen and (max-width: 768px) {

/*-- common --*/
html {
width: 100%;
}
html, body, div, p {
margin: 0px;
padding: 0px;
}
body {
width: 100%;
margin: 0;
font-family: "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Geneva,Arial,Verdana,sans-serif;
font-size: 0.8em;
}
img {
max-width: 100%;
height: auto;
width /***/:auto;
vertical-align: bottom;
}

/*-- wrapper --*/
#wrapper {
width: 100%;
margin: 0 auto;
overflow: hidden;
box-sizing: border-box;
background-image: url("../images/bg_momijifes_001.jpg");
background-repeat: repeat;
}

/*-- header --*/
#header {
width: 100%;
}
#header h1 {
display: none;
}
#header h1 a {
color: #ffffff;
}

/*-- menu --*/
#menu ul {
    max-width: 1000px;
    margin: 30px auto;
    padding: 0px;
    text-align: center;
}
#menu li {
    margin: 0px 8px;
    display: inline;
    list-style: none;
    font-size: 1.4em;
}

/*-- content --*/
#content {
margin: 0px;
padding: 0px;
}
#content h3 {
margin: 0 0 20px;
padding: 0;
clear: both;
}
#content p {
padding: 0px;
margin: 0px 0px 8px;
text-align: center;
}
#content .event, #content .shop {
margin: 0 0 40px;
}
#content .program {
margin: 0 0 40px;
}
#content .map {
margin: 0 0 40px;
}
#content .faq {
margin: 0 0 40px;
}
#content .faq h3 {
margin: 0;
}
#content .faq dl {
margin: 0;
padding: 0px 40px 40px;
background-color: #e8ffff;
}
#content .faq dl dt {
margin: 0 0 8px;
padding: 0;
color: #0f73be;
font-size: 1.4em;
font-weight: bold;
}
#content .faq dl dd {
margin: 0 0 12px;
padding: 0;
font-size: 1.2em;
}
#content .faq dl dd span {
color: #ff1d25;
font-weight: bold;
}

/*-- footer --*/
#footer {
max-width: 100%;
margin: 0px 0px 20px;
text-align: center;
clear: both;
}
#footer p {
margin: 0px 15px 5px;
}

}

/*-- Pc --*/
@media screen and (min-width: 769px) {

/*-- common --*/
html {
width: 100%;
}
html, body, div, p {
margin: 0px;
padding: 0px;
}
body {
width: 100%;
font-family: メイリオ, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, sans-serif;
}
img {
border: none;
vertical-align: bottom;
}

/*-- wrapper --*/
#wrapper {
width: 100%;
margin: 0px auto;
overflow: hidden;
background-image: url("../images/bg_momijifes_001.jpg");
background-repeat: repeat;
}

/*-- header --*/
#header {
min-width: 100%;
height: auto;
margin: 0px auto;
}
#header h1 {
font-size: 14px;
margin: 4px 0 8px;
text-align: center;
}
#header h1 a {
color: #333333;
}
#header h1 a:hover {
}
#header img {
width: 100%;
height: auto;
text-align: center;
}

/*-- menu --*/
#menu ul {
    max-width: 1000px;
    margin: 30px auto;
    padding: 0px;
    text-align: center;
}
#menu li {
    margin: 0px 8px;
    display: inline;
    list-style: none;
    font-size: 1.4em;
}

/*-- content --*/
#content {
width: 1000px;
margin: 0px auto;
padding: 20px 0px;
color: #333333;
font-size: 14px;
}
#content h3 {
margin: 0 0 20px;
padding: 0;
clear: both;
}
#content p {
}
#content a {
}
#content a:hover {
}
#content .clearfix:after {
clear: both;
display: block;
content: "";
}
#content .event, #content .shop {
margin: 0 0 40px;
}
#content .event p, #content .shop p {
margin: 0 22px 40px;
float: left;
}
#content .banner {
margin: 0 0 60px;
}
#content .program {
margin: 0 0 40px;
}
#content .map {
margin: 0 0 40px;
}
#content .faq {
margin: 0 0 40px;
}
#content .faq h3 {
margin: 0;
}
#content .faq dl {
margin: 0;
padding: 0px 40px 40px;
background-color: #e8ffff;
}
#content .faq dl dt {
margin: 0 0 8px;
padding: 0;
text-indent: -1.5em;
padding-left: 1.5em;
color: #0f73be;
font-size: 1.3em;
font-weight: bold;
}
#content .faq dl dd {
margin: 0 0 12px;
padding: 0;
text-indent: -1.5em;
padding-left: 1.5em;
font-size: 1.2em;
}
#content .faq dl dd span {
color: #ff1d25;
font-weight: bold;
}

/*-- footer --*/
#footer {
width: 100%;
margin: 0px auto;
padding: 10px 0px 40px;
clear: both;
}
#footer p {
padding: 0px 0px 8px;
color: #333333;
text-align: center;
font-size: 18px;
}
#footer a {
color: #333333;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
#footer p.copyright {
font-size: 12px;
}

}
