@charset "utf-8";
/* CSS Document */
html,body{
  margin: 0;
  padding: 0;
  font-family:source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #043459;
  font-size: 14px;
  font-feature-settings:"palt";
  letter-spacing: 0.07em;
}
html{
  width: 100%;
}    
body{
  width: 100vw;
  box-sizing:border-box;
}
section{
  overflow:hidden;
}
.easingslider{
  position: absolute !important;
}
.recipe .easingslider{
  width: 100%;
  height: 690px;
	top: -9vh;
}
.shop .easingslider{
  height: 598px;
}
.easingslider-wrapper-outer{
  position: fixed !important;
  top: 0;
  height: auto !important;
  border: 10px solid white;
  box-sizing: border-box;
  z-index: -1;
}
.easingslider-wrapper-outer *{
  height: 100% !important;
}
.easingslider img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/
}
.easingslider-pagination{
  display: flex;
  flex-wrap: wrap;
  width: 10px;
  height: 100% !important;
  justify-content: center;
  align-content: center;
  right: 20px !important;
  top: 0 !important;
}
.easingslider-pagination span{
  margin:0 !important;
}
.pb .easingslider-pagination{
  display:none;
}
.pb .easingslider,
.butter .easingslider,
.pudding .easingslider,
.pb .easingslider-wrapper-outer,
.butter .easingslider-wrapper-outer,
.pudding .easingslider-wrapper-outer{
  height: 100vh !important;
}
.global-head h1 a,
.pb .first-inner:before,
.normal-h3,
.pagetop,
#butter-top h2,#pudding-top h2,
#butter-top h3,#pudding-top h3,
.trophy,
#how-to-eat>h4,
.recipe-link-center h3,
#policy h4,
#policy p.slice,
.profinner>h4,
.more,
#recipe-top h3,
#shop-cover h2,
#shop-main li,
#top-third:before,
#top-butter a:after,
#top-pudding a:after,
#top-butter a:before,
#top-pudding a:before,
#nav-open,
#nav-close,
#sp-menu-logo,
.trophy,
.with li,
.pb .first-inner:after,
.pb .global-head .main-menu>li:nth-of-type(1)>a,
.pb .global-head .main-menu>li:nth-of-type(2),
.pb .global-head .main-menu>li:nth-of-type(3),
.pb .global-head .main-menu>li:nth-of-type(4),
.pb .global-head .main-menu>li:nth-of-type(5),
.pb .global-head .main-menu>li:nth-of-type(6),
.pb .global-nav:after{
  display: block;
  background-image: url(/wp-content/themes/kawashima2016/images/pb/slice-main.png);
  background-size: 1350px auto;
  background-repeat: no-repeat;
}
.main-menu>li:nth-of-type(1)>a,
.main-menu>li:nth-of-type(2)>a,
.main-menu>li:nth-of-type(3)>a,
.main-menu>li:nth-of-type(4)>a,
.main-menu>li:nth-of-type(5)>a,
.main-menu>li:nth-of-type(6)>a,
.tel,
.sns-link li,
.btn-menu-link,
#butter-point li,
.reizou,
.reitou,
.yoko-scllole i,
.prof-outer i,
i.map,
.btn-official-link,
i.illust,
.cat-icon,
.entry-content h2:before,
.recipe-content h4:before,
.recipe-content i,
.recipe-main li:before,
#contact-form input.btn,
#top-second h2,
#top-second h5,
#top-third h3,
.btn-topics{
  display: block;
  background-image: url(/wp-content/themes/kawashima2016/images/pb/slice-sub.png);
  background-size: 1350px auto;
}
#side-nav-pc{
  position:absolute;
  z-index: 5;
  padding: 10px 0 0 40px;
}

/*********************************
**********************************グローバルメニュー*/
.global-head{
  display:flex;
  justify-content: space-between;
  position:absolute;
  top:0;
  left: 0;
  width: 100%;
  z-index: 990;
  background-color: white;
}
.head-blue{
  padding-top: 137px;
}
.head-white .global-head{
  background-color: transparent;
}
.global-head h1{
  display: block;
  width: 92px;
  height: 97px;
  margin: 40px 0 0 40px;
  position: absolute;
  left: 0;
}
.global-head h1 a{
  width: 92px;
  height: 97px;
  background-position: -679px -159px;
}
.global-nav{
  margin: 40px 40px 0 0;
}
.main-menu{
  margin:0;
  padding:0;
  display:flex;
  flex-wrap: wrap;
  width: 390px;
  justify-content: space-between;
}
.main-menu li{
  display:block;
  list-style-type:none;
  margin:0;


  padding:0;
  position: relative;
}
.main-menu>li:nth-of-type(1)>a,
.main-menu>li:nth-of-type(2)>a,
.main-menu>li:nth-of-type(3)>a,
.main-menu>li:nth-of-type(4)>a,
.main-menu>li:nth-of-type(5)>a,
.main-menu>li:nth-of-type(6)>a{
  height: 14px;
}
.main-menu>li:nth-of-type(1)>a{
  width: 32px;
  background-position: -980px -541px;
}
.main-menu>li:nth-of-type(2)>a{
  width: 59px;
  background-position: -980px -555px;
}
.main-menu>li:nth-of-type(3)>a{

  width: 56px;
  background-position: -980px -569px;
}
.main-menu>li:nth-of-type(4)>a{
  width:76px;
  background-position: -980px -583px;
}
.main-menu>li:nth-of-type(5)>a{
  width: 45px;
  background-position: -980px -597px;

}
.main-menu>li:nth-of-type(6)>a{
  width: 76px;
  background-position: -980px -611px;
}
footer .main-menu>li:nth-of-type(1)>a:hover{
  background-position: -1132px -541px !important;
}
footer .main-menu>li:nth-of-type(2)>a:hover{
  background-position: -1132px -555px !important;
}
footer .main-menu>li:nth-of-type(3)>a:hover{
  background-position: -1132px -569px !important;
}
footer .main-menu>li:nth-of-type(4)>a:hover{
  background-position: -1132px -583px !important;
}
footer .main-menu>li:nth-of-type(5)>a:hover{
  background-position: -1132px -597px !important;
}
footer .main-menu>li:nth-of-type(6)>a:hover{
  background-position: -1132px -611px !important;
}
.child-menu{
  margin: 10px 0 0 0;
  padding:0;
}
.child-menu li{
  margin: 0 0 2px 0;
  padding:0;
}
.child-menu a{
  font-size:0.75em;
  font-weight: 400;
}
header .main-menu>li:nth-of-type(2):after,
header .main-menu>li:nth-of-type(3):after,
header .main-menu>li:nth-of-type(4):after,
header .main-menu>li:nth-of-type(5):after,
header .main-menu>li:nth-of-type(6):after{
  position: absolute;
  bottom: 18px;
  top: 16px;
  content:"";
  width: 100%;
  height: 2px;
  background: #043459;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s .2s;
}
header .main-menu>li:nth-of-type(2):hover::after,
header .main-menu>li:nth-of-type(3):hover::after,
header .main-menu>li:nth-of-type(4):hover::after,
header .main-menu>li:nth-of-type(5):hover::after,
header .main-menu>li:nth-of-type(6):hover::after {
  transform: scale(1, 1);
  transition: transform .3s 0s;
}
header .main-menu>li:nth-of-type(2):after{
  width: calc(100% - 8px);
}
header .main-menu>li:nth-of-type(5),
header .main-menu>li:nth-of-type(6) {
  height: 18px;
}

@media screen and (min-width: 651px){
  .global-head .child-menu{
    height:auto;
    position:relative;
    overflow:hidden;
  }
  .global-head .child-menu li{
    position:relative;
    overflow:hidden;
  }
  .global-head .child-menu li a{
    position:relative;
    top: -20px;
  }
  .global-head .main-menu>li .child-menu li a{
    transition:top 0.3s ease 0.7s;
  }
  .global-head .main-menu>li .child-menu li:nth-of-type(2) a{
    transition:top 0.3s ease 0.5s;
  }
  .global-head .main-menu>li .child-menu li:nth-of-type(3)  a{
    transition:top 0.3s ease 0.3s;
  }
  .global-head .main-menu>li .child-menu li:nth-of-type(4)  a{
    transition:top 0.3s ease 0.1s;
  }
  .global-head .main-menu>li:hover .child-menu li a{
    top: 0;
    transition:top 0.3s ease 0s;
  }
  .global-head .main-menu>li:hover .child-menu li:nth-of-type(2) a{
    transition:top 0.3s ease 0.2s;
  }
  .global-head .main-menu>li:hover .child-menu li:nth-of-type(3)  a{
    transition:top 0.3s ease 0.4s;
  }
  .global-head .main-menu>li:hover .child-menu li:nth-of-type(4)  a{
    transition:top 0.3s ease 0.6s;
  }
  .global-head .main-menu>li:nth-of-type(1) {
    width:100%;
    margin: 0 0 36px;
  }
  .global-head .main-menu>li:nth-of-type(1)>a{
    width: 129px;
    height: 51px;
    background-image: url(/wp-content/themes/kawashima2016/images/pb/slice-main.png);
    background-size: 1350px auto;
    background-position: -678px -357px;
    margin: 0;
    position: relative;
    left: calc(100% - 128px);
  }
  .global-head .main-menu>li:nth-of-type(1)>a:hover{
    background-position: -678px -357px;
  }


/*********************************
**********************************ヘッダ―白*/
  .head-white .global-head h1 a{
    background-position: -679px -259px;
  }
  .head-white .global-head .child-menu a{
    color:white;
  }
  .head-white .global-head .main-menu>li:nth-of-type(1)>a{
    background-position: -678px -408px;
  }
  .head-white .global-head .main-menu>li:nth-of-type(1)>a:hover{
    background-position: -678px -408px;
  }
  .head-white .global-head .main-menu>li:nth-of-type(2)>a{
    background-position: -1056px -555px ;
  }
  .head-white .global-head .main-menu>li:nth-of-type(3)>a{
    background-position: -1056px -569px ;
  }
  .head-white .global-head .main-menu>li:nth-of-type(4)>a{
    background-position: -1056px -583px ;
  }
  .head-white .global-head .main-menu>li:nth-of-type(5)>a{
    background-position: -1056px -597px ;
  }
  .head-white .global-head .main-menu>li:nth-of-type(6)>a{
    background-position: -1056px -611px ;
  }
  .head-white header .main-menu>li:nth-of-type(2):after,
  .head-white header .main-menu>li:nth-of-type(3):after,
  .head-white header .main-menu>li:nth-of-type(4):after,
  .head-white header .main-menu>li:nth-of-type(5):after,
  .head-white header .main-menu>li:nth-of-type(6):after{
    background: #fff;
  }
}


