@charset "UTF-8";
/* common css */
*{color:#333333;}
a{color:#0000aa;text-decoration:underline;}
p{margin:0;padding:0;}
.red{color:#e50010;}
.emphasis{color:#e50010;font-size:2.5em;font-weight:bold;}
.border{margin:1em auto 0;border:4px solid #4f0002;border-radius:10px;padding-bottom:0.5em;}
.border img{border-radius:10px;}
.entry{background:#e50010;color:#ffffff;border:1px solid #ffffff;position:absolute;right:2%;bottom:8%;}
h1{color:#ffffff;text-align:center;font-weight:bold;background:url('../../../../image/gra.gif') repeat-x;margin:1% 0;}
h2,h4{color:#319041;font-weight:bold;text-align:center;margin:1% 0;}
.seat{line-height:1.5}
img{width:100%;}
h2,h3,div{margin:0 auto;}
.subtitle{font-weight:bold;}
.subtitle:before{content:"・";}
.title{border:1px solid #999;}
.title::before{content:'';border-left:6px solid #00135d;}
.shops{border:1px solid #999;border-radius:10px;}
.shops ul{list-style:none;padding:0;}
.content{position:relative;}
.comment,.note{margin:0;padding:0;text-indent:-1em;padding:0 0 0 1em;}
.comment::before{content:'\203b';}
dt,dd{margin:0;padding:0;}
.note{text-align:left;}
.notice{border:1px solid #999999;border-radius:3px;text-align:center;color:#e50010;font-weight:bold;padding:1em 0;}
.spacer{height:2em;}
.new_enrollment{background:#f9dbe8;margin-bottom:2%;}
.link{position:absolute;right:0;bottom:1.5em;}
#footer{border-top:1px solid #00135d;}
#footer p{text-align:center;}

/* for Mobile Browser */
@media screen and (min-width:320px) and (max-width:767px){
h1{font-size:5vw;}
h2,h3,h4{font-size:4.5vw;}
div{margin:2.5%;}
.shops ul{margin:0;}
.shops li{border-bottom:1px dashed #333333;text-align:center;}
.shops li:last-child{border:none;}
.shops a{font-size:4vw;}
.title{padding:1% 0;}
.title::before{padding:0;margin:1%;}
.comment,.note{font-size:1vw;text-align:left;text-indent:-1em;margin-left:1em;}
.notice{font-size:2vw;}
dt,dd{font-size:3vw;}
dd.emphasis{font-size:1.1em;}
.link{bottom:0;}
.link a{font-size:2.5vw;}
.content:last-child{padding-bottom:5vh;}
#footer p{font-size:3vw;}
.pc{display:none;}
}

/* for PC Browser */
@media screen and (min-width:768px){
*{font-size:62.5%;}
    main{max-width:940px;margin: auto;}
h1{font-size:14px;font-size:1.4rem;padding:4px 2px;width:936px;}
.seat{width:920px;background:#fff;border:1px solid #ccc;margin:0 0 20px 10px;padding:0;border-radius:5px;font-size:14px;}
h2{width:700px;font-size:40px;font-size:4rem;}
h3{width:700px;font-size:20px;font-size:2rem;}
h4{width:680px;font-size:40px;font-size:4rem;padding:10px;}
.cardimage{width:700px;}
.entry{right:10px;top:7px;font-size:20px;font-size:2rem;padding:2px 5px;}
.title{padding:10px 0;}
.title::before{padding:5px 0;margin:5px;}
.shops{width:678px;margin:10px auto;padding:10px;}
.shops li{display:inline-block;}
.shops a{font-size:16px;font-size:1.6rem;}
.camp{width:700px;}
.comment,.note{font-size:13px;font-size:1.3rem;padding:0 24px;}
dt,dd{font-size:14px;font-size:1.4rem;}
dd.emphasis{font-size:25px;font-size:2.5rem;}
.notice{font-size:12px;font-size:1.2rem;margin-bottom:1em;}
.border{width:650px;}
.link a{font-size:12px;font-size:1.2rem;}
.content{max-width:700px;}
.content:last-child{padding-bottom:3em;}
#footer{width:940px;}
#footer p{font-size:14px;font-size:1.4rem;}
.mobile{display:none;}
}
