@charset "utf-8";
/* CSS Document */
/* -----------------------------------------------------------
	en-css
------------------------------------------------------------*/

/* -----------------------------------------------------------
	common
------------------------------------------------------------*/
html,body {
height:100%;
margin:0;
}

html {
font-family: serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
font-weight: 500;
color:#111;
line-height:1.8;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-webkit-overflow-scrolling: touch;
}

/* serif */
body, table, th, td, p, li, dt, dd, div, span,.go {
font-family: 'Times New Roman', serif;
font-weight: 500;
}

/* en-font */
.en {
  font-family: 'Times New Roman', serif;
}
#header *,#footer * {
  font-family: 'Roboto', sans-serif;
}
#header * {
  letter-spacing: 0.1em;
}
/* sans-serif */
.go {
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
}
h1,h2,h3,h4,h5 {
font-weight: 500;
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
p,li,dt,dd,th,td,div,span,em {
color: #000;
line-height: 1.4;
word-wrap: break-word;
}

ul,ol {
padding-left:0;
margin:0;
}
li {
list-style: none;
}

table {
width: 100%;
border-collapse: collapse;
}
a {
  word-break: break-word;
  color:#000;
}
a:hover {
  color:#333;
}

#main a,#header a, #footer a {
  text-decoration: none;
}

@media screen and ( min-width: 751px ){
  a {
  -webkit-transition: background  0.3s ease, color 0.3s ease;
  -moz-transition: background  0.3s ease, color 0.3s ease;
  -o-transition: background  0.3s ease, color 0.3s ease;
  transition: background  0.3s ease, color 0.3s ease;
}
	a:hover {
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	opacity: 0.7;
	cursor:pointer;
  transition:opacity 0.3s;
  text-decoration: none;
	}

	a:hover img {
	-ms-filter: "alpha(opacity=70)";
	filter: alpha(opacity=70);
	}
	#page-top a:hover {
  text-decoration: none;
  opacity: 0.7;
	}
}

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

article:after,main:after,
clearfix:after {
content: "";
display: block;
clear: both;
}


/* -----------------------------------------------------------
common default
------------------------------------------------------------*/
.ac { margin:auto; }
.tc { text-align:center!important; }
.tl { text-align:left!important; }
.fl { float:left; }
.fr { float:right; }
.bold { font-weight:bold; }

.inline { display:inline-block; }
.block { display:block; }
.super { vertical-align: super; font-size:10px;}

/* -----------------------------------------------------------
font-sizse
------------------------------------------------------------*/
html { font-size: 62.5%; }

@media screen and (min-width:768px) {
  html {
  font-size: 70.5%;
  }
  body { font-size: 1.8rem; }
  h1 { font-size: 2.6rem; }
  h2 { font-size: 2.4rem; }
  p,div,span,li,i,td,th,em,dt,dd {
    font-size:1.8rem;
  }
  p {
    margin:1rem 0 2rem;
  }
}

/* ノートPC1280 */
@media screen and (max-width:1279px) {
  html {
  font-size: 68.5%;
  }
}
@media screen and (max-width:1023px) {
  html {
  font-size: 60%;
  font-size:60%;
  }
}

@media screen and (max-width:767px) {
  html {
  font-size: 70.5%;
  }
  body { font-size: 1.3rem; }
  h1 { font-size: 2.2rem; }
  h2 { font-size: 1.8rem; }
  p,div,span,li,i,td,th,em,dt,dd {
    font-size:1.3rem;
  }
}


/* -----------------------------------------------------------
page
------------------------------------------------------------*/

.full {
width: 100%;
}
.container {
margin: 0 auto;
max-width:1344px;
position: relative;
width:95%;
}
.container.medium {
max-width:960px;
margin: 0 auto;
position: relative;
width:95%;
}
.container.small {
max-width:894px;
margin: 0 auto;
position: relative;
width:95%;
}

/* -----------------------------------------------------------
bootstrap reset
------------------------------------------------------------*/

a:focus, a:active {
outline: none;
outline-offset: 0;
text-decoration: none;
}
.btn:active, .btn.active {
box-shadow:none;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
outline:none;
}
.btn-link:hover {
  text-decoration:none;
}

/* -----------------------------------------------------------
box
------------------------------------------------------------*/
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }
.pb60 { padding-bottom:60px; }
.pb80 { padding-bottom:80px; }
.pb100 { padding-bottom:100px; }

.pt60 { padding-top:60px; }
.pt70 { padding-top:70px; }
.pt80 { padding-top:80px; }
.pt5 { padding-top:3px; }
.pl10 { padding-left:10px; }
.pl20 { padding-left:20px; }
.mt80 { margin-top:80px; }
.mt100 { margin-top:100px; }
.mt120 { margin-top:120px; }
.mt140 { margin-top:140px; }

.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.mb70 { margin-bottom:70px; }
.mb80 { margin-bottom:80px; }
.mb100 { margin-bottom:100px; }
.mb110 { margin-bottom:110px; }
.mb120 { margin-bottom:120px; }
.mr20 { margin-right:20px; }
.pt30 { padding-top: 30px; }
.pb20 { padding-bottom:20px; }
.vt { vertical-align: top; }
.tr { text-align :right; }
.bgfff { background: #fff; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }
.fs24 { font-size: 24px; }
.fs26 { font-size: 26px; }
.fs28 { font-size: 28px; }
.fs30 { font-size: 30px; }
.fs32 { font-size: 32px; }
.fs34 { font-size: 34px; }
.fs36 { font-size: 36px; }
.fs38 { font-size: 38px; }
.fs40 { font-size: 40px; }

.fa {
line-height: 1;
}
i.far {
margin-left:3px;
}
.index ul {
  margin-bottom:0;
}


/* -----------------------------------------------------------
PC MENU
------------------------------------------------------------*/

/* PC768 */
@media screen and (min-width: 768px) {
a[href^="tel:"] { pointer-events: none; }
.products-read h3 span.txt-m {
  white-space: nowrap;
}

}


/*-------------------------------------------------------------
header menu
---------------------------------------------------------------*/

#header {
width:100%;
position: relative;
}
#header:before {
  content:"";
  position: absolute;
  top:0;
  left:0;
  height:3px;
  width:100%;
  background:#00146e;
}
.header-wrap {
  background: #fff;
  margin:auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width:1344px;
  margin:auto;
}
#header,#top-contact,#top-contact a,.header-wrap {
  height: 70px;
}
#top-logo {
  width:260px;
  margin-left:32px;
}
#top-logo h1 {
  margin:0;
  line-height: 1;
}
#header-menu {
  display: flex;
  justify-content: flex-end;
  flex-wrap:wrap;