/*********************************
**********************************共通項目*/
@media screen and (min-width: 651px){
  .sp-only{
    display: none;
  }
}
.btn,
.pagetop,
#sp-menu-logo,
.main-menu>li>a,
.main-menu>li>span,
.global-head h1,
.sns-link a,
.first-inner h2,
.slice,
.with h4,
.pb .global-head h1 a,
#butter-point dt,
#butter-point li,
#pudding-point dt,
i,
.with p.osusume{
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
section{
  background-color: #ffffff;
  position: relative;
  max-width: 100%;
}
address {
  font-style: initial;
}
a{
  color:inherit;
  text-decoration:none;
}
a.n-btn{
  display:block;
  margin: 80px auto;
  width: 11em;
  padding: 10px;
  border: 2px solid #033459;
  text-align: center;
  background: #033459;
  color: white;
  font-size: 13px;
  transition:.2s ease;
}

a:hover{
  color: #e84572;
}
a.n-btn:hover{
  background: white;
  color: #033459;
  transition:.2s ease;
}
P{
  font-size: 1em;
  line-height: 2em;
  letter-spacing: 0.05em;
}
.bold{
  font-weight:700;
}
.first-inner{
  width: 100%;
  height: 100vh;
  position: relative;
}
.first-inner h2{
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
}
.pb .first-inner:before{
  display: block;
  content: "";
  width: 45px;
  height: 32px;
  background-position: -661px -668px;
  position: absolute;
  top: 93vh;
  left: 50%;
  -ms-transform: translate(-50%,0);
  -webkit-transform : translate(-50%,0);
  transform: translate(-50%,0);
  filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.75));
}
.normal-h3{
  display: block;
  width: 202px;
  height: 80px;
  margin: 110px auto;
}
#butter-top p,
#pudding-top p,
#policy p{
  color:white;
  font-weight:100;
}
/*********************************
**********************************フッター*/
footer{
  height: 470px;
  padding-top: 200px;
  padding-bottom: 50px;
  box-sizing: border-box;
  background-color:white;
}
.goto{
	display:block;
	width: 140px;
	height: 86px;
	position: fixed;
	top: 17px;
	left: -10px;
	opacity: 0.8;
	z-index: 991;
}
.goto:hover{
	top: 18px;
	left: -11px;
	opacity: 0.5;
}
.goto img{
	display:block;
	width:100%;
	height:100%;
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.5));
	object-fit: contain;
}
.pagetop{
  position: fixed;
  width: 76px;
  height: 76px;
  left: 37px;
  bottom: 40px;
  background-position: -710px -663px;
}
.global-foot-outer{
  display:flex;
  justify-content:space-between;
  padding: 0 40px;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.foot-left{
  width: 29vw;
  min-width: 290px;
  max-width: 330px;
}
.foot-right{
  width: 550px;
}
.foot-logo{
  width:100%;
}
footer address{
  font-size: 0.82em;
  padding-top: 19px;
}
footer address span{
  margin-left:1em;
}
footer address a{
  font-size: 1.38em;
  line-height: 1.98em;
  text-decoration:none;
  color: inherit;
  pointer-events: none;
}
.tel{
  display:inline-block;
  width: 17px;
  height: 16px;
  background-position: -1152px -397px;
  margin: 0 7px 0 0;
  position: relative;
  top: 1px;
}
.sns-link{
  list-style-type:none;
  display:flex;
  margin: 15px 0 0 0px;
  padding: 0;
}
.sns-link li{

  display:block;
  height: 22px;
  margin-right: 14px;
}
.sns-inst{
  width:23px;
  background-position: -1169px -391px;
}
.sns-face{
  width:23px;
  background-position: -1192px -391px;
}
.sns-yout{
  width: 25px;
  background-position: -1215px -391px;
}
.sns-twit{
  width:22px;
  background-position: -1240px -391px;
}
.sns-inst:hover{

  background-position: -1169px -413px;
}
.sns-face:hover{

  background-position: -1192px -413px;
}
.sns-yout:hover{
  background-position: -1215px -413px;
}
.sns-twit:hover{
  background-position: -1240px -413px;
}
.sns-link li a{
  display:block;
  width:100%;
  height:100%;
}
footer .main-menu{
  margin:0;
  padding:0;
  width: 100%;
}
.btn-menu-link{
  width: 190px;
  height: 40px;
  background-position: -332px -547px;
}
footer .btn-menu-link{
  position: absolute;
  bottom: 27px;
}
.btn-menu-link:hover{
  background-position: -332px -587px;
}
footer h6{
  margin: 11px 0 0;
  position: absolute;
  bottom: 0;
}
/*********************************
**********************************ページ：BUTTER*/
#butter-top,#pudding-top{
  background-color:transparent;
}
#butter-top h2,#pudding-top h2{
  display: block;
  width: 259px;
  height: 122px;
}
#butter-top h2{
  background-position: 0 -717px;
}
#pudding-top h2{
  background-position: 0 -839px;
}
#butter-top h3,#pudding-top h3{
  display: block;
  width: 295px;
  height: 87px;
  margin: 18vh auto 53px;
}
#butter-top h3{
  background-position: -202px -87px;
}
#pudding-top h3{
  background-position: -202px 0;
}
#butter-top p,#pudding-top p{
  margin-bottom: 40vh;
  text-align:center;
}
#butter-point{
  height: 1064px;
  padding-bottom: 201px;
}
#pudding-point{
  height: 751px;
  padding-bottom: 201px;
}
#butter-point dl,#pudding-point dl{
  display:flex;
  width: 800px;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap:wrap;
  flex-direction: column;
  height: 408px;
  margin: 198px auto 0;
  padding:0;
}
#butter-point dt,#pudding-point dt{
  margin: 0 auto;
  padding:0;
  display: block;
  background-image: url(/wp-content/themes/kawashima2016/images/pb/slice-prod.png);
  background-size: 1350px auto;
  background-repeat: no-repeat;
}
#butter-point dt,#pudding-point dt{
  width:233px;
  height:233px;
}
#butter-point dt:nth-of-type(1){
  background-position: 0 0;
}
#butter-point dt:nth-of-type(2){
  background-position: -233px 0;
}
#butter-point dt:nth-of-type(3){
  background-position:-466px  0;
}
#pudding-point dt:nth-of-type(1){
  background-position:0 -233px;
}
#pudding-point dt:nth-of-type(2){
  background-position:-233px -233px;
}
#pudding-point dt:nth-of-type(3){
  background-position:-466px -233px ;
}
#butter-point dd,#pudding-point dd{
  width: 29%;
  height: 151px;
  margin: 0 auto;
  padding: 0 5px;
  line-height: 1.95em;
  text-align: justify;
  box-sizing: border-box;
  letter-spacing: 0.07em;
}
#butter-point ul{
  display:flex;
  width: 800px;
  justify-content:space-between;
  flex-wrap:nowrap;
  height: 180px;
  margin: 79px auto 79px;
  padding:0;
}
#butter-point li{
  width: 52px;
  height: 168px;
  margin:0;
  padding:0;
  display: block;
}
#butter-point li.space {
  display:none;
}
#butter-point li:nth-of-type(1){
  background-position: 0 -220px;
}
#butter-point li:nth-of-type(2){
  background-position: -52px -220px;
}
#butter-point li:nth-of-type(3){
  background-position: -104px -220px;
}
#butter-point li:nth-of-type(4){
  background-position: -156px -220px;
}
#butter-point li:nth-of-type(5){
  background-position: -208px -220px;
}
#butter-point li:nth-of-type(6){
  background-position: -260px -220px;
}
#butter-point li:nth-of-type(7){
  background-position: -312px -220px;
}
#butter-point li:nth-of-type(8){
  background-position: -364px -220px;
}
#butter-point li:nth-of-type(9){
  background-position: -416px -220px;
}
#butter-point li:nth-of-type(10){
  background-position: -468px -220px;
}
#butter-point li:nth-of-type(11){
  background-position: -520px -220px;
}
#butter-point li:nth-of-type(12){
  background-position: -572px -220px;
}
#butter-point li:nth-of-type(13){
  background-position: -624px -220px;
}
#butter-point li:nth-of-type(14){
  background-position: -676px -220px;
}
#butter-point p,#pudding-point p{
  width:800px;
  margin: 0 auto 8px;
  line-height: 24px;
}
#pudding-point p{
  margin: 70px auto 8px;
}
.reizou,
.reitou{
  display: inline-block;
  width: 43px;
  height: 22px;
  background-position: -794px -397px;
  margin: 5px 4px 0 0;
}
.reizou{
  background-position: -751px -397px;
}
.trophy{
  display: inline-block;
  width: 32px;
  height: 32px;
  background-position: -661px -634px;
  margin: 0 9px -11px 0;
}
#butter-point span{
  font-size: 0.87em;
}
#regular,
#premium,
#lineup{
  background-color: #eeddc3;
  padding: 81px 0;
  position: relative;
}
#regular .normal-h3{
  background-position: 0 -560px;
  margin: 0 auto 11px;
  height: 59px;
}
#premium .normal-h3{
  background-position: 0 -619px;
  margin: 0 auto 11px;
  height: 59px;
}
#lineup .normal-h3{
  background-position: 0 -678px;
  margin: 0 auto 41px;
  height: 39px;
}
.buller{
  display:block;
  width: 50px;
  height: 100%;
  position: absolute;
  top: 0;
  right:0;
  z-index: 10;
  background: -moz-linear-gradient(left, rgba(239,221,194,0) 0%, rgba(239,221,194,1) 87%, rgba(239,221,194,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(239,221,194,0) 0%,rgba(239,221,194,1) 87%,rgba(239,221,194,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(239,221,194,0) 0%,rgba(239,221,194,1) 87%,rgba(239,221,194,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.buller:hover{
  cursor: pointer;
}
.buller-right{
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  right:initial;
  left:0;
}
.scllole-area{
  width: 100%;
  overflow:scroll;
  position: relative;
}
.scllole-area::-webkit-scrollbar{
  display:none;
}
.buller:after{
  display:block;
  content:"";
  width: 9px;
  height: 9px;
  border-top: 2px solid #043459;
  border-right: 2px solid #043459;
  position: absolute;
  top: 476px;
  z-index: 80;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 17px;
}
.buller-right:after{
  top: 196px;
}
.yoko-scllole{
  display:flex;
  justify-content:center;
  margin: 29px auto 0;
  padding:0;
  height: auto;
}
#regular .yoko-scllole{
  width: calc(258px * 10);
}
#premium .yoko-scllole{
  width: calc(258px * 4);
}
#lineup .yoko-scllole{
  width: calc(258px * 6);
}
.yoko-scllole li{
  list-style-type:none;
  margin:0;
  padding:0 1px 0 1px;
  width:258px;
}
.yoko-scllole i{
  display:block;
  width:70px;
  height:70px;
  margin: 0 auto 5px;
}
.yoko-scllole .bt-sakebushi i{
  background-position: 0 -80px;
}
.yoko-scllole .bt-yamawasabi i{
  background-position: -70px -80px;
}
.yoko-scllole .bt-miso i{
  background-position: -140px -80px;
}
.yoko-scllole .bt-basil i{
  background-position: -210px -80px;
}
.yoko-scllole .bt-garlic i{
  background-position: -280px -80px;
}
.yoko-scllole .bt-strawberry i{
  background-position: -350px -80px;
}
.yoko-scllole .bt-cherry i{
  background-position: -420px -80px;
}
.yoko-scllole .bt-blueberry i{
  background-position: -490px -80px;
}
.yoko-scllole .bt-haskap i{
  background-position: -560px -80px;
}
.yoko-scllole .bt-honey i{
  background-position: -630px -80px;
}
.yoko-scllole .bt-uni i{
  background-position: -700px -80px;
}
.yoko-scllole .bt-kombu i{
  background-position: -770px -80px;
}
.yoko-scllole .bt-driedfluit i{
  background-position: -840px -80px;
}
.yoko-scllole .bt-truffle i{
  background-position: -910px -80px;
}
.yoko-scllole .pu-plain i{
  background-position: 0 -150px;
}
.yoko-scllole .pu-greentea i{
  background-position: -70px -150px;
}
.yoko-scllole .pu-tea i{
  background-position: -140px -150px;
}
.yoko-scllole .pu-soysauce i{
  background-position: -210px -150px;
}
.yoko-scllole .pu-sio i{
  background-position: -280px -150px;
}
.yoko-scllole .pu-caramel i{
  background-position: -350px -150px;
}
.yoko-scllole dt{
  width:100%;
  height:auto;
  text-align:center;
  font-size: 1.3em;
  font-weight:500;
  margin-bottom: 18px;
}
.yoko-scllole dd{
  width:100%;
  height: auto;
  margin: 0;
}
.yoko-scllole p{
  padding: 0 18px;
}
.yoko-scllole img{
  width:100%;
  height:auto;
}
#how-to-eat{
  padding-bottom: 162px;
}
#how-to-eat h3{
  background-position: 0 -240px;
  margin: 205px auto 0;
}
#how-to-eat>h4{
  display: block;
  width: 461px;
  height: 30px;
  background-position: 0 -961px;
  margin: 58px auto 32px;
}
#how-to-eat>p{
  text-align:center;
}
.eat-box{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  width:791px;
  margin:0 auto;
}
.with{
  width: 220px;
}
.with h4{
  display: block;
  width: 169px;
  height: 252px;
  background-image: url(/wp-content/themes/kawashima2016/images/pb/slice-prod.png);
  background-size: 1350px auto;
  background-repeat: no-repeat;
  margin: 20px auto 15px;
}
.with.rice h4{
  background-position: 0 -466px;
}
.with.meat h4{
  background-position: -169px -466px;
}
.with.vegetable h4{
  background-position: -338px -466px;
}
.with.soup h4{
  background-position: -507px -466px;
}
.with.pasta h4{
  background-position: -676px -466px;
}
.with.drink h4{
  background-position: -845px -466px;
}
.with .osusume{
  display: block;
  width: 222px;
  height: 226px;
  background-image: url(/wp-content/themes/kawashima2016/images/pb/slice-prod.png);
  background-size: 1350px auto;
  background-repeat: no-repeat;
  margin: 16px auto 39px;
  font-size:0;
  padding: 0;
}
.with.rice .osusume{
  background-position: 0 -718px;
}
.with.meat .osusume{
  background-position: -222px -718px;
}
.with.vegetable .osusume{
  background-position: -444px -718px;
}
.with.soup .osusume{
  background-position: -666px -718px;
}
.with.pasta .osusume{
  background-position: -888px -718px;
}
.with.drink .osusume{
  background-position: -1110px -718px;
}
.with ul{
  display: none;
}
.with p{
  text-align: justify;
}
#recipe-link{
  width: 100%;
  height: 880px;
  background-image: url(/wp-content/themes/kawashima2016/images/pb/recipe/ph_recipe.jpg);
  background-size:cover;
  background-position: center;
  position: relative;
  border: 10px solid white;
  box-sizing: border-box;
  border-bottom: none;
}
.recipe-link-center{
  display: block;
  width: 300px;
  height: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  box-shadow:none;
  transition: box-shadow 0.2s ease;
}
.recipe-link-center h3{
  display: block;
  width: 300px;
  height: 300px;
  margin: 0;
  background-position: -506px -758px;
}
.recipe-link-center a{
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: white;
  font-size: 0.95em;
  padding-top: 206px;
  box-sizing: border-box;
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
}
.recipe-link-center a:hover{
  color:white !important;
}
.recipe-link-center:hover{
  box-shadow:0px 0px 50px 10px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.2s ease;
}
/*********************************
**********************************ページ：ABOUT*/
#policy{
  position: relative;
  box-sizing: border-box;
  margin: 0;
  overflow: initial;
  height: 1711px;
  padding: 0;
  background-color:transparent;
}
#policy:before {
  content:"";
  display:block;
  border-left: 10px solid white;
  border-right: 10px solid white;
  position:fixed;
  top: 0;
  left:0;
  z-index: -1;
  width:100%;
  box-sizing: border-box;
  height: 100vh;
  background-size: cover;
  background-position:center;
}
.sp-margin{
  background-color: white;
  padding: 110px 0;
}
#policy h3{
  background-position: 0 -80px;
  margin: 0 auto;
}
#policy h4{
  width:180px;
  height:260px;
  margin: 250px auto 245px;
  background-position: -288px -675px;
}
#policy p{
  text-align:center;
  line-height: 2.45em;
  margin: 0 0 18px;
}
#policy p.slice{
  width: 309px;
  height: 83px;
  background-position: -497px 0;
  margin: 81px auto;
  padding: 0;
}
#profile h3{
  background-position: calc(-798px * 0.6666) 0;
}
.profinner{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
  max-width: 950px;
  margin: auto;
}
.profinner>h4{
  margin: 0 1em;
  width: 150px;
  height: 259px;
  background-position: -497px -483px;
}
.profinner>p{
  margin: 0;
  line-height: 2.5em;
  position: relative;
  top: -12px;
  padding: 0 36px;
}
.profinner>p span:nth-of-type(1){
  display: inline-block;
  margin-top: 54px;
  font-size: 0.87em;
  line-height: normal;
}
.profinner>p span:nth-of-type(2){
  display: block;
  font-size: 1.32em;
  line-height: normal;
}
.map-outer{
  width: 230px;
  height: 416px;
  margin-right:40px;
}
.prof-outer{
  width: 100%;
  height: 970px;
  border-left: 10px solid #fff;
  border-right: 10px solid #fff;
  background-image: url(/wp-content/themes/kawashima2016/images/pb/other/ph_profile.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  position: relative;
  margin: 150px 0 0 0;
  padding: 0 0 60px;
  overflow: hidden;
}
.prof-outer dt{
  width: 320px;
  margin:0;
  padding: 30px 30px 0;
  height:160px;
  background-color:rgba(255, 255, 255, 0.7);
  position:absolute;
  right: 40px;
  top: 60px;
  box-sizing: border-box;
}
.prof-outer dd{
  width: 320px;
  height: 270px;
  margin: 0;
  padding:30px;
  background-color:rgba(255, 255, 255, 0.7);
  position:absolute;
  right:40px;
  top: 220px;
  box-sizing: border-box;
}
.prof-outer dt:nth-of-type(2){
  top: 540px;
}
.prof-outer dd:nth-of-type(2){
  top: 700px;
}
.prof-outer i{
  display:block;
  width: 187px;
  height: 52px;
  margin: 0;
  background-position: -687px -445px;
}
.prof-outer i.miho{
  background-position: -881px -445px;
  width: 129px;
}
#profile .prof-outer h3{
  margin: 25px 0 0;
  font-size: 1.67em;
}
#profile .prof-outer h3 span{
  display:block;
  font-size: 0.58em;
  margin-bottom: 3px;
}
.prof-outer p{
  margin: -7px 0 0 0;
  text-align: justify;
}
.map{
  width: 191px;
  height: 177px;
  background-position: -938px -250px;
  margin-top: -4px;
}
#profile h5{
  font-size:1.14em;
  margin: 13px 0 0 0;
  font-weight: 500;
}
#profile address{
  font-size: 0.9em;
  margin: 8px 0 0 0;
  letter-spacing: initial;
}
#profile address a{
  font-size: 1.4em;
  margin: 8px 0 0 0;
  letter-spacing: initial;
  pointer-events: none;
}
.btn-official-link{
  width: 188px;
  height: 40px;
  margin-top: 10px;
  background-position: -522px -547px;
}
.btn-official-link:hover{
  background-position: -522px -587px;
}
.illust{
  width: 191px;
  height: 90px;
  margin: 12px 0 0;
  background-position: -938px -160px;
}
/*********************************
**********************************ページ：archives*/
.archive h3{
  background-position: 0 0;
}
#contents{
  display:flex;
  width: 100%;
  height: auto;
  padding-right: 40px;
  position: relative;
  flex-direction: column;
  box-sizing: border-box;
  overflow: initial;
}
.recipe #contents{
  padding:0;
}
#post-list{
  margin: 0 0 0 calc(100% - 770px);
  padding: 10px 0 0 0;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  width:770px;
}
#post-list li{
  width:230px;
  list-style-type: none;
  margin-bottom: 40px;
  position: relative;
  padding-bottom: 45px;
}
#post-list li.space{
  margin-bottom: 0px;
}
#post-list a{
  display:block;
  width:100%;
  height:100%;
}
#post-list .thum-wrap{
  width:230px;
  height:230px;
  overflow:hidden;
}
#post-list .thum-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  transition: all 0.3s ease 0s;
}
#post-list a:hover img {
  display: block;
  width: 104%;
  height: 104%;
  opacity:0.8;
  margin:-2% 0 0 -2%;
  transition: all 0.3s ease 0s;
}
.cat-icon{
  display: inline-block;
  width: 84px;
  height: 22px;
  background-position: -1229px -508px;
  text-indent: inherit;
  white-space: inherit;
  font-style: inherit;
  font-size: 0.8em;
  text-align: center;
  line-height: 187%;
}
.archive #post-list .cat-icon{
  position: absolute;
  top: 239px;
  right: 0px;
}
a:hover .cat-icon{
  color:#043459;
}
a.cat-icon:hover{
  background-position: -1229px -486px;
  color:white !important;
}
#top-third .date,
#contents .date{
  font-size: 0.85em;
  color:#969696;
  display: inline-block;
  padding-top: 10px;
}
#post-list h4{
  font-weight: 400;
  font-size: 1.05em;
  letter-spacing: 0;
  margin: 10px 0 0 0;
}
.more{
  display: block;
  width: 90px;
  height: 38px;
  background-position: -696px -553px;
  position: absolute;
  bottom: 0;
}
#post-list a:hover .more {
  background-position: -696px -591px;
}
.wp-pagenavi{
  width:770px;
  margin: 160px 0 0 calc(100% - 770px);
  line-height: 1.3em;
  display: flex;
  justify-content: center;
  font-weight:400;
  position: relative;
}
.single-nav{
  width:770px;
  margin: 160px 0 0 calc(100% - 770px);
  line-height: 1.3em;
  display: flex;
  justify-content: space-between;
  font-weight:400;
  position: relative;
}
.wp-pagenavi .page:before,
.wp-pagenavi .page+.current:before{
  display:inline-block;
  content:"・";
  width:1em;
  height:1em;
  margin:0 0.5em;
  font-weight:600;
  color:#043459 !important;
}
.wp-pagenavi .previouspostslink+.page:before,
.wp-pagenavi .extend+.page:before{
  display: none !important;
}
.extend{
  font-weight:600;
  margin: -3.5px 0.5em;
}
.previouspostslink{
  position:absolute;
  left: 0;
}
.nextpostslink{
  position:absolute;
  right: 0;
  text-align:right;
}
.single-nav-prev a:before,
.previouspostslink:before{
  display:inline-block;
  content:"";
  width: 10px;
  height: 10px;
  border-top: 1px solid #043459;
  border-right: 1px solid #043459;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin-right: 0.7em;
}
.single-nav-next a:after,
.nextpostslink:after{
  display: inline-block;
  content:"";
  width: 10px;
  height: 10px;
  border-top: 1px solid #043459;
  border-right: 1px solid #043459;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 0.7em;
}
.single-nav-prev a:hover:before,
.single-nav-next a:hover:after,
.previouspostslink:hover:before,
.nextpostslink:hover:after{
  border-color: #e84572;
}  
#side-nav{
  position:absolute;
  top: 10px;
  left: 40px;
  z-index: 99;
}
#side-nav ul{
  margin:0;
  padding:0;
  width:82px;
}
#side-nav li{
  list-style-type:none;
}
#catnav li{
  margin-bottom: 13px;
}
#yearnav a{
  display: block;
  width:100%;
  height:auto;
  font-size: 1em;
  padding: 13px 0 0 11px;
  box-sizing: border-box;
}
#yearnav a:before,
#recipenav a:before{
  display: block;
  content:"▲";
  width:5.5px;
  height:5.5px;
  -webkit-transform: rotate(90deg) scale(0.8);
  transform: rotate(90deg) scale(0.8);
  font-size: 0.6em;
  position: relative;
  left: 1px;
  top: 12px;
}
#yearnav a:before{
  left: -6px;
}
/*********************************
**********************************ページ：single*/
.single>h3{
  background-position: 0 0;
}
article {
  margin: 0 0 0 calc(100% - 770px);
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 770px;
  height: auto;
}
.entry-header{
  margin-bottom: 50px;
  width: 100%;
}
.entry-header .thum-wrap{
  width: 100%;
  height: auto;
  overflow:hidden;
}
.entry-header .thum-wrap img{
  display:block;
  max-width: 100%;
  width:auto;
  height: auto;
  margin:0 auto;
}
.posttitle{
  font-size:1.64em;
  margin: -3px 0 21px;
}
.entry-header h5{
  margin: 7px 0 61px;
  font-size: 0.9em;
  color: #969696;
  font-weight: 500;
}
.entry-content{
  width:100%;
}
.entry-content a{
  font-weight:600;
  text-decoration:underline;
}
.entry-content h2{
  font-size: 1.48em;
  padding: 23px 0 30px;
  margin: 0 0 50px;
  position: relative;
  z-index: 3;
}
.entry-content h2:before{
  display:block;
  content:"";
  width: 82px;
  height: 82px;
  background-position: -1230px -536px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: -43px;
}
.entry-content p{
  padding: 0;
  margin: -9px 0 41px;
  width: 100%;
  text-align: justify;
}
.entry-content img{
  display: block;
  max-width:100%;
  height: auto;
  margin-bottom: 10px;
}
.entry-content img+br{
  display: none;
}
/*********************************
**********************************ページ：recipe*/
.recipe>h3{
  background-position: 0 -400px;
}
#recipe-top,
.recipe-content{
  margin: 0 0 0 calc(100% - 700px);
  padding: 0;
  width: 660px;
}
#recipe-top{
  margin-bottom: 180px;
  padding-top: 19px;
}
#recipe-top h3{
  display: block;
  width: 461px;
  height: 30px;
  background-position: 0 -991px;
  margin: 0 0 31px;
}
.recipe-outer{
  overflow: visible;
  position: relative;
  margin-bottom: 132px;
}
.recipe .pl-outer{
  width: 100%;
  height: 580px;
  overflow:hidden;
  border-left: 10px solid white;
  border-right: 10px solid white;
  box-sizing: border-box;
}
.recipe .rellax{
  display: block;
  position: relative;
}
.recipe .easingslider-wrapper-outer{
  position: relative !important;
  z-index: inherit;
  border: none;
}
.recipe-content{
  position: relative;
}
.pl-outer+.recipe-content{
  display: flex;

  justify-content: space-between;
}
.recipe-content h4{
  font-size: 1.41em;
  margin: -13px 0 9px 0;
}
.recipe-content h4:before{
  content:"";
  width: 55px;
  height: 55px;
  margin-bottom: 12px;
}
#recipe-01 .recipe-content h4:before{
  background-position: 0 -634px;
}
#recipe-02 .recipe-content h4:before{
  background-position: calc(-55px * 1) -634px;
}
#recipe-03 .recipe-content h4:before{
  background-position: calc(-55px * 2) -634px;
}
#recipe-04 .recipe-content h4:before{
  background-position: calc(-55px * 3) -634px;
}
#recipe-05 .recipe-content h4:before{
  background-position: calc(-55px * 4) -634px;
}
#recipe-06 .recipe-content h4:before{
  background-position: calc(-55px * 5) -634px;
}
#recipe-07 .recipe-content h4:before{
  background-position: calc(-55px * 6) -634px;
}
#recipe-08 .recipe-content h4:before{
  background-position: calc(-55px * 7) -634px;
}
#recipe-09 .recipe-content h4:before{
  background-position: calc(-55px * 8) -634px;
}
#recipe-10 .recipe-content h4:before{
  background-position: calc(-55px * 9) -634px;
}
#recipe-11 .recipe-content h4:before{
  background-position: calc(-55px * 10) -634px;
}
#recipe-12 .recipe-content h4:before{
  background-position: calc(-55px * 11) -634px;
}
#recipe-13 .recipe-content h4:before{
  background-position: calc(-55px * 12) -634px;
}
#recipe-14 .recipe-content h4:before{
  background-position: calc(-55px * 13) -634px;
}
.recipe-content h5{
  margin: 0 0 21px 0;
  font-size: 0.94em;
}
.recipe-content i,
.recipe-main li:before{
  position:absolute;
}
.recipe-content .ico-maru{
  width: 80px;
  height: 80px;
  top: 12px;
  right: 0;
}
.ico-maru.bt-sakebushi{
  background-position: 0 0;
}
.ico-maru.bt-yamawasabi{
  background-position: calc(80px * -1) 0;
}
.ico-maru.bt-miso{
  background-position: calc(80px * -2) 0;
}
.ico-maru.bt-basil{
  background-position: calc(80px * -3) 0;
}
.ico-maru.bt-garlic{
  background-position: calc(80px * -4) 0;
}
.ico-maru.bt-strawberry{
  background-position: calc(80px * -5) 0;
}
.ico-maru.bt-cherry{
  background-position: calc(80px * -6) 0;
}
.ico-maru.bt-blueberry{
  background-position: calc(80px * -7) 0;
}
.ico-maru.bt-haskap{
  background-position: calc(80px * -8) 0;
}
.ico-maru.bt-honey{
  background-position: calc(80px * -9) 0;
}
.ico-maru.bt-uni{
  background-position: calc(80px * -10) 0;
}
.ico-maru.bt-kombu{
  background-position: calc(80px * -11) 0;
}
.ico-maru.bt-driedfluit{
  background-position: calc(80px * -12) 0;
}
.ico-maru.bt-truffle{
  background-position: calc(80px * -13) 0;
}
.recipe-content .ico-name{
  width:178px;
  height:13px;
  top: 111px;
  right: 3px;
}
.ico-name.bt-sakebushi{
  background-position: -752px -196px;
}
.ico-name.bt-yamawasabi{
  background-position: -752px calc(-196px - (13px * 1));
}
.ico-name.bt-miso{
  background-position: -752px calc(-196px - (13px * 2));
}
.ico-name.bt-basil{
  background-position: -752px calc(-196px - (13px * 3));
}
.ico-name.bt-garlic{
  background-position: -752px calc(-196px - (13px * 4));
}
.ico-name.bt-strawberry{
  background-position: -752px calc(-196px - (13px * 5));
}
.ico-name.bt-cherry{
  background-position: -752px calc(-196px - (13px * 6));
}
.ico-name.bt-blueberry{
  background-position: -752px calc(-196px - (13px * 7));
}
.ico-name.bt-haskap{
  background-position: -752px calc(-196px - (13px * 8));
}
.ico-name.bt-honey{
  background-position: -752px calc(-196px - (13px * 9));
}
.ico-name.bt-uni{
  background-position: -752px calc(-196px - (13px * 10));
}
.ico-name.bt-kombu{
  background-position: -752px calc(-196px - (13px * 11));
}
.ico-name.bt-driedfluit{
  background-position: -752px calc(-196px - (13px * 12));
}
.ico-name.bt-truffle{
  background-position: -752px calc(-196px - (13px * 13));
}
.recipe-food{
  width: 275px;
  margin: 0;
}
.recipe-content h6{
  margin: 37px 0 36px;
  color: #eeddc3;
  font-size: 1.27em;
  font-weight: 500;
}
.recipe-content h6 span{

  font-size: 0.8em;
  margin-left:0.5em;
}
.recipe-food dl{
  display: flex;
  flex-wrap: wrap;
  padding-left: 14px;
  border-left: 1px solid #043459;
  font-weight: 400;
}
.recipe-food dt{
  width: 145px;
  margin: 0 10px 8px 0;
}
.recipe-food dd{
  width: 86px;
  margin: 0 0 5px 0;
  position: relative;
}
.recipe-food dd:before{
  content: "...";
  width: 1.1em;
  height: 1.0em;
  font-size: 1.2em;
  display: inline-block;
}
.recipe-main{
  width: 341px;
}
.recipe-main ol{
  padding: 0;
  margin: 0;
  width: 100%;
}
.recipe-main li{
  list-style-type: none;
  margin: 0 0 22px 0;
  padding: 44px 0 0 0;
  width: 100%;
  text-align: justify;
  letter-spacing: 0.06em;
  position: relative;
  line-height: 1.95em;
}
.recipe-main li:before{
  position:absolute;
  content:"";
  width: 38px;
  height: 38px;
  top: 0;
}
.recipe-main li:nth-of-type(1):before{
  background-position: calc(-38px * 0) -689px;
}
.recipe-main li:nth-of-type(2):before{
  background-position: calc(-38px * 1) -689px;
}
.recipe-main li:nth-of-type(3):before{
  background-position: calc(-38px * 2) -689px;
}
.recipe-main li:nth-of-type(4):before{
  background-position: calc(-38px * 3) -689px;
}
.recipe-main li:nth-of-type(5):before{
  background-position: calc(-38px * 4) -689px;
}
.recipe-main li:nth-of-type(6):before{
  background-position: calc(-38px * 5) -689px;
}
.recipe-main li:nth-of-type(7):before{
  background-position: calc(-38px * 6) -689px;
}
.recipe-main li:nth-of-type(8):before{
  background-position: calc(-38px * 7) -689px;
}
.recipe-main li:nth-of-type(9):before{
  background-position: calc(-38px * 8) -689px;
}
.recipe-main li:nth-of-type(10):before{
  background-position: calc(-38px * 9) -689px;
}
.recipe-foot{
  margin: 0 0 0 calc(100% - 770px);
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 770px;
}
#recipenav{
  margin: 0;
  padding: 0px 0 0 14px;
  width: 164px;
}
#recipenav li{
  list-style-type:none;
  height: auto;
}
#recipenav a:before{
  margin: 0 5px 0 -11px;
  line-height: 1.3em;
}
#recipenav a{
  padding: 7px 0;
  display: block;
  color: #efddc2;
  font-size: 0.97em;
}
.recipe #side-nav-sp{
  display:none;
}
#side-nav-pc.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}
#side-nav.is-fixed{
  position: fixed;
  top: 10px;
  left: 40px;
  z-index: 2;
}
/*********************************
**********************************ページ：SHOP*/
#shop-cover{
  background-color:transparent;
}
.shop .first-inner{
  height: 598px;
}
#shop-cover h2{
  display: block;
  width: 202px;
  height: 80px;
  background-position: 0 -480px;
}
#shop-main{
  padding: 0 9.35vw;
  box-sizing: border-box;
}
#shop-main>*{
  width:660px;
  margin:0 auto;
}
#shop-main h4{
  margin: 38px auto 57px;
  text-align: center;
  font-weight: 400;
  font-size: 1.04em;
}
#shop-main ul{
  margin: 0 auto 23px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#shop-main li{
  margin: 0 0 11px 0;
  padding: 0;
  list-style-type: none;
  width: 326px;
  height: 51px;
  background-position: 0 -1021px;
  font-weight: 500;
}
#shop-main a{
  display:block;
  box-sizing:border-box;
  width:100%;
  height:100%;
  font-size: 1.27em;
  padding: 11px 0 0 38px;
}
#shop-main span{
  margin: 0 0 0 4px;
  font-size: 0.65em;
  color: #E84572;
}
#shop-main p{
  margin: 0 auto 5px;
  font-size: 0.90em;
  line-height: 1.35em;
  padding-left: 1em;
  box-sizing: border-box;
}
#shop-main p:before{
  content:"※";
  margin: 0 0 0 -13px;
}
/*********************************
**********************************ページ：CONTACT*/
#contents.contact{
  margin: 0;
  padding: 0;
  width: 100%;
  background:white;
}
#contents.contact h3{
  background-position: 0 -320px;
  margin-top: 200px;
}
#contents.contact p{
  margin: 0 0 38px;
}
#contents.contact form{
    width: 96vw;
    margin: 0 auto;
    overflow: hidden;
    max-width: 500px;
}
#contact-form{
  margin: 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}
