@charset "utf-8";



/* reset

---------------------------------------------------------- */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, dl, dt, dd, ol, ul, li, form, label, legend, table, tbody, tr, th, td, article, embed, footer, header, hgroup, nav, section, time{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;font-weight:normal;}



/* HTML5 display-role reset for older browsers */

article, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {display: block;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}

table {border-collapse: collapse;border-spacing: 0;}



img{vertical-align:bottom; max-width: 100%;}

body,html{height:100%;}

*{box-sizing:border-box;}



/* font

---------------------------------------------------------- */

body{font-size:14px; color:#000; line-height:1.6; letter-spacing: 1px; text-align:center; font-family : YuMincho, 'Yu Mincho', serif; }





/* useful

---------------------------------------------------------- */

/*float*/

.fL{

  float: left;

}

.fR{

  float: right;

}



/*clear*/

.cl{display: block; min-height: 1%;}

.cl:after{clear: both;content:".";display: block;	height: 0;visibility: hidden;}

* html .cl{height: 1%; /*\*//*/height: auto;overflow: hidden;/**/}



.clears {clear:both;}



body{-webkit-text-size-adjust: none;}

button{cursor:pointer;}



a{

  text-decoration: none;

  color: #000000;

}





/* common

---------------------------------------------------------- */

body{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/subpage/img/cont_bg01.jpg) top left repeat;

}

.wrapper{

  width: 1160px;

  margin: 0 auto;

}







/* header

---------------------------------------------------------- */

.header{

  position: relative;

  z-index: 9999;

}

.contactBtn a{

  display: block;

  background: #a9a9a9;

  padding: 14px 11px 9px;

  text-align: center;

  position: fixed;

  right: 184px;

  top: 40px;

  width: 62px;

  height: 62px;

}

.contactBtn a span{

  display: block;

  font-size: 9px;

  letter-spacing: 0;

  color: #fff;

  margin-top: 4px;

}

.contactBtn a:hover{

  background: #e91818;

  transition: 1s;

}

.mypageBtn a{

  display: block;

  background: #a9a9a9;

  padding: 14px 3px 9px;

  text-align: center;

  position: fixed;

  right: 112px;

  top: 40px;

  width: 62px;

  height: 62px;

  font-size: 9px;

  letter-spacing: 0;

  color: #fff;

}

.mypageBtn a:before{

  margin: 0 auto 5px;

  content:" ";

  display:block;

  width:21px;

  height:19px;

  background:url(https://gigaplus.makeshop.jp/warakubeniya/img/ico_mypage.png);

  background-size:contain;

  vertical-align:middle;

}

.M_helloMsg{

  position: absolute;

  font-size: 12px;

  width: 100%;

  text-align: right;

  padding: 5px 25px 0;

}

.mypageBtn a:hover{

  background: #e91818;

  transition: 1s;

}

.cartBtn a{

  display: block;

  background: #a9a9a9;

  padding: 14px 16px 9px;

  text-align: center;

  position: fixed;

  right: 40px;

  top: 40px;

  width: 62px;

  height: 62px;

}

.cartBtn a span{

  display: block;

  font-size: 9px;

  letter-spacing: 0;

  color: #fff;

  margin-top: 4px;

}

.cartBtn a:hover{

  background: #e91818;

  transition: 1s;

}

.attnText{

  position: fixed;

  right: 160px;

  top: 40px;

  z-index: 9999;

}

.attnText a{

  color: #fff !important;

  background: #666;

  height: 47px;

  display: block;

  padding: 1em;

}







/* left (top page)

---------------------------------------------------------- */

.logoMenu{

  position: fixed;

  left:50px;

  top: 50px;

  pointer-events: none;

}

.logoMenu .logo{

  margin-bottom: 30px;

}

.logoMenu ul{

  /* -webkit-writing-mode: vertical-rl; */

  /* -ms-writing-mode: tb-rl; */

  /* writing-mode: vertical-rl; */

  text-align: left;

  width: 170px;

}

.logoMenu ul li{

  line-height: 1.8;

  letter-spacing: 3px;

  font-size: 14px;

  margin-bottom: 1.3em;

}

.logoMenu ul li a{

  display: inline-block;

  pointer-events: auto;

}

.logoMenu ul li a:hover{

  color: #e91818;

  transition: 1s;

}

.logoMenu .hoverColor > a{

  color: #e91818;

  transition: 1s;

}

.logoMenu .topMenuToggle{

  position: relative;

}

.logoMenu .topMenuToggle:hover{

}

.logoMenu ul.topMenuToggleInner{

  display: none;

  position: absolute;

  top: 0px;

  left: 100%;

  width: 500px;

  padding: 15px 10px 10px;

  line-height: 3.5;

  background: rgba(255,255,255,0.8);

  border-radius: 3px;

  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);

  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);

  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);

}

.logoMenu ul.topMenuToggleInner li{

  display: inline-block;

  width: 48%;

  padding-left: 1em;

}

.logoMenu ul.topMenuToggleInner li a{

  display: block;

}









/* left (lower page)

---------------------------------------------------------- */

.leftLower{

  width: 200px;

  margin-right: 30px;

  margin-left: 20px;

}

.leftLower .logoMenu{

  /*position: relative;*/

  /*left: inherit;*/

  /*top: 100px;*/

  /*width: 200px;*/

  position: inherit;

  left: inherit;

  top: inherit;

  padding: 50px 0 100px;

  width: 200px;

  box-sizing: content-box;

}

.leftLower .logoMenu .logo{

  margin-bottom: 30px;

}

.leftLower .logoMenu .logo a{

  display: inline-block;

  margin-left: 1em;

  pointer-events: auto;

}

.leftLower .logoMenu ul{

  -webkit-writing-mode: horizontal-tb;

  -ms-writing-mode: lr-tb;

  writing-mode: horizontal-tb;

  margin-bottom: 40px;

}

.leftLower .logoMenu ul li{

  line-height: 1.8;

  margin-bottom: 1em;

  letter-spacing: 3px;

}

.leftLower .logoMenu dl{

  margin-bottom: 40px;

}

.leftLower .logoMenu dt{

  font-size: 18px;

  border-bottom: solid 1px #a0a0a0;

  line-height: 2.5;

}

.leftLower .logoMenu dd{

  font-size: 14px;

  line-height: 3;

  letter-spacing: 1px;

  border-bottom: dotted 1px #d0d0d0;

}

.leftLower .logoMenu dd a{

  display: inline-block;

  pointer-events: auto;

}

.leftLower .logoMenu dd a:hover{

  color: #e91818;

  transition: 1s;

}









/* mainSlideArea

---------------------------------------------------------- */

.mainSlideArea{

}

.mainSlide div a.slide01{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/img/waraku_tsujichef.jpg) center center no-repeat;

  background-size: cover;

}

.mainSlide div a.slide02{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/img/waraku_warusk.jpg) center center no-repeat;

  background-size: cover;

}

.mainSlide div a.slide03{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/img/stollen_pc.jpg) center center no-repeat;

  background-size: cover;

}

.mainSlide div a.slide04{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/img/ekurusk_topslide.jpg?date=200409-1) center center no-repeat;

  background-size: cover;

}

