@charset "Shift_JIS";
/* CSS Document */
*{ margin:0; padding:0px;}
*{ font-family: "Noto Sans JP", Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
/**{ font-size: 62.5%; }*/

body{ /*font-size:1.6rem;*//* 16px*/  line-height: 2; }
img{ border:0;}
a{ text-decoration: none; transition : all 0.5s ease 0s; }
a:hover { opacity: 0.6 ;}
.clear{ clear:both;}
.clearfix:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ min-height:0;}
* html .clearfix{ height:0; /*\*//*/ height: auto; overflow: hidden; /**/}
.float {position:absolute;}
.only_sp { display:none; }

/* for pc */



#container_kanshasai_1912 { width:100%; margin:0 auto; padding:0; background: #F9CA9B;}

.contents_kanshasai_1912 { width:1030px; margin: 0 auto; position: relative; }

 

.box_menu {
    width: 80px;
    height: 180px;
    background-color: #E3BB51;
    border-radius: 10px 0px 0px 10px;
    border-color: #22355F;
    border-style: solid; 
    postion: absolute;
    position: fixed;
    right:0px;
    bottom: 50px;
    z-index: 1;
    text-align: center;
}
    .box_menu img {
        margin: 8px auto 0;
    }

.box_maintitle {
    background-image:url(../image/kanshasai_1912/bg01.jpg);
	position:relative;
    height: 502px;
    margin: 0 auto;
    padding:  0 auto;
}

    .box_maintitle .logo {
        position: absolute;
        top:40px;
        left: 40px;
}

    .title_star {
        position: absolute;
        top: 0px;
        right:0;
        margin: auto;
    }

    .title_head {
        position: absolute;
        top: 55px;
        right: 0;
        left: 0;
        margin: auto;
    }

    
    .title_hero {
        position: absolute;
        top: 155px;
        left: 110px;
        margin: auto;
    }


    .title_10per {
        position: absolute;
        bottom: 130px;
        right: 32px;
        margin: 0 auto;
    }

    .title_date {
        position: absolute;
        bottom: 0px;
        right:0;
        margin: 0 auto;
    }

.box_sale {
    background-color: #CF0215;
	position:relative;
    height: 230px;
    margin: 0 auto;
    padding: 20px 0;
}

    .sale_title {
        text-align: center;
        margin: 0 auto;
        z-index:10;
    }

    .box_sale01_detail {
        background-color: aliceblue;
        border-radius: 17px;
        position:relative;
        width: 900px;
        height: 660px;
        margin: 0 auto;
        padding: 0px;
    }

        .box_sale01_detail div:nth-child(1) img {
            position: absolute;
            top: -12px;
            left: 8px;
            margin: auto;
        }

        .box_sale01_detail div:nth-child(2) img {
            position: absolute;
            top: 175px;
            left: 7px;
            margin: auto;
        }

        .box_sale01_detail div:nth-child(3) img {
            position: absolute;
            top: 501px;
            right: 8px;
            margin: auto;
        }

    .box_sale02_detail {
        background-color: aliceblue;
        border-radius: 17px;
        position:relative;
        width: 900px;
        height: 370px;
        margin: 30px auto 0;
        padding: 0px;
    }

        .box_sale02_detail div:nth-child(1) img {
            position: absolute;
            top: -14px;
            left: -17px;
            margin: auto;
        }

        .box_sale02_detail div:nth-child(2) img {
            position: absolute;
            top: 130px;
            left: 13px;
            margin: auto;
        }

        .box_sale02_detail div:nth-child(3) img {
            position: absolute;
            top: -7px;
            right: 8px;
            margin: auto;
        }

        .box_comment {
            width: 800px;
            margin: 30px auto 10px;
            font-size: 0.8rem;
            color: #FFF;
            letter-spacing: 0.05rem;
            line-height: 1.2rem;
            z-index:10;
        }

        .box_comment p {
            font-weight: bold;
            color: #FFEF00;
            font-size: 0.9rem;
            }


        .button {
            padding: 1.2em 0;
            width: 800px;
            height: 90px;
            border-radius: 45px;
            box-sizing: border-box;
            margin: 0 auto;
            transition: 0.3s;
            cursor: pointer;
        }

        .button a {
            position: relative;
            display: block;
            color: #284896;
            font-weight: bold;
            background: #fff;
            text-align: center;
            font-size: 2rem;
            padding: 0.4em 0;
            width: 800px;
            height: 90px;
            border-radius: 45px;
            box-sizing: border-box;
            margin: 0 auto;
            transition: 0.3s;
            cursor: pointer;
        }

        .button span img {
            width: auto;
            height: 30px;
            margin-right: 20px;
        }



