@charset "utf-8";

/**************************************************
 *
 * 追加CSS
 *
***************************************************/

/***********************************
 メインイメージ
************************************/
.main_img p.pc img{
   aspect-ratio: 2000 / 1020;
   width: 100%;
   height: 100%;
}

.main_img p.sp img{
    display: none;
}

@media screen and (max-width: 800px){
    .main_img{
        margin: 0 0 50px;
    }

    .main_img p.pc img{
        display: none;
    }

    .main_img p.sp img{
        width: 100%;
        height: 100%;
        display: block;
    }
}

/***********************************
 ヘッダー
************************************/
#header_button{
    background: #000000;
}

#header_button:hover {
    background: #4f4f4f;
}

/***********************************
 フッター
************************************/
#footer{
    background: #fccc13;
}

#footer_logo img{
    width: 230px;
    height: auto;
}

#footer_nav{
    border-top: 1px solid #000;
}

#footer_button_area{
    background: #fccc13;
}

#footer_button_area .icon{
    background: #000000;
}

#footer_button_area a.item{
    transition: all 0.25s ease;
}

#footer_button_area a.item:hover{
    color: #000000;
    opacity: 0.7;
}

#copyright{
    border-top: 1px solid #000;
    background: #fccc13;
}

#return_top a{
    background: #000000;
}

#return_top a:hover {
    background: #4f4f4f;
}

@media screen and (max-width: 800px){
    #footer_logo img {
        width: 180px;
    }
}