/* スライダーカスタム */
.bx-wrapper {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
   border: none !important;
}
/* 新ドロワー */
.menu {
	height: 21px;
	position: fixed;
	right:	auto;
	top: 36px;
	width: 40px;
	z-index: 1001;
}
.menu__line {
	background: #000;
	display: block;
	height: 2px;
	position: absolute;
	transition: transform .3s;
	width: 100%;
}
.menu__line--center {
	top: 10px;
}
.menu__line--bottom {
	bottom: 0;
}
.menu__line--top.active {
	top: 10px;
	transform: rotate(22.5deg);
}
.menu__line--center.active {
	transform: scaleX(0);
}
.menu__line--bottom.active {
	bottom: 10px;
	transform: rotate(157.5deg);
}
.menu__line {
}
.gnav {
	background: rgba(10,0,0,0.7);
	display: none;
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 1000;
	top: 0;
	left: 0;
}
.gnav__wrap {
	align-items: center;
	text-align: center;
	display: flex;
	height: 100%;
	justify-content: center;
	position: absolute;
	width: 100%;
}
.gnav__menu__item {
	margin: 30px 0;
	text-align: left;
	letter-spacing: 0.1em;
}
.gnav__menu__item a {
	color: #fff;
	font-size: 1.2rem;
	font-weight: 400;
	padding: 40px;
	text-decoration: none;
	transition: .5s;
}
.gnav__menu__item a:hover {
	color: #999999 !important;
}
@media (max-width: 480px) {
	.menu {
		height: 21px;
		right:	30px;
		top: 30px;
	}
	.gnav__wrap {
		display: block;
		justify-content: left;
		top: 2em;
	}
	.gnav__menu__item {
		margin: .7em 0;
		list-style: none;
	}
	.gnav__menu__item a {
		font-size: 1em;
		padding: 0;
	}
}
/*////// 小屋の学び舎 /////*/
.clearfix::after {
 content: "";
 display: block;
 clear: both;
}
#koyanomanabiya .col {
 padding: 0;
 margin: 0;
}
/* Reset Swiper */
#koyanomanabiya .swiper {
  width: 100%;
  margin-top: 3em;
}
#koyanomanabiya .swiper-button-next,
#koyanomanabiya .swiper-button-prev {
 color: #f5f5f5ab;
}
/* Reset jquery.bxslider.css */
#koyanomanabiya .bx-wrapper .bx-viewport {
 margin-bottom: 0;
}
#slider1, #slider2 li {
 height: auto;
}
#koyanomanabiya ul#slider1, ul#slider2 {
 margin: 0;
}
/* Typography */
#koyanomanabiya a {
 color: #2ca6e0;
 text-decoration: underline;
}
.textWrapK h4 {
 font-size: 1.3em;
 font-weight: 600;
 line-height: 1.5em;
 margin-bottom: 0.3em;
}
.textWrapK h5 {
 font-size: 1em;
 font-weight: 600;
}
.ten-mincho {
 font-family: ten-mincho-text,serif;
 font-style: normal;
}
h1.koya {
 word-break: keep-all;
 font-size: 2.5em;
 font-weight: 600;
 line-height: 1.2em;
 margin-bottom: 0;
}
h2.koya {
 font-size: 2.5em;
 font-weight: 600;;
 line-height: 1.2em;
 padding-left: 7px;
 border-left: 14px solid;
 margin-bottom: 1rem;
}
h3.koya {
 font-size: 1.5em;
 font-weight: 600;
 line-height: 1.5em;
 margin-bottom: .5em;
}
h4.jumper {
 font-size: 1.25em;
 font-weight: 600;
 line-height: 1.3em;
 border-bottom: 2px solid;
 float: left;
 margin: 0 1em 1em 0;
 color: #000000 !important;
}
.contents a {
 text-decoration: none !important;
 color: #000;
}
h4.koya {
 font-size: 1.2em;
 font-weight: 600;
 line-height: 1.5em;
 display: block;
 float: left;
}
#koyanomanabiya p {
 text-align: justify;
}
.textWrapK p {
 line-height: 1.5em;
 margin: 0 0 2em 0 !important;
}
#koyanomanabiya .brown {color: #C6A956;}
#koyanomanabiya .green {color: #6a9464;}
#koyanomanabiya .red {color: #ce7d5f;}
#koyanomanabiya .blue {color: #86b3e0;}
#koyanomanabiya .purple {color: #a3686c;}
#koyanomanabiya .lightBlue {color: #9abdbf;}
#koyanomanabiya .underPink {background: linear-gradient(transparent 60%, #ff9ac6 60%);}

