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

/*非表示*/
div#JournalList h1, article h2 {
    display: none;
}
.state_l {
    display: none;
}
/*非表示*/

.d_pc{
	display: block;
}
.d_sp{
	display: none;
}

@media screen and (max-width: 580px) {
.d_pc{
	display: none;
}
.d_sp{
	display: block;
}
}

/*メインバナー*/
.free_giftpage .fg_mainbnr {
    margin-bottom: 3%;
    width: 100%;
}

.free_giftpage .fg_mainbnr img {
    max-width: 900px;
    width: 100%;
    display: block;
}
/*メインバナー*/

/*テキスト*/
.free_giftpage .fg_text {
    width: 100%;
    margin-bottom: 5%;
    text-align: left;
}

.free_giftpage .fg_text p {
    font-size: 100%;
    line-height: 1.8;
    letter-spacing: 0.05em;
}
/*テキスト*/

/*シーンから探す*/
.free_giftpage .fg_scene p.scene_titile {
    display: flex;
    align-items: center;
    font-size: 150%;
    line-height: 1.6;
    margin-bottom: 3%;
    letter-spacing: 0.12em;
}
 
.free_giftpage .fg_scene p.scene_titile:before , .free_giftpage .fg_scene p.scene_titile:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #333;
}
 
.free_giftpage .fg_scene p.scene_titile:before {
    margin-right: 2rem;
}
 
.free_giftpage .fg_scene p.scene_titile:after {
    margin-left: 2rem;
}

.free_giftpage .fg_scene nav.scene_list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.free_giftpage .fg_scene nav.scene_list a {
    width: 31%;
    margin-bottom: 2%;
}

.free_giftpage .fg_scene nav.scene_list a img {
    max-width: 286px;
    width: 100%;
    display: block;
}

.free_giftpage .fg_scene nav.scene_list a.kara {
    pointer-events: none;
}
/*シーンから探す*/

@media screen and (max-width: 580px) {
.free_giftpage .fg_mainbnr {
    margin-bottom: 5%;
}	
.free_giftpage .fg_text {
    margin-bottom: 7%;
}	
.free_giftpage .fg_scene nav.scene_list a {
    width: 48%;
    margin-bottom: 3%;
}	
}
@media screen and (max-width: 414px) {
.free_giftpage .fg_text p {
    font-size: 90%;
}	
.free_giftpage .fg_scene p.scene_titile {
    font-size: 120%;
}	
.free_giftpage .fg_scene p.scene_titile:before {
    margin-right: 1rem;
}
.free_giftpage .fg_scene p.scene_titile:after {
    margin-left: 1rem;
}	
}