@charset "UTF-8";



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


/*--------上記全体を囲む記述 -------*/



.for_pc
{
	display: none;
}

.for_sp
{
	display: block;
}

    

div#wrap_index_keyimage div#wrap_gnavi
{
	display: none;
}



div.index_treatment_inner,
div#wrap_index_news,
    div#index_headline_inner,
div#index_recommend
{
    width: 100%;
}



div.index_title_new strong {
    font-size: 24px;

}

/*------------------------------------*\
    ヘッダー
\*------------------------------------*/

div#wrap_index_keyimage div#header_logo {
    float: left;
    width: 60%;
    margin: 0px 0px 0px 10px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 80;
}

/*------------------------------------*\
    フッター
\*------------------------------------*/


    
div.footer_address h3 {
    width: 100%;
    display: inline-block;
    float: left;
    padding: 0px 0px 10px;
    text-align: center;
    color: #ceb175;
    font-size: 22px;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


div.footer_address div.info {
    width: 100%;
    margin: 10px 0px 10px;
    padding: 0px 0px 0px;
    display: inline-block;
    float: left;
}


div.footer_address img.map {
    width: 100%;
    height: auto;
    margin: 0px 0% 0px;
    float: right;
}

/*------------------------------------*\
    index
\*------------------------------------*/

div#wrap_index_keyimage {
    height: 117vw;
}

div#index_keyimage {
    float: left;
    width: 100%;
    height: 100%;
    display: inline-block;
}

div#wrap_index_keyimage ul#index_keyimages {
    height: 117vw;
}

div#wrap_index_keyimage ul#index_keyimages li {
    background-size: 100%;
}



div#index_headline h3 {
    width: 100%;
    float: left;
    color: #d4b064;
}

div#index_headline ul {
    width: 100%;
    margin: 10px auto 0px;
    display: inline-block;
    text-align: left;
    padding: 0px 10px 0px;
}

div#wrap_index_keyimage ul#index_keyimages li:nth-child(1)
{
    background-size: auto 100%;
}

div#wrap_index_keyimage ul#index_keyimages li:nth-child(2)
{
    background-size: auto 100%;
}


div.index_treatment_list a {
    float: left;
    margin: 0px 1% 5px;
    width: 48%;
}

div.index_title_treatment {
    width: 100%;
    display: inline-block;
    margin: 10px 0px 20px 0%;
    padding: 0px 10px 0px;
}

div.index_treatment:nth-child(3) div.index_title_treatment {
    width: 100%;
    display: inline-block;
    margin: 10px 0px 20px 0%;
    padding: 0px 10px 0px;
}


div#index_recommend ul {
    width: 100%;
    height: auto;
    display: inline-block;
}


div#index_recommend ul li
{
width: 50%;
    height: 100%;
    display: inline-block;
    padding: 0px 5px 5px;
    float: left;
}

div#index_campaign {
    width: 100%;
    height: 100%;
    display: inline-block;
}




div#wrap_index_news div.index_title_new {
    width: 100%;

}

div#index_contents_news {
    position: relative;
    width: 100%;
    padding: 0px 10px 0px;
}



div.index_treatment div.index_title_treatment {
    width: 80%;
    display: inline-block;
    margin: 10px 0px 20px;
    float: right;
    clear: both;
    height: auto;
}



div#index_campaign ul li {
    width: 50%;
    height: auto;
    display: inline-block;
    padding: 0px 5px 5px;
    float: left;
}



































}