.box_footer {
    width: 100%;
    background-color: #E3BB51;
}

    .box_footer a {
        border: 0;
        transition: .3s;
    	color: #333;
    }

    .box_footer a:visited {
    	color: #333;
    }

    .box_footer a:hover {
    	color: #333;
        transform: rotate(2deg);
    }

    .box_footer ul {
        width: 1040px;
        margin: 0 auto;
        padding: 20px 0; 
        font-size: 0;
    }

    .box_footer li {
        font-size: 1rem;
        display: inline-block;
        width: 25%;
        font-weight: bold;
        vertical-align: middle;
        letter-spacing: 0.1rem;
        text-align: center;
    }

    .box_footer li:nth-child(1) img {
        width: 90px;
        height: auto;
    }

    .box_footer li:nth-child(2) img,
    .box_footer li:nth-child(3) img {
        margin: 0 10px 0 auto;
    }




.animation1 {
    -webkit-animation: example 1.5s ease-out 1s 1 forwards;
    animation: example 1.5s ease-out 1s 1 forwards;
}

.animation2 {
    -webkit-animation: example 3s ease-out 3.1s 1 forwards;
    animation: example 3s ease-out 3.1s 1 forwards;
}

.animation3 {
    -webkit-animation: example 3s ease-out 2s 1 forwards;
    animation: example 3s ease-out 2s 1 forwards;
}





