@charset "UTF-8";

/* CSS Document */

body {

    margin: 0px auto
}

.box {
    display: flex;
    flex-wrap: wrap;
}

a:hover {
    opacity: 0.7
}

a:hover {
    opacity: 0.7
}

a:hover {
    opacity: 0.7
}

@media screen and (min-width:780px) {
    .sp {
        display: none
    }
    .contents {
        max-width: 1440px;
        margin: 0px auto;
        padding: 10% 5% 3%;
    }
    .p15 {
        padding: 0 15px
    }
    .text-c p {
        text-align: center
    }
    .box-half64_1 {
        width: 55%
    }
    .box-half64_2 {
        width: 35%
    }
    .box-half46_1 {
        width: 35%
    }
    .box-half46_2 {
        width: 55%
    }
    .box-half37_1 {
        width: 20%
    }
    .box-half37_2 {
        width: 75%
    }
    .box-half73_1 {
        width: 75%
    }
    .box-half73_2 {
        width: 20%
    }
    .box-half28_1 {
        width: 10%
    }
    .box-half28_2 {
        width: 85%
    }
    .box-half82_1 {
        width: 85%
    }
    .box-half82_2 {
        width: 10%
    }
    .box-half55 {
        width: 46%
    }
    .box-half333 {
        width: 31%;
    }
    .box-half4 {
        width: 22%
    }
    #c01 {
        background: url("");
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }
    #c01 .red {
        background: #faf4f4;
        color: #bc6867;
        padding: 15px;
        text-align: center;
    }
    #c01 .ttl {
        max-width: 370px;
        width: 40%;
        margin: 15% auto;
    }
    #c01 .type01 {
        text-align: center;
        margin: 5% auto 0;
    }
    #c01 .type01 .list01 {
        display: flex;
        flex-wrap: wrap;
        max-width: 529px;
        margin: 10px auto 0;
    }
    #c01 .type01 .list01 div:nth-child(1) {
        width: 42%;
        margin: 0 auto;
    }
    #c01 .type01 .list01 div:nth-child(2) {
        width: 54%;
        margin: 0 auto;
    }
    #c01 .type01 .list02 {
        display: flex;
        flex-wrap: wrap;
        max-width: 750px;
        margin: 10px auto 0;
    }
    #c01 .type01 .list02 div:nth-child(1) {
        width: 42%;
        margin: 0 auto;
    }
    #c01 .type01 .list02 div:nth-child(2) {
        width: 26%;
        margin: 0 auto;
    }
    #c01 .type01 .list02 div:nth-child(3) {
        width: 28%;
        margin: -7px auto 0;
    }
    #c01 .type02 {
        text-align: center;
        margin: 5% auto;
    }
    #c01 .type02 .list03 {
        display: flex;
        flex-wrap: wrap;
        max-width: 750px;
        margin: 10px auto 0;
        column-gap:2.6%;
    }
    #c01 .type02 .list03 div {
        width: 23%;
        /*margin: 0 auto;*/
    }
    #c02 {
        background: url("");
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }
    #c02 .contents {
        padding: 5%
    }
    #c02 .search-ttl {
        margin: 0 auto;
        border-bottom: 1px solid #cfcfcf;
        padding-bottom: 20px;
        max-width: 850px;
        font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    }
    #c02 .search-list {
        margin: 0 auto;
        border-bottom: 1px solid #cfcfcf;
        padding: 5% 0;
        max-width: 850px;
        font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    }
    #c02 .search-list h2 {
        margin: 0;
        line-height: 180% !important
    }
	#c02 .search-list h2 span{
		font-size: 12px;
    }

    #c02 .search-list p {
        font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
        margin: 0 0 30px;
        line-height: 180% !important;
        letter-spacing: 1.5px !important
    }
    #c02 .search-list p a {
        color: #bc6867;
        text-decoration: underline
    }
    #c02 .search-list .red {
        background: #faf4f4;
        color: #bc6867;
        padding: 10px 20px;
    }
    #c02 .search-list .ic {
        display: flex;
        flex-wrap: wrap;
    }
    #c02 .search-list .ic div {
        margin-right: 20px
    }
    #c02 .search-list .gm {
        float: right
    }
}