.mainSlide div a.slide05{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/img/waraku_irodori_topslide.jpg?date=200317-1) center center no-repeat;

  background-size: cover;

}

.mainSlide div a.slide06{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/img/sazanami_topslide.jpg) center center no-repeat;

  background-size: cover;

}

.mainSlide div a.slide07{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/img/waraku_fuyu_oseibo19.jpg) center center no-repeat;

  background-size: cover;

}

.mainSlide div a.slide08{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/img/waraku_valentine20.jpg) center center no-repeat;

  background-size: cover;

}

.mainSlide div a{

  display: block;

  height: 100vh;

  min-width: 1150px;

}

.mainSlide .slick-dots{

  margin-bottom: 40px;

}

.slick-dots li button:before{

  content: '';

  width: 9px;

  height: 9px;

  border-radius: 50%;

  border: 1px solid #a9a9a9;

  background: none;;

  opacity: 1;

}

.slick-dots li.slick-active button:before{

  content: '';

  width: 9px;

  height: 9px;

  border-radius: 50%;

  background: #a9a9a9;

  border: 1px solid #a9a9a9;

  opacity: 1;

}

.slick-dotted.slick-slider{

  margin-bottom: 0 !important;

}







/* mainCont

---------------------------------------------------------- */

.mainCont01{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/img/cont_bg01.jpg);

  padding-top: 50px;

}

.mainCont .wrapper{

  font-size: 0;

}

.mainCont02{

  padding-top: 80px;

  background: #fff;

}

.mainCont .secArea{

  margin-bottom: 80px;

}

.mainCont .sec03{

  margin-bottom: 0px;

}





/* leftArea

---------------------------------------------------------- */

.leftArea{

  width: 280px;

  display: inline-block;

  font-size: 13px;

}

.rightArea{

  width: 880px;

  display: inline-block;

  font-size: 13px;

}







/* rightArea

---------------------------------------------------------- */

.rightArea .title{

  font-size: 18px;

  text-align: center;　

  margin-bottom: 15px;

}

.rightArea .image{

  margin-bottom: 25px;;

}

.rightArea h2{

  font-size: 26px;

  margin-bottom: 70px;

  text-align: center;

}





/* movieArea

---------------------------------------------------------- */

.movieArea{



}







/* sec01

---------------------------------------------------------- */

.mainCont .sec01Cont{

  display: flex;

  display: -ms-flexbox;

  flex-wrap: wrap;

  justify-content: space-between;

}

.mainCont .sec01Cont li{

  width: 50%;

  margin-bottom: 20px;

}

.mainCont .sec01Cont li:nth-of-type(odd){

  padding-right: 10px;

}

.mainCont .sec01Cont li:nth-of-type(even){

  padding-left: 10px;

}







/* sec02

---------------------------------------------------------- */

.mainCont .sec02{



}

.mainCont .sec02Inner{

  font-size: 0;

  text-align: left;

}

.mainCont .sec02Inner ul{

  font-size: 13px;

  width: 280px;

  background: #fff;

  display: inline-block;

  text-align: center;

  margin-bottom: 20px;

  padding: 0 0 20px;

}



.mainCont .sec02Inner ul:not(:nth-of-type(3n)){

  margin-right: 19px;

}

.mainCont .sec02 .title::after{

  content:'';

  display: block;

  width: 80%;

  border-bottom: solid 1px #eeeeee;

  margin: 0 auto;

  padding-top: 10px;

}

.mainCont .sec02 .price{

  color: #e91818;

  font-size: 20px;

}

.mainCont .sec02 .price span{

  font-size: 13px;

}

.mainCont .sec02 .price::before{

  content:'販売価格';

  font-size: 13px;

  color: #000;

}

.mainCont .sec02 .price::after{

  content:'(税込)';

  font-size: 13px;

  color: #000;

}




/* itemPickUp

---------------------------------------------------------- */
.itemPickUp{
  width: 90%;
  margin-bottom: 90px;
}
.itemPickUp dl{
  display: flex;
}
.itemPickUp dl dt{

}
.itemPickUp dl dd{
  padding-left: 30px;
}
.itemPickUp dl dd ul{
  margin-top: 10px;
  text-align: left;
}
.itemPickUp dl dd ul li{

}
.itemPickUp dl dd ul li.itemTtl{
  text-align: center;
  font-size: 18px;
  padding-bottom: 25px;
  border-bottom: solid 1px #cccccc;
  margin-bottom: 25px;
}
.itemPickUp dl dd ul li.itemText{

}
.itemPickUp dl dd ul li.itemBtn a{
  display: block;
  background: #fbf549;
  text-align: center;
  margin-top: 20px;
  padding: 18px;
  font-size: 15px;
}



/* sec03

---------------------------------------------------------- */

.mainCont .sec03{

}

.mainCont .sec03 .image,

#category .sec03 .image {

    margin-bottom: 20px;

}

.mainCont .sec03Inner,

#category .sec03Inner{

  font-size: 0;

  text-align: left;

}

.mainCont .sec03Inner ul,

#category .sec03Inner ul{

  font-size: 13px;

  width: 280px;

  display: inline-block;

  text-align: center;

  margin-bottom: 20px;

  padding: 10px 0 20px;

  vertical-align: top;

}

.mainCont .sec03Inner ul:not(:nth-of-type(3n)),

#category .sec03Inner ul:not(:nth-of-type(3n)){

  margin-right: 19px;

}







/* sec01-2

---------------------------------------------------------- */

.sec01-2 .sec01Inner{

  display: flex;

  display: -ms-flexbox;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

}

.sec01-2 .sec01Inner ul{

  width: 50%;

}









/* sec04

---------------------------------------------------------- */

.mainCont .sec04{

  margin-bottom: 110px;

}

.mainCont .sec04 h2{

  margin-bottom: 30px;

}

.mainCont .sec04 .moreLink{

  text-align: right;

  font-size: 16px;

  margin-bottom: 1rem;

}