#contact-form dt{width: 100%;padding: 0 0 11px;font-size: 0.78em;}
#contact-form dt span{
  color: #E84572;
}
#contact-form dd{margin: 0 0 28px;padding: 0;width: 100%;}
#contact-form dd span.kakunin{
  color: #E84572;
  font-size: 0.85em;
  letter-spacing: 0;
  margin: -8px 0 10px;
  display: block;
}
#contact-form dd span.error{
  color: #E84572;
}
#contact-form input,
#contact-form textarea{
  display:block;
  width: 100%;
  height: 41px;
  margin-bottom: 9px;
  box-sizing: border-box;
}
#contact-form textarea{
  display:block;
  width: 100%;
  height: 202px;
  margin-bottom: 9px;
  box-sizing: border-box;
}
#contact-form input.btn{
  display: inline-block;
  background-color:transparent;
  padding: 0;
  border:none;
  background-image: url(/wp-content/themes/kawashima2016/images/pb/slice-sub.png);
  background-size: 1350px;
  cursor: pointer;
}
#contact-form input.btn[name=submitConfirm]{
  width:180px;
  height: 40px;
  margin: 42px 0 42px;
  background-position: -152px -547px;
}
#contact-form input.btn[name=mwform_submitButton-142]{
  width:175px;
  height: 40px;
  margin: 42px 0 0;
  background-position: -710px -547px;
  float: left;
}
#contact-form input.btn[name=submitBack]{
  width:85px;
  height: 40px;
  margin: 42px 0 0 15px;
  background-position: -885px -547px;
}
#contact-form input.btn[name=submitConfirm]:hover{
  background-position: -152px -587px;
}
#contact-form input.btn[name=mwform_submitButton-142]:hover{
  background-position: -710px -587px;
}
#contact-form input.btn[name=submitBack]:hover{
  background-position: -885px -587px;
}
.contact #contents p:last-child{
  font-size: 0.9em;
  margin: 0;
}
.mw_wp_form_input .form-message:before{
  display:inline;
  content:"ご意見ご感想、お問い合わせなど、こちらのフォームよりお気軽にお尋ねください。";
  font-family:source-han-sans-japanese, sans-serif;
}
.mw_wp_form_preview .form-message:before{
  display:inline;
  content:"内容にお間違いなければ送信ボタンを押してください。";
  font-family:source-han-sans-japanese, sans-serif;
}
.mw_wp_form_preview .kakunin{
  display: none !important;
}

