div#banner {
    position: fixed;
    z-index: 99;
    bottom: 5px;
    left: 5px;
    max-width: 350px;
    transition: all 0.3s;
}
p#copyright {
    padding-bottom: 100px;
}
#banner:hover{
    opacity:0.8;
}
.overlay {
    background: linear-gradient(135deg, rgb(46 46 46 / 90%) , rgba(45,45,45,0.9) ) !important;
}
.con_box_wrap.d_flex{
justify-content: space-around;
    max-width: 1080px;
    margin: auto;
}
.con_box_wrap.d_flex .box{
    padding:10px;
}
.con_box_wrap.d_flex a {
    display: block;
    
    text-align: center;
    padding: 15px 15px;
    box-sizing: border-box;
    width: 100%;
	color:white;
	transition:all 0.3s;
	border:0;
}
.con_box_wrap a:hover{
    opacity:0.6;
}

.con_box_wrap.d_flex p {
    text-align: center;
}
a.MAIL {
    background: #594029;
}
a.TEL {
    background: #434343;
}
a.SHOP {
    background: #703333;
}
.bg_color3 {
    background-color: #3c2d2d;
}
.txt_color2 {
    color: #252525;
}
#info_contact_wrap span.pop400.txt_white {
    font-family: "font";
    font-size: 28px;
    text-shadow: 2px 2px 3px #0000005e;
}
#fakeloader:before{
    background:white !important;
}
.btn_container_top.grid_12_sp a {
    display: inline-block;
    background: #3d0202;
    width: 100%;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    color: white;
}
.btn_container.grid_12_sp {
    margin: 30px 0;
}
.btn_container.grid_12_sp a {
    background: #3d0202;
    color: white;
    padding: 10px 70px;
    display: inline-block;
}

body{
font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
.border_color1 {
    border-color: #a7a7a7;
}
.cate_title {
    border-width: 1px;
}
.page_title_box p {
    font-family: "font";
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 5px;
}
a.linkStyle {
    text-decoration: underline;
    color: black;
    transition: all 0.3s;
}
.txt_color3 {
    color: #2d2d2d;
}
a.linkStyle:hover{
    opacity:0.6;
}
.pager li a {
    background:#606060;
}
.cms_title p {
    font-family: "font";
    color: white;
    text-shadow: 1px 1px 4px #0000004f;
    font-size: 54px;
    position: relative;
    top: 20px;
}
.cms_title {
    text-align: center;
}
p.line-l:before{
 display:none;   
}
#intro{
    margin-bottom:0;
}
.line:before {
    background-color: rgb(255 255 255) !important;
    box-shadow: 2px 2px 2px #0000000d;
}
.coffee {
    width: 100px;
    margin: auto;
}

#main_img:before{
    background-color: rgb(37 37 37 / 40%);
}
#main_b{
    max-width:650px;
    margin:auto;
}
figure.con3_img:before {
    content: "Reccomend";
    font-family: "font";
    position: absolute;
    right: -120px;
    bottom: -110px;
    font-size: 150px;
    color: white;
    text-shadow: 1px 1px 5px #00000014;
}
figure.con3_img{
    position:relative;
}
.intro_title:before {
    content: "Welcome";
    font-family: "font";
    position: absolute;
    width: 100%;
    top: -140px;
    text-align: center;
    left: 0;
    letter-spacing: 5px;
    font-size: 90px;
    color: white;
    text-shadow: 1px 1px 5px #00000014;
}
.intro_title{
    position:relative;
}
#contents2 .con_box:before {
    content: "Delicious";
    font-family: "font";
    position: absolute;
    right: -50px;
    bottom: -150px;
    font-size: 150px;
    color: white;
    text-shadow: 1px 1px 5px #00000014;
}
#contents1 .con_box:before {
    content: "For gift";
    font-family: "font";
    position: absolute;
    right: -50px;
    bottom: -150px;
    font-size: 150px;
    color: white;
    text-shadow: 1px 1px 5px #00000014;
}
#contents1 .con_box,#contents2 .con_box{
    position:relative;
}
section#contents1 {
    margin-bottom: 50px;
}