.mainCont .sec04 .moreLink::after{

  margin:-3px 0 0 0;

  content:" ";

  display:inline-block;

  width:13px;

  height:13px;

  background:url(https://gigaplus.makeshop.jp/warakubeniya/img/ico_more.png) no-repeat;

  background-size:contain;

  vertical-align:middle;

}





.sec04Inner > table > tbody > tr:first-of-type{

  display: none;

}

.sec04Inner > table > tbody > tr:nth-of-type(2) > td >table > tbody > tr >td:first-of-type{

  width: 100px;

  text-align: left;

}

.sec04Inner > table > tbody > tr:nth-of-type(2) > td >table > tbody > tr >td:last-of-type{

  border-left: solid 1px #dedede;

  padding-left: 2em;

  text-align: left;

}

.sec04Inner > table > tbody > tr:nth-of-type(2) > td >table:not(:last-of-type) > tbody > tr >td:last-of-type{

  padding-bottom: 1em;

}

.mainCont .sec04 ul{

  font-size: 0;

}

.mainCont .sec04 ul li{

  font-size: 13px;

  display: inline-block;

  text-align: left;

  vertical-align: top;

}

.mainCont .sec04 ul li:first-child{

  width: 95px;

}

.mainCont .sec04 ul li:last-child{

  width: 784px;

  border-left: solid 1px #dedede;

  padding-left: 2em;

}

.mainCont .sec04 ul:not(:last-child) li:last-child{

  padding-bottom: 1rem;

}







/* sec05

---------------------------------------------------------- */

.mainCont .sec05{

  font-size: 0;

  margin-bottom: 80px;

}

.mainCont .sec05 h2{

  text-align: left;

  margin-bottom: 35px;

}

.mainCont .sec05 > div{

  width: 49%;

  font-size: 13px;

  display: inline-block;

  vertical-align: top;

}



/* sec05L */

.mainCont .sec05L{

  padding-right: 15px;

}

.instagram{

  text-align: left;

}

.instagram p.instaImg{

  display: inline-block;

  width: 33%;

  margin-bottom: 2px;

}

.instagram p:not(:nth-of-type(3n)){

  margin-right: 0.5%;

}



/* sec05R */

.mainCont .sec05R{

  padding-left: 15px;

}







/* sec06

---------------------------------------------------------- */

.mainCont .sec06 {

  margin-bottom: 65px;

  text-align: left;

}

.mainCont .sec06 h2{

  margin-bottom: 35px;

}

.mainCont .sec06Inner{

  border: solid 1px #e1e1e1;

  padding: 40px 30px;

}

.mainCont .sec06 .contact{

  display: flex;

  justify-content: center;

}

.mainCont .sec06 .contact > div{

  display: inline-block;

}

.mainCont .sec06 .contact li{

  line-height: 1.2;

}

.mainCont .sec06 .tel{

  font-size: 44px;

  letter-spacing: 3px;

}

/* .mainCont .sec06 .contactL{

  padding-right: 20px;

  border-right: dashed 1px #dedede;

} */

@media all and (-ms-high-contrast: none){

.detailContact .contactL{

  padding-right: 5px;

  margin-right: 5px;

}

}

.mainCont .sec06 .contactL .tel::before{

  margin:0 7px 0 0;

  content:" ";

  display:inline-block;

  width:40px;

  height:23px;

  background:url(https://gigaplus.makeshop.jp/warakubeniya/img/ico_freedial.png) no-repeat;

  background-size:contain;

  vertical-align:middle;

}

.mainCont .sec06 .contactR{

  padding-left: 20px;

}

.mainCont .sec06 .contactR .tel span{

  display: block;

  text-align: right;

}

.mainCont .sec06 .contactR .tel span a{

  font-size: 12px;

  color: #e91818;

  text-decoration: underline;

  letter-spacing: 0;

  margin-left: 1em;

}

.mainCont .sec06 .contactR .tel::before{

  margin:0 10px 0 0;

  content:" ";

  display:inline-block;

  width:32px;

  height:30px;

  background:url(https://gigaplus.makeshop.jp/warakubeniya/img/ico_fax.png) no-repeat;

  background-size:contain;

  vertical-align:middle;

}







/* ftMenu

---------------------------------------------------------- */

.ftMenu{

  background: #e1e1e1;

}

.ftMenu ul{

  font-size: 0;

  padding: 25px 0;

}

.ftMenu li{

  font-size: 12px;

  display: inline-block;

  padding: 0 1em;

}

.ftMenu li a{

  color: #1a1a1a;

}





/* ftBrandsLogo

---------------------------------------------------------- */

.ftBrandsLogo{

  margin: 10px 0;

}

.ftBrandsLogo ul{

  display: flex;

}

.ftBrandsLogo ul li{

  padding: 5px;

}











/* ftCopyright

---------------------------------------------------------- */

.ftCopyright{

  background: #1a1a1a;

  color: #ffffff;

  padding: 30px 0;

}

.ftCopyright small{

  font-size: 14px;

}







/* fadeInUp

---------------------------------------------------------- */

.fadeInUp {

 -webkit-animation-fill-mode:both;

 -ms-animation-fill-mode:both;

 animation-fill-mode:both;

 -webkit-animation-duration:1s;

 -ms-animation-duration:1s;

 animation-duration:1s;

 -webkit-animation-name: fadeInUp;

 animation-name: fadeInUp;

 visibility: visible !important;

}

@-webkit-keyframes fadeInUp {

 0% { opacity: 0; -webkit-transform: translateY(30px); }

 100% { opacity: 1; -webkit-transform: translateY(0); }

}

@keyframes fadeInUp {

 0% { opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }

 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

}









/* originalPage common

---------------------------------------------------------- */

.originalPage{

  margin-top: 110px;

}

.leftWidth{

  width: 180px;

}

/*パンくず*/

.pankuzu{

background:none !important;

font-family : YuGothic, 'Yu Gothic', sans-serif;

border-top: none;

border-right: none;

border-left: none;

border-bottom: solid 1px #dedede;

padding-bottom: 1em;

margin-bottom: 20px;

}

.pankuzu a{

text-decoration:none !important;

}

.originalPage h2{

  font-size: 28px;

}









/* page-wedding

---------------------------------------------------------- */

.page-wedding h2{

  padding-bottom: 1em !important;

}

.page-wedding h3{

  text-align: center;

  font-size: 26px;

  margin-bottom: 1em;

}

.page-wedding p{

  text-align: center;

  margin-bottom: 2em;

  line-height: 2;

}

.page-wedding .cont01{

  margin-bottom: 80px;

}

.page-wedding .cont01 ul li{

  font-size: 16px;

  text-align: center;

}

.page-wedding .cont01 ul li:not(:last-of-type)::after{

  margin:1em 0;

  content:" ";

  display:inline-block;

  width:61px;

  height:12px;

  background:url(https://gigaplus.makeshop.jp/warakubeniya/wedding/img/ico_arwbtm.png) no-repeat;

  background-size:contain;

  vertical-align:middle;

}

.page-wedding .cont01 ul li span{

  display: block;

  width: 100%;

  padding: 1em;

  border: solid 1px #e1e1e1;

}

.page-wedding .cont02{

  margin-bottom: 80px;

}

.page-wedding .cont03{

  margin-bottom: 80px;

}

.page-wedding .cont03 .cont03Inner{

  display: table;

}

.page-wedding .cont03 ul{

display: table-cell;

padding: 10px;

}

.page-wedding .cont03 li{

}

.page-wedding .cont03 .image{

  margin-bottom: 15px;;

}

.page-wedding .cont03 .title{

  font-size: 18px;

}

.page-wedding .cont03 .price{

  color: #e91818 !important;

  font-size: 20px;

}

.page-wedding .cont03 .price span{

  font-size: 13px;

}

.page-wedding .cont03 .price::before{

  content:'販売価格';

  font-size: 13px;

  color: #000;

}

.page-wedding .cont03 .price::after{

  content:'(税込)';

  font-size: 13px;

  color: #000;

}





/* page-noshi

---------------------------------------------------------- */

.page-noshi{

  margin-bottom: 80px;

  text-align: left;

}

.page-noshi h2{

  margin-bottom: 1em;

}

.page-noshi .sectionArea{

  margin-bottom: 5em;

}

.page-noshi h3{

  font-size: 15px;

  background: #dedede;

  padding: 0.5em 1em;

}

.page-noshi .sec01{

  line-height: 2;

}

.page-noshi .sec01 li{

  list-style:disc;

  margin-left:1em;

}

.page-noshi .titleSec{

  border-top: solid 2px #000;

  border-bottom: solid 2px #000;

  padding: 0.8em 0 0.5em;

  margin: 2em 0;

}

.page-noshi .noshiImg{

  display: table;

  margin: 1em 0 2em;

}

.page-noshi .noshiImg li{

  display: table-cell;

  padding-right: 1em

}

.page-noshi .noshiDesc dl{

  font-size: 0;

  padding: 10px 0;

  border-bottom: solid 1px #dedede;

}

.page-noshi .noshiDesc dt{

  font-size: 0.9rem;

  display: inline-block;

  width: 35%;

  vertical-align: middle;

}

.page-noshi .noshiDesc dd{

  font-size: 0.9rem;

  display: inline-block;

  width: 64%;

  padding-left: 1em;

  vertical-align: middle;

}





/* page-shoplist

---------------------------------------------------------- */

.page-shoplist{

  margin-bottom: 80px;

}

.page-shoplist dl{

  display: table;

  border-collapse: separate;

  width: 100%;

  border-top: solid 1px #e1e1e1;

  padding-top: 25px;

  margin-top: 25px;

}

.page-shoplist dt{

  display: table-cell;

  font-size: 20px;

  text-align: left;

  width: 35%;

}

.page-shoplist dd{

  display: table-cell;

  text-align: left;

  line-height: 2;

}

.shopData li.gmapBtn a{

  position: relative;

  z-index: 2;

  display: inline-block;

  padding: 15px 30px;

  margin: 1em 0 1em;

  border: 1px solid #e7e7e7;

  background: transparent;

  text-align: center;

  line-height: 1;

  transition: .3s;

}

.shopData li.gmapBtn a::before{

  margin:0 1em 0 0;

  content:" ";

  display:inline-block;

  width:10px;

  height:15px;

  background:url(https://gigaplus.makeshop.jp/warakubeniya/shoplist/img/ico_gmap.png) no-repeat;

  background-size:contain;

  vertical-align:middle;

}

.shopData li.gmapBtn a::after {

  display: block;

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  width: 0;

  height: 100%;

  margin: 0;

  background: rgba(0,0,0,.05);

  transition: .3s;

}

.shopData li.gmapBtn a:hover::after {

  width: 100%;

}







/* page-story

---------------------------------------------------------- */

.page-story{

  margin-bottom: 80px;

}

.page-story .movieArea{

  border-top: solid 1px #dedede;

  margin-top: 25px;

  padding-top: 30px;

}

.storyInner{

  border-top: solid 1px #dedede;

  margin-top: 25px;

  padding-top: 50px;

  display: table;

  border-collapse: separate;

}

.storyInner >div{

  display: table-cell;

  width: 50%;

  text-align: left;

}

.storyInner .photo{

}

.storyInner .txt{

  padding-top: 35px;

}

.storyInner .txt h3{

  font-size: 28px;

  margin-bottom: 1em;

}

.storyInner .txt p{

  line-height: 1.8;

}







/* page-brands

---------------------------------------------------------- */

.page-brands h2{

  margin-bottom: 1em;

}

.page-brands .sectionArea {

  margin-bottom: 5em;

}

.page-brands .sec01{

  background: url(https://www.waraku-beniya.jp/design/warakubeniya/pages/brands/bg_texture_03.jpg)top left repeat;

}

.page-brands .sec01 ul{

  display: flex;

  flex-wrap: wrap;

  padding: 10px;

}

.page-brands .sec01 ul li{

  width: calc(100% / 4);

  padding: 10px;

}

.page-brands .blandListBox{

  display: flex;

}

.page-brands .blandListBox:not(:last-of-type){

  border-bottom: solid 1px #dedede;

  padding-bottom: 30px;

  margin-bottom: 30px;

}

.page-brands .blandListBox p.imgArea{

  width: 228px;

}

.page-brands .blandListBox dl{

  width: calc(100% - 228px);

  padding-left: 30px;

}

.page-brands .blandListBox dl dt{

  margin-bottom: 15px;

  font-size: 18px;

}

.page-brands .blandListBox dl dd{

  text-align: left;

  margin-bottom: 10px;

}

.page-brands .blandListBox dl dd a{

  text-decoration: underline;

}

.page-brands .blandListBox dl dd a:hover{

  text-decoration: none;

}











/* makeshop detfault reset

---------------------------------------------------------- */

#topImage{

  display: none !important;

}

#makebanner > tbody > tr > td:nth-of-type(3) > table{

  width: 880px;

}







/* itemPage

---------------------------------------------------------- */

/*common*/

body{

background:url(https://gigaplus.makeshop.jp/warakubeniya/subpage/img/cont_bg01.jpg) top left repeat;

}

#wrapper, #makebanner, #topImage{

width:1080px !important;

}

#itemLink{

margin-bottom:20px !important;

}

#detail .detailTxt{

  margin-bottom: 10px !important;

}

.otherLinkArea{

  border-bottom: solid 1px #dedede !important;

  padding-bottom: 10px;

  margin-top: -11px !important;

}

.otherLinkArea ul li{

  padding: 0 10% !important;

}



/*パンくず*/

.pankuzu{

background:none !important;

border:none !important;

font-family : YuGothic, 'Yu Gothic', sans-serif;

}

.pankuzu a{

text-decoration:none !important;

}



/*右側コンテンツ共通*/

.rightContents{

width:880px;

margin-top:40px;

margin-left:0 !important;

}



/*商品名*/

#detail h2{

font-size:22px;

font-weight:normal;

margin-bottom:0 !important;

}

#detail h2 img{

margin-top:10px;

}