/* Layout */
#koyanomanabiya {
  width: 100%;
  margin: 0 auto 7em;
}
#koyanomanabiya .mw1000 {
  max-width: 1000px;
  position: relative;
  margin: 0 auto 6em;
}
#koyanomanabiya .mw1200 {
  max-width: 1200px;
  position: relative;
  margin: 0 auto 6em;
}
#koyanomanabiya .mw1800 {
  max-width: 1800px;
  position: relative;
  margin: 0 auto 6em;
}
.headWrap {
 width: 100%;
 position: relative;
}
#eventDisc,
#bangai,
#teacher,
#guidance,
#tools,
#access,
#moreInfo,
#QA {
 padding-top: 75px;
}
.textWrapK {
 width: 100%;
 padding: 2em 3em;
}
.profileWrap {
 padding: 2em 2em;
}
.imgHead {
	width: 100%;
}
.koya2022 {
  width: 60%;
  float: left;
  position: relative;
}
.people2022 {
  width: 80%;
  right: -50%;
  bottom: -10%;
  position: absolute;
}
.titleLogo {
  width: 25%;
  position: absolute;
  top: 20%;
  left: 25%;
}
.catchCopy {
  position: absolute;
  right: -65%;
  top: 5%;
  writing-mode: vertical-rl;
}
h1.koya {
  word-break: keep-all;
  font-size: 2.5em;
  font-weight: 600;
  line-height: 1.5em;
  letter-spacing: .3em;
  margin-bottom: 0;
}
.koya2018 {
  width: 60%;
  float: right;
  position: relative;
  margin-top: 8em;
}
.people2018 {
  width: 75%;
  left: -50%;
  bottom: -10%;
  position: absolute;
}
.intro {
  width: 100%;
  margin-top: 5em;
}
.prologue {
  width: 100%;
  padding: 0 3em 5em;
}
.prologue h1 {
  display: none;
}
.prologueTextPc {
  writing-mode: vertical-rl;
  font-size: 1.2em;
  margin: 0 auto;
  padding: 0;
}
.illust {
  width: 80%;
  margin: 0 auto;
}
.illust2 {
  width: 60%;
  margin: 5em auto 0;
}
.illustSp {
  display: none;
}
.illust2Sp {
  display: none;
}
/* Detail */
.title {
 width: 30%;
 text-align: center;
 position: absolute;
 right: 0;
 /*float: left;*/
 padding: 5em;
}
.title img {
 width: 80%;
 max-width: 100px;
}
.prologue {
 width: 100%;
 display: block;
 float: left;
 z-index: 2;
 margin: 0 auto;
 padding: 0 3em 5em;
}
.profile {
 padding: 0 1em;
}
.profile img {
 margin-bottom: 1em;
}
.profile h5 {
 line-height: 1.5em;
 margin-bottom: 1em;
}
.profile p {
 font-size: .9em;
 line-height: 1.75em;
}
.fLeft {
 float: left !important;
}
.fRight {
 float: right !important;
}
.day {
 width: 100%;
 display: block;
 float: left;
 margin-bottom: .5em;
}
.date {
 display: block;
 float: left;
 margin: 0 1.5em 0 0
}
.date img {
 width: 62px;
}
.rabel {
 line-height: 1em;
 margin-top: -.5em;
}
.rabel img {
 height: 20px !important;
 margin-right: 3px;
}
.moreinfo {
 margin-top: 2em;
}
/*枠線つき吹き出し*/
.balloonBox {
 padding: 2em 3em;
}
.balloonBlue {
 position: relative;
 border: 10px solid #86b3e0;
 padding: 2em;
}
.balloonBlue:before,
.balloonBlue:after {
 content: "";
 position: absolute;
 right: 0;
 left: -50%;
 width: 0;
 height: 0;
 margin: auto;
}
.balloonBlue:before {
 top: -50px;
 border-style: solid;
 border-color: transparent transparent #86b3e0 transparent;
 border-width: 0 45px 45px 0;
}
.balloonBlue:after {
 top: -27px;
 border-style: solid;
 border-color: transparent transparent #fff transparent;
 border-width: 0 25px 30px 0;
 z-index: 10;
}
.balloonRed {
 position: relative;
 border: 10px solid #ce7d5f;
 padding: 2em;
}
.balloonRed:before,
.balloonRed:after {
 content: "";
 position: absolute;
 right: 0;
 left: -50%;
 width: 0;
 height: 0;
 margin: auto;
}
.balloonRed:before {
 top: -50px;
 border-style: solid;
 border-color: transparent transparent #ce7d5f transparent;
 border-width: 0 45px 45px 0;
}
.balloonRed:after {
 top: -27px;
 border-style: solid;
 border-color: transparent transparent #fff transparent;
 border-width: 0 25px 30px 0;
 z-index: 10;
}
.balloonBlue p, .balloonRed p {
  font-weight: 500;
  line-height: 1.5em;
  margin: 0 !important;
}

@media (max-width: 980px) {
}
@media (max-width: 768px) {
 /* Layout */
  #koyanomanabiya .mw1200 {
    margin: 0 auto 3em;
  }
  #eventDisc,
  #bangai,
  #teacher,
  #guidance,
  #tools,
  #access,
  #moreInfo,
  #QA {
   padding-top: 110px;
  }
  .into {
    padding: 5em;
  }
  .prologue p {
    font-size: .9em;
  }
  h1.koya {
    margin-bottom: .5em;
    margin-top: .5em;
  }
  .balloonBlue, .balloonRed {
    margin-top: 0;
  }
  .catchCopy {
    right: -55%;
    top: 20%;
    writing-mode: unset;
  }
  h1.koya {
    word-break: keep-all;
    font-size: 1.8em;
    letter-spacing: .2em;
  }
}
@media (max-width: 480px) {
  /* Typography */
  #koyanomanabiya {
    margin: 75px auto 7em;
  }
  h1.koya {
    font-size: 1.6em;
    width: 100%;
  }
  h2.koya {
    font-size: 1.6em;
    border-left: 10px solid;
  }
  h3.koya {
    font-size: 1.3em;
    word-break: keep-all;
  }
  h4.koya {
    font-size: 1em;
  }
  /* Layout */
  #onlineTicket {
    padding-top: 0;
  }
  #koyanomanabiya .swiper {
    margin-top: 0;
  }
  #koyanomanabiya .mw1200 {
    margin: 0 auto 3em;
  }
  #eventDisc,
  #bangai,
  #teacher,
  #guidance,
  #tools,
  #access,
  #moreInfo,
  #QA {
   padding-top: 0;
  }
  .into {
    padding: 3em;
  }
  .textWrapK {
    margin: 0;
  }
  .pc {
    display: none;
  }
  /* Detail */
  .profile {
    padding: 0 2em 3em;
  }
  .koya2022 {
    width: 70%;
  }
  .people2022 {
    width: 75%;
    right: -40%;
    bottom: -25%;
  }
  .titleLogo {
    width: 25%;
    top: 20%;
    left: 15%;
  }
  .catchCopy {
    right: -33%;
    top: 0;
    writing-mode: vertical-rl;
  }
  h1.koya {
    font-size: 1.4em;
  }
  .koya2018 {
    width: 65%;
  }
  .intro {
    /*margin-top: 1em;
    margin-bottom: 3em;*/
    margin: 0;
  }
    .prologue {
    padding: 0;
    height: auto;
  }
  .prologueTextPc {
    font-size: 1em;
  }
  .prologueTextPc p {
    line-height: 1.6em;
    /*letter-spacing: .1em;*/
  }
  .illust {
    display: none;
  }
  .illust2 {
    display: none;
  }
  .illustSp {
    display: block;
    width: 100%;
  }
  .illust2Sp {
    display: block;
    width: 70%;
    margin: 3em auto 0;
  }
}