@font-face {
font-family: "font";
  src: url("Dup/css/font.eot") format("eot"),url("Dup/css/font.woff") format("woff"),url("Dup/css/font.woff2") format("woff2");
}
.test{
    font-family: "font";
}

body {
    background: #f4f4f4;
}
.bg_color1 {
    background-color: #606060;
}
.bg_color2 {
    background-color: #bababa;
}
header.scr_header {
    background-color: rgb(116 116 116 / 50%) !important;
}

.back1:before{
    display:none;
}
#intro_wrap {
    background: none;
}
.back2:before{
    display:none;
}
#contents3_wrap:after{
    display:none;
}
.num{
    display:none;
}
#contents3 .con_box{
    background:none;
}
#contents2 .con_img{
    order:2;
}
#contents3 {
    margin-bottom: 0;
}
section#contents2 {
    padding-bottom: 0;
}

/*-----------------------------------タブレット------------------------------------------*/
@media screen and (max-width:768px){
    #banner{
            max-width: 260px;
    }
    #page_title .page_title_box {

    width: 60%;
}
    #main_b {
    max-width: 50%;
    margin: auto;
}
.back1 {
    padding-top: 100px;
}
.intro_title:before{
font-size:70px;
top:-110px;
}
#contents1 .con_box:before {
    content: "For gift";
    font-family: "font";
    position: absolute;
    right: -10px;
    bottom: -100px;
    font-size: 90px;
    white-space: nowrap;
    color: white;
    text-shadow: 1px 1px 2px #00000014;
}
#contents2 .con_box:before {
    content: "Delicious";
    font-family: "font";
    position: absolute;
    right: -50px;
    bottom: -80px;
    font-size: 90px;
    color: white;
    text-shadow: 1px 1px 5px #00000014;
}
section#contents2 {
    padding-bottom: 50px;
}
figure.con3_img:before {
    content: "Reccomend";
    font-family: "font";
    position: absolute;
    right: -20px;
    bottom: -80px;
    font-size: 90px;
    color: white;
    text-shadow: 1px 1px 5px #00000014;
}
.top_cms_box:first-of-type {
    padding-top: 0;
}
.con_box_wrap.d_flex{
flex-direction:column;
}
.con_box_wrap.d_flex .box{
width:100% !important;
}
.page .back1 {
    padding-top: 0;
}
}

/*-----------------------------------スマホ---------------------------------*/
@media screen and (max-width:667px){
   figure.con3_img.width_90per.mg_center.fadein_up2.scrollin {
    width: 120% !important;
    position: relative;
    left: -13%;
}
figure.con3_img:before {
    right: 20px;
    bottom: -70px;
}
    #main_b {
    max-width: 80%;
}
.coffee {
    width: 70px;
    margin: auto;
}
section#contents1 {
    margin-top: 50px;
}
#contents1 .con_box:before,#contents2 .con_box:before{
right:10px;
}
section#contents2 {
    padding-bottom: 0;
}
figure.con3_img:before{
font-size:70px;
}
.cms_title p {
    font-family: "font";
    color: white;
    text-shadow: 1px 1px 4px #0000008c;
    font-size: 34px;
    position: relative;
    top: 10px;
}
header.scr_header #logo {
    max-width: 170px;
}

.btn_container.grid_12_sp a {
    background: #3d0202;
    color: white;
    padding: 10px 20px;
    display: inline-block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}
#page_title .page_title_box {
    width: 75% !important;
    white-space: nowrap;
}
div#tb_banner a {
    color: white;
    background: #414141;
    display: block;
    text-align: center;
    padding: 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
}
p#copyright {
    padding-bottom: 50px;
}
}