@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Clicker+Script&family=Shippori+Mincho:wght@400;500;700&display=swap');

/*
font-family: 'Clicker Script', cursive;
font-family: 'Shippori Mincho', serif;
*/

:root {
  --main--color: #230400;
  --red--color:#9e0a10;
  --base--color:#EFEEEA;
  --base--color2:#7b1700;
}



.uk-heading-divider {
    padding-bottom: calc(5px + 0.1em);
    border-bottom: calc(3px + 0.05em) solid #002C67;
}

.uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    min-height: 60px;
    padding: 0 15px;
}

.uk-icon-button {
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 500px;
    background: rgba(0,0,0,0.5);
    color: #fff;
}

.uk-button-large {
  padding: 25px 40px;
  line-height: 1rem;
  font-size: 0.875rem;
}




a:hover .uk-icon-button {
    background: rgba(0,0,0,0.8);
    color: #fff;
}


body {
	font-family:'Shippori Mincho', serif;
	font-weight: 400;
	line-height: 1.8;
	/* background-image: url("../img/bg_top.png"),url("../img/bg.jpg");
  background-repeat: repeat-x, repeat;
  background-position: top 60px center, center center;
  background-size: contain, auto; */
}

h1, h2, h3 {
   color: var(--main--color);
  font-weight: 600;
}

.uk-heading-line > ::before,
.uk-heading-line > ::after {
  border-bottom: calc(0.5px + 0.05em) double var(--main--color);
}

.cateTitle
 {
  font-family: 'Clicker Script', cursive;
  font-size: 80px;
  font-weight: 400;
}


#leadBox {
  background-color: #d4c8b7;
  background-image: url(../img/bg_lead.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto;
  border-top: solid 10px var(--red--color);
  /* color: #fff; */
}

@media screen and (min-width:768px){

  #leadBox {
  
    background-size: contain;


  }
}

#leadBox h2 {
  /* color: #fff; */
}

.goPage {
	background-color: var(--main--color);
	padding: .5rem;
	color: #fff;
	font-weight: 600;
}


div#titleBG {
  background-image: url("../img/mainIMG_smp.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

h1#title  {
  padding:  7rem 0rem;
  font-family: 'Clicker Script', cursive;
  color: #fffaf2;
  font-size: 4rem;
  /* letter-spacing: 1cqb; */
  /* text-shadow:1px 1px 0px #fff,3px 3px 3px rgba(0,0,0,0.9); */
  text-shadow: 0 1px 0px #d2c9bc, 0 -0.5px 0px #fff;
  font-weight: 300;
  mix-blend-mode: lighten;
	}

 
h1#title small  {
    display: block;
    font-family: 'Shippori Mincho', serif;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 400;
    text-shadow:none;
    }

.mainLeadTitle {
  font-weight: 600;
}

div#lead {
  /* background-image: url("../img/lead_bg_btm.png"),url("../img/lead_bg_top.png");
  background-repeat: no-repeat;
  background-position: top right, top left; */
  background-size:  100px ; 
}

@media screen and (min-width:768px){

  h1#title  {
    font-size: 6rem;
    
    }

  div#lead {
    /* background-image: url("../img/lead_bg_btm.png"),url("../img/lead_bg_top.png");
    background-repeat: no-repeat;
    background-position: top right, top left; */
    background-size:  auto ; 
  }

div#titleBG {
  background-image: url("../img/mainIMG.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}
  
h1#title  {
/* padding:  1rem 0; */
	}
  
  div#lead {
    /* background-image: url("../img/lead_bg_btm.png"),url("../img/lead_bg_top.png");
    background-repeat: no-repeat; 
    background-position: bottom right, top left;
    background-size:  150px auto;*/
    padding: 3rem 0;
    
  }

  }
  
  #giftSpecial {
    background-image: url("../img/ribbon_top.svg"),url("../img/ribbon_bottom.svg");
    background-repeat: no-repeat;
    background-position: top left, bottom right;
    background-size:  90vw  ; 
  }

  @media screen and (min-width:768px){

    #giftSpecial {
      background-image: url("../img/ribbon_top.svg"),url("../img/ribbon_bottom.svg");
      background-repeat: no-repeat;
      background-position: top left, bottom right;
      background-size:  40vw auto  ; 
    }
  }
  .present {
    /* border-top: dotted 1px var(--main--color);
    border-bottom: dotted 1px var(--main--color); */
    padding: 0.3rem;
    background-color: #fff;
  }

.title_theme {
  border-bottom: dotted 1px var(--main--color);
  margin-top: 10px;
  padding-bottom: .3rem;
} 


h4.title_name {
  border-bottom: 4px double var(--main--color);
  padding-bottom: .3rem;
  color: #000;
} 

div.waku {
  border: solid 1px #3e3e3e;
    margin: 1rem !important;
}




section#sweetBOX {
  background-color: #f6e3e8;
  box-shadow: 0 3px 3px  rgba(0,0,0,0.1) inset;
  border-bottom: dotted 1px #FEDED2;
}

section#wineBOX{
  box-shadow: 0 3px 3px  rgba(0,0,0,0.2) inset;
}


section#breadBOX{
  background-color: #f6e3e8;
  box-shadow: 0 3px 3px  rgba(0,0,0,0.2) inset;
}

section#pankitBOX{
  background-color: #f6e3e8;
  box-shadow: 0 3px 3px  rgba(0,0,0,0.2) inset;
}

@media screen and (min-width:640px){

}


div.arrangepan {
    background-color: #230400;
    color: #fff;
}




footer {
	padding: 2rem;
  /* background-image: url("../img/bg_btm.png"); */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
}


.campaignPrice {
  color: var(--main-color);
  font-weight: 600;
  line-height: 1rem;
  margin-top: 20px;

}
.campaignPrice::before {
  content: "▶️";
}

.campaignPrice .PriceLarge {
  font-size: 2rem;
  padding-left: 10px;
  color: var(--main-color);
}


#giftSweets,
#giftPankit,
#giftBread {
  background-image: url(../img/bg_wheat.svg);
}