/*** いずれ消す! ***/
.titleCenter {
  max-width: 1000px;
  text-align: center;
}
h2.titleCenter {
  margin: 0 auto .5em;
}
h5.titleCenter {
  margin: 0 auto 3em;
}
.titleCenter img {
  width: 160px;
}
.titleCenterT {
  max-width: 1000px;
  text-align: center;
  margin: 0 auto 3em;
}
.titleLogo {
  max-width: 1000px;
  text-align: center;
  margin: 0 auto 3em;
}
.titleRn6 {
  max-width: 1000px;
  text-align: center;
  margin: 0 auto 3em;
}
.titleTag {
  max-width: 1000px;
  text-align: center;
  margin: 0 auto 3em;
}
/*** /いずれ消す! ***/

/*** タイトル(new) ***/
.titleWrap {
  max-width: 1200px;
  margin: 6em auto 4em;
}
.titleWrapTop {
  max-width: 1200px;
  margin: 2.5em auto 3em;
}
h2.titleCenter {
  margin: 0 auto .5em;
}
.titleNos img {
  width: 200px !important;
}
.titleColumn img {
  width: 140px !important;
}
.titleReleased img {
  width: 150px !important;
}
.titleSchedule img {
  width: 250px !important;
}
.titleShopinfo img {
  width: 200px !important;
}
.titlePrivacy img {
  width: 300px !important;
}
.titleDelivery img {
  width: 160px !important;
}
.titleBlog img {
  width: 110px !important;
}
.titleWorkshop img {
  width: 300px !important;
}
h5.titleCenter {
  font-weight: 500;
  margin: 0 auto 3em;
}

.titleSet {
}
.titleSet .storyof {
  width: 70px;
  float: right;
  margin: .5em 2em 0 0;
}
.titleSetSp {
  display: none;
}
.titleSetSp h2 {
}
.storyof {
}
h2.vertical {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 3em;
  font-weight: 700;
  letter-spacing: .1em;
  float: right;
  padding: 0 1em 0 0;
}
h3.vertical {
  writing-mode: vertical-rl;
  font-size: 2em;
  font-weight: 500;
  letter-spacing: .1em;
}
.mw1800 {
  max-width: 1800px;
  margin: 0 auto;
}
.mw1200 {
  max-width: 1200px;
  margin: 0 auto;
}
.mw900 {
  max-width: 800px;
  margin: 0 auto;
}
.mw500 {
  max-width: 500px;
  margin: 0 auto;
}
.story {
  margin: 0 auto 7em;
  padding-top: 128px;
}
.story .col {
  padding-right: 0;
  padding-left: 0;
}
.textWrap h2 {
  font-size: 2em;
  line-height: 1.7em;
  font-weight: 700;
  margin: 0 0 1em 0;
}
.textWrap h3 {
  font-size: 1.5em;
  line-height: 1.7em;
  font-weight: 500;
  margin: 0 0 1em 0;
}
.textWrap p {
  font-size: 1em;
  line-height: 2em;
  margin: 0 0 2em 0;
}
h3.tagline {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.3em;
  font-weight: 300;
  line-height: 1.5em;
}
p.textlink {
  font-size: 1.2em;
  font-weight: 500;
  margin: 1.5em 0 0;
}
p.textlink a {
  color: #80b43f;
}
ul.bold {
  font-weight: bold;
  line-height: 1.7em;
}
ul.bold li {
  margin: 0 0 1em 0;
}
.contCenter {
  width: 100%;
  display: inline-block;
  margin: 2em 0 3em 0;
}
.contCenter .textWrap {
  max-width: 700px;
  width: 100%;
  margin: 0;
  padding: 6em;
}
.contLeft {
  width: 100%;
  display: inline-block;
  margin: 2em 0 3em 0;
  float: right;
}
.contLeft .textWrap {
  max-width: 700px;
  width: 100%;
  margin: 0;
  padding: 6em;
}
.contRight {
  width: 100%;
  display: inline-block;
  margin: 2em 0 3em 0;
  float: left;
}
.contRight .textWrap {
  max-width: 700px;
  width: 100%;
  margin: 0;
  padding: 6em;
  float: right;
}
.upperLeft {
  position: absolute;
  width: 100%;
  top: 0;
}
.lowerLeft {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.upperRight {
  position: absolute;
  width: 100%;
  top: 0;
}
.upperLeft .storyof {
  display: block;
  width: 70px;
  float: left;
  padding: 0;
  margin: 4rem 0 0 4rem;
}
.lowerLeft h2 {
  position: absolute;
  display: block;
  float: left;
  padding: 0;
  bottom: 0;
  left: 0;
  margin: 0 0 4rem 5rem;
  z-index: 1;
}
.upperRight h3 {
  display: block;
  float: right;
  padding: 0;
  margin: 4rem 4rem 0 0;
}
.img1200 {
  max-width: 1200px;
  margin: 0 auto;
}
.img600 {
  max-width:600px;
  margin: 0 auto 6em;
  clear: both;
}
.imgFull {
  width: 100%;
  margin: 0 0 6em 10%;
  float: right;
  clear: both;
}
/*************************************************
bnrWrap
**************************************************/
.bnrWrap {
  max-width: 1000px;
  margin: 0 auto;
  display: block;
  padding: 2em 0;
}
.bnrWrap a:hover {
  color: #fff;
  text-decoration: none;
}
.toSchedule {
  display: block;
  width: 100%;
  height: 330px;
  background: url(https://img07.shop-pro.jp/PA01461/137/etc_base64/Ym5yX3NjaGUyMDI0.jpg?cmsp_timestamp=20240325204902);
  background-size: cover;
  background-position: center -250px;
  padding: 10rem 0;
  margin: 0;
  border-radius: 12px;
  font-size: 2em;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
.toBlog {
  display: block;
  width: 100%;
  background: #ed6d3d;
  background-size: cover;
  padding: 2em 0;
  margin: 0;
  border-radius: 12px;
  font-size: 1.4em;
  font-weight: 500;
  color: #fff;
  text-align: center;
}

/****スライド(PC)****/

/* Reset jquery.bxslider.css */
.bx-wrapper .bx-viewport {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: none !important;
  border: 0 !important;
  left: 0 !important;
  background: #fff;
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
  margin-bottom: 0;
}
#slide_all {
 width: 100%;
 margin: 0 auto;
 height: 720px;
 position: relative;
}
#slider li {
  height: 100vh;
  background: center / cover no-repeat;
}
#slide_wrap {
 width: 100%;
 margin: 0 auto;
 display: block;
}
ul#slider {
  margin: 0;
}
#slide_body {
 width: 100%;
}
#slide_wrap .bx-wrapper .bx-controls-direction a {
 position: absolute;
 top: 50%;
 left: 50%;
 margin-top: -100px;
 z-index: 100;
 height: 200px;
 width: 50px;
 background-color: rgba(255, 255, 255, 0.7);
 outline: none;
 padding: 0;
 background-repeat: no-repeat;
 background-position: center 85px;
}
#slide_wrap .bx-wrapper .bx-controls-direction a:hover {
 opacity: 0.5;
}
#slide_wrap .bx-wrapper .bx-controls-direction a.bx-prev {
 background-image: url(https://file001.shop-pro.jp/PA01328/873/img/slide/arrowl.gif);
 margin-left: -550px;
}
#slide_wrap .bx-wrapper .bx-controls-direction a.bx-next {
 background-image: url(https://file001.shop-pro.jp/PA01328/873/img/slide/arrowr.gif);
 margin-left: 500px;
}
.slide {
 max-width: 1000px;
 transition: all 0.1s;
}
.slide img {
 width: 100%;
}
#slide_wrapMd {
 display: none;
}
#slide_wrapSp {
 display: none;
}
@-moz-document url-prefix() {
 #slide_wrap .bx-wrapper .bx-controls-direction a.bx-prev {
  margin-left: -551px;
 }
 #slide_wrap .bx-wrapper .bx-controls-direction a.bx-next {
  margin-left: 499px;
 }
}
/****／スライド(PC)****/