width: calc(100% - 260px);
}
ul#menu {
  margin:0;
  padding:0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width:160px;
  padding-right:32px;
}
ul#menu li {
  position: relative;
  color:#00146e;
}
ul#menu li,
ul#menu li a {
  width:2.5em;
  letter-spacing: 0.05em;
  font-size: 1.6rem;
}
ul#menu li:after {
  content:"/";
  position: absolute;
  top:0;
  left:-0.9em;
  font-size:95%;
}
ul#menu li:first-of-type:after {
  content:none;
}
ul#menu li a {
  color:#999;
}
ul#menu li a:hover {
  color:#00146e;
}
#top-contact {
  width:208px;
}
#top-contact a {
  width:100%;
  background: #00146e;
  color:#fff;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size:1.38rem;
  position: relative;
  padding-left:1.5em;
}
#top-contact a:before {
  content:"";
  position: absolute;
  top:0;
  bottom:0;
  left:16%;
  margin:auto;
  width:18px;
  height: 14px;
  background:url(../img/icn-mail.svg)no-repeat 0 top;
  background-size:contain;
}

}

/* -----------------------------------------------------------
footer
------------------------------------------------------------*/
#footer {
position: relative;
padding:0;
}
#footer-top {
max-width:100%;
height:176px;
display: flex;
justify-content: center;
align-items: center;
margin:auto;
background: #fff;
}
.footer-logo {
width:300px;
max-width:70%;
}
#footer-copyright {
  text-align: center;
  background: #00146e;
  width:100%;
  height:64px;
  display: flex;
  justify-content: center;
  align-items: center;
}
p.footer-copyright {
color:#fff;
font-size:1.15rem;
margin:0;
}

/* -----------------------------------------------------------
	pageTop
------------------------------------------------------------*/

/* scroll top */
#page {
  position: relative;
}
#page-top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  background: #00146e;
  border:1px solid #fff;
  display: block;
  width: 44px;
  height: 44px;
  margin:0;
  z-index: 10;
}

#page-top a {
  text-decoration: none;
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  display: block;
  text-indent: -9999px;
}
#page-top a:after {
  content: "";
  position: absolute;
  left: 16px;
  top: 19px;
  width: 12px;
  height: 12px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 10;
}
#page-top:hover {
text-decoration: none;
opacity: 0.8;
}

/*---------------------------------------------
flexbox
-----------------------------------------------*/
.flex-box {
	display:flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	text-align:center;
	justify-content: center;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
  align-items: flex-start;
}
.flex-box.max-height {
    align-items: inherit;
}
.flex-box li {
width: 100%;
}
/* IE10 */
@media all and (-ms-high-contrast: none) {
	/* \9  */
	.flex-box li {
		flex-shrink: 1\9; /* for IE10 */
	}
}
.container > img { flex:1 1 auto; width: 0%; }

.object-fit{
  object-fit: cover;
  font-family: 'object-fit: cover;'
}


/*---------------------------------------------
common
-----------------------------------------------*/
#main {
padding: 0;
margin:auto;
/* max-width:1344px; */
}
.br::before {
	content: "\A" ;
	white-space: pre ;
}
.br2:after {
content: "\000A";
white-space: pre-wrap;
}

/* -----------------------------------------------------------
index
------------------------------------------------------------*/

#mv {
width:100%;
height: 100%;
overflow: hidden;
background-size: cover;
position: relative;
margin: auto;
text-align: center;
}
#mv, #main {
  width:100%;
}
#mv h1 {
  margin:0;
}
#mv-btn {
  width:95%;
  position: absolute;
  bottom:40px;
  left:0;
  z-index: 1;
}
#mv-btn li {
  max-width:880px;
  margin:auto;
  display: flex;
  justify-content: flex-end;
}


#read-area {
  position: relative;
  margin-bottom:60px;
}
#read-area:before {
  content:"";
  position: absolute;
  right:0;
  top:0;
  background: url(../img/bg-read.png) no-repeat 110% top;
  background-size:contain;
  width:222px;
  height: 201px;
  z-index: -1;
}

#read-area .read-inner {
  max-width:900px;
  width:95%;
  margin:auto;
}
.read-top {
  margin:32px auto 2rem;
  padding:16px 16px 16px;
  border:1px solid #ccc;
  background: #fff;
}
.read-top p {
  font-size:1.6rem;
  margin:0;
}
p.read-appeal {
  font-size:3.6rem;
  line-height: 1.2;
  color:#00146e;
  text-align: center;
  margin: 4.5rem auto 5rem;
}
.read-cv {
  margin:0 auto 6rem;
  padding:0 2rem;
}
.read-cv p {
  font-size:1.4rem;
}
/* products-cherry */
#products-cherry {
  margin:6rem auto;
}
#dark-cherry {
  margin:6rem auto 10rem;
}
.label-ma {
  margin:1em 0 0;
}
.txt-8 {
  color: #00a0e9;
  margin:5px 0 0;
  line-height: 1;
}
.products-wrap {
  max-width:1000px;
  width:95%;
  margin:auto;
}
.ttl-area {
  margin:0 auto 50px;
  text-align: center;
}
#canada .ttl-area {
  margin-bottom:2rem;
}
h2.ttl-h2 {
  display: inline-block;
  text-align: center;
  z-index: 1;
  position: relative;
}
h2.ttl-h2:before {
  content:"";
  position: absolute;
  z-index: 0;
  left:-70px;
  top: 1.6em;
  background: #000;
  width:70px;
  height:1px;
}
h2.ttl-h2:after {
  content:"";
  position: absolute;
  z-index: 0;
  right:-70px;
  top: 1.6em;
  background: #000;
  width:70px;;
  height:1px;
}
 h2.ttl-h2 span {
  padding:0 16px;
  font-size:4.8rem;
  font-weight: 400;
  background: #fff;
  position: relative;
  z-index: 1;
}