/*********************************
**********************************トップページ*/
.pb .slider-icon{
  display:none;
}
#top-first{
  background-color:transparent;
}
#top-second{
  position: relative;
  margin: 200px 0;
}
#top-second h2{
  position: absolute;
  width: 66px;
  height: 214px;
  background-position: -1151px -159px;
  left: 50%;
  top: 5px;
  -ms-transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
  margin: 0;
}
#top-second p{
  color: white;
  font-weight: 100;
  width: 300px;
  margin: 0 0 0 calc(100% - 340px);
  line-height: 2.5em;
}
#top-second h5{
  width: 158px;
  height: 43px;
  background-position: -1152px -28px;
  margin: 47px 0 0 calc(100% - 340px);
  position: relative;
}
#top-third{
  padding: 200px 0;
}
#top-third:before{
  content:"";
  margin: 0;
  width: 179px;
  height: 123px;
  background-position: -202px -514px;
  position: absolute;
  left: 34px;
  bottom: -6px;
}
#top-third h3{
  margin: 0;
  width: 106px;
  height: 52px;
  background-position: -1034px -445px;
  position: absolute;
  left: 40px;
}
.pb #post-list{
  margin: -11px 0 0 calc(100% - 590px);
  width: 550px;
}
.pb #post-list li{
  width: 100%;
  height: auto;
  margin: 0;
  padding: 11.4px 0px;
}
.pb #post-list a{
  display: flex;
}
.pb #post-list span{
  display: block;
  font-size: 0.83em; 
  width: 71px; 
  padding: 0;
}
.pb #post-list h4{
  margin: -2px 0 0 15px;
  width: 382px;
}
.btn-topics{
  display: block;
  width: 152px;
  height: 40px;
  margin-top: 63px;
  background-position: 0 -547px;
  margin: 44px 0 0 calc(100% - 590px);
}
.btn-topics:hover{
  background-position: 0 -587px;
}
#top-butter .pl-outer,
#top-pudding .pl-outer{
  display: block;
  border:10px solid #fff;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  border-top: transparent;
  overflow: hidden;
}
#top-butter img,
#top-pudding img {
  width: 100%;
  height: auto;
  position: relative;
  top: -13vw;
}
#top-butter,
#top-pudding{
  height: 500px;
}
#top-butter a:after,
#top-pudding a:after{
  content:"";
  margin: 0;
  width: 241px;
  height: 170px;
  position: absolute;
  left: 40px;
  top: 30px;
}
#top-butter a:after{
  background-position: -202px -174px;
}
#top-pudding a:after{
  background-position: -202px -344px;
}
#top-butter a:before,
#top-pudding a:before{
  content:"";
  width: 45px;
  height: 36px;
  background-position: -661px -703px;
  position: absolute;
  bottom: 27px;
  left: calc(50% - (45px * 0.5));
  z-index: 3;
}
/*フェードイン*/
.for-fade {
  opacity: 0;
  -webkit-transition: opacity 2s;
  -moz-transition: opacity 2s;
  -ms-transition: opacity 2s;
  -o-transition: opacity 2s;
  transition: opacity 2s;
}
.for-fade.fade {
  opacity: 1.0;
}
/*********************************
**********************************モバイル用*/
@media screen and (max-width: 790px){
  html{
    width: 100%;
    min-width: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: 100%;
  }
  .pc-only{
    display: none;
  }
  .easingslider{
    min-width: inherit;
  }
  .easingslider-wrapper-outer{
    border: 6px solid white;
    min-width: inherit;
    height: inherit !important;
  }
  .global-head,section{
    width: 100%;
    min-width: 100%;
  }
/*********************************
**********************************グローバルメニュー(モバイル）*/
  .global-head{
    display: block;
  }
  .global-head h1{
    display: block;
    width: 168px;
    height: 43px;
    margin: 20px 0 0 20px;
    position: relative;
  }
  .pb .global-head h1 {
    display: none;
  }
  .global-head h1 a{
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/themes/kawashima2016/images/pb/sp_toplogo_b.png);
    background-position: 0;
    background-size: cover;
  }
  .head-white .global-head h1 a{
    background-image: url(/wp-content/themes/kawashima2016/images/pb/sp_toplogo_w.png);
  }
  #nav-open{
    display:block;
    width: 40px;
    height: 40px;
    background-position: -1036px -939px;
    position:absolute;
    top: 10px;
    right: 10px;
  }
  .head-white #nav-open{
    background-position: -1036px -979px;
  }
  .global-nav{
    position: fixed;
    margin: 0;
    padding: 0 20px;
    top: 0;
    right: -280px;
    background-color: rgba(255, 255, 255, 0.85);
    width: 230px;
    box-sizing: border-box;
    height: 100vh;
    z-index: 9999;
    box-shadow: -9px 0 42px #000000bf;
    transition: right 0.3s ease 0s;
  }
  .global-nav.open{
    top: 0;
    right: 0;
    transition: right 0.3s ease 0s;
   }
  #nav-close{
    content:"";
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    background-position: -1076px -939px;
  }
  .main-menu{
    margin: 66px 0 0;
    flex-direction:column;
    width: 100%;
    height: 316px;
    box-sizing: border-box;
    align-content: space-between;
    justify-content:inherit;
  }
  .main-menu>li{
    background-image: none !important;
    margin: 0 23px 33px 0;
    filter: none !important;
  }
  .pb .global-head .main-menu>li:nth-of-type(1)>a{
    background-image: url(/wp-content/themes/kawashima2016/images/pb/slice-sub.png);
  }
  .global-nav .sp-only{
    margin-top: -12px;
  }
  #sp-menu-logo{
    width:100%;
    height:40px;
    background-image: url(/wp-content/themes/kawashima2016/images/pb/footlogo.png);
    background-size: cover;
  }
  .sns-link{
    margin-top: 14px;
  }
  footer .btn-menu-link{
    margin-top: 22px;
    bottom: 27px;
  }
  header .btn-menu-link{
  margin-top: 26px;
  }
  .global-nav h6{
    margin-top: 16px;
    font-size:0.7em;
    -webkit-transform: scale(0.85);
    -webkit-transform-origin:0 0;
    transform: scale(0.85);
    transform-origin:0 0;
  }