/*価格*/

.detailInfoPrice{

font-size:25px;

color:#e91818;

margin-bottom:5px;

}

.detailInfoPrice > p > span{

font-size:15px;

color:#000000;

}

.detailInfoPrice > p > span:last-of-type{

margin-left:-5px;

}

.detailInfoPrice > p > span:last-of-type::before{

content:'円';

color:#e91818;

}



/*個数*/

.detailInfoQuantity{

font-size:16px;

margin-bottom:15px;

}

.detailInfoQuantity input{

font-size:13px;

padding: 0.3em 0.5em;

width: 40px;

height: 20px;

margin-left: 1em;

}



/*画像部分*/

#itemImg{

width:530px !important;

}

#itemImg .M_imageWrap{

width:100% !important;

}

#itemImg .M_imageMain{

overflow: hidden;

height: 430px !important;

margin-bottom: 10px;

}

#itemImg .M_imageMain a img{

width:initial;

width: auto;

max-width:530px;

height:auto;

}

#itemImg .M_imageCatalog{

height:auto;

text-align: left;

}

#itemImg .M_imageCatalog > table{

margin:0 !important;

}

div.M_imageCatalog table td{

width:110px;

height:106px;

vertical-align:middle;

}

div.M_imageCatalog table td img{

width:80%;

}