/*for SP*/
@media screen and (max-width:639px) {
    
.only_pc {
    display:none; }
    
.only_sp {
    display:inline-block; width:100%;
    }
    
.drawer-navbar-header img {height: 58px; width: auto;}
    
.contents_kanshasai_1912 { width:100%; margin: 0 auto; position: relative; }

.box_menu {
    display: none;
    width: 15%;
    height: 0%;
    padding-top:0%;
    top: 14%;
    }
    
    .box_menu img {
        width: 100%;
        margin: 1.5% auto 2%;
    }
    
.box_maintitle {
    background-image:url(../image/kanshasai_1912/bg01_sp.png);
    background-size:100% auto;
    height: 0;
    padding-top:121.3%;
	position:relative;
    margin: 0 auto;
}
    
    .box_maintitle .logo {
        width: 12%;
        top: 3%;
        left: 3%;
    }
    
    
    .maintitle {
        width: 70%;
        top: 20%;
        right: 0;
        left: 2%;
    }
    .title_star {
        width: 100%;
        top: 0%;
        right: 0;   
    }
    
    .title_head {
        width: 55%;
        top: 4%;
        right: 0
    }
    
    .title_hero {
        width: 92%;
        top: 19%;
        left: 0;
        right: 0;  
    }


    .title_10per {
        width: 50%;
        top: 0%;
        right: 0;   
    }

    .title_date {
        width: 100%;
        bottom: 0%;
        right: 0;   
    }
    
    .box_maintitle .logo {
        position: absolute;
        width: 14%;
        top: 4%;
        right: 4%;
    }
    
        .box_maintitle .logo img {
            width: 100%;
        }

.box_sale {
    position: static;
    width: 100%;
    height: auto;
    background-image:none;
    /*background-color: #4869A7;*/
    margin: 0 auto;

}

    .sale_title img {
        width: 100%;
    }



    .box_sale01_detail {
        border-radius: 17px;
        position:relative;
        width: 95%;
        height: auto;
        padding-top: 400%;
        margin: 30px auto 0;
        overflow: hidden;
    }

        .box_sale01_detail div:nth-child(1) img {
            width: 95%;
            top: 0%;
            right: 0;  
        }

        .box_sale01_detail div:nth-child(2) img {
            width: 97%;
            top: 23%;
            right: 3%;
            left: 0;
        }

        .box_sale01_detail div:nth-child(3) img {
            width: 91%;
            top: 63%;
            right: 6%;
        }
    
    .box_comment {
        width: 90%;
        margin: 30px auto 30px;
        font-size: 0.8rem;
        color: #FFF;
        letter-spacing: 0.05rem;
        line-height: 1.2rem;
        z-index:10;
    }
    
        .button {
            display: none;
            padding: 1.2em 0;
            width: 90%;
            height: 90px;
            border-radius: 45px;
            box-sizing: border-box;
            margin: 0 auto;
            transition: 0.3s;
            cursor: pointer;
        }

        .button a {
            position: relative;
            display: block;
            color: #284896;
            font-weight: bold;
            background: #fff;
            text-align: center;
            font-size: 2rem;
            padding: 0.4em 0;
            width: 90%;
            height: 90px;
            border-radius: 45px;
            box-sizing: border-box;
            margin: 0 auto;
            transition: 0.3s;
            cursor: pointer;
        }

        .button span img {
            width: auto;
            height: 30px;
            margin-right: 20px;
        }
    
    
.box_list {
    color: #FFF;
    text-align: center;
    padding: 5% 5% 12% 5%;
    }
    
    .box_list table {
        width: 100%;
    }
    
    .box_list table .column {
        display: block;
        width: 100%;
}
    
    .box_list table .blank {
        display: none;
    }
    
    .box_footer ul {
        width: 100%;
        margin: 0% 0 0 0;
        padding: 8% 0 3% 0;
    }  
    
    .box_footer li {
        width: 100%;
        margin: 0 0 3% 0;
    }
    
    .box_footer li:nth-child(1) img {
        width: 21%;
        height: auto;
    }

    .box_list .cities,
    .box_list .storename {
        font-size: 0.9rem;
    }
    
}


/* tablet */////////////////////////////////////////////////////////////////////////////////////////////
@media only screen and (min-width:640px) and (max-width:1023px) {
    
.only_pc {
    display:inline-block; width:100%;
    }
    
.contents_kanshasai_1912 { width:100%; margin: 0 auto; position: relative; padding: 0 ; }
    
.box_menu {
        display: none;
    }
    
.box_link {
    height: 0;
    margin: 0px auto 6% 0;
    padding-top: 79%;
}   

    
    .box_item_detail div:nth-child(1) img {
        width: 61%;
        top: 4%;
        left: 0;
    }

    .box_item_detail div:nth-child(2) img {
    width: 50%;
    top: 42%;
    left: 0;
    }

    
    .link_other {top:0 left:0 right:0;}
    
    .box_link {width: 100%; margin: 0; padding-top:37%;}
    .box_link div img {width: 26%;}
    
.link_other {
    position: absolute;
    top: 0;
    left: 1%;}    
    
    .link_romen {
    position: absolute;
    top: 0;
    left: 29%;}
    
    .link_aeon {
    position: absolute;
    top: 0;
    left: 57%;
    z-index: 10;}
    
    .box_list{
        padding: 0 5% 5% 5%;
    }
    
    .box_list table{width: 100%}
    
.box_maintitle {
    background-image:url(../image/bf1911/bg01.png);
    width: 100%;
}

    .box_footer ul {
        width: 100%;
    }

}