h2.ttl-h2 span:before {
  content:"";
  position: absolute;
  z-index: 0;
  left:-70px;
  top: 0;
  bottom:0;
  margin:auto;
  background: #000;
  width:70px;
  height:4px;
}
h2.ttl-h2 span:after {
  content:"";
  position: absolute;
  z-index: 0;
  right:-70px;
  top: 0;
  bottom:0;
  margin:auto;
  background: #000;
  width:70px;;
  height:4px;
}
h2.ttl-h2 i {
  font-style: normal;
  font-size:4rem;
  font-weight: 400;
}

/* products-box */
.products-box {
  display: flex;
  justify-content: space-between;
  align-content:flex-start;
  margin-bottom:96px;
  width:100%;
}
.products-img {
  width:50%;
}
.products-txt {
  width:50%;
  padding: 0 2% 0 32px;
  box-sizing: content-box;
}
.products-read {
  margin:0;
  padding: 0 0 0 5px;
}
.products-read h3 {
  font-size:3rem;
  line-height: 1.1;
  margin:0 0 10px;
}
.products-read p {
 margin:10px 0 15px;
 line-height: 1.2;
 font-size:1.9rem;
 padding-right:10px;
}
.products-middle {
  padding:0 18px 0 5px;
}
.products-middle p.appeal {
  color:#00146e;
  font-size:2.1rem;
  line-height: 1.2;
  margin:0 0 8px 0;
  font-weight: 500;
}
.products-speck {
margin:0;
}
.products-middle .orderby {
  padding:0 0 0 5px;
}
.products-middle .orderby img {
  padding-right:13px;
  vertical-align:top;
}
.products-middle .orderby img:first-of-type {
  margin-bottom:10px;
}
.orderby p {
    margin-top: 10px;
}
.products-btn {
  margin:40px auto;
  text-align: center;
}
/* canada */
#canada {
  margin-bottom:16rem;
}
.ttl-canada {
  background: #e2071a;
  max-width:1000px;
  margin:12rem auto 3rem;
  height:148px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  line-height: 1.2;
  position: relative;
}
.ttl-canada:before {
  content:"";
  position: absolute;
  top:4px;
  left:0;
  width:100%;
  height: 3px;
  background: #fff;
}
.ttl-canada:after {
  content:"";
  position: absolute;
  bottom:3px;
  left:0;
  width:100%;
  height: 1px;
  background: #fff;
}
.ttl-canada span {
  color:#fff;
  font-size:3.8rem;
  padding-left:10rem;
  line-height: 1.2;
  text-align: center;
  position: relative;
}
.ttl-canada span:before {
  content:"";
  position: absolute;
  left:-6rem;
  top:0;
  bottom:0;
  margin:auto;
  background: url(../img/icn-canada.png)no-repeat 0 0;
  width:145px;
  height:104px;
  background-size:contain;
}
.canada-copy {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  line-height: 1;
  max-width: 100%;
  margin:0 0 4rem 2rem;
}
.canada-copy-img {
  width: 24%;
}
.canada-copy-txt {
  width: 74%;
  font-size: 3.4rem;
  font-weight: 500;
  line-height: 1.1;
  text-align: left;
}
.canada-copy-txt .small-txt {
  font-size:80%;
}
#canada .products-read h3 {
  font-size: 2.2rem;
  margin-bottom: 1.5rem;
  max-width: 420px;
  margin-bottom:1.5rem;
  }
a.btn-blue {
  width:250px;
  height:54px;
  border-radius: 54px;
  background: #00146e;
  color:#fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-left:0.5em;
  margin:auto;
  line-height: 1.3;
}
a.btn-blue:before {
  content:"";
  position: relative;
  top:-1px;
  bottom:0;
  left:-0.5em;
  background: url(../img/icn-shop-white.svg)no-repeat center 0;
  background-size:contain;
  width:20px;
  height: 18px;
}
#a02 .pproducts-read h3 {
  font-size:3.3rem;
}
#a02 .pproducts-read p {
  font-size:1.9rem;
}
/* end-of-sale */
li.btn-gray {
  width:250px;
  height:54px;
  border-radius: 54px;
  background: #666666;
  color:#fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding:0 0 0px 5px;
  margin:auto;
  line-height: 1;
}
li.btn-gray:before {
  content:"";
  position: relative;
  top:0;
  bottom:0;
  left:-10px;
  background: url(../img/icn-shop-white.svg)no-repeat center 0;
  background-size:contain;
  width:20px;
  height: 18px;
}


/* geewhiz */
.geewhiz-wrap {
  max-width:1120px;
  width:95%;
  margin:auto;
  background: #fff;
  border-radius: 8px;
  padding:48px 0 5px;
}
.geewhiz-read {
  max-width:940px;
  width:95%;
  margin:auto;
}
.geewhiz-ttl img {
  vertical-align: middle;
}
h2.geewhiz-ttl {
  text-align: center;
  font-size:4.4rem;
  margin:0 auto 20px;
}
h2.geewhiz-ttl img {
  margin-right: 18px;
}
.geewhiz-read p.read {
  font-size:2rem;
  padding:0 10px;
  margin-bottom:10px;
}
.geewhiz-read p.sub {
  font-size:1.65rem;
  margin-bottom:20px;
  padding-left:10px;
}

