/*------------------------normalize*/
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}
a {
  background: transparent;
}
a:active, a:hover {
  outline: 0;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled], html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
textarea {
  overflow: auto;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td, th {
  padding: 0;
}
button {
  border: none;
}
button:focus {
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input, textarea {
  -webkit-appearance: none;
}
/*------------------------normalizeEnd*/
* {
  box-sizing: border-box;
}
body {
  background: #fff;
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  color: #402027;
  margin: 0 auto;
  text-align: center;
  line-height: 1.4em;
  font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-size: 1.2em;
}
h1 img {
  width: 100%;
  max-width: 300px;
  height: 71px;
}
h2 {}
h3 {}
h4 {}
p {
  font-size: 14px;
  padding: 0;
}
section, article {
  margin-bottom: 20px;
}
address {
  font-style: normal;
}
a, a:link, a:visited {
  text-decoration: none;
  color: #007ab0;
  transition: 0.8s;
} /*007ab0*/
a:hover {
  text-decoration: none;
  color: #0099FF;
  opacity: 0.8;
  transition: 0.8s;
} /*0099FF*/
area {
  outline: none;
}
ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*------------------------headerStyle*/
header {
  width: 1024px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
header h1 {
  margin-top: 10px;
  margin-right: 10px;
  padding: 0;
  display: block;
  width: 320px;
}
header nav {
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  width: 680px;
  margin: 0;
  padding: 0;
  font-size: 18px;
  text-align: left;
  font-family: 'Oswald', "游ゴシック", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ ProN W3', "Hiragino Kaku Gothic ProN", "メイリオ", "meiryo", sans-serif;
}
header nav div a {
  display: none;
}
header nav .menu {
  order: 1;
}
header nav .lang {
  font-size: 12px;
  margin-bottom: 10px;
  order: 0;
}
header nav .lang li a, header nav .lang li a:link {
  display: block;
  padding: 2px 8px;
  font-weight: 400;
}
header nav .lang li a:visited {
  color: #402027;
}
header nav .lang li a:hover, header nav .lang li.visit a, header nav .lang li.visit a:link {
  color: #fff;
  background: #6ADE7A;
  border-radius: 4px;
}
header nav li {
  display: inline-block;
  margin-left: 10px;
  font-family: 'Oswald', sans-serif;
  font-weight: normal;
  padding: 0 10px;
}
header nav li p {
  font-size: 9px;
  margin: 0;
  text-align: left;
  padding-right: 0;
}
header nav li a:link, header nav li a:visited {
  color: #402027;
  display: block;
  padding: 4px;
}
.headerHR {
  height: 4px;
  border: 0;
  background-image: linear-gradient(90deg, #f4f3e1, #ffe0e4 72%, #ffc8d7 98%);
}
header nav li.current {
  background: url(../img/heart.png) no-repeat 0 5px;
}
/*▽header_nav============================*/
#header_nav {
  /*height: 60px;
  
  border-bottom: 1px solid #eeeeee;*/
}
#header_nav a {
  color: #333333;
  text-decoration: none;
  display: block;
}
#header_nav ul li {
  list-style: none;
  width: 100px;
}
#header_nav nav ul.menu {
  display: flex;
  justify-content: flex-end;
  max-width: 980px;
  margin: 0;
}
#header_nav nav ul.lang {
  display: flex;
  justify-content: flex-end;
  max-width: 980px;
  margin: 0;
}
#header_nav nav ul.lang li {
  text-align: center;
}
#header_nav .btn-gnavi {
  display: none;
}
@media screen and (max-width: 768px) {
  header {
    padding: 10px 16px;
  }
  header h1 {
    float: none;
    margin: 0;
    text-align: left;
  }
  h1 img {
    width: 100%;
    max-width: 280px;
    height: 64px;
  }
  /*header nav{ float:none; text-align:center; font-size:12px; padding:0;}
header nav div a{ font-family: 'Oswald', sans-serif;font-weight: 700; display:block;}
header nav div a, header nav div a:hover{ width:100%; height:40px; line-height:40px; color:#fff; display:block; background: #402027; margin:20px 0 10px; border-radius:4px; font-size:14px;}
header nav ul{ width:100%; margin:0 auto; padding:0;}
header nav li{ margin:0 0 10px; padding:2px 0; border:1px solid #ccc; border-radius:4px; width:49%; box-sizing:border-box;}

header nav li p{ display:none;}*/
  #header_nav nav ul.menu {
    display: block;
  }
  /**レスポンシブにした時のナビの見せ方**/
  #header_nav nav {
    position: fixed;
    width: 300px;
    top: 0;
    right: -300px;
    background-color: rgba(33, 33, 33, .9);
    height: 100%;
    padding-top: 60px;
    z-index: 1;
    font-size: 28px;
    display: inherit;
  }
  #header_nav nav ul {
    margin-bottom: 0.5em;
  }
  #header_nav nav ul li {
    width: 100%;
    line-height: 0.85em;
    margin-bottom: 0.5em;
  }
  #header_nav nav ul li a {
    color: #ffffff;
    padding-left: 20px;
  }
  #header_nav nav li p {
    font-size: 12px;
  }
  /*言語選択*/
  #header_nav nav ul.lang {
    font-size: 20px;
    margin: 0 4px 10px 30px;
    padding-top: 30px;
    border-top: solid 1px #FFF;
    display: block;
  }
  #header_nav nav ul.lang li {
    margin: 0 10px 20px 0;
    padding: 0;
    border-radius: 4px;
    width: 20%;
  }
  #header_nav nav ul.lang li {
    list-style: none;
    width: 100px;
    text-align: center;
  }
  #header_nav nav ul.lang li a {
    padding: 0.4em;
  }
  /*ハンバーガーメニュー*/
  #header_nav .btn-gnavi {
    display: block;
    position: fixed;
    top: 10px;
    right: 20px;
    width: 30px;
    height: 24px;
    z-index: 3;
    cursor: pointer;
    transition: all 400ms;
    -webkit-transition: all 400ms;
  }
  #header_nav .btn-gnavi span {
    position: absolute;
    width: 30px;
    height: 4px;
    background: #666;
    border-radius: 10px;
    -webkit-transition: all 400ms;
    transition: all 400ms
  }
  #header_nav .btn-gnavi span:nth-child(1) {
    top: 0;
    right: 0;
  }
  #header_nav .btn-gnavi span:nth-child(2) {
    top: 10px;
    right: 0;
  }
  #header_nav .btn-gnavi span:nth-child(3) {
    top: 20px;
    right: 0;
  }
  #header_nav .btn-gnavi.hb-open {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }
  #header_nav .btn-gnavi.hb-open span {
    background: #fff;
  }
  #header_nav .btn-gnavi.hb-open span:nth-child(1) {
    width: 24px;
    transform: translate(-7px, 17px) rotate(45deg);
    -webkit-transform: translate(-7px, 17px) rotate(45deg);
  }
  #header_nav .btn-gnavi.hb-open span:nth-child(3) {
    width: 24px;
    transform: translate(-7px, -17px) rotate(-45deg);
    -webkit-transform: translate(-7px, -17px) rotate(-45deg);
  }
}
/*△header_nav============================*/
/*------------------------footerStyle*/
footer {
  clear: both;
  width: 100%;
  min-width: 1024px;
  text-align: center;
  background: #B2AFAA;
}
footer div {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
  padding: 20px 0 20px;
}
footer li {
  line-height: 16px;
  font-size: 14px;
  border-left: 1px solid #CCC;
  padding-left: 10px;
  margin-left: 10px;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
footer li:first-child {
  border-left: none;
}
footer li a:link, footer li a:visited {
  color: #fff;
}
footer li a:hover {
  text-decoration: underline;
}
footer ul {
  margin-bottom: 0.5em;
}
footer small {
  display: block;
  font-size: 0.8em;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}
/*---hStyle---*/
h2 {
  font-size: 38px;
  text-align: center;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  font-weight: normal;
  font-family: 'Oswald', "游ゴシック", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ ProN W3', "Hiragino Kaku Gothic ProN", "メイリオ", "meiryo", sans-serif;
}
h2 small {
  display: block;
  font-size: 16px;
  font-weight: normal;
}
h2 {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.2em;
}
h2 small:before {
  content: '';
  position: absolute;
  top: 48px;
  display: inline-block;
  width: 70px;
  height: 4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #FFB0CA;
}
h4 {
  font-size: 24px;
  text-align: center;
  margin-top: 0.2em;
  margin-bottom: 0.8em;
  font-weight: bold;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.2em;
}
h4:after {
  content: '';
  position: absolute;
  top: inherit;
  bottom: -0.25em;
  display: inline-block;
  width: 50px;
  height: 3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #FFB0CA;
}
/*---mainStyle---*/
body {
  padding: 0;
}
#Main {
  margin: 5px 0;
}
#Wraper_header {
  width: 100%;
  margin: 0;
  padding: 0;
  background: url("../img/header-bg4.png") no-repeat 100%;
  background-size: cover;
  position: sticky;
  top: 0;
  z-index: 1;
}
/*#Wraper_header{ width:100%; margin:0;padding: 0; background-image: linear-gradient(90deg, #f4f3e1, #ffe0e4 72%, #ffc8d7 98%);}*/
header {
  padding: 6px 10px;
}
#Wraper {
  width: 1024px;
  margin: 40px auto;
  text-align: left;
}
#TopVisual {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 40px 0;
  background: url(../img/TopVisual-bg.png) no-repeat right top;
  background-size: cover;
}
#Main {
  width: 960px;
  margin: 0 auto;
}
/*---Style---*/
/*---1columnBox---*/
.wideBox {
  background: #FFF;
  margin-bottom: 6rem;
  padding: 0;
}
/*.wideBox div { display: table-cell; vertical-align: top; margin: 0; padding:0;}
.wideBox div img{ width:600px; height:auto; padding-right:20px; margin-bottom:0;}*/
.wideBox a {
  display: block;
  width: 100%;
  text-decoration: none;
  color: #402027;
}
.wideBox p {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
.wideBox_inner1 {
  width: 100%;
}
.wideBox_inner2 {
  width: 100%;
  margin-top: 1em;
  text-align: center;
}
.wideBox_inner3 {
  margin-top: 0.5rem;
  text-align: right;
}
.btn, a.btn, button.btn, a.btn:link, .wideBox .btn_more, a.btn_more, button.btn_more {
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.4rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all .1s;
  transition: all .1s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: .1em;
  border-radius: 100vh;
  color: #FFF;
  border-bottom: 5px solid #6F8973;
  background-color: #6ADE7A;
}
.btn:hover, .wideBox .btn_more:hover {
  margin-top: 3px;
  border-bottom: 2px solid #6F8973;
}
.fa-position-right {
  position: absolute;
  top: calc(50% - .5em);
  right: 1rem;
}
.view_timer {
  text-align: center;
}
.btn {
  border-bottom: 5px solid #8C6E50;
  background-color: #F46E00;
  margin-top: 0;
  margin-bottom: 3px;
}
.btn a {
  color: #FFF;
  text-decoration: none;
}
.btn:hover {
  border-bottom: 2px solid #6F8973;
  text-decoration: none;
  margin-top: 3px;
  margin-bottom: 0;
}
.form_box .btn {
  background: #444;
  border-bottom: 5px solid #999;
  color: #fff;
  width: 200px;
  display: block;
  margin-top: 0;
  margin-bottom: 3px;
  margin-right: auto;
  margin-left: auto;
}
.form_box .btn:hover {
  border-bottom: 2px solid #999;
  margin-top: 3px;
  margin-bottom: 0;
}


/*フェードイン*/
.fadeItem,
.fadeItem_noscroll{
    opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease-out;
}
.fadeItem.active,
.fadeItem_noscroll.active{
  opacity: 1;
  transform: translateY(0);
}

/*---detail page--------------------------*/
#detailPpage_main {
  padding-top: 1em;
}
#detailPpage_main figure {
  text-align: center;
  margin-bottom: 2em;
}
#detailPpage_main figure img {
  width: 100%;
  height: auto;
}
#detailPpage_main .tag, .related_tit {
  text-align: center;
  margin: 0 auto 1.4em;
  padding: 0.7em;
  background-image: linear-gradient(90deg, #ffebee, #ffe0e4 34%, #ffc8d7 98%);
}
#detailPpage_main h2 {
  margin-top: 0.2em;
  margin-bottom: 0.8em;
}
#detailPpage_main h2:after {
  content: '';
  position: absolute;
  top: inherit;
  bottom: -0.25em;
  display: inline-block;
  width: 70px;
  height: 4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #FFB0CA;
}
#detailPpage_main h3 {
  position: relative;
  margin-top: 1.2em;
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
/*====================================================================
▽slick
====================================================================*/
.sliderArea {
  max-width: 100%;
  margin: 0 auto 3em;
}
.sliderArea.w300 {
  max-width: 300px;
}
.slick-slide {
  margin: 0 0px;
}
.slick-slide img {
  width: auto;
  max-width: 100%;
  height: 50vw;
  object-fit: cover;
  margin-left: auto;
  margin-right: auto;
}
.slick-prev, .slick-next {
  z-index: 1;
}
.slick-prev:before, .slick-next:before {
  color: #000;
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  width: 90%;
  margin: 20px auto;
  padding: 0 25px;
}
.thumb img {
  width: 100%;
  height: 16vw;
  object-fit: cover;
}
.thumb .slick-slide {
  cursor: pointer;
}
.thumb .slick-slide:hover {
  opacity: .7;
}
/*矢印-------------*/
.slick-next:before, .slick-prev:before {
  position: absolute;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  top: 50%;
  right: 4px;
  left: auto;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slick-next:before {
  content: "\f054";
}
.slick-prev:before {
  content: "\f053";
}



@media only screen and (max-width:769px) {
  .thumb {
    width: 90%;
    padding: 0 5px;
    margin: 20px auto;
  }
  element.style {}
  .slick-slide img {
    height: 120vw;
  }
  .thumb img {
    height: 16vw;
  }
}
/*====================================================================
△slick
====================================================================*/
/*商品紹介*/
#detailInfo {
  margin-bottom: 100px;
}
#detailInfo h3 {
  text-align: left;
}
/*商品情報テーブル*/
.detailInfo_table {
  border-collapse: collapse;
  width: 100%;
  max-width: 700px;
  margin: 2em auto;
}
.detailInfo_table tr {
  background-color: #fff;
}
.detailInfo_table tr:nth-child(odd) {
  background-color: #F4F3E1;
}
.detailInfo_table th, .detailInfo_table td {
  padding: 0.5em 0.2em;
}
.detailInfo_table th {
  font-weight: bold;
  text-align: left;
  width: 20%;
  white-space: nowrap;
}
/*関連商品*/
.relatedBox {
  border: solid 1px #ccc;
  padding: 1em;
  margin: 1em auto;
  width: 500px;
}
@media only screen and (max-width:769px) {
  .relatedBox {
    width: 100%;
  }
  .related_tit.tag {
    margin: 0 0 0.2em;
  }
  .related_name {
    margin: 0 0 0.2em;
  }
  .related_txt {
    margin: 0;
  }
}
.relatedBox_flex {
  display: flex;
  justify-content: space-between;
}
.relatedBox_flex1 {
  width: 35%;
}
.relatedBox_flex2 {
  width: 60%;
}
.relatedBox img {
  width: 100%;
}
.relatedBox a {
  color: #402027;
}
.related_tit.tag {
  font-size: 12px;
  margin: 0 0 0.5em;
  text-align: left;
}
.related_name {
  font-size: 16px;
  font-weight: bold;
  margin: 0.5em 0;
}
.related_txt {}
/*---flexBox---*/
.flexBox {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-flex-pack: justify;
  -moz-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.flexBox {
  flex-wrap: wrap;
}
.flexBox .column {
  width: 70%;
  margin-right: 5%
}
.flexBox .column2 {
  width: 49%;
}
.flexBox .column3 {
  width: 32%;
  margin-bottom: 20px;
}
.flexBox .column4 {
  width: 24%;
}
.flexBox img {
  width: 100%;
  height: auto;
}
.flexBox h3, .wideBox h3, .tag {
  font-size: 14px;
  color: #EB708F;
  line-height: 1.4;
  margin: 0 0 2px;
  padding: 5px;
  display: inline-block;
  width: 100%;
}
.tag {
  font-size: 12px;
  margin: 0 0 8px;
  padding: 5px;
  display: inline-block;
  width: 100%;
}
/*background-image: linear-gradient(90deg, #f4f3e1, #ffe0e4 72%, #ffc8d7 98%); */
.wideBox h3.navy, .navy {
  background: #002f7c;
}
.wideBox h3.orange, .orange {
  background: #f59715;
}
/*------------------------table*/
.table01 {
  width: 100%;
  margin: 1em auto;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 0.8em;
}
.table01 th {
  box-sizing: border-box;
  padding: 10px;
  text-align: right;
  vertical-align: top;
  color: #009ea7;
  background: #efefef;
  border: 2px solid #fff;
}
.table01 td {
  box-sizing: border-box;
  padding: 10px;
  background: #fff;
  border: 2px solid #fff;
}
.table02 {
  width: 90%;
  margin: 1em auto;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 0.8em;
  text-align: left;
}
.table02 th {
  padding: 5px;
  background: #ccc;
  color: #fff;
  display: inline-block;
  width: 5em;
  border-bottom: 1px solid #fff;
}
.table02 td {
  padding: 5px;
  background: #fff;
  color: #000;
}
/*------------------------問い合わせフォーム*/
.form_box {
  width: 600px;
  margin: 0 auto;
}
.form_box textarea {
  width: 600px;
}
/*問い合わせフォームテーブル*/
.form_box table {
  margin: 2em auto;
  text-align: left;
}
.form_box table {
  border-collapse: collapse;
  width: 100%;
  max-width: 600px;
  margin: 3em auto;
}
.form_box table tr {
  background-color: #fff;
}
.form_box table tr:nth-child(odd) {
  background-color: #F4F3E1;
}
.form_box table th, .form_box table td {
  padding: 0.8em 0.4em;
}
.form_box table th {
  font-weight: bold;
  text-align: left;
  width: 20%;
  white-space: nowrap;
}
.form_box table tr {
  width: 80%;
}
.form_box table.form_error td {
  color: red;
  padding: 1em;
}
.form_box table.form_error th {
  padding: 1em;
}
/*------------------------otherStyle*/
.red {
  color: red;
}
.B {
  font-weight: bold;
}
.tR {
  text-align: right;
}
.tC {
  text-align: center;
}
.super {
  vertical-align: super;
  font-size: 0.5em;
}
.italic {
  font-style: italic;
}
.serif {
  font-family: Georgia, "Times New Roman", Times, serif;
}
.fR {
  float: right;
}
.fL {
  float: left;
}
.figureR {
  float: right;
  padding: 0 0 3px 10px;
}
.clear {
  clear: both;
}
.cf:after, header:after, #Wraper:after, main:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  line-height: 0;
  visibility: hidden;
}
.space15 {
  height: 15px;
}
.space30 {
  height: 30px;
}
/*▽上へ戻るボタン---------*/
button  {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 20px;
  bottom: 20px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  border: 0;
  background: none;
  transition: .2s;
  letter-spacing: 2px;
  color: #EB708F;
  font-size: 12px;
}
button.page-top span:before {
  position: absolute;
  top: -22px;
  left: 16px;
  transform: rotate(-45deg);
  display: block;
  width: 12px;
  height: 12px;
  content: "";
  border: 1px solid #EB708F;
  border-width: 1px 1px 0px 0px;
}
button.page-top span:after {
  position: absolute;
  width: 32px;
  height: 32px;
  border: 1px solid #EB708F;
  content: "";
  border-radius: 100%;
  top: -36px;
  left: 5px;
}
.is-active {
  opacity: 0.9;
  visibility: visible;
}
/*△上へ戻るボタン---------*/

