@charset "UTF-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Castoro:ital@0;1&family=Noto+Serif+JP:wght@500&display=swap');
body {
    margin: 0;
}
.all_wrap div, .all_wrap span, .all_wrap applet, .all_wrap object, .all_wrap iframe,
.all_wrap h1, .all_wrap h2, .all_wrap h3, .all_wrap h4, .all_wrap h5, .all_wrap h6, .all_wrap p, .all_wrap blockquote, .all_wrap pre,
.all_wrap a, .all_wrap abbr, .all_wrap acronym, .all_wrap address, .all_wrap big, .all_wrap cite, .all_wrap code,
.all_wrap del, .all_wrap dfn, .all_wrap em, .all_wrap font, .all_wrap img, .all_wrap ins, .all_wrap kbd, .all_wrap q, .all_wrap s, .all_wrap samp,
.all_wrap small, .all_wrap strike, .all_wrap strong, .all_wrap sub, .all_wrap sup, .all_wrap tt, .all_wrap var,
.all_wrap b, .all_wrap u, .all_wrap i, .all_wrap center,
.all_wrap dl, .all_wrap dt, .all_wrap dd, .all_wrap ol, .all_wrap ul, .all_wrap li,
.all_wrap fieldset, .all_wrap form, .all_wrap label, .all_wrap legend,
.all_wrap table, .all_wrap caption, .all_wrap tbody, .all_wrap tfoot, .all_wrap thead, .all_wrap tr, .all_wrap th, .all_wrap td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 1em;
}

.all_wrap table,
.all_wrap input, .all_wrap textarea, .all_wrap select, .all_wrap option {
  font-size: 1em;
  color: #141414;
}

.all_wrap article, .all_wrap aside, .all_wrap canvas, .all_wrap details, .all_wrap figcaption, .all_wrap figure,
.all_wrap footer, .all_wrap header, .all_wrap hgroup, .all_wrap menu, .all_wrap nav, .all_wrap section, .all_wrap summary {
  display: block;
}

.all_wrap blockquote, .all_wrap q {
  quotes: none;
}

.all_wrap :focus {
  outline: 0;
}

.all_wrap ins {
  text-decoration: none;
}

.all_wrap del {
  text-decoration: line-through;
}

/* ============================================ */
/*add_reset*/
.all_wrap img {
  border: 0px;
  vertical-align: top;
}

.all_wrap a:link {
  color: inherit;
  text-decoration: none;
}

.all_wrap a:hover {
  color: inherit;
}

.all_wrap a:visited {
  color: inherit;
}

.all_wrap a:hover {
  transition: opacity 0.5s;
  opacity: 0.5;
}

.all_wrap a:active {
  color: inherit;
}

.all_wrap img,
.all_wrap a {
  display: block;
  max-width: 100%;
}

.all_wrap {
  word-break: break-word;
  margin: 0;
}

.all_wrap hr {
  margin: 0;
}