/*
h2.blue {
  color: #2CA6E0;
  font-size: 2.5em;
  font-weight: 900;
  text-align: center;
  margin-bottom: 1rem;
}
h3.blue {
  color: #2CA6E0;
  font-size: 1.6em;
  font-weight: 900;
  text-align: center;
  margin-bottom: 1rem;
}
h4.blue {
  color: #2CA6E0;
  font-size: 1.6em;
  font-weight: 900;
  text-align: center;
  margin-bottom: 2rem;
}
*/

/*************************************************
all
**************************************************/
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #000000;
  font-family: 'Noto Sans JP', 'Noto Sans SC', 'Open Sans', 'ＭＳ Ｐゴシック', Sans-serif;
  font-size: 14px;
  line-height: 180%;
  background-color: #ffffff;
}

a {
  outline: none;
  color: #000000;
  text-decoration: none;
}
a:hover {
  color: #b3ada0;
  text-decoration: underline;
}
.hovC:hover {
  opacity: 0.5;
}

p {
  line-height: 2em;
  margin: 0 0 1em;
}
/*
p.margin-bottom-3em {
  text-align: justify;
  margin: 0 auto 3em;
}
p.margin-bottom-6em {
  text-align: justify;
  margin: 0 auto 6em;
}
*/

br.clear {
  clear: both;
  font: 0pt/0pt sans-serif;
  line-height: 0;
}

hr {
  margin: 10px 0;
  border: 0;
  clear: left;
}

img {
  border: none;
  vertical-align: middle;
}

.cf:after {
  display: block;
  clear: both;
  content: "";
}

.ofH {
  overflow: hidden;
  width: 100%;
}

/*
img.new_mark_img1 {
  margin-right: 5px !important;
}
img.new_mark_img2 {
  margin-left: 5px !important;
}
*/

.sold_out {
  color: #FF0000;
  line-height: 2.5em;
}

.col {
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: .5em;
  padding-left: .5em;
  margin-bottom: .5em;
  min-height: 1px;
  word-break: break-all;
}
.col img {
  max-width: 100%;
  height: auto;
}


/*************************************************
layout
**************************************************/
/*ページ全体の幅、レイアウトをセンタリング*/

#container {
  width: 100%;
  min-width: 100%;
  margin: 0px auto;
  text-align: left;
  overflow: hidden;
}

#wrapper {
  position: relative;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}
#wrapper.open {
  -moz-transform: translate3d(280px, 0, 0);
  -webkit-transform: translate3d(280px, 0, 0);
  transform: translate3d(280px, 0, 0);
  background-color: #333333;
  opacity: 0.5;
}

/*メイン*/
#main {
  width: 100%;
  /*padding-top: 128px;*/
  margin-bottom: 0;
}

/*ヘッダメニュー分下にずらす*/
.paddingTop {
  padding-top: 75px;
}

/*フッター（コピーライト）*/
#footerWrap {
  background-color: #ffffff;
  width: 100%;
  clear: both;
}

/*他*/
#contWrap {
  margin: 0 auto;
}

/*mw1000に切り替え↓*/
.w1000In {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 3em;
  padding: 0 .5em;
  overflow: hidden;
}