/*********************************
**********************************共通項目（モバイル）*/
  .head-blue {
    padding-top: 62px;
  }
  .slider-icon{

    margin: 0px 10px;
  }
  .normal-h3{
    width: 154px;
    height: 62px;
    margin: 50px auto;
  }
  p{
    width:100%;
    padding: 0 6vw;
    box-sizing:border-box;
    text-align:justify;
  }
  .scllole-area:after,
  .scllole-area:before{
    top: 314px;
  }
  .first-inner{
    height: calc(100vh - 12px);
  }


/*********************************
**********************************フッター（モバイル）*/
  footer{
    height: auto;
    padding-top: 100px;
  }
  .pagetop{
    bottom: 20px;
    width: 56px;
    height: 56px;
    left: 20px;
    background-position: -1071px -780px;
  }
  .global-foot-outer{
    height: auto;
    flex-direction: column-reverse;
    position: relative;
    width: 100%;
    max-width: 280px;
    padding: 0;
    box-sizing: border-box;
    justify-content: initial;
    margin: auto;
  }
  .foot-left{
    width: 100%;
    min-width: initial;
    max-width: initial;
    height: auto;
    padding-bottom: 116px;
  }
  .foot-right{
    width: 100%;
  }
  footer address a{
    pointer-events: initial;
  }
  footer .main-menu{
    margin: 0 0 17px 0;
    padding:0;
    width: 100%;
    height: 223px;
  }
  footer h6{
    position: absolute;
    bottom: 0;
    font-size: 0.7em;
    -webkit-transform: scale(0.85);
    -webkit-transform-origin:0 0;
    transform: scale(0.85);
    transform-origin:0 0;
  }
  @media screen and (max-width: 440px){
    footer .main-menu{
      height: 300px;
    }
  }
  @media screen and (max-width: 320px){
    footer address span{
      margin-left:initial;
      display: block;
    }
  }
  