/*説明文エリア*/

#itemInfo{

width:312px !important;

}

.detailTxtTitle{

font-size:18px;

margin-bottom:10px;

}

#itemInfo .detailTxt{

padding:15px 0 10px !important;

border-top:solid 1px #dedede !important;

border-bottom:solid 1px #dedede !important;

text-align: left;

}

#itemInfo .detailTxt > table{

width:100% !important;

font-family: YuMincho, 'Yu Mincho', serif !important;

background:none !important;

font-size:13px !important;

}

#itemInfo .detailTxt > table td{

line-height:2 !important;

}

.detailTxtMenu{

font-family : YuGothic, 'Yu Gothic', sans-serif;

border-top: solid 1px #dedede;

margin-top:10px;

padding-top: 10px;

text-align: center;

font-size: 0.9em;

letter-spacing: -1px;

}

.detailTxtMenu ul li{

display:inline-block;

padding:0 0.8em;

}

.detailTxtMenu ul li:not(:last-of-type){

border-right:solid 1px #dedede;

}



/*レビュー*/

#r_review{

  padding-top: 20px;

}

#r_review h3{

  margin-bottom: 30px;

  text-align: center;

  font-size: 15px;

}

#r_review input{

  min-width: 130px;

}

#r_review a.M_btnStyle{

  display: inline-block;

  margin-bottom: 10px;

  font-size: 15px;

  text-decoration: underline;

}

#r_review a.M_btnStyle:hover{

  text-decoration: none;

}

#detail #r_review td{

  vertical-align: middle;

}





/*カゴボタン*/

#basketBtn{

background:none;

padding:0;

margin-top:1em;

margin-bottom:20px;

}

#basketBtn a[href^="JavaScript:send('','');"],

#basketBtn a[href^="JavaScript:send('','1');"],

#basketBtn a[href^="JavaScript:send('','2');"],

#basketBtn a[href^="JavaScript:send('','3');"]{

background:url(https://gigaplus.makeshop.jp/warakubeniya/subpage/img/btn_cart.png) top left no-repeat;

width:312px;

height:64px;

display:block;

}

#basketBtn a[href^="JavaScript:send('','');"] img,

#basketBtn a[href^="JavaScript:send('','1');"] img,

#basketBtn a[href^="JavaScript:send('','2');"] img,

#basketBtn a[href^="JavaScript:send('','3');"] img{

display:none;

}

#basketBtn a[href^="JavaScript:send('baro','');"],

#basketBtn a[href^="JavaScript:send('baro','1');"],

#basketBtn a[href^="JavaScript:send('baro','2');"],

#basketBtn a[href^="JavaScript:send('baro','3');"]{

display:none;

}

input.m_price{

  font-size: 25px;

  color: #e91818;

  margin-bottom: 5px;

  border: none !important;

  background: none !important;

  text-align: left !important;

  font-family: YuMincho, 'Yu Mincho', serif;

}



/*SNS*/

#r_sns{

margin-bottom:10px !important;

}

#r_sns ul{

display:inline-flex;

}

#r_sns ul li{

display:inline-block;

float:none !important;

margin-right:10px;

}



/*お問い合わせ*/

.detailContact {

  margin-bottom: 65px;

  text-align: left;

}

#detail .detailContact h2{

  font-size:26px !important;

  margin-bottom: 35px !important;

}

.detailContactInner{

  border: solid 1px #e1e1e1;

  padding: 40px 30px;

}

.detailContact .contact > div{

  display: inline-block;

}

.detailContact .contact li{

  line-height: 1.2;

}

.detailContact .tel{

  font-size: 44px;

  letter-spacing: 3px;

}

.detailContact .contactL{

  padding-right: 25px;

  margin-right: 15px;

  border-right: dashed 1px #dedede;

}

@media all and (-ms-high-contrast: none){

.detailContact .contactL{

  padding-right: 5px;

  margin-right: 5px;

}

}

.detailContact .contactL .tel::before{

  margin:0 7px 0 0;

  content:" ";

  display:inline-block;

  width:40px;

  height:23px;

  background:url(https://gigaplus.makeshop.jp/warakubeniya/subpage/img/ico_freedial.png) no-repeat;

  background-size:contain;

  vertical-align:middle;

}

#detail .detailContact .contactR .tel span a{

  font-size: 12px;

  color: #e91818 !important;

  text-decoration: underline !important;

  letter-spacing: 0;

  margin-left: 1em;

}

.detailContact .contactR .tel::before{

  margin:0 10px 0 0;

  content:" ";

  display:inline-block;

  width:32px;

  height:30px;

  background:url(https://gigaplus.makeshop.jp/warakubeniya/subpage/img/ico_fax.png) no-repeat;

  background-size:contain;

  vertical-align:middle;

}







/* info.html

---------------------------------------------------------- */

td.woong img[alt="利用案内"]{

  display: none;

}

.woong pre{

  white-space: inherit;

}

#guide .M_guideNav {

  font-size: 0;

  margin: 80px 0;

  white-space: normal;

  width: 100%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  text-align: center;

}

#guide .M_guideNav li {

  display: inline-block;

  width: 160px;

}

#guide .M_guideNav li:not(:last-child){

  border-right: dotted 1px #aaa;

}

#guide .M_guideNav a {

  font-size: 15px;

  color: #333;

  text-decoration: none;

}

#guide .M_guideContent:not(:last-child){

  border-bottom: solid 2px #dedede;

  margin-bottom: 40px;

  padding-bottom: 70px;

}

#guide .M_guideContent:last-child{

  margin-bottom: 100px;

}

.M_guideContent .M_txtTitle{

  font-size: 20px;

}

.M_guideContent h4{

  border-bottom: dotted 1px #999;

  margin: 1em 0;

  padding-bottom: 0.5em;

}

#guide ul.iconsCard ul,

#guide ul.iconsConv ul{

  font-size: 0;

}

#guide ul.iconsCard li,

#guide ul.iconsConv li{

  display: inline-block;

}







/* basket.html

---------------------------------------------------------- */

#basket h2{

  background: none;

  line-height: inherit;

  padding-left: 0;

  padding-top: 15px;

  margin-bottom: 10px !important;

  height: inherit;

  font-size: 28px;

  font-weight: normal;

}







/* new(information)

---------------------------------------------------------- */

#news h2{

  background: none;

  line-height: inherit;

  padding-left: 0;

  padding-top: 15px;

  margin-bottom: 10px !important;

  height: inherit;

  font-size: 28px;

  font-weight: normal;

}

#r_news #newsHead{

  font-size: 18px;

  border-bottom: 1px solid #dedede !important;

}

#r_news #newsContents{

  font-size: 14px;

  border-bottom: 1px dashed #dedede !important;

}

#r_news #newsList .line{

  background: none;

}

#r_news #newsList > table >tbody > tr{

  background: none !important;

}

#r_news #newsList .lims{

  border-bottom: 1px dashed #dedede !important;

  line-height: 3;

}







/* naire

---------------------------------------------------------- */