/*************************************************
header
**************************************************/
#header {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1000px;
}
#header h1 {
  margin: 15px 20px 15px 20px;
  width: 70px;
  float: left;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
#header h1 img {
  width: 100%;
}

#header .col {
  margin-bottom: 0;
}

#header span.count {
  /*background-color: #000000;*/
  /*color: #FFF;*/
  font-weight: bold;
  font-size: 2em;
  position: relative;
  top: -10%;
  /*padding: 6px 12px;*/
  /*border-radius: 15px;*/
}
/*
.headerScr #header h1 {
  width: 80px;
  margin: 5px 20px 0 10px;
}
.headerScr ul#hNav, .headerScr #hNavMenu, .headerScr #hCart {
  margin: 3px 0 0;
}
*/

#headerWrap {
  width: 100%;
  background-color: rgba(255,255,255,0.9);
  position: fixed;
  z-index: 10000;
  top: 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
/*
#headerWrap.headerScr {
  padding: 0.5em 0;
  background-color: rgba(255,255,255,1);
}
*/
#headerWrapSp {
  display: none;
}

ul#hNav {
  float: left;
  list-style-type: none;
  margin: 14px 0 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  padding: 3px 0 0 0;
}

#hNavMenu {
  display: none;
}

#hCart {
  float: right;
  margin: 16px 0 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  padding-top: 3px;
}
#hCart > a:hover {
  text-decoration: none;
}
ul#hNav > li {
  float: left;
  position: relative;
}
ul#hNav > li > a {
  display: block;
  height: 40px;
  background: no-repeat 0 0;
  text-indent: -9999px;
}
ul#hNav > li > a:hover {
  opacity: 0.5;
  text-decoration: none;
}
ul#hNav > li a#hNav01 {
  width: 89px;
  background-image: url(https://www.likethis.jp/ec/tanbonowa/img/common/nav_welcome.svg);
}
ul#hNav > li#hNav02 span {
  display: block;
  width: 81px;
  height: 40px;
  background: url(https://www.likethis.jp/ec/tanbonowa/img/common/nav_product.svg) no-repeat 0 0;
  text-indent: -9999px;
  cursor: pointer;
}
ul#hNav > li#hNav02:hover span {
  background-image: url(https://www.likethis.jp/ec/tanbonowa/img/common/nav_product_hov.svg);
}
ul#hNav > li#hNav03 span {
  display: block;
  width: 92px;
  height: 40px;
  background: url(https://www.likethis.jp/ec/tanbonowa/img/common/nav_workshop.svg) no-repeat 0 0;
  text-indent: -9999px;
  cursor: pointer;
}
ul#hNav > li a#hNav04 {
  width: 59px;
  background-image: url(https://www.likethis.jp/ec/tanbonowa/img/common/nav_blog.svg);
}
ul#hNav > li a#hNav05 {
  width: 115px;
  background-image: url(https://www.likethis.jp/ec/tanbonowa/img/common/nav_information.svg);
}
/*
ul#hNav > li a#hNav09 {
  width: 115px;
  background-image: url(https://file001.shop-pro.jp/PA01328/873/img/nav/hnav09-02.png);
}
ul#hNav > li a#hNav06 {
  width: 39px;
  background-image: url(https://img21.shop-pro.jp/PA01328/873/etc/LIKETHIS_header_25.png);
  margin-left: 55px;
  margin-top: 9px;
}
*/
ul#hNav > li a#hNav07 {
  width: 93px;
  background-image: url(https://www.likethis.jp/ec/tanbonowa/img/common/nav_login.svg);
  margin-left: 0
}
ul#hNav > li a#hNav08 {
  width: 93px;
  background-image: url(https://www.likethis.jp/ec/tanbonowa/img/common/nav_mypage.svg);
  margin-left: 0;
}
#hCart > a {
  display: block;
  width: 30px;
  height: 35px;
  background: url(https://www.likethis.jp/ec/tanbonowa/img/common/cart.svg) no-repeat;
  float: right;
  padding: 0 8px;
  /*padding-top: 10px;*/
  /*padding-left: 35px;*/
}

/******カテゴリープルダウン******/
#hCategory {
  position: absolute;
  top: 32px;
  left: -22px;
  visibility: hidden;
  padding-top: 8px;
}
li#hNav02:hover #hCategory {
  visibility: visible;
}
li#hNav03:hover #hCategory {
  visibility: visible;
}
#hCategory > div#catTri {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 43px;
}
#hCategory > div#catTri img {
  display: block;
}
#hCategory > ul {
  list-style: none;
  border: solid 1px #808080;
  background-color: #ffffff;
  z-index: 0;
  padding: 8px 0;
  margin: 0;
}
#hCategory li {
  white-space: nowrap;
  position: relative;
  padding: 2px 6px 2px 6px;
}
#hCategory a {
  /*display: block;*/
  font-size: 12px;
  height: 22px;
  width: 100%;
  padding: 0 25px 3px 4px;
  color: #000000;
  letter-spacing: 1px;
}
#hCategory li:hover > a {
  background-color: #00a3af;
  color: #ffffff;
  text-decoration: none;
}
#hCategory .big_category > a {
  position: relative;
}
#hCategory .big_category.hasSmall > a:after {
  content: url(https://file001.shop-pro.jp/PA01328/873/img/nav/cat_tri02.png);
  /*  display: block;*/
  position: absolute;
  top: 4px;
  right: 2px;
}
#hCategory .big_category.hasSmall:hover > a:after {
  content: url(https://file001.shop-pro.jp/PA01328/873/img/nav/cat_tri02ov.png);
}
#hCategory .sCatWrap {
  position: absolute;
  top: -5px;
  left: 100%;
  visibility: hidden;
  padding: 0 10px 10px 9px;
}
#hCategory .big_category.hasSmall:hover .sCatWrap {
  visibility: visible;
}
.sCatWrap > div#catTriS {
  position :absolute;
  z-index: 1;
  top: 15px;
  left: 0;
}
.sCatWrap > div#catTriS img {
  display: block;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.sCatUl {
  list-style: none;
  border: solid 1px #717071;
  background-color: #ffffff;
  z-index: 0;
  padding: .3em 0;
  margin: 0;
}