@media screen and (max-width:779px) {
    .pc {
        display: none
    }
    .contents {
        width: 90%;
        margin: 0px auto;
        padding: 15% 0 3%;
    }
    .text-c p {
        text-align: left
    }
    .box-half64_1 {
        width: 100%
    }
    .box-half64_2 {
        width: 100%
    }
    .box-half46_1 {
        width: 100%
    }
    .box-half46_2 {
        width: 100%
    }
    .box-half37_1 {
        width: 20%
    }
    .box-half37_2 {
        width: 75%
    }
    .box-half73_1 {
        width: 75%
    }
    .box-half73_2 {
        width: 20%
    }
    .box-half28_1 {
        width: 15%
    }
    .box-half28_2 {
        width: 80%
    }
    .box-half82_1 {
        width: 80%
    }
    .box-half82_2 {
        width: 15%
    }
    .box-half55 {
        width: 100%
    }
    .box-half333 {
        width: 66%
    }
    .box-half4 {
        width: 46%
    }
    #c01 {
        background: url("");
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }
    #c01 .red {
        background: #faf4f4;
        color: #bc6867;
        padding: 15px;
        text-align: center;
    }
    #c01 .ttl {
        max-width: 370px;
        width: 40%;
        margin: 15% auto;
    }
    #c01 .type01 {
        text-align: center;
        margin: 5% auto 0;
    }
    #c01 .type01 .list01 {
        display: flex;
        flex-wrap: wrap;
        max-width: 500px;
        margin: 10px auto 0;
    }
    #c01 .type01 .list01 div:nth-child(1) {
        width: 70%;
        margin: 0 auto 10px;
    }
    #c01 .type01 .list01 div:nth-child(2) {
        width: 95%;
        margin: 0 auto 10px;
    }
    #c01 .type01 .list02 {
        display: flex;
        flex-wrap: wrap;
        max-width: 500px;
        margin: 0 auto 0;
    }
    #c01 .type01 .list02 div:nth-child(1) {
        width: 100%;
        margin: 0 auto 10px;
    }
    #c01 .type01 .list02 div:nth-child(2) {
        width: 60%;
        margin: 0 auto 10px;
    }
    #c01 .type01 .list02 div:nth-child(3) {
        width: 65%;
        margin: -10px auto 10px;
    }
    #c01 .type02 {
        text-align: center;
        margin: 5% auto;
    }
    #c01 .type02 .list03 {
        display: flex;
        flex-wrap: wrap;
        max-width: 550px;
        margin: 10px auto 0;
    }
    #c01 .type02 .list03 div {
        width: 48%;
        margin: 0 auto;
    }
    #c02 {
        background: url("");
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }
    #c02 .contents {
        padding: 5%
    }
    #c02 .search-ttl {
        margin: 0 auto;
        border-bottom: 1px solid #000;
        padding-bottom: 20px;
        max-width: 850px;
        font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    }
    #c02 .search-list {
        margin: 0 auto;
        border-bottom: 1px solid #000;
        padding: 10% 0;
        max-width: 850px;
        font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    }
    #c02 .search-list h2 {
        margin: 0;
        line-height: 180% !important
    }
	#c02 .search-list h2 span{
		font-size: 10px;
		line-height: 1em;
		display: block;
		margin-bottom: 1.5em;
    }

    #c02 .search-list p {
        font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
        margin: 0 0 30px;
        line-height: 180% !important;
        letter-spacing: 1.5px !important
    }
    #c02 .search-list p a {
        color: #bc6867;
        text-decoration: underline;
        overflow-wrap: break-word;
    }
    #c02 .search-list .red {
        background: #faf4f4;
        color: #bc6867;
        padding: 10px 20px;
    }
    #c02 .search-list .ic {
        display: flex;
        flex-wrap: wrap;
    }
    #c02 .search-list .ic div {
        margin-right: 20px
    }
    #c02 .search-list .gm {
        float: right
    }
}


/*--------------- JS絞り込みで消す ---------*/

.is-hide {
    display: none;
}

.radio {
    display: none;
}

.radio+.radio_image {
    background-color: #ffffff;
}
/* .radio:checked+.radio_image {background-color: black;{} */



/* 
.radio:checked+.radio_image01 {background: url( "../../img/05-shoplist/contents/01/1/on01.png" ); background-size: contain; opacity:0;}
radio:checked+.radio_image01 {background: url( "../../img/05-shoplist/contents/01/1/on01.png" ); background-size: contain; opacity:0;}

/* 
.radio:checked+.radio_image01 {background: url( "./img/05-shoplist/contents/01/1/on01.png" );}
.radio:checked+.radio_image02 {background: url( "./img/05-shoplist/contents/01/1/on02.png" );}
.radio:checked+.radio_image03 {background: url( "./img/05-shoplist/contents/01/1/on03.png" );}
.radio:checked+.radio_image04 {background: url( "./img/05-shoplist/contents/01/1/on04.png" );}
.radio:checked+.radio_image05 {background: url( "./img/05-shoplist/contents/01/1/on05.png" );}

.radio:checked+.radio_image11 {background: url( "./img/05-shoplist/contents/01/2/on01.png" );}
.radio:checked+.radio_image12 {background: url( "./img/05-shoplist/contents/01/2/on02.png" );}
.radio:checked+.radio_image13 {background: url( "./img/05-shoplist/contents/01/2/on03.png" );}
.radio:checked+.radio_image14 {background: url( "./img/05-shoplist/contents/01/2/on04.png" );}
.radio:checked+.radio_image15 {background: url( "./img/05-shoplist/contents/01/2/on05.png" );}
.radio:checked+.radio_image16 {background: url( "./img/05-shoplist/contents/01/2/on06.png" );}
.radio:checked+.radio_image17 {background: url( "./img/05-shoplist/contents/01/2/on07.png" );}
.radio:checked+.radio_image18 {background: url( "./img/05-shoplist/contents/01/2/on08.png" );}
 */