.blue_bg{
    background: #ebf8fe;
    padding: 50px 0;
}

.content_html .w1000{
    background: #fff;
    padding: 50px 30px;
    margin-top: 50px;
}




.block_name{
    background: #009ae1;
    color: #fff;
    text-align: center;
    font-weight: bolder;
    padding: 15px 0;
    width: 40%;
    margin-bottom: 10px;
    font-size: 20px;
    border-left: 10px #8fd6f7 solid;
    border-right: 10px #8fd6f7 solid;
    box-sizing: border-box;
}


.cafe_block .block_top_img{
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cafe_block .block_top_img img{
    max-width: 500px;
    width: 100%;
}
.cafe_block .block_top_img .img_right{
    display: inline-block;
    vertical-align: bottom;
    width: 350px;
    font-size: 16px;
    background: #cba063;
    padding: 2px;
    box-sizing: border-box;
    margin: 0 0 0 30px;
    border-radius: 20px;
}
.cafe_block .block_top_img .img_right dl{
    background: #fdf8f1;
    border-radius: 10px;
    box-sizing: border-box;
    color: #3a2b16;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 20px;
}
.cafe_block .block_top_img .img_right dt,
.cafe_block .block_top_img .img_right dd
{
    display: block;
    margin: 0;
    padding: 0;
}
.cafe_block .block_top_img .img_right dt
{
    width: 30%;
}
.cafe_block .block_top_img .img_right dd
{
    width: 70%;
}

.shop_block .block_top_img img{
    display: block;
    margin:0 auto;
    width: 500px;
}

.block_main_text{
    text-align: center;
    margin-top: 30px;
    font-size: 18px;
}

.intro_block{
    font-size: 0;
    margin-top: 50px;
}
.intro_block h2{
    font-size: 24px;
    color: #cba063;
}
.intro_block .one_block{
    display: inline-block;
    vertical-align: top;
    width: 31%;
    font-size: 16px;
}
.intro_block .one_block:nth-child(3){
    margin: 0 3.5%;
}
.intro_block .one_block img{
    width: 100%;
}
.intro_block .one_block .img{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 300px;
    width: 100%;
}
.intro_block .one_block .name{
    text-align: center;
    font-weight: bold;
    color: #777;
}
.intro_block .one_block .fee{
    text-align: center;
    font-size: 15px;
}

.view_more{
    width: 15em;
    display: block;
    margin: 40px auto 0 auto;
}



.block_apology
{
    margin: 50px auto 20px;
    text-align: center;
}
.block_apology > div
{
    border: 1px #e00 solid;
    box-sizing: border-box;
    margin:  auto;
    max-width: 600px;
    padding: 1px;
}
.block_apology > div a
{
    border: 1px #e00 solid;
    color: #e00;
    display: block;
    padding: 10px;
}



@media all and (max-width: 768px) {
            .blue_bg{
                /*background: #ebf8fe;*/
                padding: 30px 0;
            }

            .content_html .w1000{
                width: 94%;
                margin: 50px auto 0 auto;
                /*background: #fff;*/
                padding: 40px 15px;
                box-sizing: border-box;
            }


            .block_name{
                /*background: #009ae1;*/
                /*color: #fff;*/
                /*text-align: center;*/
                /*font-weight: bolder;*/
                /*padding: 15px 0;*/
                width: 100%;
                /*margin-bottom: 10px;*/
                font-size: 4.5vw;
                /*border-left: 10px #8fd6f7 solid;*/
                /*border-right: 10px #8fd6f7 solid;*/
                /*box-sizing: border-box;*/
            }


            .cafe_block .block_top_img{
                /*font-size: 0;*/
            }
            .cafe_block .block_top_img img{
                display: block;
                margin-left: auto;
                margin: 0 auto;
                width: 80%;
            }
            .cafe_block .block_top_img .img_right{
                display: block;
                /*vertical-align: bottom;*/
                width: 100%;
                font-size: 3.5vw;
                /*background: #cba063;*/
                /*padding: 2px;*/
                /*box-sizing: border-box;*/
                margin: 20px auto 0 auto;
                /*border-radius: 20px;*/
            }
            .cafe_block .block_top_img .img_right ul{
            /*    margin: 0;
                padding-top: 20px;
                padding-bottom: 20px;
                background: #fdf8f1;
                color: #3a2b16;
                border-radius: 10px;*/
            }

            .shop_block .block_top_img img{
                /*display: block;*/
                /*margin:0 auto;*/
                width: 80%;
            }

            .block_main_text{
                /*text-align: center;*/
                /*margin-top: 30px;*/
                font-size: 3.8vw;
            }

            .intro_block{
                /*font-size: 0;*/
                margin-top: 40px;
            }
            .intro_block h2{
                font-size:5vw;
                /*color: #cba063;*/
            }
            .intro_block .one_block{
                display: block;
                width: 100%;
                font-size: 3.5vw;
            }
            .intro_block .one_block:nth-child(3){
                margin: 20px 0;
            }
            .intro_block .one_block img{
                display: inline-block;
                vertical-align: middle;
                width: 38%;
            }
            .intro_block .one_block .text_block{
                display: inline-block;
                vertical-align: middle;
                width: 60%;

            }
            .intro_block .one_block .name{
                /*text-align: center;*/
                /*font-weight: bold;*/
                /*color: #777;*/
            }
            .intro_block .one_block .fee{
                /*text-align: center;*/
                font-size: 3.3vw;
                margin-top: 6px;
            }

            .view_more{
                width: 15em;
                display: block;
                margin: 40px auto 0 auto;
            }           


            .block_apology > div a
            {
                font-size: 3vw;
            }            
            
            
            
/*            .top_text{
                text-align: center;
                font-size: 3.8vw;
            }

            .shop_img{
                display: block;
                margin: 10px auto;
                width: 100%;
            }
            .img_under{
                margin: 0 auto;
                font-size: 3.3vw;
                width: 100%;
            }


            .shop_info{
                font-size: 0;
            }
            .shop_info .shop_block{
                width: 100%;
                display: block;
                font-size: 3.5vw;
            }


            .open_time_title{
                width: 100%;
                margin: 80px auto 10px auto;
                font-size: 5vw;
            }

            .shop_text_block{
                margin-top: 10px;
            }
            .shop_text_block .text{
                font-size: 3.6vw;
                
            }*/
}