/************************************************* 
footer
**************************************************/

#footer {
  width: 100%;
  background-color: #402a1e;
  margin: 0 auto;
  position: relative;
}
#footer h2 {
  float: left;
  width: 100px;
  margin: 20px 0 0 40px;
}
#footer h2 img {
  width: 100%;
}
#footer a {
  color: #666;
}
#footer_menuWrap {
  width: 100%;
  margin: 60px auto 0;
  padding: 0;
  position: relative;
}
#footer_menuWrap ul.footer_menu {
  max-width: 640px;
  margin: 0 auto;
  list-style-type: none;
  overflow: hidden;
}
#footer_menuWrap ul.footer_menu li {
  font-size: 0.85em;
  font-weight: 700;
  letter-spacing: 1px; 
  float: left;
  margin: 0 12px;
}
#footer_menuWrap ul.footer_menu li a:hover {
  text-decoration: none;
}
#footer_iconWrap {
  max-width: 1000px;
  margin: 5em auto 0;
  padding-top: 1em;
  padding-bottom: 5.5em;
}
#footer ul#btnSns {
  float: right;
  overflow: hidden;
  list-style: none;
  padding-top: 20px;
  z-index: 100;
  margin: 0 40px 0 0;
}
#footer ul#btnSns li {
  float: left;
  margin-left: 15px;
  display: inline;
  width: 20px;
}
#footer ul#btnSns li a {
  /*background: url(https://file001.shop-pro.jp/PA01328/873/img/nav/btns_sns.png) no-repeat;
  width: 36px;
  height: 37px;
  text-indent: -9999px;*/
  display: block;
}
#footer ul#btnSns li a:hover {
  opacity: 0.5;
  text-decoration: none;
}
#footer #copyright {
  width: 50%;
  margin: 0 auto;
  font-weight: normal;
  font-size: 10px;
  color: #fff;
  text-align: center; 
  position: absolute;
  letter-spacing: 2px; 
  top: 34px;
  left: 0;
  right: 0;
  pointer-events: none;
}
#footerSp {
  display: none;
}

/************************************************* 
item_box
*************************************************/
.item_box {
  height: 400px;
}
.item_photo {
  max-width: 320px;
  width: 100%;
  margin: 0 auto 1em;
}
.item_detail {
  text-align: center;
  padding: 0 1em;
}
.item_name {
  display: block;
  font-size: .85em;
  font-weight: 500;
  text-align: center;
  line-height: 1.35em;
  letter-spacing: .0;
  word-break: keep-all;
}
.item_price {
  display: block;
  font-size: 1em;
  font-weight: bold;
  line-height: 2em;
}
/* 簡易説明 */
.sExpl {
  display: block;
  font-size: .85em;
  font-weight: 400;
  line-height: 1rem;
  color: #e54b0f;
}

div.pager {
  width: 100%;
  margin: 20px 0;
  clear: both;
  overflow: hidden;
}
div.pager .prev {
  float:left;
}
div.pager .next {
  float: right;
}

/************************************************* 
SHOPPING INFORMATION
**************************************************/
div#contInfo {
  width: 100%;
  max-width: 1000px;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 3em;
  padding-top: 128px;
}
div#contInfo #infoSide {
  display: table-cell;
  width: 260px;
  padding-right: 30px;
}
#infoSide li {
  list-style: none;
  margin-bottom: 1.8em;
  text-align: right;
}
#infoSide a {
  color: #9e9e9f;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
#infoSide .infoCurrent, #infoSide a:hover {
  text-decoration: underline;
  color: #000000;
}
#infoSide .infoCurrent {
  cursor: default;
}
div#infoMain {
  display: table-cell;
  width: 70%;
  border-left: solid 1px #000000;
  padding-left: 2em;
  text-align: justify;
}
#infoMain h3 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 2em;
}
#infoMain h3 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 2em;
}
#infoMain h4 {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: .3em;
}
#infoMain .infoItem {
  font-size: 14px;
  margin-bottom: 28px;
}
#infoMain .infoItem ul {
  padding-left: 1em;
}
#infoMain .infoItem p {
  margin-bottom: 14px;
}
#infoMain #infoLead {
  margin-bottom: 2em;
}

/*
#carriageTable th {
  font-weight: bold;
  padding-right: 2em;
  padding-bottom: 1em;
}
#carriageTable td {
  padding-bottom: 1em;
}
#carriageTable td.price {
  text-align: right;
  padding-right: 2em;
}
*/

/*************************************************
SALE ページ 販売価格
**************************************************/
/*
.price_sale,
.price_ORGANIC,
.price_WAPPEN,
.price_105392683,
.price_93804320,
.price_93803617,
.price_105393195,
.price_118345689,
.price_118345823,
.price_118345845,
.price_118345867,
.price_118996647,
.price_118996546,
.price_93803880,
.price_105392987,
.price_116298101,
.price_116302719,
.price_116302730,
.price_116302726,
.price_93800073,
.price_93799982,
.price_93800149,
.price_119652794,
.price_119653003,
.price_93559559,
.price_105393507,
.price_105393550,
.price_93793617,
.price_93793752,
.price_93793567,
.price_104603285,
.price_104586235,
.price_104585198,
.price_133902405,
.price_133902189 {
  font-size:1.2em;
  color:#ff0000;
}
*/

/*************************************************
ドロワー
**************************************************/