#M_nameCustom .M_nameTxt{

  margin-bottom: 0 !important;

}

#M_nameCustom .M_nameItem{

  font-size: 0.9em;

}

#M_nameCustom .M_nameItem::before{

  content: '※';

  display: inline-block;

}











/*----------------------------------------------------------

 smartphone

---------------------------------------------------------- */

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



/* common(reset PC's css)

---------------------------------------------------------- */

.wrapper{

  width: 100%;

}

.rightArea{

  width: 100%;

}

.mainCont .sec01Cont{

  display: flex;

  display: -ms-flexbox;

  flex-wrap: wrap;

  justify-content: space-between;

}

.mainCont .sec01Cont li{

  width: 50%;

  margin-bottom: 6px;

}

.mainCont .sec01Cont li a span{

  margin-top: 5px;

  display: block;

}

.mainCont .sec01Cont li:nth-of-type(odd){

  padding-right: 3px;

}

.mainCont .sec01Cont li:nth-of-type(even){

  padding-left: 3px;

}

.sec05 > div{

  width: 100%;

}

.sec04 ul li:last-child{

  width: 100%;

}

.mainCont01{

  padding-top: 40px;

}

.mainCont{

  padding: 0 1em;

}

#mainContents{

  margin-top: 60px;

}









/* headerSp

---------------------------------------------------------- */

.headerSp{

  padding: 17px 15px 15px 17px;

  position: fixed !important;

  top: 0;

  background: #fff;

  z-index: 100;

  width: 100%;

  height: 69px !important;

  box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.2) !important;

  -webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.2) !important;

  -moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.2) !important;

  border-bottom: none !important;

}

.headerSp > ul > li.icoCart{

  position: absolute;

  top: 24px;

  right: 20px;

  width: 25px;

  z-index: 10000;

}

.headerSp > ul > li.icoMypage{

  position: absolute;

  top: 24px;

  right: 52px;

  width: 25px;

  z-index: 10000;

}

.headerSp > ul > li.icoMypage span{

  display: block;

  width: 5em;

  font-size: 9px;

  position: absolute;

  left: -1em;

  right: 0;

  margin: auto;

  letter-spacing: 0;

}

.headerSp > ul > li.spHdrLogo{

  position: absolute;

  width: 165px;

  top: 24px;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  z-index: 10000;

}

.headerInnerMenu{

  padding: 2em 3em;

}

.headerInnerMenu ul.menu01{

  border-bottom: solid 1px #a1a1a1;

  padding-bottom:1em;

}

.headerInnerMenu ul.menu01 li{

  font-size: 1.2em;

}

.headerInnerMenu ul.menu01 li a{

  display: block;

  text-align: left;

  padding: 1em 0;

}

.headerInnerMenu ul.menu01 li:first-of-type a i{

  vertical-align: text-bottom;

  margin-left: 1em;

}

.headerInnerMenu ul.menu02{

  border-bottom: solid 1px #a1a1a1;

  padding:1em 0;

}

.headerInnerMenu ul.menu02 li{

  font-size: 1em;

}

.headerInnerMenu ul.menu02 li a{

  display: block;

  text-align: left;

  padding: 0.5em 0;

  color: #1a1a1a;

}

.headerInnerMenu ul.menu03{

  text-align: left;

  padding: 1em 0;

}

.headerInnerMenu ul.menu03 li{

  display: inline-block;

  width: 30px;

  margin-right: 1em;

}

.headerInnerMenu ul.menu04{

  border-bottom: solid 1px #a1a1a1;

  padding:1em 0;

}



.attnTextSp{

  z-index: 99;

  position: fixed;

  top: 69px;

  font-size: 0.8em;

  width: 100%;

  background: #666;

  box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.2) !important;

  -webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.2) !important;

  -moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.2) !important;

  border-bottom: none !important;

}

.attnTextSp a{

  display: block;

  padding: 1em 0;

  color: #fff !important;

  font-weight: bold;

}







/* mainSlideArea

---------------------------------------------------------- */



.mainSlide div a.slide01{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/sp/img/waraku_tsujichef_sp2.jpg) center center no-repeat;

  background-size: cover;

}

.mainSlide div a.slide02{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/sp/img/warasuku_sp.jpg) center center no-repeat;

  background-size: cover;

}

.mainSlide div a.slide03{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/sp/img/stollen_sp.jpg) center center no-repeat;

  background-size: cover;

}

.mainSlide div a.slide04{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/sp/img/ekurusk_topslide_sp.jpg?date=200317-1) center center no-repeat;

  background-size: cover;

}

.mainSlide div a.slide05{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/sp/img/waraku_irodori_topslide_sp.jpg?date=200317-1) center center no-repeat;

  background-size: cover;

}

.mainSlide div a.slide06{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/sp/img/sazanami_topslide_sp.jpg) center center no-repeat;

  background-size: cover;

}

.mainSlide div a.slide07{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/sp/img/stollen_sp.jpg) center center no-repeat;

  background-size: cover;

}


.mainSlide div a.slide08{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/sp/img/wachocorusk_sp.jpg) center center no-repeat;

  background-size: cover;

}


.mainSlide div a.slide09{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/sp/img/eclairrusk_sp.jpg) center center no-repeat;

  background-size: cover;

}


.mainSlide div a.slide10{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/sp/img/marrondorayaki_sp.jpg) center center no-repeat;

  background-size: cover;

}

.mainSlide div a.slide11{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/sp/img/kokoro_sp.jpg) center center no-repeat;

  background-size: cover;

}

.mainSlide div a.slide12{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/sp/img/spring_daruma_sp.jpg) center center no-repeat;

  background-size: cover;

}

.mainSlide div a.slide13{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/sp/img/green_truffle_chocolate_sp.jpg) center center no-repeat;

  background-size: cover;

}

.mainSlide div a.slide14{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/sp/img/strawberry_truffle_chocolate_sp.jpg) center center no-repeat;

  background-size: cover;

}

.mainSlide div a.slide15{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/sp/img/whiteday2021_sp.jpg) center center no-repeat;

  background-size: cover;

}

.mainSlide div a.slide16{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/sp/img/basukucheese_sp.jpg) center center no-repeat;

  background-size: cover;

}

.mainSlide div a.slide17{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/sp/img/basukulemon_sp.jpg) center center no-repeat;

  background-size: cover;

}

.mainSlide div a.slide18{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/sp/img/wholeorange_sp.jpg) center center no-repeat;

  background-size: cover;

}

.mainSlide div a{

  min-width: 100%;

  height: 70vh;

}







/* sec01

---------------------------------------------------------- */

.mainCont .sec01{

  margin-bottom: 1em;

}

.rightArea h2{

  font-size: 1.5em;

  margin: 2.5em 0 1.5em 0;

}

.mainCont .sec01Inner{

  display: table;

}

.mainCont .sec01Inner ul{

  width: 50%;

  display: inline-block;

  margin-bottom: 1em;

  vertical-align: top;

}

.rightArea .image{

  margin-bottom: 1em;

}

.rightArea .title{

  font-size: 1em;

  margin-bottom: 5px;

  letter-spacing: -1px;

}