/*********************************
***********************************ページ：BUTTER（モバイル）*/
  #butter-top:before,#pudding-top:before{
    border: 6px solid white;
    min-width: 100%;
  }
  #butter-top h2,#pudding-top h2{
    width: 190px;
    height: 90px;
    background-position: -866px -551px;
  }
  #pudding-top h2{
    background-position: -866px -641px;
  }
  #butter-top h3,#pudding-top h3{
    width: 229px;
    height: 71px;
    margin: 10vh auto 8vh;
  }
  #butter-top h3{
    background-position: -1020px -72px;
  }
  #pudding-top h3{
    background-position: -1020px -1px;
  }
  #butter-top p,#pudding-top p{
    text-align:justify;
    padding: 0 8vw;
  }
  #butter-point,#pudding-point{
    height: auto;
    padding-bottom: 36px;
  }
  #butter-point dl,#pudding-point dl{
    width: 100%;
    height: auto;
    margin: 49px auto 0;
    padding: 0 14vw;
    box-sizing: border-box;
  }
  #butter-point dt,#pudding-point dt{
    width: 175px;
    height: 175px;
    margin: 0 auto 12px;
  }
  #butter-point dt:nth-of-type(1){
    background-position: -699px 0;
  }
  #butter-point dt:nth-of-type(2){
    background-position: -874px 0;
  }
  #butter-point dt:nth-of-type(3){
    background-position: -1049px 0;
  }
  #pudding-point dt:nth-of-type(1){
    background-position: -699px -175px;
  }
  #pudding-point dt:nth-of-type(2){
    background-position: -874px -175px;
  }
  #pudding-point dt:nth-of-type(3){
    background-position: -1049px -175px;
  }
  #butter-point dd,#pudding-point dd{
    width: 100%;
    margin: 0 auto 1.5em;
  }
  #butter-point ul{
    width: auto;
    flex-wrap:wrap;
    height: auto;
    justify-content: center;
    margin: 0 auto 32px;
    padding: 0 8vw;
    box-sizing: border-box;
  }
  #butter-point li{
    width: 48px;
    height: 155px;
    margin: 0 3.5px;
  }
  #butter-point li.space{
    display: block;
    background: none;
    height: 0;
  }
  #butter-point li:nth-of-type(1){
    background-position: 0 -388px;
  }
  #butter-point li:nth-of-type(2){
    background-position: -48px -388px;
  }
  #butter-point li:nth-of-type(3){
    background-position: -96px -388px;
  }
  #butter-point li:nth-of-type(4){
    background-position: -144px -388px;
  }
  #butter-point li:nth-of-type(5){
    background-position: -192px -388px;
  }
  #butter-point li:nth-of-type(6){
    background-position: -240px -388px;
  }
  #butter-point li:nth-of-type(7){
    background-position: -288px -388px;
  }
  #butter-point li:nth-of-type(8){
    background-position: -336px -388px;
  }
  #butter-point li:nth-of-type(9){
    background-position: -384px -388px;
  }
  #butter-point li:nth-of-type(10){
    background-position: -432px -388px;
  }
  #butter-point li:nth-of-type(11){
    background-position: -480px -388px;
  }
  #butter-point li:nth-of-type(12){
    background-position: -528px -388px;
  }
  #butter-point li:nth-of-type(13){
    background-position: -576px -388px;
  }
  #butter-point li:nth-of-type(14){
    background-position: -624px -388px;
  }
  #butter-point p,#pudding-point p{
    width: 100%;
    margin-bottom: 14px;
  }
  #butter-point .bold{
    width: 100%;
    line-height:1.5em;
  }
  .reizou,
  .reitou{
    margin: 11px 7px 0 0;
  }
  .trophy{
    display: block;
    float:left;
    width: 48px;
    height: 49px;
    background-position: -1120px -896px;
    margin: 0 9px 0 0;
    position:relative;
    top: -3px;
  }
  #regular,
  #premium,
  #lineup{
    padding: 50px 0;
    position: relative;
  }
  #regular .normal-h3{
    background-position: -866px -435px;
    height: 44px;
    margin: 0 auto 26px;
  }
  #premium .normal-h3{
    background-position: -866px -479px;
    height: 44px;
    margin: 0 auto 26px;
  }
  #lineup .normal-h3{
    background-position: -866px -523px;
    height: 28px;
    margin: 0 auto 37px;
  }
  .yoko-scllole{
    display:flex;
    justify-content:center;
    margin: 17px auto 0;
    padding:0;
    box-sizing: border-box;
  }
  #regular .yoko-scllole{
    position: relative;
  }
  .yoko-scllole li{
    list-style-type:none;
    margin:0;
    padding:0;
    width:258px;
  }
  .buller:after{
    top: 434px;
  }
  .buller-right:after{
    top: 155px;
  }
  #how-to-eat{
    padding-bottom: 46px;
  }
  #how-to-eat h3{
    background-position: -866px -187px;
    margin: 54px auto 0;
  }
  #how-to-eat>h4{
    width: 197px;
    height: 57px;
    background-position: -866px -731px;
    margin: 54px auto 26px;
  }
  #how-to-eat>p{
    text-align: justify;
    padding: 0 10vw;
  }
  .eat-box{
    width: 100%;
    margin: 0 auto;
    padding: 0 4vw;
    box-sizing: border-box;
    justify-content: center;
  }
  .with{
    width: 135px;
    margin: 0 1.8vw;
  }
  .with h4{
    width: 129px;
    height: 198px;
    margin: -5px auto;
  }
  .with.rice h4{
    background-position:-804px -944px;
  }
  .with.meat h4{
    background-position:-933px -944px;
  }
  .with.vegetable h4{
    background-position:-804px -1142px;
  }
  .with.soup h4{
    background-position:-933px -1142px;
  }
  .with.pasta h4{
    background-position:-1062px -944px;
  }
  .with.drink h4{
    background-position:-1191px -944px;
  }
  .with .osusume{
    width: 134px;
    height: 361px;
    margin: 21px auto 58px;
  }
  .with.rice .osusume{
    background-position:0 -944px;
    height: 339px;
  }
  .with.meat .osusume{
    background-position:-134px -944px;
    height: 361px;
  }
  .with.vegetable .osusume{
    background-position:-268px -944px;
    height: 299px;
  }
  .with.soup .osusume{
    background-position:-402px -944px;
    height: 299px;
  }
  .with.pasta .osusume{
    background-position:-536px -944px;
    height: 262px;
  }
  .with.drink .osusume{
    background-position:-670px -944px;
    height: 262px;
  }

  .with p{
    margin: 22px 0 0 0;
    line-height: 1.4em;
    font-size: 0.85em;
    padding: 0 3px;
    letter-spacing: 0;
  }
  #recipe-link{
    height: 100vh;
    border: 6px solid white;
    border-bottom: none;
  }
  .recipe-link-center{
    width: 230px;
    height: 230px;
  }
  .recipe-link-center h3{
    width: 230px;
    height: 230px;
    background-position: -1078px -510px;
  }
  .recipe-link-center a{
    font-size: 0.8em;
    box-sizing: border-box;
    text-decoration: none;
    padding-top: 156px;
  }
  .recipe-link-center a:hover{
    color:white !important;
  }
  .recipe-link-center:hover{
    box-shadow:0px 0px 50px 10px rgba(0, 0, 0, 0.3);
    transition: box-shadow 0.4s ease-out;
  }