#drawer {
  position: fixed;
  top: 0;
  left: -280px;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 280px;
  height: 100%;
  color: #000000;
  background: #ffffff;
  -webkit-overflow-scrolling: touch;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#drawer.open {
  -moz-transform: translate3d(280px, 0, 0);
  -webkit-transform: translate3d(280px, 0, 0);
  transform: translate3d(280px, 0, 0);
}
#drawer h2 {
  float: left;
  width: 60px;
  margin: 15px 0 10px 20px;
  padding: 0;
}
#drawer #drawerClose {
  /*float: right;*/
  width: 56px;
  cursor: pointer;
  margin-top: 12px;
  position: absolute;
  right: 0;
}
.drawer-item {
  /*border-bottom: 1px solid #b4b4b5;*/
  width: 100%;
  clear: both;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: .5em 0;
  font-size: .8em;
}
.drawer-item li {
  width: 100%;
  position: relative;
  line-height: 1.2em;
  padding: 0 0 0 1em;
}
.drawer-item-name {
  font-size: 114.28571%;
  font-weight: 500;
  display: inline-block;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 9px;
  z-index: 1;
}
.drawer-item-name-mypage {
  font-size: 114.28571%;
  font-weight: 500;
  background:url(https://file001.shop-pro.jp/PA01328/873/img/drawer/ico_mypage.svg) no-repeat left;
  background-position: .7em;
  background-size: 10px;
  display: inline-block;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 9px 0 9px 27px;
  z-index: 1;
}
span.arrow {
  position: absolute;
  top: -9px;
  right: 0;
  padding: 8px 15px 0 0; 
  z-index: 2;
  cursor: pointer;
}
span.arrow.arrowRotate {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
#drawer small {
  padding: 15px 15px 30px;
  font-size: 70%;
}

/*************************************************
media
**************************************************/

/* 全てのデバイスサイズに適用 */
@media (max-width: 980px) {
  /* デバイスサイズ 980px以下に適用 */
  
  #header {
 margin: 0 auto;
 padding: 0 20px;
 max-width: 1000px;
  }
  #header h1 {
 margin: 25px auto;
 width: 70px;
 float: initial;
 -webkit-transition: 1s;
 -moz-transition: 1s;
 -o-transition: 1s;
 transition: 1s;
  }
  #header h1 img {
 width: 100%;
  }

  /*
  .headerScr #header h1 {
 width: 80px;
 margin: 0 auto;
 padding-top: 10px;
  }
  */

  ul#hNav {
 display: none;
  }
  #hNavMenu {
 float: left;
 display: block;
 margin: 13px 0;
 padding-top: 20px;
 -moz-transition: 1s;
 -o-transition: 1s;
 transition: 1s;
  }
  #hNavMenu img {
 width: 35px;
  }
  #hCart {
 margin: 28px 0 0;
  }

  /* ヘッダー */

  header h1 {
 width:20%;
 position:absolute;
 top:3px;
 left:40%;  
 max-height:100px;
  }
  #header nav, #header nav ul {
 width:100%;
 overflow:hidden;
 max-height: 100%;
 margin: 0;
  }
  #header nav ul {
 list-style:none;
  }
  #header nav #hNavMenu {
 float:left;
 margin-left:5px;
  }
  #header nav #hNavCart {
 float:right;
 margin-right:5px;
  }
  #header nav #hNavMypage {
 float:right;
 width:12.5%;
  }
  .sCatUl {
 display: none;
 list-style: none;
 border: none;
 margin: 0;
  }
  .sCatUl a {
 font-size: 114.28571%;
 font-weight: 500;
 display: inline-block;
 clear: both;
 width: 100%;
 margin: 0;
 padding: .5em 1em .5em 1em;
 z-index: 1;
  }

  .titleSet {
 display: none;
  }
  .titleSetSp {
 display: block;
 margin-top: 3em;
 margin-bottom: 5em;
 text-align: center;
  }
  .titleSetSp .storyof {
 width: 70px;
 margin: 0 auto 2em;
  }
  .titleSetSp h2 {
 font-size: 3em;
 margin-bottom: 1em;
  }
  .textWrap h3 {
 font-size: 1.5em;
 line-height: 1.7em;
 font-weight: 500;
 margin: 0 0 1em 0;
  }
  .imgFull {
 margin: 0 auto;
 float: none;
  }
  .contCenter {
 margin: 0 0 3em 0;
  }
  .contCenter .textWrap {
 padding: 3em;
  }
  contLeft {
 margin: 0 0 3em 0;
  }
  .contRight {
 margin: 0 0 3em 0;
  }
  .bnrWrap {
 padding: 3em 2em;
  }
  #footer_menuWrap ul.footer_menu {
 width: 100%;
  }
}
@media (max-width: 780px) {
  /* デバイスサイズ 780px以下に適用 */
  .paddingTop {
 padding-top: 110px;
  }
  .contLeft .textWrap {
 max-width: none;
 margin: 0 auto;
 float: none;
  }
  .contRight .textWrap {
 max-width: none;
 margin: 0 auto;
 float: none;
  }
  .bnrWrap {
 font-size: .8em;
 padding: 0em 2em 6em;
  }
  .toSchedule {
 margin-bottom: 1em;
  }
}
@media (max-width: 768px) {
 /* デバイスサイズ 768px以下に適用 */
 .item_box {
 height: 320px;
  }
 .item_name {
  display: block;
  font-size: .75em;
 }
 /* layout */
 .icon_box {
 width: 100%;
 height: auto;
 margin: 0 auto 2em;
 padding: 0 1em;
 text-align: justify;
  }
  .icon_photo {
 width: 100%;
 margin: 0 auto 1em;
  }
  .w1000In {
 width: 100%;
 margin: 0 auto;
 padding: 0 .5em;
  }

  /*
  .section {
 border-bottom: solid 1px #e0e0e0;
  }
  .section-inner {
 padding: 0 20px 20px;
  }
  */

  .titleCenter {
 width: 100%;
 margin-bottom: 1.6em;
  }

  div.pager {
 padding: 0 30px;
  }
  
  /* フッター */
  
  #footerWrap {
 display: none;
  }
  #footer {
 display: none;
  }
  #footerSp {
 display: block;
 width: 100%;
 background-color: #513729;
 margin: 0 auto;
 position: relative;
  }
  #footerSp h2 {
 float: left;
 width: 100px;
 margin: 10px 0 0 2em;
  }
  #footerSp h2 img {
 width: 100%;
  }
  #footerSp a {
 color: #666;
  }
  #footerSp_iconWrap {
 width: 100%;
 margin: 0 auto;
 padding: 3em 0 5em 0;
 position: relative;
  }
  #btnPt {
 position: absolute;
 left: -24px;
 top: -42px !important;
 margin-left: 50%;
  }
  #btnPt img {
 width: 48px;
  }
  #footerSp #copyright {
 margin: 0;
 padding: 0 0 2em 0;
 font-weight: normal;
 font-size: 10px;
 color: #fff;
 text-align: center; 
 letter-spacing: 3px;
 position: relative;
 top: 0;
 left: 0;
 right: 0; 
 width: 100%;
  }
  #footerSp #logoBtm {
 clear: both;
  }
  #footerSp ul#btnSns {
 float: right;
 margin: 0 2em 0 0;
 overflow: hidden;
 list-style: none;
 padding-top: 10px;
 z-index: 100;
  }
  #footerSp ul#btnSns li {
 float: left;
 width: 23px;
 margin-left: 1.2em;
 display: inline;
  }
}

