@media screen and (max-width:700px) {

body {
margin: 0px;
padding: 0px;
font-family:'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';

}

.title {
position:absolute;
top:1%;
left:3%;
height:12%;
font-size: 6vw;
font-weight: bold;
}


p{
border-left: outset 10px #f1db124d;
padding-left: 10px;
}
p.ttlp{
border-left: outset 10px #33ff334d;
padding-left: 10px;
}

.check_btn{
width:70%;
height:10%;
font-size: 7vw;
border-radius: 10px;
color:WHITE;
background: BLUE;
font-weight:bold;
}

.oubo_btn{
width:70%;
height:10%;
font-size: 7vw;
border-radius: 10px;
color:WHITE;
background: RED;
font-weight:bold;
}

.box {
margin: 0 auto;
width:80%;
word-break: break-all;
}

.elink{
margin: 0 auto;
width:80%;
text-align : center;
}

.blogo{
position:relative;
width:100%;
text-align : center;
}

.blogo img{
width:50%;
}

.ename_long{
font-size: 4vw;
font-weight: bold;
max-font-size: 16pt;
}

.ename{
font-size: 4vw;
font-weight: bold;
max-font-size: 16pt;
}




.not{
text-align : center;
font-size:4vw;
}
}


@media screen and (min-width:700px) {

body {
margin: 0px;
padding: 0px;
}


.title {
position:absolute;
top:1%;
left:3%;
height:12%;
font-size: 42px;
font-weight: bold;
}

p{
border-left: outset 10px #f1db124d;
padding-left: 10px;
}


p.ttlp{
border-left: outset 10px #33ff334d;
padding-left: 10px;
}

.box {
margin: 0 auto;
width:80%;
overflow-wrap: break-word;
}

.elink{
margin: 0 auto;
width:80%;
text-align : center;
}

.blogo{
position:relative;
width:684px;
margin: 0 auto;
text-align : center;
}

.blogo img{
width:340.5px;
}

.ename{
font-size: 20pt;
font-weight: bold;
}

.ename_long{
font-size: 20pt;
font-weight: bold;
}

.oubo_btn{
font-size: 35pt;
width:250pt;
height:75pt;
border-radius: 10px;
color:WHITE;
background: RED;
font-weight:bold;
}
.check_btn{
font-size: 35pt;
width:250pt;
height:75pt;
border-radius: 10px;
color:WHITE;
background: BLUE;
font-weight:bold;
}


.not{
text-align : center;
font-size:4vw;
}

}