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

/*pc*/

@media print, screen and (min-width: 769px){

    .side {
        float: left;
        width: 220px;
    }
    
    .side img{
        border-radius: 5px;
    }



    /*banner
    ------------------------*/
    /*.btn_digitalcatalog_img {
        width:220px;
        height:160px;
        text-indent:-9999px;
        margin-bottom:15px;
    }

    .btn_digitalcatalog_img a {
        background: url(../images/side/btn_digitalcatalog_img.png) no-repeat 0 0;
        width:220px;
        height:160px;
        display:block;
    }

    .btn_digitalcatalog_img a:hover {
        background: url(../images/side/btn_digitalcatalog_img.png) 0 -160px no-repeat;
        width:220px;
        height:160px;
        display:block;
    }


    .btn_selectcatalog_img {
        width:220px;
        height:204px;
        text-indent:-9999px;
        margin-bottom:15px;
        padding-top: 6px;

    }

    .btn_selectcatalog_img a {
        background: url(../images/side/btn_selectcatalog_img.png) 0 0 no-repeat;
        width:220px;
        height:204px;
        display:block;

    }

    .btn_selectcatalog_img a:hover {
        background: url(../images/side/btn_selectcatalog_img.png) 0 -204px no-repeat;
        width:220px;
        height:204px;
        display:block;

    }


    .btn_faq_img {
        width:220px;
        height:86px;
        text-indent:-9999px;
        margin-bottom:15px;
    }

    .btn_faq_img a {
        background:url(../images/side/btn_faq_img.png) 0 0 no-repeat;
        width:220px;
        height:86px;
        display:block;
        text-indent:-9999px;
    }

    .btn_faq_img a:hover {
        background:url(../images/side/btn_faq_img.png) 0 -86px no-repeat;
        width:220px;
        height:86px;
        display:block;
        text-indent:-9999px;
    }

    .btn_special_img {
        width:220px;
        height:86px;
        text-indent:-9999px;
        margin-bottom:15px;
    }

    .btn_special_img a {
        background:url(../images/side/btn_special_img.png) 0 0 no-repeat;
        width:220px;
        height:86px;
        display:block;
        text-indent:-9999px;
    }

    .btn_special_img a:hover {
        background:url(../images/side/btn_special_img.png) 0 -86px no-repeat;
        width:220px;
        height:86px;
        display:block;
        text-indent:-9999px;
    }



    .btn_catalog_img {
        width:220px;
        height:86px;
        text-indent:-9999px;
        margin-bottom:15px;
    }

    .btn_catalog_img a {
        background:url(../images/side/btn_catalog_img.jpg) 0 0 no-repeat;
        width:220px;
        height:86px;
        display:block;
        text-indent:-9999px;
    }

    .btn_catalog_img a:hover {
        background:url(../images/side/btn_catalog_img.jpg)  0 -86px no-repeat;
        width:220px;
        height:86px;
        display:block;
        text-indent:-9999px;
    }



    .btn_order_img {
        width:220px;
        height:86px;
        text-indent:-9999px;
        margin-bottom:15px;
    }

    .btn_order_img a {
        background:url(../images/side/btn_order_img.png) 0 0 no-repeat;
        width:220px;
        height:86px;
        display:block;
        text-indent:-9999px;
    }

    .btn_order_img a:hover {
        background:url(../images/side/btn_order_img.png) 0 -86px no-repeat;
        width:220px;
        height:86px;
        display:block;
        text-indent:-9999px;
    }

    .btn_sp_img {
        background:url(../images/side/btn_sp_img.png) 0 0 no-repeat;
        width:115px;
        height:30px;
        margin-bottom:15px;
        padding:65px 95px 5px 10px;
    }

    .order_img {
        background:url(../images/side/order_img.png) 0 0 no-repeat;
        width:220px;
        height:95px;
        padding-top:230px;
    }

    .order_img h3 {
        display:none;
    }


    .btn_dl_img {
        width:156px;
        height:27px;
        margin:0 auto 10px;
    }

    .btn_dl_img a {
        background:url(../images/side/btn_dl_img.png) 0 0 no-repeat;
        width:156px;
        height:27px;
        display:block;
        text-indent:-9999px;
    }

    .btn_dl_img a:hover {
        background:url(../images/side/btn_dl_img.png) 0 -27px no-repeat;
        width:156px;
        height:27px;
        display:block;
        text-indent:-9999px;
    }


    .btn_dl_img02 {
        width:156px;
        height:27px;
        margin:0 auto;
    }

    .btn_dl_img02 a {
        background:url(../images/side/btn_dl_img02.png) 0 0 no-repeat;
        width:156px;
        height:27px;
        display:block;
        text-indent:-9999px;
    }

    .btn_dl_img02 a:hover {
        background:url(../images/side/btn_dl_img02.png) 0 -27px no-repeat;
        width:156px;
        height:27px;
        display:block;
        text-indent:-9999px;
    }
    .dc_wrap{
        margin-top:5px;
        width: 220px;
        height: 155px;
        background-image: url(../images/side/dc_title_img.png);
        padding-top: 40px;
        background-repeat: no-repeat;
        background-position: left top;
        margin-bottom:15px;
        }
    .dc_img01{
        width:110px;
        height:155px;
        float:left;
        }
    .dc_img02{
        width:110px;
        height:155px;
        float:right;
        }
    .dc_img01 a{
        width: 110px;
        height: 155px;
        display: block;
        background-image: url(../images/side/dc_img01.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        text-indent:-9999px;
        }
    .dc_img01 a:hover{
        width: 110px;
        height: 155px;
        display: block;
        background-image: url(../images/side/dc_img01.png);
        background-repeat: no-repeat;
        background-position: 0px -155px;
        text-indent:-9999px;
        }
    .dc_img02 a{
        width: 110px;
        height: 155px;
        display: block;
        background-image: url(../images/side/dc_img02.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        text-indent:-9999px;
        }
    .dc_img02 a:hover{
        width: 110px;
        height: 155px;
        display: block;
        background-image: url(../images/side/dc_img02.png);
        background-repeat: no-repeat;
        background-position: 0px -155px;
        text-indent:-9999px;
        }*/
    
    .btn_digitalcatalog_img {
        margin-bottom: 15px;
    }

    .btn_digitalcatalog_img a img {
        width: 100%;
        height: auto;
    }

    .btn_selectcatalog_img {
        margin-bottom: 15px;
    }

    .btn_selectcatalog_img a img {
        width: 100%;
        height: auto;
    }


    .btn_faq_img {
        margin-bottom:15px;
    }

    .btn_faq_img a img {
        width: 100%;
        height: auto;
    }

    .btn_special_img {
        margin-bottom:15px;
    }

    .btn_special_img a img {
        width: 100%;
        height: auto;
    }


    .btn_catalog_img {
        margin-bottom:15px;
    }

    .btn_catalog_img a img {
        width: 100%;
        height: auto;
    }


    .btn_order_img {
        margin-bottom:15px;
    }

    .btn_order_img a img {
        width: 100%;
        height: auto;
    }

    .btn_sp_img {
        margin-bottom:15px;
    }
    
    .btn_sp_img a img {
        width: 100%;
        height: auto;
    }
    
    .order_img h3 {
        font-size: 1.3em;
        font-weight: bold;
        color: #EE357D;
        text-align: center;
        margin-bottom: 5px;
    }

    .order_img {
        margin-bottom:15px;
        position: relative;
        background: #fff;
        border-radius: 5px;
        padding: 10px;
    }
    
    .order_img p{
        font-size: 0.8em;
        line-height: 140%;
        font-weight: 600;
    }
    
    .order_img .tel_box{
        background: #ebe6da;
        border-radius: 5px;
        padding: 10px 10px 50px;
        margin-top: 10px;
    }
    
    .order_img .tel_box .tel{
        margin-bottom: 10px;
    }
    
    .order_img .tel_box p{
        text-align: center;
    }
    
    .order_img .tel_box h4{
        text-align: center;
        font-size: 1.7em;
        font-weight: bold;
    }

    .order_img .btn_dl_img a img {
        width: 100%;
        height: auto;
    }
    
    .order_img .btn_dl{
        position: absolute;
        bottom: 20px;
        right: 0;
        left: 0;
        margin: 0 auto;
        width: 80%;
    }
    
    .map img {
        width: 100%;
        height: auto;
    }
    
    .dc_wrap{
        margin-bottom:165px;
        }
    
    .dc_wrap img{
        width: 100%;
		border-radius: 5px 5px 0 0;
        }
	
	.dc_wrap .dc_img01 img{
        width: 100%;
		border-radius: 0;
        }
	
	.dc_wrap .dc_img02 img{
        width: 100%;
		border-radius: 0 0 0 5px;
        }
	
	.dc_wrap .dc_img03 img{
        width: 100%;
		border-radius: 0 0 5px 0;
        }
    
    /*.dc_img01{
        width:50%;
        float:left;
        }
    .dc_img02{
        width:50%;
        float:right;
        }*/
	.dc_img01{
        border-bottom: 1px solid #C4C4C4;
        }
    .dc_img02{
        width:50%;
        float:left;
        }
	.dc_img03{
        width:50%;
        float:right;
        }
	
    .dc_img01 a img{
        width: 100%;
        height: auto;
        }
    .dc_img02 a img{
        width: 100%;
        height: auto;
        }
	.dc_img03 a img{
        width: 100%;
        height: auto;
        }
}