@media (max-width: 480px) {
  /* デバイスサイズ 480px以下に適用 */
 
 /*** タイトル(new) ***/
  .titleWrap {
 margin: 4em auto;
  }
  .titleWrapTop {
 margin: 2.5em auto 3em;
  }
  h2.titleCenter {
  }
  .titleNos img {
 width: 150px !important;
  }
  .titleColumn img {
  }
  .titleReleased img {
 width: 112px !important;
  }
  .titleSchedule img {
 width: 188px !important;
  }
  .titleShopinfo img {
 width: 150px !important;
  }
  .titleDelivery img {
 width: 120px !important;
  }
  .titleBlog img {
 width: 90px !important;
  }
  .titlePrivacy img {
 width: 225px !important;
  }
  .titleWorkshop img {
 width: 225px !important;
  }
  h5.titleCenter {
  }
  .paddingTop {
    padding-top: 0;
  }
  #headerWrap {
 display: none;
  }
  #headerWrapSp {
 display: block;
 width: 100%;
 /*background-color: rgba(255,255,255,0.9);*/
 position: fixed;
 z-index: 10000;
 top: 0;
 -webkit-transition: 1s;
 -moz-transition: 1s;
 -o-transition: 1s;
 transition: 1s;
  }
  p {
 font-size: 14px;
  }
  .logoSp {
 display: none;
 margin: 2px 0 0 1em;
  }
  #header {
 padding: 0;
  }
  #header h1 {
 margin: 15px 0;
 width: 60px;
  }
  #hNavMenu {
 float: right;
 margin: 26px 1.5em;
 padding-top: 0;
 width: 24px;
  }
  #hNavMenu img {
 width: 24px;
  }

  /*
  .headerScr #header h1 {
 width: 60px;
  }
  .headerScr #hNavMenu {
 margin: 6px 0 .25em;
 padding-top: 10px;
  }
  */

  #hCart {
 float: right;
 margin: 12px auto 0;
  }
  #hCart > a {
 display: block;
 background: url(https://www.likethis.jp/ec/tanbonowa/img/common/cart.svg) no-repeat;
 height: auto;
 padding-top: 8px;
 padding-left: 30px;
  }
  #header span.count {
 font-size: 10px;
 padding: 5px 8px;
 border-radius: 15px;
  }

  /*
  .headerScr #hCart {
 margin: 0;
  }
  */

  #main {
   margin-bottom: 0;
  }
  #contWrap {
 /*margin: 0 auto 3em;*/
  }
  .w1000In {
 padding: 0 1rem;
  }
  .item_box {
 height: 20rem;
  }
  .item_photo {
 width: auto;
  }
  .item_detail {
 text-align: center;
 padding: 0;
  }
  .titleCenter img {
 width: 140px;
  }
  div#contInfo {
 padding-top: 45px;
  }
  div#contInfo #infoSide {
 display: none;
  }
  div#infoMain {
 display: block;
 width: 100%;
 border-left: none;
 padding-left: 0;
 text-align: justify;
  }
  #footerSp_iconWrap {
 padding: 1.5em 0 4em 0;
  }
  #footerSp #copyright {
 font-size: 0.7em;
 letter-spacing: 2px;
  }
  .story {
 margin: 0;
 padding-top: 45px;
  }
  .storyof {
 width: 80px;
 float: none;
 margin: 0 auto;
 padding: 1em;
  }
  .titleSetSp {
 margin-top: 3em;
 margin-bottom: 4em;
  }
  .titleSetSp .storyof {
 width: 80px;
 margin: 0 auto;
  }
  .titleSetSp h2 {
 font-size: 2em;
  }
  .textWrap p {
 font-size: .9em;
 line-height: 1.85em;
  }
  h3.tagline {
 font-size: .9em;
  }
  p.textlink {
 font-size: 1em;
  }
  ul.bold {
 font-weight: 500;
 font-size: .9em;
  }
  ul.bold li {
 margin: 0 0 1em 0;
  }
  .contLeft {
 margin: 0;
  }
  .contRight {
 margin: 0;
  }
  .contCenter .textWrap {
 padding: 2em;
  }
  .contLeft .textWrap {
 padding: 2em;
  }
  .contRight .textWrap {
 padding: 2em;
  }
  .toSchedule {
    height: 115px;
    padding: 3rem 0;
    border-radius: 9px;
    font-size: 1.5em;
    background-position: center -300px;
  }
  .toBlog {
 padding: 1.2em 0;
 border-radius: 9px;
  }
  /* 簡易説明 */
  .sExpl {
    font-size: .7em;
  }
}