@charset "utf-8";


@import url("common.css");


/************************************************
 import css 【PC】
************************************************ */
@import url("index.css") screen and (min-width: 1024px);


/************************************************
 import css【タブレット】
************************************************ */
@import url("index_tab.css") screen and (min-width:730px) and (max-width:1023px);


/************************************************
 import css【スマートフォン横】
************************************************ */
@import url("index_ls.css") screen and (min-width:480px) and (max-width:729px);

/************************************************
 import css【スマートフォン】
************************************************ */
@import url("index_sp.css") screen and (max-width:479px);

#nenmatsu{ text-align:center; border-bottom:1px solid #CCC; padding: 10px 0px 10px 0px}

#nenmatsu h2{ font-size:20px; color:#F00}

#nenmatsu p{}

#year_area{padding: 30px 20px 30px 20px;width: calc(100% - 40px);border-top: 1px solid #CCC}
#year_area_inner{max-width: 960px;width: 100%; margin: 0px auto 0px auto;}
#year_area_inner #title{ text-align: center; font-size: 21px; font-weight: bold;width: 100%; max-width: 20em;margin: 0px auto 0px auto;border-bottom: 2px solid #e73924}

#year_area_inner .top_text{ font-weight: bold;padding: 20px 20px 10px 20px; background-color: #e8ffd3; margin: 20px 0px 0px 0px; font-size: 15.5px}

#banner_area{padding: 10px 20px 10px 20px;width: calc(100% - 40px);border-top: 1px solid #CCC}

#banner_area #banner_area_inner{max-width: 960px;width: 100%; margin: 0px auto 0px auto;display: flex;justify-content: space-between}

#year_area_inner #day{text-align: center; font-size: 18px; font-weight:bold; background-color: #e8ffd3;padding-bottom: 10px}

#year_area_inner .bottom_text{ font-size: 15px;padding:0px 20px 10px 20px;}

#banner_area{padding-top: 15px}

#banner_area #banner_area_inner #banner_area_01{ width: 32%;  box-sizing: border-box}

#banner_area #banner_area_inner #banner_area_01 #banner_area_01_img{ margin-bottom: 15px}

#banner_area #banner_area_inner #banner_area_01 a{
    background-color: #e73924;
    display: block;
    width: 100%;
    padding: 10px;
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    border: 1px solid #e73924;
    box-sizing: border-box
}

#banner_area #banner_area_inner #banner_area_01 a:hover{background-color: #FFF;color:#e73924;}

#banner_area #banner_area_inner #banner_area_01 #banner_area_01_img img{ width: 100%}



#banner_area #banner_area_inner #banner_area_02{ width: 32%; box-sizing: border-box; font-size: 14px}


#banner_area #banner_area_inner #banner_area_02 #banner_area_02_img{margin-bottom: 10px}

#banner_area #banner_area_inner #banner_area_02 #banner_area_02_img img{ width: 100%}

#banner_area #banner_area_inner #banner_area_02 p a{
    background-color: #e73924;
    display: block;
    width: 100%;
    padding: 10px;
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    border: 1px solid #e73924;
    box-sizing: border-box;
    font-size: 16px
}

#banner_area #banner_area_inner #banner_area_02 p a:hover{background-color: #FFF;color:#e73924;}


#banner_area #banner_area_inner #banner_area_03{ width: 32%; box-sizing: border-box; font-size: 14px}

#banner_area #banner_area_inner #banner_area_03 #banner_area_03_img{margin-bottom: 10px;text-align: center}

#banner_area_03_img img{ width: 120px;margin: 0px auto 0px auto}

#banner_area #banner_area_inner #banner_area_03 p a{
    background-color: #e73924;
    display: block;
    width: 100%;
    padding: 10px;
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    border: 1px solid #e73924;
    box-sizing: border-box;
    font-size: 16px
}
#banner_area #banner_area_inner #banner_area_03 p a:hover{background-color: #FFF;color:#e73924;}

@media screen and (max-width:600px) { 
#banner_area #banner_area_inner{max-width: 960px;width: 100%; margin: 0px auto 0px auto;display: block;justify-content: space-between}
#banner_area #banner_area_inner #banner_area_01{ width: 100%; margin-bottom: 50px}
#banner_area #banner_area_inner #banner_area_02{ width: 100%; margin-bottom: 50px}
#banner_area #banner_area_inner #banner_area_03{ width: 100%;  margin-bottom: 0px}
    
    
}