@charset "utf-8";
/****************************************************************************************************

基本

****************************************************************************************************/
@media print, screen and (min-width:737px){
}
@media print, screen and (min-width:1000px){
}
/****************************************************************************************************

サイト全体を囲む

****************************************************************************************************/
.container{
}
/****************************************************************************************************

ヘッダー

****************************************************************************************************/
.header{
    position: relative;
    margin-bottom: 20px;
    padding: 20px 10px 10px;
    width: 100%;
    border-bottom: 1px solid #333;
}
@media print, screen and (min-width:737px){
.header{
}
}
@media print, screen and (min-width:1000px){
.header{
    margin: 0 auto 50px;
    width: 1000px;
}
}
/*
サイトID
--------------------------------------------------*/
.header__logo{
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    font-size: 1.4rem;
}
@media print, screen and (min-width:737px){
.header__logo{
    font-size: 2.4rem;
}
}

.header__logoImg{
    margin-bottom: 5px;
    width: 100px;
}
@media print, screen and (min-width:737px){
.header__logoImg{
    width: 140px;
}
}

/****************************************************************************************************

メイン

****************************************************************************************************/
.main{
    display: block;
    margin-bottom: 30px;
    padding-left:10px;
    padding-right:10px;
    width:100%;
}
@media print, screen and (min-width:737px){
}
@media print, screen and (min-width:1000px){
.main{
  margin: 0 auto 50px;
  width: 1000px;
}
}







/****************************************************************************************************

フッター

****************************************************************************************************/
.footer{
    clear: both;
    padding: 10px;
    border-top: 1px solid #333;
    width: 100%;
    text-align: center;
    font-size: 1.0rem;
}
@media print, screen and (min-width:737px){
.footer{
    font-size: 1.2rem;
}
}
@media print, screen and (min-width:1000px){
.footer{
    margin: 0 auto;
    width: 1000px;
}
}

.copyright{
}