.mainCont .sec02 .title::after{

  padding-top: 5px;

}

.mainCont .sec01Inner ul:nth-of-type(odd){

  padding-right: 0.5em;

}

.mainCont .sec01Inner ul:nth-of-type(even){

  padding-left: 0.5em;

}





/* sec02

---------------------------------------------------------- */

.mainCont .sec02{

  margin-bottom: 0;

}

.mainCont .sec02Inner{

  display: table;

}

.mainCont .sec02Inner ul:not(:nth-of-type(3n)){

  margin-right: 0;

}

.mainCont .sec02Inner ul{

  width: 48%;

  padding: 0 0 1em;

}



.mainCont .sec02Inner ul:nth-of-type(odd){

  margin-right: 2%;

}

.mainCont .sec02Inner ul:nth-of-type(even){

  margin-left: 2%;

}

.mainCont .sec02 .price{

  font-size: 1em;

}

.mainCont .sec02 .price::before{

  font-size: 0.8em;

}

.mainCont .sec02 .price::after{

  font-size: 0.8em;

}

.mainCont .sec02 .sec02Inner li.subTitle{

  color: #a2a2a2;

  letter-spacing: 2px;

}





/* sec03

---------------------------------------------------------- */

.mainCont .sec03{

  margin-bottom: 2em;

}

.mainCont .sec03Inner{

  display: table;

}

.mainCont .sec03Inner ul:not(:nth-of-type(3n)){

  margin-right: 0;

}

.mainCont .sec03Inner ul{

  width: 50%;

  vertical-align: top;

  padding: 0;

  margin-bottom: 1em;

}

.mainCont .sec03Inner ul:nth-of-type(odd){

  padding-right: 0.5em;

}

.mainCont .sec03Inner ul:nth-of-type(even){

  padding-left: 0.5em;

}





/* sec04

---------------------------------------------------------- */

.mainCont .sec04{

  margin-bottom: 1em;

}

.mainCont .sec04 .moreLink{

  font-size: 1em;

}

.mainCont .sec04 ul{

  text-align: left;

}

.mainCont .sec04 ul li{

  font-size: 12px;

}

.mainCont .sec04 ul li:last-child{

  border-left: none;

  padding-left: 0;

  margin-bottom: 1em;

  width: 100%;

}

.mainCont .sec04 ul:not(:last-child) li:last-child{

  padding-bottom: 1em;

  border-bottom: solid 1px #dedede;

}





/* sec05

---------------------------------------------------------- */

.mainCont .sec05 > div{

  font-size: initial;

  width: 100%;

}

.mainCont .sec05 h2{

  text-align: center;

}

.mainCont .sec05L{

  padding-right: 0;

}

.mainCont .sec05R{

  padding-left: 0;

}





/* sec06

---------------------------------------------------------- */

.mainCont .sec06Inner{

  padding: 1em;

  text-align: center;

}

.mainCont .sec06 h2{

  font-size: 1em;

  letter-spacing: -0.5px;

  text-align: center;

  margin: 1em 0;

}

.mainCont .sec06 .contact{

  display: block;

}

.mainCont .sec06 .contactL{

  padding-right: 0;

  margin-right: 0;

  margin-bottom: 1em;

  /* padding-bottom: 1em; */

  /* border-bottom: solid 1px #dedede; */

  border-right: none;

}

.mainCont .sec06 li small{

  letter-spacing: 0px;

  display: block;

  text-align: left;

  margin-bottom: 5px;

}

.mainCont .sec06 .tel{

  font-size: 2.3em;

}

.mainCont .sec06 .contactL .tel::before{

  vertical-align: baseline;

}

.mainCont .sec06 .contactR{

  padding-left: 0;

}

.mainCont .sec06 .contactR .tel::before{

  vertical-align: text-top;

}

.mainCont .sec06 .contactR .tel span{

  display: block;

  text-align: center;

}

.mainCont .sec06 .contactR .tel span a{

  vertical-align: top;

}







/* spPageTop

---------------------------------------------------------- */

#page-top {

  position: fixed;

  bottom: 20px;

  right: 20px;

  font-size: 77%;

  z-index: 9999;

}

#page-top a {

  background: #ccc;

  text-decoration: none;

  color: #fff;

  width: 50px;

  padding: 1em;

  text-align: center;

  display: block;

  border-radius: 5px;

}







/* ftBrandsLogo

---------------------------------------------------------- */

.ftBrandsLogo{

  padding: 1em;

  margin: 0;

}

.ftBrandsLogo ul{

  display: flex;

  flex-wrap: wrap;

}

.ftBrandsLogo ul li{

  width: calc(100% / 4);

}







/* ftCopyright

---------------------------------------------------------- */

.ftCopyright{

  padding: 1em 0;

}

.ftCopyright small{

  font-size: 0.8em;

}

.ftMenu{

  padding: 1em;

}

.ftMenu .wrapper{

  background: #fff;

}

.ftMenu ul{

  padding: 0;

}

.ftMenu li{

  position: relative;

  display: block;

  width: 100%;

  padding: 0;

  font-size: 12px;

}

.ftMenu li:not(:last-of-type){

  border-bottom: solid 1px #e1e1e1;

}

.ftMenu li a{

  display: block;

  padding: 1em 1.5em;

  text-align: left;

}

.ftMenu li i{

  position: absolute;

  top: 40%;

  right: 15px;

}

.fa-chevron-right:before{

  font-size: 10px;

}







/* originalPage common

---------------------------------------------------------- */

.originalPage{

  margin-top: 0;

  padding-top: 50px;

}

.spContWrap{

  padding: 0 1em;

}

.originalPage h2{

  text-align: left;

  font-size: 1.5em;

  padding-top: 1.5em;

}



/* originalPage topicPath(pankuzu)

---------------------------------------------------------- */

#topicPath {

    list-style: none;

}

#topicPath, #topicPath a, .searchPath {

color: #666;

}

#topicPath, .searchPath {

background: #eee;

text-align: left;

padding: 10px;

font-size: 11px;

margin-bottom: 10px;

word-wrap: break-word;

}

#topicPath li {

display: inline;

}

#topicPath li {

font-size: 12px;

}

#topicPath, #topicPath a, .searchPath {

color: #666;

}

#topicPath li a:visited {

color: #333;

}

#topicPath li a:link {

color: #333;

}

#topicPath li a {

text-decoration: none;

color: #000000;

}





/* page-wedding

---------------------------------------------------------- */

.page-wedding h3{

  text-align: left;

  font-size: 1.5em;

  margin-bottom: 0.5em;

}

.page-wedding p{

  text-align: left;

}

.page-wedding .cont01 ul li{

  font-size: 1em;

}

.page-wedding .cont01{

  margin-bottom: 3em;

}

.page-wedding .cont02{

  margin-bottom: 3em;

}

.page-wedding .cont03{

  margin-bottom: 3em;

}

.page-wedding .cont03 ul{

  padding: 2px;

}

.page-wedding .cont03 .title{

  font-size: 0.8em;

}

.page-wedding .cont03 .price{

  font-size: 0.8em;

}