/* geewhiz-check */
.geewhiz-check {
  max-width:900px;
  width:90%;
  margin:0 auto 0;
  padding:0 0 50px 0;
  background: url(../img-en/check-img.png)no-repeat 98% 0;
}
.check-txt {
  max-width:54%;
  padding-top:10px;
  margin-top:50px;
}

.geewhiz-flow {
  max-width: 960px;
  width: 95%;
  margin: 0 auto 40px;
  background: url(../img/line01.png) repeat-x center bottom;
  padding-bottom: 50px;
}
.geewhiz-flow p {
  margin-bottom:15px;
  line-height:1.3;
}
.geewhiz-flow ul {
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
}
ul.geewhiz-step li {
  width:24%;
  font-size:1.6rem;
  line-height: 1.3;
}
ul.geewhiz-step li img {
  margin-bottom:8px;
}

/* products-geewhiz */
#products-geewhiz h2.ttl-h2 i {
  font-size:3.9rem;
}
#products-geewhiz h2 img {
  vertical-align: middle;
}

.co-ge {
  color:#e03723;
}
.products-read h3 span {
  font-size:2.8rem;
  line-height: 1.4;
}
#products-geewhiz .products-middle {
    padding: 0 5px 0 0px;
}
.products-read h3 span.txt-m {
  font-size: 95%;
  letter-spacing: -0.05em;
}
.products-read h3 span.txt-ls {
  letter-spacing: -0.08em;
}
#a06.products-box {
  margin-bottom:60px;
}


/* cherry-variety */
#cherry-variety {
  position: relative;
  background: url(../img/bg-drop.png) no-repeat center top;
  background-size:contain;
}
#cherry-variety:before {
  content:"";
  position: absolute;
  left:0;
  top:0;
  background: url(../img/bg-variety01.png) no-repeat -135px 0;
  background-size:contain;
  width: 280px;
  height: 274px;
  max-width: 25%;
}
#cherry-variety:after {
  content:"";
  position: absolute;
  right:0;
  top:-50px;
  background: url(../img/bg-variety02.png) no-repeat 305px 0;
  background-size:contain;
  width: 553px;
  height: 416px;
  max-width: 48%;
}
.variety-wrap {
  max-width:800px;
  width:95%;
  margin:0 auto 0;
  padding-top:80px;
  text-align: center;
}
h2.ttl-variety {
  color:#b71a35;
  font-size:4.5rem;
  line-height: 1.2;
  letter-spacing: -0.03em;
  text-align: center;
  margin:0 auto 15px;
  font-weight: 600;
}
.variety-wrap p.read {
  font-size:3.2rem;
  margin-bottom:30px;
  text-align: center;
}
.variety-wrap .variety-img {
  margin-bottom:35px;
}
h3.h3-variety {
  display: inline-block;
  width:100%;
  margin-bottom:10px;
}
h3.h3-variety span {
  position: relative;
  font-size:3rem;
  background: #fff;
  padding:0 24px;
}
h3.h3-variety span:before {
  content:"";
  position: absolute;
  top:0.8em;
  left:-50px;
  margin:auto;
  height: 1px;
  width:50px;
  background: #000;
}
h3.h3-variety span:after {
  content:"";
  position: absolute;
  top:0.8em;
  right:-50px;
  margin:auto;
  height: 1px;
  width:50px;
  background: #000;
}
.variety-txt {
  margin-bottom:60px;
}
.variety-appeal {
  margin-bottom:80px;
}
.variety-appeal p {
  font-size:2.2rem;
  margin-bottom:0;
}
.variety-appeal p.appeal {
  margin:10px 0 0 0;
}
.variety-appeal p.appeal em {
  font-size:3.6rem;
  color:#b71a35;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.marker {
  background: linear-gradient(transparent 75%, #fdecec 75%);
  font-style: normal;
  padding-bottom: 0;
  font-size: inherit;
  line-height: 1.4;
}
.bnr-shop {
  max-width: 960px;
  width:95%;
  margin:0 auto 120px;;
}
.bnr-shop a {
  display: block;
}
/* guide */
#guide {
  border-top: 10px solid #00146e;
  padding: 60px 0 120px;
}
.guide-wrap {
  max-width:960px;
  width:95%;
  margin:auto;
}
.guide-wrap h2.guide-h2 {
  font-size:4.8rem;
  margin:0 0 80px;
  text-align: center;
}
.guide-wrap h3.guide-h3 {
  font-size:2.8rem;
  padding:0 0 8px 0;
  margin:70px 0 15px;
  border-bottom:2px solid #00146e;
}
.guide-wrap h3.guide-h3 span.txt-larg {
  margin-left:10px;
  font-size:2.6rem;
}
.g-sec {
}
.g-sec p {
  font-size:1.6rem;
}
.g-sec p.mb {
  margin-bottom:2rem;
}
dl.guide-dl {
  margin:10px 0 20px;
}
dl.guide-dl + dl {
  margin-top:10px;
}
dl.guide-dl dt {
  font-size: 2.3rem;
  padding: 0 0 8px 28px;
  background: url(../img/icn-circle.svg) no-repeat 0 0.3em;
  background-size: 22px 22px;
}
.en-size {
  font-size:115%;
}
dl.guide-dl dd {
  font-size:1.6rem;
  padding: 0;
  margin: 0;
}
dl.guide-dl dd.txt-m {
  font-size:2rem;
}
dl.guide-dl dd .tel-num {
  font-size:2.1rem;
}
dl.guide-dl dd .tel-info {
  font-size:1.7rem;
}
dl.guide-dl dd .tel-info .txt-note {
  font-size:90%;
}
ul.guide-list {
  margin: 0 0 40px 0;
}
ul.guide-list li {
  position: relative;
  padding:0 0 0 1em;
  font-size:1.6rem;
  margin:0 0 10px 0;
}
ul.guide-list li:before {
  content:"-";
  position: absolute;
  top:0;
  left:0;
}
p.txt-blue {
  color:#00146e;
  font-size:2rem;
  margin-top:15px;
}
.note-box {
  padding:16px;
  border:1px solid #ccc;
}
.note-box p {
  /* font-size:1.4rem; */
  margin:0;
}

