body{
background-color:#000;
background-image: url("img/back.jpg");
}
a{
color:#eee;
}
.clear{
clear:both;
}
.mb20{
margin-bottom:20px;
}
.mb10{
margin-bottom:10px;
}
.mt20{
margin-top:20px;
}
.commentbox {
  position: relative;
  display: inline-block;
  padding: 4px .5em;
    padding-top: 4px;
    padding-bottom: 4px;
  overflow: hidden;
  line-height: 1.7;
  vertical-align: middle;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: .24em;
  background-color:#fff;
  color:#000;
}


#footerback{
text-align:center;
background:#000;
padding:30px;
color:#999;
}
.smallTxt{
color:#999;
font-size:0.5rem;
}
.wrap{
font-family: "Hiragino Mincho ProN","Ÿà–¾’©", YuMincho, "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif;
color:#fff;
margin-top:-30px;
padding:30px 0;
line-height:1.7;
}
.topjacket{
margin:0 auto;margin-bottom:30px;width:70%;
}
.cont{
width:80%;
margin:0 auto;
}

.topimg{
width:60%;
margin:40px 0;
}

h2{
font-size:33px;
text-align:center;
margin:20px 0;
clear:both;
color:#fff;
}
.largetext{
font-size:40px;
}
.largetext2{
font-size:20px;
}
.largetext3{
font-size:18px;
background-color:#281e57;
padding:10px;
margin-bottom:5px;
color:#fff;
}
.green_txt{
color:#e8374b;
}
.whitewaku{
width:90%;
margin:0 auto;
padding:30px;
background-color: rgba(255, 255, 255, 1);
}
.cd_text{
margin:0 10px;
width:47%;
float:right;
}
.cd_text2{
margin:0 1%;
width:31%;
float:left;
}

h3{
font-size:24px;
text-align:center;
margin:20px 0;
}


.text{
width:77%;
margin:10px auto;
clear:both;
}
.textimg{
text-align:center;
}
.kashuimg{
width:40%;
margin:30px auto;
margin-bottom:0;
}
.redblueimg{
width:80%;
margin:10px 0 20px;
}
.jacketimg{
width:45%;
float:left;
margin:0 30px 0 0;
border:1px solid #eee;
}

.floatRight{
float:right !important;
}

.btn1 {
    position: relative;
    display: inline-block;
    padding: 0.5em 0.5em;
    width: 40%;
    font-size: 19px;
    text-decoration: none !important;
    text-align: center;
    color: #ffffff !important;
    background: #991010;
    border: none;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    margin-bottom: 20px;
margin-right:20px;
}
.btn1:hover {
    background: #281e57;
}


.aigaku_list{
width:20%;
padding:0 2%;
float:left;
border-left:1px solid #aaa;
}
.text_comment{
padding:20px;
}
.text_tokuten{
font-size:12px;
}
@media screen and  (max-width: 980px) {
.text_tokuten{
font-size:18px !important;
}
.text_comment{
font-size:30px !important;
line-height:1.8;
padding:0;
}
.largetext3{
font-size:40px !important;
}
.text{
font-size:35px !important;
line-height:1.8;
}
.commentbox {
font-size:40px;
}
.aigaku_list{
width:44%;
float:left;
font-size:18px;
margin-bottom:30px;
}
.topjacket{
width:90%;
}

.cont{
width:90%;
}
.btn1 {
width:90%;
    font-size: 40px;
    margin-bottom: 40px;
margin-right:0;

}
.largetext2{
text-align:center;
}

.imgwaku{
text-align:center;
}

.jacketimg{
width:80vw;
float: none;
margin:0;
margin-bottom:30px;
}

.cd_text{
clear:both;
width:90%;
margin:0 auto;
text-align:center;
float:none;
}
.cd_text2{
clear:both;
width:90%;
margin:0 auto;
text-align:center;
float:none;
}

.text{
width:86%;
text-align:left;
color:#fff;
}
.largetext2{
font-size:40px;
}

.largetext3{
font-size:24px;
text-align:center;
}

h2{
font-size:42px;
}
.largetext{
font-size:60px;
}
.kashuimg{
width:60vw;
}
}


@media screen and (min-width: 979px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 980px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}