.page-wedding .cont03 .price::before{

  content: '価格:';

  font-size: 0.8em;

}

.page-wedding .cont03 .price::after{

  content: '(税込)';

  font-size: 0.8em;

}

.page-wedding .cont03 p small{

  font-size: 0.8em;

}





/* page-noshi

---------------------------------------------------------- */

.page-noshi .noshiImg{

  display: block;

  margin: 1em 0 2em;

  text-align: center;

}

.page-noshi .noshiImg li{

  display: block;

  width: 100%;

  padding-right: 0;

  margin-bottom: 1em;

}







/* page-brands

---------------------------------------------------------- */

.page-brands .blandListBox{

  display: block;

}

.page-brands .sectionArea{

  margin-bottom: 3em;

}

.originalPage .page-brands  h2{

  font-size: 1.3em;

}

.page-brands .sec01 ul{

  padding: 5px;

}

.page-brands .sec01 ul li{

  width: calc(100% / 2);

  padding: 5px;

}

.page-brands .blandListBox p.imgArea{

  width: 100%;

  margin-bottom: 15px;

}

.page-brands .blandListBox dl{

  width: 100%;

  padding-left: 0;

}

.page-brands .blandListBox dl dt{

  margin-bottom: 10px;

}

.page-brands .blandListBox dl dd:last-of-type{

  text-align: right;

}







/* page-shoplist

---------------------------------------------------------- */

.page-shoplist{

  margin-bottom: 3em

}

.page-shoplist dl{

  display:block;

}

.page-shoplist dt{

  display: block;

  width: 100%;

  font-size: 1.2em;

}

.page-shoplist dd{

  display: block;

  letter-spacing: 0px;

}

.shopData li.gmapBtn a{

  padding: 10px 30px;

}

.shopData li.gmapBtn a::after {

  content: none;

}







/* page-story

---------------------------------------------------------- */

.page-story{

  margin-bottom: 3em;

}

.storyInner{

  margin-top: 1em;

  padding-top: 2.3em;

}

.storyInner >div{

  display: block;

  width: 100%;

  float: none;

}

.storyInner .photo{

  width: 70%;

  margin: 0 auto;

}

.storyInner .txt{

  padding-top: 3em;

}

.storyInner .txt h3{

  font-size: 1.5em;

}







/* itemPage

---------------------------------------------------------- */

section .itemImg{

  margin-top: 35px;

}

.btnCart{

  background: url(https://gigaplus.makeshop.jp/warakubeniya/subpage/img/btn_cart.png) top center no-repeat;

  background-size: contain;

  height: 60px;

  width: 100%;

}

.itemSection{

  padding: 0 1em;

}

.itemName{

  font-size: 1.5em;

}

.itemInfo{

  padding: 1em !important;

}

.numSection .itemAmount .amount{

  display: block;

}

.numSection .itemAmount .amount dt{

  display: block;

  text-align: left;

  margin-bottom: 10px;

  font-size: 1.2em;

}

.numSection .itemAmount .amount dd{

  display: block;

}

.content{

  font-size: 13px;

  line-height: 1.8;

}

.salesPrice{

  text-align: left !important;

  padding: 1em 0 1.5em;

}

#M_usualValue #taxPrice{

  color: #e91818;

  font-size: 1.5rem;

}

#M_usualValue span::before{

  content: '販売価格：';

  color: #000;

  font-size: 0.7em;

}

#M_usualValue span::after{

  content: '(税込)';

  color: #000;

  font-size: 0.7em;

}

.numSection{

  padding: 2em 1em;

  border-top: solid 1px #dedede;

}

.itemBtn{

  margin-bottom: 25px;

}

.contactLink{

  font-size: 0.8em;

  margin-top: 1em;

  padding: 0 1rem;

}

.detailTxtMenu{

  border: solid 1px #dedede;

  margin: 1em 1em 2em;

  padding: 0;

}

.detailTxtMenu ul{

  display: flex;

  justify-content: space-around;

}

.detailTxtMenu ul li{

  padding: 1em 0em;

  width: 100%;

  font-size: 0.8em;

  letter-spacing: -1px;

}

.detailTxtMenu ul:not(:first-of-type){

  border-top: solid 1px #dedede;

}







/* categoryPage

---------------------------------------------------------- */

#catPage .currentName{

  font-size: 1.5em;

  margin-top: 30px;

}

#catPage .searchHead{

  display: none !important;

}

#catPage .searchForm{

  display: none;

}

#thumb_images{

  padding-bottom: 1em;

}

#list_item,

.item, .rankingList{

  padding: 0 1em;

}

#list_item li{

  width: 50% !important;

  margin-left: 0 !important;

  margin-bottom: 1.5em !important;

}

#list_item li:nth-of-type(odd){

  padding-right: 2%;

}

#list_item li:nth-of-type(even){

  padding-left: 2%;

}

#list_item li .itemDetail p{

  letter-spacing: -1px;

}

#list_item li .itemDetail p.price em{

  color: #e91818;

  font-size: 1.5em;

}

#list_item li .itemDetail p.price::before{

  content: '販売価格：'

}

#thumb_images #list_item .itemImgWrap img{

  width: 100%;

}

#list_item li:nth-child(3n), .item li:nth-child(3n), .rankingList li:nth-child(3n){

  margin-right: 0 !important;

}







/* spCartPage

---------------------------------------------------------- */

.spCartPage{

  padding: 80px 1em;

}

.btnShopping, .btnShopping:link, .btnShopping:visited, .btnShopping:active, .btnTop, .btnTop:link, .btnTop:visited, .btnTop:active{

  border: none !important;

  background: #999 !important;

  color: #e1e1e1 !important;

  font-size: 1.2em;

  font-weight: normal;

}





/* guide.html

---------------------------------------------------------- */

#wrapper, #makebanner, #topImage{

  width: 100% !important;

}

#guide #wrapper{

  padding-top:80px;

}

#guide #wrapper .editContent:first-of-type h4{

  display: none; /* 「商品注文方法」枠の「タイトル」非表示 */

}

#guide h3.catTit{

  padding-top:0;

}

#guide .guideContents{

padding-top:80px;

margin-top:-80px;

}

#guide .editArea{

  border-bottom: solid 1px #999;

  padding-bottom: 3em;

}

#guide .editArea h5{

  border-bottom: dotted 1px #ccc;

  margin-bottom: 0.5em;

  padding-bottom: 0.5em;

}

#guide ul.pageInnerLinks{

  font-size: 0;

}

#guide ul.pageInnerLinks li{

  display: inline-block;

  width: 49%;

  padding: 1em;

  text-align: center;

  background: #eee;

  border: solid 1px #fff;

}

#guide ul.pageInnerLinks li::before{

  content: '▼'

}







/* news

---------------------------------------------------------- */

h3.catTit{

  padding-top: 80px;

}

.newsMain{

  margin-top: 100px;

}



/* itemPickUp

---------------------------------------------------------- */
.itemPickUp{
  margin: 60px auto 80px;
}
.itemPickUp dl{
  display: block;
}
.itemPickUp dl dd{
  padding-left: 0;
}





}/* end of smartphone*/