.all_wrap {
  line-height: 1;
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

.all_wrap *,
.all_wrap ::before,
.all_wrap ::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

.all_wrap main {
  display: block;
}

.all_wrap p,
.all_wrap table,
.all_wrap blockquote,
.all_wrap address,
.all_wrap pre,
.all_wrap iframe,
.all_wrap form,
.all_wrap figure,
.all_wrap dl {
  margin: 0;
}

.all_wrap h1,
.all_wrap h2,
.all_wrap h3,
.all_wrap h4,
.all_wrap h5,
.all_wrap h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

.all_wrap ul,
.all_wrap ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.all_wrap dt {
  font-weight: inherit;
}

.all_wrap dd {
  margin-left: 0;
}

.all_wrap hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

.all_wrap pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

.all_wrap address {
  font-style: inherit;
}

.all_wrap a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

.all_wrap abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

.all_wrap b,
.all_wrap strong {
  font-weight: bolder;
}

.all_wrap code,
.all_wrap kbd,
.all_wrap samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

.all_wrap small {
  font-size: 80%;
}

.all_wrap sub,
.all_wrap sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.all_wrap sub {
  bottom: -0.25em;
}

.all_wrap sup {
  top: -0.5em;
}

.all_wrap svg,
.all_wrap img,
.all_wrap embed,
.all_wrap object,
.all_wrap iframe {
  vertical-align: bottom;
}

.all_wrap button,
.all_wrap input,
.all_wrap optgroup,
.all_wrap select,
.all_wrap textarea {
  -webkit-appearance: none; /* 1 */
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

.all_wrap [type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}

.all_wrap [type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}

.all_wrap button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

.all_wrap button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

.all_wrap option {
  padding: 0;
}

.all_wrap fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

.all_wrap legend {
  padding: 0;
}

.all_wrap progress {
  vertical-align: baseline;
}

.all_wrap textarea {
  overflow: auto;
}

.all_wrap [type=number]::-webkit-inner-spin-button,
.all_wrap [type=number]::-webkit-outer-spin-button {
  height: auto;
}

.all_wrap [type=search] {
  outline-offset: -2px; /* 1 */
}

.all_wrap [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.all_wrap ::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

.all_wrap label[for] {
  cursor: pointer;
}

.all_wrap details {
  display: block;
}

.all_wrap summary {
  display: list-item;
}

[contenteditable]:focus {
  outline: auto;
}

.all_wrap table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

.all_wrap caption {
  text-align: left;
}

.all_wrap td,
.all_wrap th {
  vertical-align: top;
  padding: 0;
}

.all_wrap th {
  text-align: left;
  font-weight: bold;
}

/*ここまでリセット*/
/*フォントのインストール*/
/*
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
font-family: 'Castoro', serif;
font-family: 'Inter', sans-serif;
font-family: 'Noto Serif JP', serif
*/
.all_wrap div[align=center] {
  display: none;
}

/*ここからコンテンツの設定*/
.all_wrap.wrap_header {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 99;
}
.all_wrap img {
  max-width: 100%;
  display: block;
}
.all_wrap a {
  display: block;
}
.all_wrap .castoro {
  font-family: 'Castoro', serif;
}
.all_wrap .italic {
    font-style: italic;
}
.all_wrap .inter {
  font-family: "Inter", sans-serif;
}
.all_wrap .all_wrap {
  font-size: 15px;
  font-weight: 500;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.all_wrap .all_wrap input {
  font-size: 15px;
  font-weight: 500;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.all_wrap .px14 {
  font-size: 14px;
}
.all_wrap .px12 {
  font-size: 12px;
}
.all_wrap .px13 {
  font-size: 13px;
}

/*new header*/
.all_wrap .as_header .header_top_text p {
    text-align: center;
    font-size: 13px;
    line-height: 1;
    border-bottom: 1px solid #cccccc;
    padding: 12px 0 10px;
}
.all_wrap .as_header .header_middle {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}
.all_wrap .as_header .header_middle .header_logo {
    padding: 22px 0 25px;
}
.all_wrap .as_header .header_middle .header_logo img {
    margin: 0 auto;
}
.all_wrap .as_header .header_middle .middle_links {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-36%);
    display: flex;
    align-items: center;
}
.all_wrap .as_header .header_middle .middle_links form {
    display: flex;
    align-items: center;
    border: 2px solid #cccccc;
    border-radius: 5px;
    background-color: #fff;
}
.all_wrap .as_header .header_middle .middle_links>div {
    max-width: 31px;
    margin: 0 0 0 12px;
}
.all_wrap .as_header .header_middle .middle_links .insta_link {
    margin: 0 0 0 12px;
}
.all_wrap .as_header .header_middle .middle_links .login_link {
    width: 27px;
    margin: 0 0 0 13px;
}
.all_wrap .as_header .header_middle .middle_links .cart_link {
    padding: 5px 0 0 0;
    margin: 0 0 0 17px;
}
.all_wrap .as_header .header_middle .middle_links input {
    display: block;
}
.all_wrap .as_header .header_middle .middle_links input[type=text] {
    padding: 0 1em;
    font-size: 13px;
    max-width: 164px;
    width: 100%;
    display: block;
    flex-shrink: 0;
}
.all_wrap .as_header .header_middle .middle_links input[type=image] {
    padding: 4px 6px 4px 3px;
    width: 33px;
    flex-shrink: 0;
}
.all_wrap .as_header .header_bottom {
    border-top: 1px solid #ccc;
}
.all_wrap .as_header .header_bottom .header_menu {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.all_wrap .as_header .header_bottom .header_menu>li>a,
.all_wrap .as_header .header_bottom .header_menu>li>span {
    font-size: 15px;
    letter-spacing: 0.2em;
    padding: 19px 44px 15px;
    display: block;
}
.all_wrap .as_header .header_bottom .header_menu>li:nth-of-type(n+2)>span,
.all_wrap .as_header .header_bottom .header_menu>li:nth-of-type(n+2)>a {
    position: relative;
}
.all_wrap .as_header .header_bottom .header_menu>li:nth-of-type(n+2)>span:before,
.all_wrap .as_header .header_bottom .header_menu>li:nth-of-type(n+2)>a:before {
    content: "";
    border-left: 1px solid;
    display: block;
    position: absolute;
    left: 0;
    height: 12px;
    top: 50%;
    transform: translateY(-50%);
}

/*mega menu*/
.all_wrap .as_header .mega_menu_hover01:hover,
.all_wrap .as_header .mega_menu_hover02:hover {
    cursor: pointer;
}
.all_wrap .as_header .mega_menu_hover01 .mega_menu_wrap01,
.all_wrap .as_header .mega_menu_hover02 .mega_menu_wrap02 {
    display: none;
    opacity: 0;
    visibility: hidden;
}
.all_wrap .as_header .mega_menu_hover01:hover .mega_menu_wrap01,
.all_wrap .as_header .mega_menu_hover02:hover .mega_menu_wrap02 {
    display: block;
    opacity: 1;
    visibility: visible;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #f1ece3;
    overflow-y: scroll;
    animation-name: fade_mega_menu_open;
    animation-fill-mode:forwards;
    animation-duration:1s;
    animation-timing-function:ease;
    animation-delay: 0;
    animation-direction:normal;
    overflow: auto;
}

@keyframes fade_mega_menu_open {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.all_wrap .as_header .mega_menu_hover01:hover .mega_menu_box01 ul {
    padding: 50px 0;
    display: grid;
    justify-content: space-between;
    max-width: 900px;
    margin: 0 auto;
    grid-template-columns: repeat(auto-fill,215px);
}
.all_wrap .as_header .mega_menu_hover01:hover .mega_menu_box01 ul li {
    margin: 0 0 15px 0;
}

.all_wrap .as_header .mega_menu_hover02:hover .mega_menu_box02 ul {
    padding: 50px 0;
    display: grid;
    justify-content: space-between;
    max-width: 820px;
    margin: 0 auto;
    grid-template-columns: repeat(auto-fill,205px);
}
.all_wrap .as_header .mega_menu_hover02:hover .mega_menu_box02 ul li {
    margin: 0 0 20px 0;
}
.all_wrap .as_header .mega_menu_hover02:hover .mega_menu_box02 ul li a {
    display: flex;
    align-items: center;
}
.all_wrap .as_header .mega_menu_hover02:hover .mega_menu_box02 ul li a img {
    width: 40px;
    margin: 0 12px 0 0;
}
.all_wrap .as_header .mega_menu_hover02:hover .mega_menu_box02 ul li a span {
    display: block;
}

/*コンテンツの設定*/
.all_wrap .as_mv img {
    width: 100%;
    display: block;
    margin: 0 auto;
}
.all_wrap .top_text_up .news_zone {
  max-width: 1200px;
  width: 95%;
  margin: auto;
  padding: 130px 0 141px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0px 73px;
}
.all_wrap .top_text_up .news_zone h2 {
  flex-shrink: 0;
}
.all_wrap .top_text_up .news_zone h2 span {
  display: block;
}
.all_wrap .top_text_up .news_zone h2 span:nth-of-type(1) {
  font-size: 60px;
  letter-spacing: 0.1em;
  /*margin: 0 0 8px 0;*/
  color: #1d6536;
}
.all_wrap .top_text_up .news_zone h2 span:nth-of-type(2) {
  font-size: 20px;
  font-family:"游明朝体", "Yu Mincho", YuMincho, "Noto Serif JP","Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-weight: bold;
  color: #1d6536;
}
.all_wrap .top_text_up .news_zone .news_wrap {
  width: auto;
  border-left: 1px solid;
  padding: 7px 82px;
  max-height: 200px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.news_wrap::-webkit-scrollbar {
  display:none;
 }
.all_wrap .top_text_up .news_zone .news_wrap .news_box {
  margin: 0 0 40px 0;
}
.all_wrap .top_text_up .news_zone .news_wrap .news_box p {
  text-align: left;
  font-size: 15px;
  letter-spacing: 0.05em;
}
.all_wrap .top_text_up .news_zone .news_wrap .news_box p:nth-of-type(1) {
  margin: 0 0 9px 0;
}

.all_wrap .top_text_up .category_zone {
  padding: 217px 0 150px 0;
  background-color: #f1ece3;
}
.all_wrap .top_text_up .category_zone h2 {
  margin: 0 0 62px 0;
  text-align: center;
  position: relative;
}

.all_wrap .top_text_up .category_zone h2 span {
  display: block;
}
.all_wrap .top_text_up .category_zone h2 span:nth-of-type(1) {
  font-size: 57px;
  letter-spacing: 0.1em;
  margin: 0 0 0 0;
  color: #1d6536;
}
.all_wrap .top_text_up .category_zone h2 span:nth-of-type(2) {
  font-size: 20px;
  font-family:"游明朝体", "Yu Mincho", YuMincho, "Noto Serif JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-weight: bold;
  color: #1d6536;
}
.all_wrap .top_text_up .category_zone h2::before{
  content: "";
  background-image: url("https://isola.itembox.design/item/img_head_deco.png");
  background-repeat: no-repeat;
  width: 57px;
  height: 27px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: -40px;
  margin: auto;
}

.all_wrap .top_text_up .category_zone .category_wrap{
  max-width: 1200px;
  margin: auto;
}

.all_wrap .top_text_up .category_zone .category_wrap ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0 30px;
}
.all_wrap .top_text_up .category_zone .category_wrap ul:nth-of-type(1) {
  margin-bottom: 122px;
}
.all_wrap .top_text_up .category_zone .category_wrap ul:nth-of-type(1) li{
  width: 380px;
  border: 1px solid #808080;
  background-color: #555;
  margin-bottom: 30px;
}
.all_wrap .top_text_up .category_zone .category_wrap ul:nth-of-type(1) li:nth-last-of-type(1) {
    margin-right: auto;
} 

.all_wrap .top_text_up .category_zone h3{
  font-size: 25px;
  color:#333333;
  font-family:"游明朝体", "Yu Mincho", YuMincho, "Noto Serif JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  text-align: center;
  font-weight: bold;
  position: relative;
}
.all_wrap .top_text_up .category_zone .category_wrap h3:nth-of-type(1) {
    margin-bottom: 47px;
}
.all_wrap .top_text_up .category_zone .category_wrap h3:nth-of-type(2) {
    margin-bottom: 93px;
}

.all_wrap .top_text_up .category_zone h3::before{
  content: "";
  background-image: url("https://isola.itembox.design/item/line_cate.png");
  /*width: 1200px;*/
  height: 40px;
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-position: center;
  background-repeat: no-repeat;
}

.all_wrap .top_text_up .category_zone .category_wrap ul:nth-of-type(2) {
    max-width: 980px;
    justify-content: flex-start;
    margin: 0 auto 79px auto;
    gap: 80px 60px;
    display: grid;
    grid-template-columns: repeat(auto-fill,200px);
}
.all_wrap .top_text_up .category_zone .category_wrap ul:nth-of-type(2) img{
 width: 200px;
 height: 200px;
 border-radius: 50%;
 object-fit: cover;
 background-color: #333333;
}
.all_wrap .top_text_up .category_zone .category_wrap ul:nth-of-type(2) li{
    /*width: 200px;
    margin: 0 30px 80px;*/
}
.all_wrap .top_text_up .category_zone .category_wrap ul:nth-of-type(2) p{
  font-size: 18px;
  margin-top: 20px;
  text-align: center;
 }

 /* ボタン */
 .all_wrap .top_text_up .btn_gr{
  text-align: center;
 }
 .all_wrap .top_text_up .btn_gr a{
  background-color: #1d6536;
  border-radius: 5px;
  color: #fff;
  font-size: 22px;
  display: inline-block;
  padding: 22px 52px 17px;
  letter-spacing: 0.05em;
 }
 .all_wrap .top_text_up .btn_gr a span{
  display: inline-block;
  width: 12px;
  margin-left: 5px;
 }


 .all_wrap .top_text_up .pick_up_wrap {
  padding: 226px 0 149px 0;
  background-color: #ffffff;
}
.all_wrap .top_text_up .pick_up_wrap h2 {
  margin: 0 0 75px 0;
  text-align: center;
  position: relative;
}
.all_wrap .top_text_up .pick_up_wrap h2::before{
  content: "";
  background-image: url("https://isola.itembox.design/item/img_head_deco.png");
  background-repeat: no-repeat;
  width: 57px;
  height: 27px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: -40px;
  margin: auto;
}

.all_wrap .top_text_up .pick_up_wrap .pick_up_bn_wrap{
  max-width: 1200px;
  margin: auto;
}

.all_wrap .top_text_up .pick_up_wrap h2 span {
  display: block;
}
.all_wrap .top_text_up .pick_up_wrap h2 span:nth-of-type(1) {
  font-size: 57px;
  letter-spacing: 0.1em;
  margin: 0 0 0 0;
  color: #1d6536;
}
.all_wrap .top_text_up .pick_up_wrap h2 span:nth-of-type(2) {
  font-size: 20px;
  font-family:"游明朝体", "Yu Mincho", YuMincho, "Noto Serif JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-weight: bold;
  color: #1d6536;
}


.all_wrap .top_text_up .pick_up_wrap .pick_up_bn_wrap ul {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 100px;
}
.all_wrap .top_text_up .pick_up_wrap .pick_up_bn_wrap ul li {
  margin: 0;
  width: calc((100% - 155px)/4);
  position: relative;
  padding: 0 0 52px 0;
}
.all_wrap .top_text_up .pick_up_wrap .pick_up_bn_wrap ul li img{
  border: 1px solid #808080;
}

.all_wrap .top_text_up .pick_up_wrap p{
  margin-top: 15px;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1.4em;
}
.all_wrap .top_text_up .pick_up_wrap p span{
  margin-bottom: 8px;
  font-weight: bold;
  display: block;
}
.all_wrap .top_text_up .pick_up_wrap .pick_up_bn_wrap .btn_check{
  display: block;
  margin: 20px auto 0;
  width: 136px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.all_wrap .top_text_up .pick_up_wrap .pick_up_bn_wrap .btn_check img{
  border: none;
}

.all_wrap .top_text_up .about_isola_zone {
  padding: 229px 0 207px 0;
  background-color: #f1ece3;
}

.about_isola_wrap{
  /*width: 1200px;*/
  margin: auto!important;
}
.all_wrap .top_text_up .about_isola_zone h2 {
  margin: 0 0 73px 0;
  text-align: center;
  position: relative;
}

.all_wrap .top_text_up .about_isola_zone h2 span {
  display: block;
  font-size: 40px;
  font-family:"游明朝体", "Yu Mincho", YuMincho, "Noto Serif JP","Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-weight: bold;
  color: #1d6536;
}
.all_wrap .top_text_up .about_isola_zone h2::before{
  content: "";
  background-image: url("https://isola.itembox.design/item/img_head_deco.png");
  background-repeat: no-repeat;
  width: 57px;
  height: 27px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: -49px;
  margin: auto;
}

.all_wrap .top_text_up .about_isola_wrap .intoro_box1{
  position: relative;
  max-width: 1200px;
  /*height: 450px;*/
  margin: 0 auto 24px auto;
}
.all_wrap .top_text_up .about_isola_wrap .intoro_box2{
  position: relative;
  max-width: 1200px;
  /*height: 630px;*/
  margin: 0 auto;
}
/*
.all_wrap .top_text_up .about_isola_wrap .intoro_box1 img,
.all_wrap .top_text_up .about_isola_wrap .intoro_box2 img,
.all_wrap .top_text_up .about_isola_wrap .intoro_box1 div,
.all_wrap .top_text_up .about_isola_wrap .intoro_box2 div{
  position: absolute; 
}
*/
.all_wrap .top_text_up .about_isola_wrap p{
  font-size: 16px;
  text-align: center;
  line-height: 1.8em;
}

/*
.all_wrap .top_text_up .about_isola_wrap .intoro_box1 img{
  top: 27px;
  left: 0;
}
*/

.all_wrap .top_text_up .about_isola_wrap .intoro_box1 div {
  right: 30px;
  top: 82px;
  background-color: #fff;
  padding: 65px 50px;
  position: absolute;
}
.all_wrap .top_text_up .about_isola_wrap .intoro_box2 img {
  /*top: 40px;
  right: 0;*/
  margin: 0 0 0 auto;
}

.all_wrap .top_text_up .about_isola_wrap .intoro_box2 div{
  top: 68px;
  left: 51px;
  background-color: #fff;
  padding: 65px 50px 140px;
  position: absolute;
}

.all_wrap .top_text_up .about_isola_wrap .intoro_box2 .more_info {
    position: absolute;
    margin: auto;
    bottom: 67px;
    left: 241px;
    width: 280px;
    background-color: #1d6536;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    display: flex;
    padding: 20px 65px 18px;
    letter-spacing: 0.05em;
    display: none;
}
.all_wrap .top_text_up .about_isola_wrap .intoro_box2 .more_info span {
    width: 12px;
    margin-left: 5px;

}

.all_wrap {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.all_wrap .top_footer {
  padding: 60px 0 15px 0;
  background-color: #333333;
  /*margin-top: -30px;*/
}


.all_wrap .top_footer .contact_zone {
  text-align: center;
  margin: 0 0 56px 0;
}
.all_wrap .top_footer .contact_zone a {
  display: inline-block;
  margin: 0 0 23px 0;
}
.all_wrap .top_footer .contact_zone p {
  font-size: 13px;
  color: #f1ece3;
  letter-spacing: 0.05em;
  line-height: 1.5;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.all_wrap .top_footer .footer_nav_zone ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 755px;
  margin: 0 auto;
}
.all_wrap .top_footer .footer_nav_zone ul li {
  border-right: 1px solid #f1ece3;
  color: #f1ece3;
}
.all_wrap .top_footer .footer_nav_zone ul li a{
 font-size: 15px;
}

.all_wrap .top_footer .footer_nav_zone ul li:nth-of-type(1) {
  padding-right: 24px;
}
.all_wrap .top_footer .footer_nav_zone ul li:nth-of-type(2) {
  padding-right: 24px;
}
.all_wrap .top_footer .footer_nav_zone ul li:nth-of-type(3) {
  padding-right: 24px;
}
.all_wrap .top_footer .footer_nav_zone ul li:nth-of-type(4) {
  padding-right: 24px;
}
.all_wrap .top_footer .footer_nav_zone ul li:nth-of-type(5) {
  padding-right: 0;
  border: none;
}
.all_wrap .top_footer .copy {
  text-align: center;
  padding: 29px 0 0 0;
  font-size: 12px;
  color: #f1ece3;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

/*
.all_wrap.rms_top_text_up {
  margin: 0 0 -150px 0;
}

table + br ~ img {
  display: none;
}

.top_footer_under {
  display: none;
}
*/


/*tb*/
@media screen and (max-width:1199px) and (min-width:767px) {
    .all_wrap .as_header .header_middle .middle_links input[type=text] {
        max-width: 140px;
    }
    .all_wrap .top_text_up .category_zone .category_wrap ul:nth-of-type(1) li {
        height: auto;
        width: calc((100% - 30px) / 2);
    }
    .all_wrap .top_text_up .category_zone .category_wrap ul:nth-of-type(1) li img {
        width: 100%;
    }
    .all_wrap .top_text_up .category_zone .category_wrap ul:nth-of-type(2) {
        justify-content: center;
    }
    .all_wrap .top_text_up .about_isola_wrap .intoro_box1 div {
        position: static;
    }
    .all_wrap .top_text_up .about_isola_wrap .intoro_box1 img {
        margin: 0 auto;
    }
    .all_wrap .top_text_up .about_isola_wrap .intoro_box2 div {
        position: static;
    }
    .all_wrap .top_text_up .about_isola_wrap .intoro_box2 img {
        margin: 0 auto;
    }
}

/*sp*/
.all_wrap .sp_menu_zone,
.all_wrap .sp_menu_button,
.all_wrap .sp_br,
.sp_footer {
    display: none;
}
@media screen and (max-width:767px) {
    .all_wrap .sp_br,
    .sp_footer {
        display: block;
    }
    /**sp_menu***/
    .all_wrap .sp_menu_zone,
    .all_wrap .sp_menu_button {
        display: block;
    }
    .all_wrap .sp_menu_zone input#sp_hum,
    .all_wrap .sp_menu_zone .sp_menu_wrap,
    .all_wrap .header_top_text,
    .all_wrap .header_bottom,
    .all_wrap .as_header .header_middle .middle_links form,
    .all_wrap .as_header .header_middle .middle_links .insta_link,
    .all_wrap .sp_menu_zone .sp_menu_wrap .sp_menu_list_wrap01 #sp_menu_check01,
    .all_wrap .sp_menu_zone .sp_menu_wrap .sp_menu_list_wrap01 ul,
    .all_wrap .sp_menu_zone .sp_menu_wrap .sp_menu_list_wrap02 #sp_menu_check02,
    .all_wrap .sp_menu_zone .sp_menu_wrap .sp_menu_list_wrap02 ul,
    .top_footer {
        display: none;
    }
    .all_wrap .sp_menu_zone input#sp_hum:checked ~ .sp_menu_wrap,
    .all_wrap .sp_menu_zone .sp_menu_wrap .sp_menu_list_wrap01 #sp_menu_check01:checked ~ ul,
    .all_wrap .sp_menu_zone .sp_menu_wrap .sp_menu_list_wrap02 #sp_menu_check02:checked ~ ul {
        display: block;
    }
    .all_wrap .sp_menu_zone {
        position: relative;
    }
    .all_wrap .sp_menu_zone .sp_menu_wrap {
        position: fixed;
        background-color: #f1ece3;
        width: 100%;
        top: 0;
        max-height: 100dvh;
        overflow: auto;
        z-index: 2;
    }
    .all_wrap .sp_menu_zone .sp_menu_wrap .sp_close_wrap .sp_close_bt {
        width: 6.4vw;
        display: block;
        margin: 7.333vw 4.533vw 7.067vw auto;
    }
    .all_wrap .sp_menu_zone .sp_menu_wrap .sp_close_wrap .sp_close_bt span {
        border-top: 1px solid;
        display: block;
    }
    .all_wrap .sp_menu_zone .sp_menu_wrap .sp_close_wrap .sp_close_bt span:nth-of-type(1) {
        transform: rotate(45deg);
    }
    .all_wrap .sp_menu_zone .sp_menu_wrap .sp_close_wrap .sp_close_bt span:nth-of-type(2) {
        transform: rotate(-45deg);
    }
    .all_wrap .sp_menu_zone .sp_menu_wrap .sp_form {
        margin: 0 0 118px 0;
        margin: 0 0 15.733vw 0;
    }
    .all_wrap .sp_menu_zone .sp_menu_wrap .sp_form form {
        display: flex;
        align-items: center;
        border: 2px solid #cccccc;
        border-radius: 5px;
        background-color: #fff;
        justify-content: space-between;
        max-width: 77%;
        margin: 0 auto;
    }
    .all_wrap .sp_menu_zone .sp_menu_wrap .sp_form input[type=text] {
        padding: 0 1em;
        font-size: 4vw;
        width: 100%;
        display: block;
        letter-spacing: 0.1em;
    }
    .all_wrap .sp_menu_zone .sp_menu_wrap .sp_form input[type=image] {
        padding: 2vw 3.6vw 1.733vw 0px;
        width: 11.2vw;
    }
    .all_wrap .sp_menu_zone .sp_menu_list_wrap01,
    .all_wrap .sp_menu_zone .sp_menu_list_wrap02 {
        max-width: 90%;
    }
    .all_wrap .sp_menu_zone .sp_menu_list_wrap01,
    .all_wrap .sp_menu_zone .sp_menu_list_wrap02 {
        margin: 0 auto 16.133vw auto;
    }
    .all_wrap .sp_menu_zone .sp_menu_list_wrap01 label,
    .all_wrap .sp_menu_zone .sp_menu_list_wrap02 label {
        text-align: center;
        display: block;
        font-size: 4.533vw;
        font-family: "游明朝体", "Yu Mincho", "YuMincho";
        font-weight: bold;
        padding: 0 0 4.133vw 0;
        border-bottom: 1px solid;
        position: relative;
    }
    .all_wrap .sp_menu_zone .sp_menu_list_wrap01 label:before,
    .all_wrap .sp_menu_zone .sp_menu_list_wrap01 label:after,
    .all_wrap .sp_menu_zone .sp_menu_list_wrap02 label:before,
    .all_wrap .sp_menu_zone .sp_menu_list_wrap02 label:after {
        content: "";
        display: block;
        position: absolute;
        width: 4.4vw;
        height: 4.4vw;
    }
    .all_wrap .sp_menu_zone .sp_menu_list_wrap01 label:before,
    .all_wrap .sp_menu_zone .sp_menu_list_wrap02 label:before {
        border-top: 1px solid;
        right: 0;
        top: 50%;
        transform: translateY(-43%);
    }
    .all_wrap .sp_menu_zone .sp_menu_list_wrap01 label:after,
    .all_wrap .sp_menu_zone .sp_menu_list_wrap02 label:after {
        border-right: 1px solid;
        right: 2.4%;
        top: 0%;
        transform: translateY(7%);
    }
    .all_wrap .sp_menu_zone .sp_menu_list_wrap01 #sp_menu_check01:checked ~ label:after,
    .all_wrap .sp_menu_zone .sp_menu_list_wrap02 #sp_menu_check02:checked ~ label:after {
        display: none;
    }
    .all_wrap .sp_menu_zone .sp_menu_wrap .sp_menu_list_wrap01 #sp_menu_check01:checked ~ ul {
        padding: 10.8vw 0 0 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .all_wrap .sp_menu_zone .sp_menu_list_wrap01 ul li {
        width: calc((100% - 2.667vw) / 2);
        margin-bottom: 2.667vw;
    }
    .all_wrap .sp_menu_zone .sp_menu_wrap .sp_menu_list_wrap02 #sp_menu_check02:checked ~ ul {
        padding: 9.333vw 0 0 0;
        display: grid;
        justify-content: space-between;
        grid-template-columns: repeat(auto-fill,19.2vw);
    }
    .all_wrap .sp_menu_zone .sp_menu_list_wrap02 ul li {
        margin: 0 0 10.133vw 0;
    }
    .all_wrap .sp_menu_zone .sp_menu_list_wrap02 ul li span {
        display: block;
        text-align: center;
        font-size: 3.733vw;
        padding: 2.667vw 0;
    }
    .all_wrap .sp_menu_zone .sp_menu_brand_link {
        font-size: 4.133vw;
        letter-spacing: 0.05em;
        font-family: "游明朝体", "Yu Mincho", "YuMincho";
        font-weight: bold;
        color: #1d6536;
        max-width: 70.533vw;
        margin: 0 auto;
        border: 1px solid;
        border-radius: 5px;
        padding: 3.867vw 0 3.333vw 0;
        text-align: center;
        position: relative;
        margin-bottom: 17.733vw;
    }
    .all_wrap .sp_menu_zone .sp_menu_brand_link:after {
        position: absolute;
        top: 4.133vw;
        right: 16.667vw;
        content: "";
        display: block;
        width: 2.933vw;
        height: 2.933vw;
        background-image: url("https://isola.itembox.design/item/sp_menu_arrow.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .all_wrap .sp_menu_zone .sp_menu_insta_link {
        width: 16vw;
        margin: 0 auto 20vw;
    }
    /**sp_menu***/
    .all_wrap .as_header .header_middle .header_logo {
        padding: 26px 0 27px;
        padding: 3.467vw 0 3.6vw;
    }
    .all_wrap .sp_menu_button {
        position: absolute;
        width: 51px;
        width: 6.8vw;
        top: 27px;
        left: 31px;
        top: 3.6vw;
        left: 4.133vw;
    }
    .all_wrap .sp_menu_button img {
        width: 100%;
    }
    .all_wrap .as_header .header_middle .header_logo img {
        width: 147px;
        width: 19.6vw;
    }
    .all_wrap .as_header .header_middle .middle_links {
        right: 5%;
        transform: translateY(-48%);
        align-items: flex-end;
    }
    .all_wrap .as_header .header_middle .middle_links>div {
        max-width: inherit;
    }
    .all_wrap .as_header .header_middle .middle_links .login_link {
        width: 47px;
        margin: 0 0 0 29px;
        width: 6.267vw;
        margin: 0 0 0 3.867vw;
    }
    .all_wrap .as_header .header_middle .middle_links .login_link img {
        width: 100%;
    }
    .all_wrap .as_header .header_middle .middle_links .cart_link {
        width: 51px;
        width: 6.8vw;
    }
    .all_wrap .as_header .header_middle .middle_links .cart_link img {
        width: 100%;
    }
    .all_wrap .top_text_up .news_zone {
        display: block;
        padding: 183px 0 96px 0;
        padding: 24.4vw 0 12.8vw 0;
        width: 100%;
    }
    .all_wrap .top_text_up .news_zone h2 {
        margin: 0 0 58px 0;
        margin: 0 0 7.733vw 0;
        position: relative;
    }
    .all_wrap .top_text_up .news_zone h2 span {
        text-align: center;
    }
    .all_wrap .top_text_up .news_zone h2 span:nth-of-type(1) {
        font-size: 75px;
        font-size: 10vw;
        letter-spacing: 0.075em;
    }
    .all_wrap .top_text_up .news_zone h2 span:nth-of-type(2) {
        font-size: 25px;
        font-size: 3.333vw;
    }
    .all_wrap .top_text_up .news_zone h2:before {
        content: "";
        background-image: url("https://isola.itembox.design/item/img_head_deco.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 78px;
        width: 10.4vw;
        height: 40px;
        height: 5.333vw;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: -50px;
        top: -6.667vw;
        margin: auto;
    }
    .all_wrap .top_text_up .news_zone .news_wrap {
        border-left: none;
        border-top: 1px solid;
        width: 90%;
        margin: 0 auto;
        padding: 10vw 0 0 0;
        max-height: initial;
    }
    .all_wrap .top_text_up .news_zone .news_wrap .news_box p {
        font-size: 30px;
        font-size: 4vw;
        line-height: 1.5;
    }
    .all_wrap .top_text_up .news_zone .news_wrap .news_box p:nth-of-type(1) {
        margin: 0;
    }
    .all_wrap .top_text_up .news_zone .news_wrap .news_box {
        margin: 0 0 45px 0;
        margin: 0 0 6vw 0;
    }
    .all_wrap .top_text_up .category_zone h2::before {
        background-size: 100%;
        width: 78px;
        width: 10.4vw;
        height: 40px;
        height: 5.333vw;
        top: -50px;
        top: -6.667vw;
    }
    .all_wrap .top_text_up .category_zone {
        padding: 190px 0 150px 0;
        padding: 25.333vw 0 20vw 0;
    }
    .all_wrap .top_text_up .category_zone h2 {
        margin: 0 0 54px 0;
        margin: 0 0 7.2vw 0;
    }
    .all_wrap .top_text_up .category_zone h2 span:nth-of-type(1) {
        font-size: 75px;
        font-size: 10vw;
        letter-spacing: 0.075em;
    }
    .all_wrap .top_text_up .category_zone h2 span:nth-of-type(2) {
        font-size: 25px;
        font-size: 3.333vw;
    }
    .all_wrap .top_text_up .category_zone .category_wrap {
        max-width: 90%;
    }
    .all_wrap .top_text_up .category_zone h3 {
        font-size: 31px;
        font-size: 4.133vw;
    }
    .all_wrap .top_text_up .category_zone h3::before {
        background-image: url("https://isola.itembox.design/item/sp_line_cate.png");
        background-size: 100%;
    }
    .all_wrap .top_text_up .category_zone .category_wrap h3:nth-of-type(1) {
        margin-bottom: 81px;
        margin-bottom: 10.8vw;
    }
    .all_wrap .top_text_up .category_zone .category_wrap h3:nth-of-type(2) {
        margin-bottom: 92px;
        margin-bottom: 12.267vw;
    }
    .all_wrap .top_text_up .category_zone .category_wrap ul {
        gap: 0 2.667vw;
    }
    .all_wrap .top_text_up .category_zone .category_wrap ul:nth-of-type(2) {
        gap: 77px 37px;
        gap: 10.267vw 4.933vw;
        justify-content: flex-start;
        margin: 0 auto 14vw auto;
        grid-template-columns: repeat(auto-fill,calc((100% - 10vw ) / 3));
    }
    .all_wrap .top_text_up .category_zone .category_wrap ul:nth-of-type(1) {
        margin-bottom: 17.6vw;
    }
    .all_wrap .top_text_up .category_zone .category_wrap ul:nth-of-type(1) li {
        width: calc((100% - 2.667vw )/2);
        margin-bottom: 19px;
    }
    .all_wrap .top_text_up .category_zone .category_wrap ul:nth-of-type(2) li {
        /*width: calc((100% - 10vw ) / 3);*/
        margin: 0;
    }
    .all_wrap .top_text_up .category_zone .category_wrap ul:nth-of-type(2) img {
        width: 100%;
        height: auto;
    }
    .all_wrap .top_text_up .category_zone .category_wrap ul:nth-of-type(2) p {
        font-size: 24px;
        margin-top: 15px;
        font-size: 3.2vw;
        margin-top: 2vw;
    }
    .all_wrap .top_text_up .btn_gr a {
        font-size: 31px;
        padding: 33px 72px 23px;
        font-size: 4.133vw;
        padding: 4.4vw 9.6vw 3.067vw;
    }
    .all_wrap .top_text_up .btn_gr a span {
        width: 16px;
        margin-left: 5px;
        width: 2.133vw;
        margin-left: 0.667vw;
    }
    .all_wrap .top_text_up .pick_up_wrap {
        padding: 199px 0 162px 0;
        padding: 26.533vw 0 21.6vw 0;
    }
    .all_wrap .top_text_up .pick_up_wrap .pick_up_bn_wrap ul {
        margin: 0 auto;
    }
    .all_wrap .top_text_up .pick_up_wrap h2::before {
        background-size: 100%;
        width: 78px;
        height: 40px;
        top: -50px;
        width: 10.4vw;
        height: 5.333vw;
        top: -6.667vw;
    }
    .all_wrap .top_text_up .pick_up_wrap h2 span:nth-of-type(1) {
        font-size: 75px;
        font-size: 10vw;
        letter-spacing: 0.075em;
    }
    .all_wrap .top_text_up .pick_up_wrap h2 span:nth-of-type(2) {
        font-size: 25px;
        font-size: 3.333vw;
    }
    .all_wrap .top_text_up .pick_up_wrap .pick_up_bn_wrap ul {
        flex-wrap: wrap;
        width: 90%;
    }
    .all_wrap .top_text_up .pick_up_wrap .pick_up_bn_wrap ul li {
        width: calc((100% - 21px)/2);
        width: calc((100% - 2.8vw)/2);
        margin: 0 0 13.467vw 0;
        padding: 0 0 16.8vw 0;
    }
    .all_wrap .top_text_up .pick_up_wrap p span {
        font-size: 28px;
        font-size: 3.733vw;
        letter-spacing: 0;
        line-height: 1.7;
    }
    .all_wrap .top_text_up .pick_up_wrap p {
        margin-top: 49px;
        font-size: 28px;
        margin-top: 6.533vw;
        font-size: 3.733vw;
        letter-spacing: 0.05em;
    }
    .all_wrap .top_text_up .pick_up_wrap .pick_up_bn_wrap .btn_check {
        margin: 51px auto 0;
        margin: 6.8vw auto 0;
        width: 100%;
    }
    .all_wrap .top_text_up .about_isola_zone {
        padding: 237px 0 1427px 0;
        padding: 31.6vw 0 190.267vw 0;
    }
    .all_wrap .top_text_up .about_isola_zone h2 {
        margin: 0 0 76px 0;
        margin: 0 0 10.133vw 0;
    }
    .all_wrap .top_text_up .about_isola_zone h2 span {
        font-size: 47px;
        font-size: 6.267vw;
    }
    .all_wrap .top_text_up .about_isola_zone h2::before {
        background-size: 100%;
        width: 78px;
        height: 40px;
        top: -63px;
        width: 10.4vw;
        height: 5.333vw;
        top: -8.4vw;
    }
    .all_wrap .top_text_up .about_isola_wrap .intoro_box1 {
        margin: 0 auto 538px 0;
        margin: 0 auto 71.733vw 0;
        width: 100%;
        padding: 0 15.2vw 0 0;
    }
    .all_wrap .top_text_up .about_isola_wrap .intoro_box1 div {
        top: 85%;
        right: 0;
        padding: 63px 0;
        width: 672px;
        padding: 8.4vw 0;
        width: 89.6vw;
    }
    .all_wrap .top_text_up .about_isola_wrap p {
        font-size: 30px;
        font-size: 4vw;
    }
    .all_wrap .top_text_up .about_isola_wrap .intoro_box2 {
        padding: 0 0 0 186px;
        padding: 0 0 0 24.8vw;
    }
    .all_wrap .top_text_up .about_isola_wrap .intoro_box2 div {
        top: 505px;
        left: 0;
        width: 712px;
        padding: 65px 0px 77px;
        top: 67.333vw;
        left: 0;
        width: 94.933vw;
        padding: 8.667vw 0px 10.267vw;
    }
    .all_wrap .sp_footer {
        background-color: #333;
    }
    .all_wrap .sp_footer ul {
        padding: 76px 0 0 0;
        padding: 10.133vw 0 0 0;
    }
    .all_wrap .sp_footer ul li a {
        color: #fff;
        font-size: 21px;
        font-size: 2.8vw;
        letter-spacing: 0.05em;
        text-align: center;
        line-height: 2.5;
    }
    .all_wrap .sp_footer .copy {
        color: #fff;
        font-size: 15px;
        font-size: 2vw;
        letter-spacing: 0.05em;
        padding: 62px 0 15px;
        padding: 8.267vw 0 2vw;
        text-align: center;
    }
}