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


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

.border {
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
 border-right: solid 1px #fff;
}
.border2 {
    border-left: solid 1px #561F07;
    border-right: solid 1px #561F07;
}


p, div, h1, h2, h3, h4, h5, h6 {color: #561F07 !important;}

div.title_membership {color: #fff !important;
text-shadow: 0 0 6px rgba(0,0,0,0.85);}

a.uk-button-default {
    color: #fff !important;
}


.uk-offcanvas-bar hr {
  border-top-color: #cbc5c3
}

.uk-offcanvas-bar .uk-grid-divider > :not(.uk-first-column)::before {
    border-left-color: rgb(203 197 194);
}

.uk-offcanvas-bar .uk-list-divider > :nth-child(n+2) {
    border-top-color: rgb(203 197 194);
}
.uk-list-divider > :nth-child(n+2) {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dotted rgb(203 197 194);
}
  

footer, footer .uk-h4 {
    font-family: 'Noto Sans Japanese';
    background-color: #EBEBEB;
    color: #4E3023 !important;
}


.uk-heading-divider {
  padding-bottom: calc(5px + 0.1em);
  border-bottom: calc(0.2px + 0.05em) solid #561f07;
}


@media screen and (max-width: 480px) {

}



  
  /*/////////////2021.11追加　ヘッダー・フッター関連/////////////////*/

.orderbtn {
  margin-top: 60px;
  display: none;
}

#LPNavibar {
  background-color: rgba(255,255,255, 0.6);
  height: 60px;
}

#LPNavibar a,  #LPNavibar .uk-link {
   color: #4e2f23; 
}


.uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle {
    min-height: 60px;
}

span.btnStore {
    background-color: #02742F;
    color: #fff;
    padding: 0.2rem 1rem;}

.uk-offcanvas-bar ul li a,
.uk-offcanvas-bar ul li{
	color: #4e2f23 !important;
}


header .uk-navbar-nav > li > a {
    text-transform: none;
  color: #520505;
}

header .uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle {
    min-height: 60px;
}
header .uk-navbar-toggle {
    color: #4e2f23;
}

header .uk-offcanvas-bar ul li a,
header .uk-offcanvas-bar ul li{
	color: #4e2f23 !important;
}

footer#footer202111, footer#footer202111 .uk-h4 {
    font-family: 'Noto Sans Japanese';
    background-color: #EBEBEB;
    color: #4E3023 !important;
  text-align: left;
  border-top: none;
}


footer#footer202111 a,  footer#footer202111 .uk-link {
    color: #4E3023;
    text-decoration: none;
    cursor: pointer;
}


.uk-table th {
  padding: 16px 12px;
  text-align: left;
  vertical-align: middle;
  font-weight: normal;
  color: #4E3023;
  text-transform: uppercase;
  font-weight: 600;
}




#fontBox * {
  font-family: 'Shippori Mincho', serif; 
}

#mainImgBox {
  background-image: url(../img/mainbg_smp.jpg);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}

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

  #mainImgBox {
    background-image: url(../img/mainbg.jpg);
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

#mainImgBox h3 {
  color: #fff !important;
  text-align: center;
  text-shadow: 0 0 10px rgba(0,0,0,0.85);
}

section.pricebox {
  background-image: url(../img/bg_washi.jpg);
}


section.bgLinen {
  background-image: url(../img/bg_linen.jpg);
}

.marker {
  background:linear-gradient(transparent 60%, #FFC7C7 40%);
  font-weight: 600;
}

div.kuriharabox {
  /* border-bottom: solid 2px #fff;
  border-left: solid 2px #fff;
  border-right: solid 2px #fff; */
  padding: 0.5rem;
}

p.text-kurihara {
  line-height: 2;
}


.dotedline {
  background-image: url(../img/line_dotted.svg);
  background-repeat: repeat-x;
  margin-top: 3rem;
}


@media screen and (min-width: 1200px) {
section#stepBOX  {
  background-image: url(../img/bg_panleft.jpg), url(../img/bg_panright.jpg), url(../img/bg_panleftbtm.jpg), url(../img/line_dotted.svg);
  background-position: top 20px left, top 300px right, top 1200px left, top center;
  background-repeat: no-repeat,no-repeat,no-repeat,repeat-x;
  margin-top: 3rem;
}
}

section#stepBOX .uk-h1 {
  font-family: 'Dancing Script', cursive;
}

.size_list {
  display: inline-block;
  width: 100%;
}

.size_list .size_left {
  background-color: #ebebeb;
  width: 100%; 
  text-align: left;
  line-height: 1.8;
  font-weight: 500;
  padding: 0 16px;
  box-sizing: border-box;
  display: block;
}



.size_list .size_right {
  font-size: 0.85rem;
  text-align: left;
  padding: 10px 16px 15px;
  vertical-align: middle;
  line-height: 1.6;
}


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

  .size_list {
    border-bottom: 1px dotted #96827b;
}
.size_list .size_left {
  width: 8em;
  display: table-cell;
  vertical-align: middle;
}

.size_list .size_right {
  text-align: left;
  padding: 0.5rem;
  display: table-cell;
  vertical-align: middle;
}
} /* */