/*********************************
**********************************ページ：ABOUT（モバイル）*/
  .sp-margin{
    padding: 50px 0 44px;
  }
  #policy{
    height: 1043px;
  }
  #policy:before{
    border-left: 6px solid white;
    border-right: 6px solid white;
    min-width: 100%;
  }
  #policy h3{
    background-position: -866px -63px;
  }
  #policy h4{
    width:136px;
    height:195px;
    background-position: -1171px -761px;
    margin: 152px auto 141px;
  }
  #policy p{
    line-height: 2.07em;
    padding: 0 4vw;
    margin: 0 0 27px;
  }
  #policy p.slice{
    width: 158px;
    height: 43px;
    background-image: url(/wp-content/themes/kawashima2016/images/pb/slice-sub.png);
    background-position: -1152px -28px;
    margin: 68px auto;
  }
  #profile h3{
    background-position: calc(-798px * 0.5) 0;
  }
  .profinner{
    justify-content:initial;
  }
  .profinner>h4{
    width: 113px;
    height: 198px;
    background-position: -1216px -283px;
    margin: 0 auto 56px;
  }
  .profinner>p{
    width: 100%;
    margin: 0 0 47px;
    line-height: 2em;
    top: 0;
    padding: 0 9vw;
  }
  .profinner>p span:nth-of-type(1){
    margin-top: 34px;
  }
  .map-outer{
    width: 261px;
    height: 502px;
    margin: 0 auto;
    border: 1px solid #043459;
  }
  .prof-outer{
    width: 100vw;
    height: auto;
    border-left: 6px solid #fff;
    border-right: 6px solid #fff;
    background-attachment: inherit;
    background-size: auto calc(100vw - 12px);
    background-repeat: no-repeat;
    background-position: top center;
    margin: 51px 0 0 0;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
  }
  .prof-outer dt{
    width: 100%;
    margin: calc(100vw - 12px) 0 0;
    padding: 30px 7vw 0;
    height:160px;
    background-color:rgba(255, 255, 255, 0.7);
    position: relative;
    right: 0;
    top: 0;
    box-sizing: border-box;
  }
  .prof-outer dd{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 30px 7vw;
    background-color:rgba(255, 255, 255, 0.7);
    position: relative;
    right: 0;
    top: 0;
    box-sizing: border-box;
  }
  .prof-outer dt:nth-of-type(2){
    top: 0;
    margin: 0;
  }
  .prof-outer dd:nth-of-type(2){
    top: 0;
    padding-bottom: 16px;
  }
  #profile .prof-outer h3{
    margin: 25px 0 0;
    font-size: 1.67em;
  }
  #profile .prof-outer h3 span{
    display:block;
    font-size: 0.58em;
    margin-bottom: 3px;
  }
  .prof-outer p{
    margin: -7px 0 0 0;
    text-align: justify;
    padding: 0;
  }
  .map{
    margin: 31px auto 0px;
  }
  #profile h5{
    width: 74%;
    margin: 13px 13% 0px;
  }
  #profile address{
    width: 74%;
    margin: 6px 13% 8px;
  }
  #profile address a{
    margin: 2px 0 0 0;
    pointer-events: initial;
    display: inline-block;
  }
  .btn-official-link{
    margin: 10px auto 0;
  }
  .btn-official-link:hover{
    background-position: calc(-891px * 0.5)  calc(-644px * 0.5);
  }
  .illust{
    margin: 12px auto 0;
  }
/*********************************
**********************************ページ：archives（モバイル）*/
  .archive h3{
    background-position: -866px -1px;
  }
  #contents{/*single archives recipe共通*/
    padding: 0 6.2vw;
    box-sizing: border-box;
  }
  #post-list{
    margin: 0;
    width: 100%;
    padding: 0;
  }
  #post-list li{
    width: calc((100vw - 17vw) * 0.5);
    margin-bottom: 31px;
    padding-bottom: 30px;
  }
  #post-list li.space{
    margin-bottom: 0px;
  }
  #post-list .thum-wrap{
    width: calc((100vw - 17vw) * 0.5);
    height: calc((100vw - 17vw) * 0.5);
  }
  .cat-icon{
    width: calc(84px * 0.988);
    height: calc(22px * 0.988);
    background-position: calc(-1229px * 0.988) calc(-508px * 0.988);
    background-size: calc(1350px * 0.988) auto;
  }
  .archive #post-list .cat-icon{
    top: calc(41vw + 11px);
    right: 0px;
    width: calc(84px * 0.8);
    height: calc(22px * 0.8);
    background-position: calc(-1229px * 0.8) calc(-508px * 0.8);
    background-size: calc(1350px * 0.8) auto;
    font-size: 0.75em;
  }
  a.cat-icon:hover{
    background-position: calc(-1229px * 0.988) calc(-486px * 0.988);  
  }
  #top-third .date,
  #contents .date{
    font-size: 0.8em;
    letter-spacing: 0.03em;
    padding: 11px 0 0 2px;
  }
  #post-list h4{
    font-size: 0.88em;
    margin: 8px 0 8px;
  }
  .more{
    width: 71px;
    height: 30px;
    background-position: -1175px -967px;
  }
  #post-list a:hover .more {
    background-position: -1175px -997px;
  }
  .single-nav,
  .wp-pagenavi{
    width: 100%;
    margin: 66px auto 0;
  }
  .wp-pagenavi .current:before,
  .wp-pagenavi .larger:before{
    margin: 0;
  }
  #side-nav{
   display: none;
  }
/*********************************
**********************************ページ：single（モバイル）*/
  .single>h3{
    background-position: -866px -1px;
  }
  article {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .entry-header .thum-wrap{
    width: 100%;
    height: auto;
  }
  .posttitle{
    margin: -9px 0 28px;
  }
  .entry-header h5{
    margin: 4px 0 29px;
    font-size: 0.75em;
    color: #969696;
  }
  .entry-content{
    width:100%;
  }
  .entry-content h2{
    margin: 0 0 18px;
  }
  .single .cat-product{
    background-position: calc(-490px * 0.5) calc(-354px * 0.5);  
  }
  .single .cat-news{
    background-position: calc(-490px * 0.5) calc(-396px * 0.5);  
  }
  .single .cat-event{
    background-position: calc(-490px * 0.5) calc(-438px * 0.5);  
  }
  .single a.cat-product:hover{
    background-position: calc(-656px * 0.5) calc(-354px * 0.5);  
  }
  .single a.cat-news:hover{
    background-position: calc(-656px * 0.5) calc(-396px * 0.5);  
  }
  .single a.cat-event:hover{
    background-position: calc(-656px * 0.5) calc(-438px * 0.5);  
  }
  .entry-content pre{
    overflow:scroll;
  }
/*********************************
**********************************ページ：RECIPE（モバイル）*/
  .recipe .easingslider {
    width: 550px;
    height: 120vw;
    right: 0;
		top:-5vh;
  }
  .recipe .easingslider-pagination{
    right: 10px !important;
  }
  .recipe>h3{
    background-position: -866px -311px;
  }
  .recipe #side-nav-sp{
    display: block;
    width: calc(100% - 12.4vw);
    margin: 0 auto 59px;
  }
  .recipe .pl-outer{
    width: 100%;
    height: 96vw;
    position: relative;
    border-left: 6px solid white;
    border-right: 6px solid white;
  }
  #recipe-top,
  .recipe-content{
    margin: 0;
    width: 100%;
    box-sizing: border-box;
  }
  #recipe-top{
    margin-bottom: 29px;
    padding-left: 6.2vw;
    padding-right: 6.2vw;
  }
  #recipe-top h3{
    width: 197px;
    height: 57px;
    background-position: -866px -788px;
    margin: 2px auto 26px;
  }
  #recipe-top p{
    padding: 0 10px;
  }
  .recipe-outer{
    margin-bottom: 72px;
  }
  .recipe-content{
    position: relative;
    padding: 103px 6.2vw 0;
  }
  .pl-outer+.recipe-content{
    display: block;
    padding-top: 18px;
  }
  .recipe-content .ico-maru{
    top: 2px;
    right: inherit;
    left: calc(50% - 40px);
  }

  .recipe-content .ico-name{
    top: 132px;
    right: 6.2vw;
  }
  .recipe-content h6{
    margin: 0 0 36px;
  }
  .recipe-main{
    width: 100%;
    margin-top: 36px;
  }
  .recipe-main li:before{
    display: block;
    position:absolute;
    content:"";
    width:calc(76px * 0.5);
    height:calc(76px * 0.5);
    top: 0;
  }
  .recipe-foot{
    margin: 0 0 0 calc(100% - 770px);
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 770px;
  }
  #recipenav {
    margin: 0;
    width: calc(100% + 15px);
    height: 357px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 0 10px;
    box-sizing: border-box;
    align-content: space-between;
  }
  #recipenav li{
    list-style-type:none;
    padding: 0px 15px 0 12px;
    height: auto;
    width: 50%;
    box-sizing: border-box;
  }
  #recipenav li a:before{
    transform: rotate(90deg) scale(0.8,0.8);
  }
  #recipenav li a{
    padding: 7px 0;
    display: block;
    color: #efddc2;
    font-size: 0.97em;
    line-height: 1.4em;
  }
  .recipe #side-nav-pc{
    display: none;
  }
