body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  line-height: 2em;
  font-size: 17px;
  background-image:url("../images/bg/gravel.png");
}

#wrapper{
  box-shadow: 0 0 12px 0 rgba(0,0,0,0.3);
  max-width:1200px;
  margin:auto;
}

p{
    letter-spacing:0.03em;
    line-height:1.7em;
}
p.subtitle{
  margin-top:4px;
}
.fa-info-circle{
  color:#c6002a;
}

#container{
    max-width:1200px;
    margin:0 auto;
    padding:30px;
    padding-bottom:1px;
    background-color: rgba(255,255,255,0.75);
    box-sizing:border-box;
}

h1 {
    font-size: 2.2em;
    line-height:1.3em;
}
h2 {
    font-size: 1.3em;
    margin-bottom:7px;
}
.middle_wrapper{
    margin:30px 0;
    padding:30px;
    box-sizing:border-box;
    background-color: rgba(251,247,239,0.6);
    border:1px solid rgba(0,0,0,0.20);
    border-radius: 7px 7px 7px 7px;
}
.catch #top_image_wrapper{
    background-color:#000;
}
.catch p{
    margin-bottom:15px;
}
.catch img{
    display:block;
    max-width:520px;
    width:100%;
    margin:auto;
}
.catch #link_official{
  font-size:0.9em;
  text-align:center;
  padding-top:10px;
  margin:0;
  line-height:1.6em;
}

.detail iframe{
    width:100%;
    max-width:600px;
}

header {
    color:#fff;
    background-color: rgba(0,0,0,0.82);
    max-width:1200px;
    margin:auto;
    box-sizing:border-box;
    padding:0;
    padding-top:25px;
    height:80px;
    border-bottom: solid 7px #e5c66d;
}

header img{
  max-height:20px;
  margin-left:25px;
}

footer {
    color:#fff;
    background-color: rgba(0,0,0,0.82);
    max-width:1200px;
    margin:auto;
    box-sizing:border-box;
    padding:0;
    padding-top:30px;
    text-align:center;
    height:90px;
}

footer p{
  color:#a49e92
}

@media screen and (max-width:600px) {
	.middle_wrapper{
        margin:20px 0;
        padding:20px;
        margin-bottom:0;
    }
    
    #container{
        padding:20px;
    }
}