/* -----------------------------------------------------------
btn
------------------------------------------------------------*/
/* mv-btn */
a.btn01 {
  width:250px;
  height: 54px;
  border-radius: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background: #d6d2eb;
  color:#00146e;
  padding-left:2em;
  font-weight: bold;
  line-height: 1;
}
a.btn01:before {
  content:"";
  position: absolute;
  top:0;
  bottom:0;
  left:20%;
  margin:auto;
  background: url(../img/icn-shop-blue.svg)no-repeat center top;
  background-size:contain;
  width:20px;
  height: 18px;
}
a.btn01:hover {
  opacity: 1;
  color: #fff;
  background:#00146e;
}
a.btn01:hover:before {
  content:"";
  position: absolute;
  top:0;
  bottom:0;
  left:20%;
  margin:auto;
  background: url(../img/icn-shop-white.svg)no-repeat center top;
  background-size:contain;
  width:20px;
  height: 18px;
}



.btn-area {
padding:0;
overflow: hidden;
}
.btn-area li {
list-style: none;
}
.btn:after {
  content:"\f078";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  font-size:16px;
  display: block;
  right:20px;
  top:0;
  bottom:0;
  margin:auto;
}
ul.btn-one  {
  position: relative;
  z-index: 2;
  margin:40px 0 0;
}
.btn-one li {
}
.btn-one a {
  background: #000;
  color:#fff;
  width: 340px;
  height: 64px;
  border-radius: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:auto;
  max-width:90%;
}

/* faq */
#faq {
  background: #d6d2eb;
  padding:80px 0 120px;
}
.faq-wrap {
  max-width: 960px;
  width:95%;
  margin:auto;
}
.faq-wrap dl {
  margin:0 0 35px;
}
.faq-wrap dt {
  background: #867fab;
  color:#fff;
  font-size:2.1rem;
  padding:18px 18px 18px 64px;
  line-height: 1.3;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.faq-wrap dt,
.faq-wrap dd {
  position: relative;
  margin:0;
}
.faq-wrap dd {
  background: #fff;
  padding:18px 18px 18px 64px;
  font-size:1.6rem;
}
h2.ttl-faq {
  font-size:4.8rem;
  margin:0 auto 40px;
  text-align: center;
}
.faq-wrap dt:before {
  content:"Q";
  font-family: 'Times New Roman';
  position: absolute;
  left:20px;
  top:10px;
  font-size:3rem;
}
.faq-wrap dd:before {
  content:"A";
  font-family: 'Times New Roman';
  position: absolute;
  left:20px;
  top:16px;
  font-size:3rem;
  color:#8e7239;
  line-height: 1;
}

.order-area {
  background: url(../img/bg-footer.png)no-repeat center top;
  background-size:cover;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 288px;
}
a.btn-one.type01 {
  width: 420px;
  height: 72px;
  border-radius: 72px;
  background: #00146e;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-left: 1em;
  margin: auto;
  border:1px solid #fff;
  font-size:2.4rem;
  line-height: 1;
  z-index: 2;
}
a.btn-one.type01:hover {
  background: #263784;
  opacity: 1;
}
a.btn-one.type01:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin:auto;
  left: 22%;
  background: url(../img/icn-shop-white.svg)no-repeat center -1px;
  background-size: contain;
  width: 28px;
  height: 25px;
}




/*---------------------------------------------
mediaQuery
-----------------------------------------------*/
/* pc-menu */
@media screen and (max-width:1430px) {
#top-logo {
  margin-left:0;
  width:200px;
  padding-left:20px ;
}
}


@media screen and (max-width:1279px) {
  #read-area:before {
    right:0;
    background-size:180px;
  }
}


@media screen and (min-width:1024px) {
.pc-s {
  display: none;
}
}

@media screen and (max-width:1023px) {
.tb {
  display: none!important;
}
#header, #top-contact, #top-contact a,.header-wrap {
  height: 60px;
}
#top-contact {
  width: 158px;
}
#top-contact a:before {
left:13%;
}
#top-contact a {
padding-left:1.8em;
}
ul#menu {
  padding-right:15px;
}
#read-area:before {
  display: none;
}

h2.ttl-h2:before,.ttl-h2:after {
    top: 2.95em;
}
h2.ttl-variety {
  font-size: 3.8rem;
}
.variety-wrap p.read {
  font-size: 2.6rem;
}
.ttl-area {
  margin: 0 auto 30px;
}
#products-cherry {
  margin: 0px auto 20px;
}
.products-box {
margin-bottom:80px;
}
#a06.products-box {
  margin-bottom: 30px;
}
.order-area {
height:228px;
}
#footer-top {
  height: 146px;
}
.guide-wrap h2.guide-h2 {
  margin: 0 0 60px;
}
.footer-logo {
  width: 320px;
}
a.btn-one.type01 {
  width: 340px;
  height: 64px;
  font-size:2.2rem;
}
a.btn-one.type01:after {
  width: 24px;
  height: 22px;
  top:2px;
}
.guide-wrap h2.guide-h2,h2.ttl-faq  {
    font-size: 3.8rem;
    margin: 0 0 50px;
}
.guide-wrap h3.guide-h3 {
    font-size: 2.4rem;
margin: 50px 0 15px;
}