/*********************************
**********************************ページ：SHOP（モバイル）*/
  .shop .easingslider,
  .shop .first-inner,
  .shop .easingslider img{
    height: calc(100vw - 12px);
  }

  #shop-cover h2{
    width: 154px;
    height: 62px;
    background-position: -866px -373px;
  }
  #shop-main>*{
    width:100%;
    margin:0 auto;
  }
  #shop-main h4{
    margin: 38px auto 55px;
    line-height: 1.9em;
  }
  #shop-main ul{
    margin: 0 auto 17px;
    width: 260px;
  }
  #shop-main li{
    margin: 0 0 21px 0;
    width: 264px;
    height: 51px;
    background-position: -866px -845px;
  }
  #shop-main a{
    padding: 11px 0 0 33px;
  }
  #shop-main p{
    padding-right: 0;
  }
/*********************************
**********************************ページ：CONTACT*/
  .contact #contents{
    padding: 0 6.2vw;
    margin: 0;
    width: 100%;
  }
  .contact>h3{
    background-position: -866px -249px;
  }
  .contact #contents p{
    margin: 0px 0 20px;
    padding: 0px 7px;
  }
  #contact-form{
    display: block;
    padding: 0 4px;
    box-sizing: border-box;
  }
  #contact-form dt{
    width: 100%;
    font-size: 0.85em;
  }
  #contact-form dd{
    width: 100%;
  }
  #contact-form input,
  #contact-form textarea{
    width: 100%;
    height: 2em;
    box-sizing: border-box;
    border-radius: 0;
    border: 1px solid #969696;
    font-size: 1.1em;
    padding: 1px 4px;
  }
  #contact-form textarea{
    display:block;
    width: 100%;
    height: 12em;
    margin-bottom: 9px;
    box-sizing: border-box;
  }
  #contact-form input.btn{
    margin: 45px auto 42px;
  }
/*********************************
**********************************トップページ（モバイル）*/
  .pb .first-inner:before{
    display:none;
  }
  #top-first:before{
    border: 6px solid white;
    min-width: 100%;
  }
  .pb .first-inner:after{
    content:"";
    margin: 0;
    width: 80px;
    height: 282px;
    background-position: -1249px 1px;
    position: absolute;
    left: calc(50% - 80px * 0.5);
    top: calc(40vh - 6px);
  }
  #top-second{
    position: relative;
    margin: 0;
  }
  #top-second h2{
    position: relative;
    top: 0;
    margin: 103px 0 0 0;
  }
  #top-second p{
    width: 100%;
    margin: 75px 0 0;
    padding: 0 6.2vw;
    line-height: 2em;
    text-align: center;
    position: relative;
  }
  #top-second h5{
    margin: 16px auto 73px;
    left: inherit;
  }
  #top-third{
    padding: 100px 0 100px;
    height: 699px;
  }
  #top-third:before{
    width: 139px;
    height: 96px;
    background-position: -1020px -399px;
    left: 21px;
  }
  #top-third h3{
    margin: 0 0 48px 20px;
    position: relative;
    left: inherit;
  }
  .pb #post-list{
    margin: 0;
    width: 100%;
    padding: 0 6.2vw;
    box-sizing: border-box;
  }
  .pb #post-list li{
    margin: 0  0 23px;
    padding: 0px;
  }
  .pb #post-list a{
    flex-wrap: wrap;
  }
  .pb #post-list span{
    font-size: 0.82em;
    width: 70px;
    letter-spacing: 0.07em;
    float: left;
  }
  .pb #post-list i{
    margin: -3px 0 3px 0;
    line-height: 208%;
  }
  .pb #post-list h4{
    margin: 0 0 0 0;
    font-size: 1.05em;
    width: 382px;
  }
  .btn-topics{
    margin: 56px 0 0 6.2vw;
  }
  #top-butter .pl-outer,
  #top-pudding .pl-outer{
    border: none;
    border-top: transparent;
    height: 100%;
    position: relative;
    width: 100%;
    margin: auto;
  }
  #top-pudding{
    height: auto;
  }
  #top-butter img,
  #top-pudding img {
    width: 170vw;
    height: auto;
    left: -35vw;
    top: -5vw;
  }
  #top-butter,
  #top-pudding{
    height: calc(100vw - 6px);
    width: 100vw;
    padding: 0 6px 6px;
    box-sizing: border-box;
  }
  #top-butter a:after,
  #top-pudding a:after{
    width: 182px;
    height: 128px;
    left: 11px;
    top: 9px;
  }
  #top-butter a:after{
    background-position: -1020px -143px;
  }
  #top-pudding a:after{
    background-position: -1020px -271px;
  }
}


@media screen and (min-width: 790px){
  .pb .global-head{
    top:40vh;
    height: 60vh;
    display: block;
  }
  .pb .global-head h1{
    bottom: 50px;
    right: 50px;
    margin: 0;
    width: 153px;
    height: 164px;
    left: auto;
  }
  .pb .global-head h1 a{
    width: 153px;
    height: 164px;
    background-position: -497px -157px;
    pointer-events: none;
  }
  .pb .global-nav{
  }
  .pb .global-head .main-menu{
    width:100%;
    margin: 0;
    padding: 0 14px 0 86px;
    box-sizing: border-box;
    justify-content: flex-end;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
  }
  .pb .global-head .main-menu>li:nth-of-type(1) {
    position:relative;
    right:0;
    width:214px;
    height:214px;
    margin: -31px -32px 0 calc(100% - 160px);
  }
  .pb .global-head .main-menu>li:nth-of-type(1)>a{
    width: 157px;
    height: 162px;
    background-position: -497px -321px;
    margin: 0;
    left: 0;
    pointer-events: none;
  }
  .pb .global-head .child-menu{
    display:none;
  }
  .pb .global-head .main-menu>li:nth-of-type(2)>a,
  .pb .global-head .main-menu>li:nth-of-type(3)>a,
  .pb .global-head .main-menu>li:nth-of-type(4)>a,
  .pb .global-head .main-menu>li:nth-of-type(5)>a,
  .pb .global-head .main-menu>li:nth-of-type(6)>a{
    background-image: none;
    width:100%;
    height:100%;
  }
  .pb .global-head .main-menu>li:nth-of-type(2),
  .pb .global-head .main-menu>li:nth-of-type(3),
  .pb .global-head .main-menu>li:nth-of-type(4),
  .pb .global-head .main-menu>li:nth-of-type(5),
  .pb .global-head .main-menu>li:nth-of-type(6){
    width: 32px;
    height: 87px;
  }
  .pb .global-head .main-menu>li:nth-of-type(2){
    background-position: -819px -459px;
    height: 70px;
  }
  .pb .global-head .main-menu>li:nth-of-type(3){
    background-position: -787px -459px;
    height: 62px;
  }
  .pb .global-head .main-menu>li:nth-of-type(4){
    background-position: -755px -459px;
    height: 87px;
  }

  .pb .global-head .main-menu>li:nth-of-type(5){
    background-position: -723px -459px;
    height: 50px;
  }
  .pb .global-head .main-menu>li:nth-of-type(6){
    background-position: -691px -459px;
    height: 87px;
  }
  .pb header .main-menu>li:nth-of-type(2):after,
  .pb header .main-menu>li:nth-of-type(3):after,
  .pb header .main-menu>li:nth-of-type(4):after,
  .pb header .main-menu>li:nth-of-type(5):after,
  .pb header .main-menu>li:nth-of-type(6):after{
    position: absolute;
    top: 0;
    left: 3px;
    content:"";
    width: 2px;
    height: 100%;
    background: #fff;
    transform: scale(1, 0);
    transform-origin: left top;
    transition: transform .3s .2s;
  }
  .pb header .main-menu>li:nth-of-type(2):hover::after,
  .pb header .main-menu>li:nth-of-type(3):hover::after,
  .pb header .main-menu>li:nth-of-type(4):hover::after,
  .pb header .main-menu>li:nth-of-type(5):hover::after,
  .pb header .main-menu>li:nth-of-type(6):hover::after {
    transform: scale(1, 1);
    transition: transform .3s 0s;
  }
  /*.pb .global-nav:after{
    content:"";
    width: 13px;
    height: 139px;
    position: absolute;
    top: 0;
    left: 38px;
    background-position: -678px -459px;
  }*/
}
#top-butter a:before,
#top-pudding a:before,
#shop-cover h2,
#butter-top h3, #pudding-top h3,
#butter-top h2,#pudding-top h2,
#butter-top p,
#pudding-top p,
#policy p,
.pb .first-inner:after,
#top-second p,
#top-second h2,
#top-second h5,
.pb .global-head .main-menu>li:nth-of-type(2),
.pb .global-head .main-menu>li:nth-of-type(3),
.pb .global-head .main-menu>li:nth-of-type(4),

.pb .global-head .main-menu>li:nth-of-type(5),
.pb .global-head .main-menu>li:nth-of-type(6),
.pb .global-nav:after,
.pb .global-head .main-menu>li:nth-of-type(1),
.pb .global-head h1{
  filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.75));
}