/*=====slick*/
button.slick-next, button.slick-prev  {
  position: absolute;
  opacity: inherit;
  visibility: inherit;
  border: inherit;
  background: inherit;
  transition: inherit;
  letter-spacing: inherit;
  font-size: inherit;
}
/*=====slick*/

/*スマホ対応*/
@media only screen and (max-width:769px) {
  #Wraper_header {
    width: 100%;
    margin: 0;
    padding: 0;
    background: url("../img/header-bg4_sp.png") no-repeat 50% top;
    background-size: 100% 93px;
  }
  #Wraper {
    float: none;
    width: calc(100% - 32px);
    min-width: 300px;
    transition: 0.8s;
    margin: 10px 16px 30px;
  }
  #Main, #Side, header, footer, footer div {
    float: none;
    width: 100%;
    min-width: 300px;
    transition: 0.8s;
  }
  #TopVisual {
    width: 100%;
    height: auto;
    margin: 0 0 30px;
    padding: 20px 16px;
    background: url(../img/TopVisual-bg.png) no-repeat right top;
    background-size: cover;
  }
  footer {}
  footer div {
    text-align: center;
    padding: 20px 0;
  }
  footer li {
    margin-bottom: 15px;
  }
  footer li:first-child {
    margin-left: 0;
    padding-left: 0;
  }
  footer small {
    text-align: center;
    padding-top: 20px;
  }
  #Main {
    margin: 0;
  }
  .none {
    display: none;
  }
  /*------------------------form*/
  .form_box {
    width: 100%;
    margin: 0 auto;
  }
  .form_box textarea, .form_box input {
    width: 100%;
  }
  .form_box .button {
    padding: 5px 30px;
    background: #444;
    color: #fff;
    display: block;
    width: 200px;
    margin: 0 auto;
    border-radius: 30px;
  }
}
@media only screen and (max-width:600px) {
  #Main2, #Side2 {
    width: 100%;
    min-width: 300px;
    transition: 0.8s;
  }
  .flexBox {
    display: block;
  }
  .flexBox .column2, .flexBox .column3 {
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto 20px;
    max-width: 500px;
  }
  .flexBox .column4 {
    box-sizing: border-box;
    width: 48%;
    float: left;
    margin: 0 1% 20px;
    max-width: 500px;
  }
  .table01 td, .table01 th, .table02 td, .table02 th {
    width: 100%;
    display: block;
    text-align: center;
  }
}