.products-txt {
  padding: 0 0 0 32px;
}
h2.geewhiz-ttl {
  font-size: 3.4rem;
}
.check-txt {
  max-width: 45%;
}
.geewhiz-check {
  background-size: contain;
}
#cherry-variety:before {
  background: url(../img/bg-variety01.png) no-repeat -100px 0;
  background-size: contain;
}
#cherry-variety:after {
background: url(../img/bg-variety02.png) no-repeat 245px 0;
  background-size: contain;
}
#faq {
    padding: 50px 0 80px;
}
#footer-top {
    height: 126px;
}
#guide {
    padding: 40px 0 80px;
}
.products-read h3 br {
  display: none;
}
a.btn01 {
  width:220px;
}
/* canada */
.ttl-canada span {
  font-size: 2.3rem;
}
.ttl-canada {
  height: 100px;
}
.ttl-canada span:before {
  background-size:80%;
  background-position:0 center;
}
.ttl-canada {
   margin:8rem auto 2rem;
}
.canada-copy-txt {
  font-size:2.6rem;
}
.canada-copy-txt {
  text-align: left;
  padding-left:2rem;
}
.canada-copy {
  margin-bottom:5rem;
}
#canada .products-read h3 {
  font-size: 1.8rem;
}
#canada {
  margin-bottom: 10rem;
}
.read-cv p {
  font-size: 13px;
}
}



/*--------------------------------------------------
767px
/*--------------------------------------------------*/

@media screen and (max-width: 767px) {
p, li, dt, dd, th, td, div, span, em {
font-size:1.4rem;
}
#page { min-width: initial; }

/* -----------------------------------------------------------
index767
------------------------------------------------------------*/
#top-contact a {
  font-size: 1.15rem;
}
ul#menu li, ul#menu li a {
  font-size:1.6rem;
}
ul#menu {
  padding-right: 0;
}
p.read-appeal {
  font-size: 2.4rem;
}
.read-top p {
  font-size: 1.4rem;
}
h2.ttl-h2 i,h2.ttl-h2 span {
  font-size: 3.5rem;
}
h2.ttl-h2:before,
h2.ttl-h2:after {
  top:1.5em;
  width:50px;
}
h2.ttl-h2:before {
  left:-50px;
}
h2.ttl-h2:after {
  right:-50px;
}
h2.ttl-h2 span:before,
h2.ttl-h2 span:after {
  width:50px;
}
h2.ttl-h2 span:before {
  left:-50px;
}
h2.ttl-h2 span:after {
  right:-50px;
}

h2.ttl-h2:before, h2.ttl-h2:after {
    top: 3.4em;
}
.products-read h3 span {
    font-size: 2.2rem;
}
#read-area {
  margin-bottom:4rem;
}
.products-wrap,
#read-area .read-inner,
.variety-wrap,
.guide-wrap,
.faq-wrap,
#products-geewhiz {
  width:90%;
}
#products-geewhiz {
  margin:0 auto;
}
.products-read h3 {
  font-size: 2.2rem;
}
.products-read p {
  font-size:1.5rem;
  margin-bottom: 25px;
}
.products-middle p.appeal {
  font-size: 1.6rem;
  margin-bottom:6px;
}
.products-middle {
    padding: 0;
}
h2.geewhiz-ttl {
  font-size: 2.2rem;
  line-height: 1.6;
}
#products-geewhiz h2.ttl-h2 i {
  font-size: 2.4rem;
  display: block;
  line-height: 1;
}
h2.geewhiz-ttl img {
  max-width: 100px;
}
h2.ttl-variety {
  font-size: 3rem;
}
.variety-wrap p.read {
  font-size: 1.8rem;
}
h3.h3-variety span {
  font-size: 1.8rem;
}
.variety-appeal p {
  font-size:1.4rem;
}
.variety-appeal p.appeal em {
  font-size:2.2rem;
}
.variety-appeal {
  margin-bottom: 60px;
}
.bnr-shop {
  margin: 0 auto 60px;
}
#guide {
    border-top: 5px solid #00146e;
}
.guide-wrap h2.guide-h2, h2.ttl-faq {
  font-size: 2.6rem;
}
.guide-wrap h3.guide-h3 {
  font-size: 1.8rem;
  margin: 40px 0 10px;
}
.g-sec p,ul.guide-list li,.faq-wrap dd {
  font-size: 1.3rem;
}
dl.guide-dl {
  margin: 20px 0 20px;
}
dl.guide-dl dt {
  padding: 0 0 8px 24px;
  background: url(../img/icn-circle.svg) no-repeat 0 0.1em;
  background-size: 18px 18px;
  line-height: 1.4;
}
dt.en-size .guide-tel-txt {
  font-size:1.3rem;
  display: block;
}
p.txt-blue {
  font-size:1.6rem;
}
dl.guide-dl dt,.faq-wrap dt {
  font-size: 1.6rem;
}
dl.guide-dl dd {
  font-size: 1.3rem;
  margin-left:20px;
}
dl.guide-dl dd.txt-m {
    font-size: 1.8rem;
}
dl.guide-dl dd .tel-num {
  font-size: 1.9rem;
}
dl.guide-dl dd .tel-info {
    font-size: 1.4rem;
}
.guide-wrap h3.guide-h3 span.txt-larg {
  margin-left: 0;
  font-size: 1.5rem;
}
h2.ttl-faq {
  margin: 0 0 40px;
}
.faq-wrap dt:before,
.faq-wrap dd:before {
  font-size:2.7rem;
}
.faq-wrap dt,
.faq-wrap dd {
  padding-left:54px;
}
.order-area {
  height: 160px;
}
a.btn-one.type01 {
  width: 300px;
  height: 60px;
  font-size: 1.8rem;
}
.footer-logo {
  width: 200px;
}
p.footer-copyright {
  font-size: 1rem;
}
.variety-wrap .variety-img {
  margin-bottom: 15px;
}
#footer {
  padding-bottom: 56px;
}
#page-top {
  bottom: 65px;
}
a.btn01 {
  width: 200px;
  height: 50px;
}
.products-speck {
    margin: 0 0 10px 0;
}

.products-middle .orderby {
    padding: 0;
}
/* canada */
.ttl-canada span:before {
  left:5px;
  background-size: 45%;
}
.ttl-canada span {
  font-size: 1.8rem;
  padding:0 1rem 0 7.5rem;
}
.ttl-canada:before {
  height: 2px;
}
.ttl-canada {
  height: 80px;
}
.canada-copy {
  margin:0 0 4rem 0;
}
.canada-copy-txt {
  padding-left: 1rem;
  font-size: 1.8rem;
}
.canada-copy {
  margin-bottom:2rem;
}

