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

body{
    width: 900px;
    margin: 0 auto;
    color: #444444;
    font-size: 14px;
}

a{
    color: #888888;
}

header{
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 900px;
    height: 260px;
    background-image: url(900pc.jpg);
    border: 1px solid #666666;
}

.annai-bun{
    width: 880px;
    margin: 0 auto;
    margin-bottom: 30px;
    background-color: #e6e6fa;
    padding: 10px;
}

article-1{
    margin: 0 auto;
    width: 900px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: center;
    margin-bottom: 50px;
}

.naiyou-title{
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
    padding: 5px;
    font-weight: bold;
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
    border-bottom: 1px dotted #666666;
}

.naiyou-main{
    padding: 5px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
}

article-2{
    margin: 0 auto;
    width: 900px;
    display: grid;
    grid-template-columns: 2fr 1fr;
    justify-content: center;
    margin-bottom: 50px;
}

.kiji-title{
    font-weight: bold;
    margin-right: 30px;
    padding: 5px;
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
    border-bottom: 1px dotted #666666;
}

.kiji-main{
    padding: 5px;
    margin-right: 30px;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
    margin-bottom: 30px;
}

.side-title{
    font-weight: bold;
    padding: 5px;
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
    border-bottom: 1px dotted #666666;
}

.side-main{
    padding: 5px;
    margin-bottom: 30px;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
}
}

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

body{
    width: 500px;
    margin: 0 auto;
    color: #444444;
    font-size: 14px;
}

a{
    color: #888888;
}

header{
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 500px;
    height: 180px;
    background-image: url(500tab.jpg);
    border: 1px solid #666666;
}

.annai-bun{
    width: 480px;
    margin: 0 auto;
    margin-bottom: 30px;
    background-color: #e6e6fa;
    padding: 10px;
}

article-1{
    margin: 0 auto;
    width: 500px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    margin-bottom: 50px;
}

.naiyou-title{
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
    padding: 5px;
    font-weight: bold;
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
    border-bottom: 1px dotted #666666;
}

.naiyou-main{
    padding: 5px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 30px;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
}

article-2{
    margin: 0 auto;
    width: 500px;
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    margin-bottom: 50px;
}

.kiji-title{
    font-weight: bold;
    padding: 5px;
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
    border-bottom: 1px dotted #666666;
}

.kiji-main{
    padding: 5px;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
    margin-bottom: 30px;
}

.side-title{
    font-weight: bold;
    padding: 5px;
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
    border-bottom: 1px dotted #666666;
}

.side-main{
    padding: 5px;
    margin-bottom: 30px;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
}
}

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

body{
    width: 300px;
    margin: 0 auto;
    color: #444444;
    font-size: 14px;
}

a{
    color: #888888;
}

header{
    margin-top: 30px;
    margin-bottom: 30px;
    width: 300px;
    height: 130px;
    background-image: url(300mobi.jpg);
    border: 1px solid #666666;
}

.annai-bun{
    width: 280px;
    margin-bottom: 30px;
    background-color: #e6e6fa;
    padding: 10px;
}

article-1{
    width: 300px;
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    margin-bottom: 50px;
}

.naiyou-title{
    margin-top: 10px;
    padding: 5px;
    font-weight: bold;
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
    border-bottom: 1px dotted #666666;
}

.naiyou-main{
    padding: 5px;
    margin-bottom: 30px;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
}

article-2{
    width: 300px;
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    margin-bottom: 50px;
}

.kiji-title{
    font-weight: bold;
    padding: 5px;
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
    border-bottom: 1px dotted #666666;
}

.kiji-main{
    padding: 5px;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
    margin-bottom: 30px;
}

.side-title{
    font-weight: bold;
    padding: 5px;
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
    border-bottom: 1px dotted #666666;
}

.side-main{
    padding: 5px;
    margin-bottom: 30px;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
}
}