/*sp*/

@media print, screen and (max-width: 768px){

    #side {
        width: 90%;
    }



    /*banner
    ------------------------*/
    
    .side{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        margin-top: 40px;
    }
    
    .side img{
        border-radius: 5px;
    }
    
    .top_side{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    
    .btn_digitalcatalog_img {
        margin-bottom: 15px;
        width: 40%;
    }

    .btn_digitalcatalog_img a img {
        width: 100%;
        height: auto;
    }

    .btn_selectcatalog_img {
        margin-bottom: 15px;
        width: 90%;
    }

    .btn_selectcatalog_img a img {
        width: 100%;
        height: auto;
    }


    .btn_faq_img {
        width:45%;
        margin-bottom:15px;
    }

    .btn_faq_img a img {
        width: 100%;
        height: auto;
    }
    
    .top_side .btn_faq_img {
        width:95%;
        margin-bottom:15px;
    }

    .btn_special_img {
        width:45%;
        margin-bottom:15px;
    }

    .btn_special_img a img {
        width: 100%;
        height: auto;
    }


    .btn_catalog_img {
        width:45%;
        margin-bottom:15px;
    }

    .btn_catalog_img a img {
        width: 100%;
        height: auto;
    }


    .btn_order_img {
        width:45%;
        margin-bottom:15px;
    }

    .btn_order_img a img {
        width: 100%;
        height: auto;
    }

    .btn_sp_img {
        width:45%;
        margin-bottom:15px;
    }
    
    .btn_sp_img a img {
        width: 100%;
        height: auto;
    }
    
    .order_img h3 {
        font-size: 1.3em;
        font-weight: bold;
        color: #EE357D;
        text-align: center;
        margin-bottom: 5px;
    }

    .order_img {
        position: relative;
        background: #fff;
        border-radius: 5px;
        padding: 10px;
    }
    
    .order_img p{
        font-size: 0.8em;
        line-height: 140%;
        text-align: center;
    }
    
    .order_img .tel_box{
        background: #ebe6da;
        border-radius: 5px;
        padding: 10px 10px 40px;
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    
    .order_img .tel_box .tel{
        margin-bottom: 10px;
    }
    
    .order_img .tel_box h4{
        text-align: center;
        font-size: 1.5em;
        font-weight: bold;
        color: #000;
    }

    .order_img {
        width:95%;
        position: relative;
    }
    
    .top_side .order_img {
        width:95%;
        margin-bottom:15px;
        position: relative;
    }

    .order_img .btn_dl_img img {
        width: 100%;
        height: auto;
    }
    
    .order_img .btn_dl{
        position: absolute;
        bottom: 20px;
        right: 0;
        left: 0;
        margin: 0 auto;
    }
    
    .top_side .order_img .btn_dl{
        position: absolute;
        bottom: 10px;
        right: 0;
        left: 0;
        margin: auto;
        width: 40%;
    }
    
    .dc_wrap{
        width: 90%;
        margin-bottom:15px;
        background: #fff;
        border-radius: 5px;
        }
    
    .dc_wrap img{
        width: 100%;
        margin-bottom: 5px;
		border-radius: 0px;
        }
    
    /*.dc_img01{
        width:50%;
        float:left;
        }
    .dc_img02{
        width:50%;
        float:right;
        }*/
	.dc_img01{
        border-right: 1px solid #C4C4C4;
		width: 49%;
		float: left;
        }
    .dc_img02{
        width:48%;
        float:left;
        }
	.dc_img03{
        width:48%;
        float:right;
        }
	
    .dc_img01 a img{
        width: 100%;
        height: auto;
        }

    .dc_img02 a img{
        width: 100%;
        height: auto;
        }
	.dc_img03 a img{
        width: 100%;
        height: auto;
        }
    
    .cp{
        display: none;
    }
    
}