/* -----------------------------------------------------------
sp-btn 599
------------------------------------------------------------*/

#sp-btn {
	position: fixed;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:100%;
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	z-index:2;
}
#sp-btn li {
background:#00146e;
border-top:1px solid #fff;
width:50%;
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align:center;
font-size: 1.5rem;
}
#sp-btn li,#sp-btn li a {
  height: 56px;
}
#sp-btn li:nth-child(2) {
border-right:1px solid #fff;
border-left:1px solid #fff;
}
#sp-btn li a {
display: flex;
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
width:100%;
text-decoration: none;
position: relative;
}
#sp-btn li * {
  color:#fff;
  /* line-height: 1; */
}
.sp-btn-mail a {
padding-left: 2em;
}

.sp-btn-mail a:before {
  content: "";
  position: absolute;
  top: 2px;
  bottom: 0;
  left: 18%;
  margin: auto;
  width: 18px;
  height: 14px;
  background: url(../img/icn-mail.svg)no-repeat 0 top;
  background-size: contain;
}
.sp-btn-shop a:before {
  content: "";
  position: relative;
  top: 0;
  bottom: 0;
  left: -0.5em;
  background: url(../img/icn-shop-white.svg)no-repeat center 0;
  background-size: contain;
  width: 20px;
  height: 20px;
}

}
/* ====================================================== */

@media screen and (min-width: 600px) {
.sp {
display:none!important;
}
.spb-br {
  display: none;
}
.sp-s {
  display: none;
}
}

/* sp-sサイズ*/
@media screen and (max-width: 599px) {
  .tb-s {
    display: none;
  }
  .pc {
    display: none!important;
  }
  .products-box {
    flex-wrap:wrap;
  }
  .products-img,
  .products-txt {
    width:100%;
    padding:0;
    box-sizing: border-box;
  }
  .products-img {
    margin-bottom:15px;
  }
  .orderby img {
    display: block;
  }
  .orderby img:first-of-type {
    margin-bottom:10px;
  }
  #products-geewhiz .products-middle {
      padding: 0;
  }
  
  h2.geewhiz-ttl img {
    max-width: 80px;
    display: block;
    text-align: center;
    margin:auto;
  }
  .geewhiz-wrap {
    padding-top:30px;
  }
  .geewhiz-read p.read {
    font-size: 1.4rem;
    padding:0;
  }
  .geewhiz-read p.sub {
    text-align: left;
    font-size: 1.3rem;
  }
  .check-txt {
    max-width: 90%;
  }
  .geewhiz-check {
    width:90%;
    background-size: 60%;
    padding: 0 0 270px 0;
    background-image: url(../img-en/check-img.png);
    background-repeat:no-repeat;
    background-position:center bottom;
  }
  .geewhiz-flow ul {
    flex-wrap:wrap;
  }
  ul.geewhiz-step li {
    width: 48%;
    font-size: 1.3rem;
    margin-bottom:20px;
  }
  .variety-wrap {
    padding-top:1rem;
  }
  #cherry-variety:before,
  #cherry-variety:after {
    content:none;
    background: none;
  }
  #footer-top {
    height: 115px;
  }
  #faq {
    padding: 50px 0 40px;
  }
  a.btn-blue {
    width: 280px;
    height: 60px;
    font-size:1.8rem;
  }
  li.btn-gray {
      width: 280px;
      height: 60px;
      font-size: 1.8rem;
  }
  
  #page-top a,#page-top {
  width:30px;
  height:30px;
  }
  #page-top a:after {
    left: 9px;
    top: 10px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
  .products-read h3 br.sp {
    display: block;
  }
  p.read-appeal {
    font-size: 2.2rem;
  }
  p.read-appeal br {
    display: none;
  }
  h2.ttl-h2 i, h2.ttl-h2 span {
      font-size: 2.8rem;
      line-height: 1.2;
  }
  h2.ttl-h2:before, h2.ttl-h2:after {
      top: 1.2em;
  }
  h2.ttl-h2:before, h2.ttl-h2:after,
  h2.ttl-h2 span:before, h2.ttl-h2 span:after {
    content:none;
  }
  h2.ttl-h2,h2.ttl-h2 span {
    padding:0;
  }
  h2.ttl-h2 {
    border-top:3px solid #000;
    border-bottom:1px solid #000;
    padding:15px 0;
    position: relative;
    display: block;
  }
  #products-geewhiz h2 img {
      max-width: 80px;
  }
  h2.ttl-h2:before,
  #products-geewhiz h2.ttl-h2:before {
    content:"";
    position: absolute;
    top:3px;
    left:0;
    width:100%;
    height: 1px;
    background: #000;
  }
  h2.ttl-variety {
    font-size: 2rem;
  }
  dl.guide-dl dt {
    padding: 0 0 8px 20px;
    background: url(../img/icn-circle.svg) no-repeat 0 0.3em;
    background-size: 16px 16px;
  }

}


@media screen and (max-width: 500px) {
  .pc-sm {
    display: none!important;
  }
}
@media screen and (min-width: 481px) {
  .sp-br {
    display: none;
  }
  .sp-m {
    display: none;
  }
}

@media screen and (max-width: 480px) {
.geewhiz-check {
    background-size: 80%;
}
#products-geewhiz h2.ttl-h2 i,
#products-geewhiz h2.ttl-h2 span {
    font-size: 2.2rem;
}
.geewhiz-check {
  padding: 0 0 240px 0;
}
.check-txt {
    max-width: 100%;
}
.canada-copy {
  flex-wrap:wrap;
}
.canada-copy-img {
  width: 40%;
  margin: 0 auto 2rem;
  text-align: center;
  display: block;
}
.canada-copy-txt {
  padding-left: 0;
  font-size:2.2rem;
  width: 100%;
}
#canada .products-read h3 {
  font-size: 2rem;
  margin-bottom: 2rem;
}
h2.ttl-variety {
  font-weight: 600;
}
.ttl-canada span {
  line-height: 1;
  text-align: left;
}
}

/* movie-wrap */
.movie-wrap {
  margin:10rem auto;
  text-align:center;
  max-width:900px;
  width:90%;
}
.movie-area {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie-area  iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .movie-wrap {
      margin:5rem auto;
  }
}

/* -----------------------------------------------------------
2024
------------------------------------------------------------*/
figure {
  margin:0;
}
h1,h2,h3,h4 {
  line-height: 1.2;
}
.container.base {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.item-flex .item, .mero-spec .item, .geewhiz-area .item, .item-box {
  position: relative;
}
.item-box.pb3 {
  margin-bottom: 7rem;
}
.gw-label {
  display: flex;
  align-items: center;
  margin:0.5rem 0;
}
.gw-label i.gz{
  width:25%;
  max-width:110px;
  margin-right:1rem;
}
table {
  width: 100%;
  border-collapse: collapse;
}
table.item-table {
  margin-top: 10px;
}
table.item-table tr {
  border-left: 1px solid #ccc;
}
table.item-table tr:first-of-type, table.item-table th:first-of-type {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
.item-table th {
  width: 5.5em;
}
table.item-table th, table.item-table td {
  padding: 5px 8px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  line-height: 1.2;
  font-size: 13px;
}
table.item-table th {
  font-weight: bold;
  color: #333;
}
table.item-table tr:first-of-type, table.item-table th:first-of-type {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
table.item-table td {
  font-weight: 500;
}
#geewhiz .l td, .gw-table.l td {
  font-size: 90%;
}
.bold {
  font-weight: bold !important;
}
.go, td, th {
  font-family: "Noto Sans JP", sans-serif;
}
table.item-table {
  border-collapse: collapse;
  margin-top: 10px;
}
.gw-table th, .gw-table .w110 {
  width: 110px;
}
.gw-table .w110,
.bgf2 {
  background-color: #f2f2f2;
  width:110px;
  text-align: center;
}
.gw-table .w {
  width: 35%;
}
table.item-table td {
  font-weight: 500;
  font-size: 85%;
}
.gw-table .p {
  width: 42%;
}
.td-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.price-txt, td span.price-txt {
  font-size: 2rem;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  line-height: 1;
}
.td-flex .price-txt {
  margin-right: 10px;
  /* color:#ec3232; */
}
a.btn-green.xss {
  font-size: 1.3rem;
  width: auto;
  max-width: 130px;
  padding: 0 1rem;
  white-space: nowrap;
  margin: 0;
}
a.btn-green {
  border-radius: 54px;
  background: #00146e;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: auto;
  line-height: 1.3;
  font-weight: bold;
  word-wrap: break-word;
}
#main a, #header a, #footer a {
  text-decoration: none;
}
.txt-small {
  font-size: 13px;
  margin-top: 5px;
}
.green {
  color:#ec3232!important;
}
#geewhiz {
  position: relative;
}
.bg-gold {
  background: url(../img/bg-gold2.jpg) repeat 0 416px;
  background-size:cover;
  padding:8rem 0 10rem;
}
#geewhiz:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/bg-geewhiz.png) no-repeat center top;
  background-size: cover;
  width: 100%;
  height: 416px;
  padding-top: 4rem;
}
.bg-wrap {
  max-width: 1120px;
  width: 95%;
  margin: auto;
  background: #fff;
  border-radius: 8px;
  padding-top: 48px;
}
.geewhiz-wrap {
  position:relative;
}


@media screen and (min-width: 751px) {
  .geewhiz-wrap .item-box {
    max-width: 1000px;
    margin-left:auto;
    margin-right:auto;
    width: 95%;
  }
  .geewhiz-item {
    display: flex;
    justify-content: space-between;
  }
  .geewhiz-item figure {
    width: 47%;
  }
  .geewhiz-txt {
  width: 48%;
  }
  .ttl-gw {
  font-size: 3rem;
  margin:0 0 1rem;
  }
  .ttl-gw.s,
  .ttl-gw.s * {
  font-size: 2.7rem;
  }
  .ttl-gw2 {
  font-size: 2.5rem;
  margin:3rem 0 1.5rem;
  font-weight: 600;
  }
  a.btn-green {
  width: 250px;
  height: 34px;
  }
}


@media screen and (max-width: 750px) {
  #top-logo {
      margin-left: 0;
      width: 180px;
  }
  p.read-appeal {
    margin:3rem 0;
  }
  a.btn-green.xss {
    padding: 0.8rem 0.8rem;
    font-size: 12px;
  }
  .ttl-gw {
    font-size: 2.5rem;
    margin: 1.5rem 0;
  }
  .ttl-gw * {
    font-size: 2.2rem;
  }
  .ttl-gw2 {
    font-size: 2.5rem;
    font-weight: bold;
    margin:1rem 0 1.5rem;
  }
  table.item-table td {
    font-size: 95%;
  }
  .item-box.pb3 {
    margin-bottom: 5rem;
  }
  .gw-table th, .gw-table .w110 {
    width:80px;
  }
  .gw-table .w {
    width: 25%;
  }
  table.item-table tr:first-of-type, table.item-table th:first-of-type {
    width:100px;
  }
  .variety-wrap p.read {
    font-size: 1.7rem;
  }
  #geewhiz:before {
    height: 240px;
  }
  .bg-gold {
    background-position:0 240px;
  }
  .geewhiz-flow {
    padding-bottom:20px;
  }
  .bg-gold {
    padding-bottom:5rem;
    margin-bottom:2.5rem;
  }
  h2.ttl-h2 i {
    display: block;
    max-width: 140px;
    margin: 0 auto;
  }
  #dark-cherry {
    margin-bottom:5rem;
  }
  #guide {
    padding: 3.5rem 0 6rem;
  }

}