@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a:focus, *:focus {
  outline: none; }

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

body {
  color: #362713;
  font-family: "游ゴシック体","游ゴシック",YuGothic,"Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  word-wrap: break-word;
  position: relative;
  left: 0;
  overflow-x: hidden;
  letter-spacing: 0.05em; }

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

a {
  color: #251e1c;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease; }
  a:hover img {
    opacity: 0.6; }

@font-face {
  font-family: "Dederon Sans"; }
.clear {
  overflow: hidden; }
  .clear:after {
    clear: both; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

.aligncenter {
  display: block;
  margin: auto; }

.txtcenter {
  text-align: center; }

.bold {
  font-weight: bold; }

.sp {
  display: none; }

.pc {
  display: block; }

.en {
  font-family: "Dederon Sans";
  letter-spacing: 0.05em; }
  
.jp {
  font-family: "游ゴシック体","游ゴシック",YuGothic,"Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  letter-spacing: 0.02em; }
  
.en._jp {
  font-family: "游ゴシック体","游ゴシック",YuGothic,"Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-weight: bold;
  letter-spacing: 0.02em; }

.jp._en {
  font-family: "Dederon Sans";
  letter-spacing: 0.05em; }
  
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease; }

.l_continar {
  width: 1360px;
  margin: 0 auto; }

.s_continar {
  width: 1120px;
  margin: 0 auto; }
  
.l_ttl {
  padding-top: 30px;
  background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/ttl_decoration.png) center 0 no-repeat;
  background-size: 39px auto;
  text-align: center; }
  .l_ttl span {
    display: block;
    text-align: center;
    line-height: 1; }
    .l_ttl span.en {
      font-size: 30px;
      font-size: 3.0rem; }
    .l_ttl span.jp {
      padding-top: 15px;
      font-size: 14px;
      font-size: 1.4rem; }
    .l_ttl span.en02 {
      font-size: 16px;
      font-size: 1.6rem;
      font-family: "Dederon Sans";
      display: inline-block;
      padding: 0 25px;
      margin-bottom: 10px;
      position: relative; }
      .l_ttl span.en02:before, .l_ttl span.en02:after {
        content: "";
        width: 15px;
        height: 1px;
        background-color: #362713;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
      .l_ttl span.en02:before {
        left: 0; }
      .l_ttl span.en02:after {
        right: 0; }
    .l_ttl span.jp02 {
      font-size: 24px;
      font-size: 2.4rem;
      font-weight: bold; }
      
#header {
  position: relative; }

#header_info {
  background-color: #ADCB6B;
  padding: 10px 0; }
  #header_info ..swiper-wrapper {
	-webkit-align-items: center;
    align-items: center;
  }
  #header_info .swiper-container {
    width: 920px;
    margin: 0 auto; }
  #header_info .header_info_child {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    padding-left: 80px;
    padding-right: 80px;
    text-align: center; }
  #header_info .swiper-button-prev {
    background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/icon_link_arrow_left.png) 0 0 no-repeat;
    background-size: 100% auto;
    width: 10px;
    height: 16px;
    margin-top: -8px;
    left: 0; }
  #header_info .swiper-button-next {
    background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/icon_link_arrow_right.png) 0 0 no-repeat;
    background-size: 100% auto;
    width: 10px;
    height: 16px;
    margin-top: -8px;
    right: 0; }

#header_menu {
  padding: 0 25px;
  background-color: #fff; }
  #header_menu.fixed {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 1001; }
  #header_menu #header_menu_cnt {
	height: 70px;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center; }
  #header_menu #header_menu_cnt_bottom {
	display: none; }
  #header_menu h1 {
    width: 258px; }
  #header_menu #header_keyword {
    margin-left: 40px; }
  #header_menu .search_form {
    position: relative;
    width: 220px;
    margin: 0 auto; }
    #header_menu .search_form .sbox {
      border-radius: 0;
      -webkit-box-sizing: content-box;
      -webkit-appearance: button;
      appearance: button;
      border: none;
      box-sizing: border-box;
      border-radius: 20px;
      background-color: #EFE9D5;
      width: 100%;
      padding: 12px 40px 12px 15px;
      font-size: 12px;
      font-size: 1.2rem;
      letter-spacing: 0.05em;
      color: #362713; }
    #header_menu .search_form .sbtn {
      border-radius: 0;
      -webkit-box-sizing: content-box;
      -webkit-appearance: none;
      appearance: none;
      border: none;
      box-sizing: border-box;
      cursor: pointer;
      width: 20px;
      height: 20px;
      background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/icon_search.svg) 0 0 no-repeat;
      background-size: 100% auto;
      position: absolute;
      right: 15px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
  #header_menu #menu_left {
    width: 700px;
    height: 70px;
    padding-left: 30px; }
    #header_menu #menu_left > ul {
	  height: 100%;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
      #header_menu #menu_left > ul > li {
	    display: flex;
		height: 100%;
		align-items: center;
        font-size: 14px;
        font-size: 1.4rem; }
        #header_menu #menu_left > ul > li .menu_arrow {
          display: inline-block;
          padding-right: 20px;
          position: relative;
          cursor: pointer; }
          #header_menu #menu_left > ul > li .menu_arrow.open:before {
            -webkit-transform: translateY(-50%) rotateX(180deg);
            transform: translateY(-50%) rotateX(180deg); }
          #header_menu #menu_left > ul > li .menu_arrow:before {
            content: "";
            width: 12px;
            height: 8px;
            background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/navi_arrow.png) 0 0 no-repeat;
            background-size: 100% auto;
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all  0.3s ease; }
          #header_menu #menu_left > ul > li .menu_arrow:after{
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all  0.3s ease;
          }
          #header_menu #menu_left > ul > li .menu_arrow.open:after{
          	content:"";
          	width:100%;
          	height:5px;
          	background-color:#A4C951;
          	border-radius:5px;
          	position:absolute;
          	bottom:-20px;
          	left:0;
          }
  #header_menu #menu_right {
    width: 210px;
    margin-left: auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    #header_menu #menu_right a {
      position: relative;
      display: block;
      font-size: 10px;
      font-size: 1.0rem;
      padding-top: 36px; }
      #header_menu #menu_right a:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); }
    #header_menu #menu_right #menu_registration:before {
      background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/icon_registration.svg) 0 0 no-repeat;
      background-size: 100% auto;
      width: 34px;
      height: 30px; }
    #header_menu #menu_right #menu_login:before {
      background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/icon_lock.svg) 0 0 no-repeat;
      background-size: 100% auto;
      width: 26px;
      height: 30px; }
    #header_menu #menu_right #menu_logout:before {
      background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/icon_logout.svg) 0 0 no-repeat;
      background-size: 100% auto;
      background-position: top 2px center;
      width: 29px;
      height: 30px; }
    #header_menu #menu_right #menu_mypage:before {
      background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/icon_login.svg) 0 0 no-repeat;
      background-size: 100% auto;
      background-position: top 2px center;
      width: 26px;
      height: 30px; }
    #header_menu #menu_right #menu_cart:before {
      background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/icon_shoppingcart.svg) 0 0 no-repeat;
      background-size: 100% auto;
      width: 37px;
      height: 35px; }

#sp_menu_content {
  display: none; }
  #sp_menu_content.open {
    display: block; }

.menu_content {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100vw;
  background-color: #F3F5EF;
  z-index: 100;
  display: none; }
  .menu_content.fixed {
  position: fixed; }
  .menu_content .menu_content_inner {
    display: flex;
    flex-wrap: wrap;
    padding: 35px 40px; }
  .menu_content .menu_item_li li {
    position: relative;
    padding-left: 15px;
    padding-right: 2%;
    margin-bottom: 15px;
    letter-spacing: 0; }
    .menu_content .menu_item_li li:before {
      content: "";
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background-color: #FFB72B;
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
  .menu_content .menu_cat {
    width: 36%; }
    .menu_content .menu_cat ul {
      display: flex;
      flex-wrap: wrap;
      -webkit-align-items: center;
	  align-items: center; }
      .menu_content .menu_cat ul li {
        width: 50%;
		line-height: 1.4; }
  .menu_content .menu_price_trouble {
    width: 16%; }
  .menu_content .menu_price {
    width: 100%; }
  .menu_content .menu_muso {
    width: 36%; }
    .menu_content .menu_muso ul {
      display: flex;
      flex-wrap: wrap;
      -webkit-align-items: center;
	  align-items: center; }
      .menu_content .menu_muso ul li {
        width: 50%;
		line-height: 1.4; }
  .menu_content .menu_trouble {
    width: 100%;
    margin-top: 30px; }
  .menu_content .menu_other {
    width: 12%; }
    .menu_content .menu_other .menu_content_ttl {
      margin-bottom: 30px; }
  .menu_content .menu_content_ttl {
    width: 100%;
    margin-bottom: 25px;
    padding-left: 20px;
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.4; }
    .menu_content .menu_content_ttl:before {
      content: "";
      background-color: #A4C951;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
  .menu_content .menu_conents {
    padding: 40px 45px 20px; }
    .menu_content .menu_conents li {
      display: inline-block;
      padding-left: 20px;
      padding-right: 75px;
      margin-bottom:20px;
      position: relative;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.3;
      font-weight: bold; }
      .menu_content .menu_conents li:last-child {
        padding-right: 0; }
      .menu_content .menu_conents li:before {
        content: "";
        background-color: #A4C951;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }

#menu_item_navi{
	width:100%;
	max-width:1080px;
	height:410px;
	left:50%;
	transform: translateX(-50%);
	background:transparent;
}
#menu_item_navi .menu_item_navi_ul{
	width:240px;
	height:100%;
	overflow: auto;
	overflow-x: auto;
	overflow-x: hidden;
	scrollbar-width: thin;
}

#menu_item_navi .menu_item_navi_ul::-webkit-scrollbar{width:10px;}
#menu_item_navi .menu_item_navi_ul::-webkit-scrollbar-track{background-color:#f7f7f7;}
#menu_item_navi .menu_item_navi_ul::-webkit-scrollbar-thumb{border-radius:10px;background-color:#ccc;box-shadow:0 0 0 2px #f7f7f7 inset;}


#menu_item_navi .menu_item_navi_ul li{
	border-bottom:0.5px solid #DBDFD2;
	
}
#menu_item_navi .menu_item_navi_ul a,
#menu_item_navi .menu_item_navi_ul span{
	color:#362713;
	font-weight:bold;
	font-size:14px;
	font-size:1.4rem;
	padding:10px;
	display:block;
	background-color:#F3F5EF;
}
#menu_item_navi .menu_item_navi_ul a:hover,
#menu_item_navi .menu_item_navi_ul span:hover{
	background-color:#fff;
	opacity:1!important;
}
/*
#menu_item_navi .menu_item_navi_ul li.menu_cat_trigger_wrap:hover .menu_cat_content{
	display:block;
}
*/
#menu_item_navi .menu_cat_content{
	display:none;
	width:calc(100% - 240px);
	height:100%;
	background-color:#fff;
	padding:30px;
	position:absolute;
	top:0;
	left:240px;
	z-index:1;
}
#menu_item_navi .menu_cat_content.is-show{
	display:block;
}
#menu_item_navi .menu_cat_content .menu_cat_content_ttl {
	padding-bottom:20px;
}
#menu_item_navi .menu_cat_content .menu_cat_content_ttl a{
	padding:0;
	background:transparent;
	font-size:24px;
	font-size:2.4rem;
	font-weight:bold;
	letter-spacing:0.05em;
	color:#82AC25;
	display:inline-block;
	position:relative;
	line-height:1;
	padding-right:22px;
	
	
}
#menu_item_navi .menu_cat_content .menu_cat_content_ttl a:after{
	content:"";
	width:8px;
	height:12px;
	background:url(../img/common/arrow_green.svg) 0 0 no-repeat;
	background-size:100% auto;
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	right:0;
}

#menu_item_navi .menu_cat_content .menu_cat_content_inner{
	display:flex;
	flex-wrap:wrap;
}
#menu_item_navi .menu_cat_content .menu_cat_content_inner p{
	width:33.333%;
	padding-right:25px;
	padding-top:20px;
}
#menu_item_navi .menu_cat_content .menu_cat_content_inner p a{
	padding:0;
	background:transparent;
	color:#362713;
	font-size:14px;
	font-size:1.4rem;
	font-weight:normal;
	line-height:1.4;
	position:relative;
	//padding-left:1em;
}
/*
#menu_item_navi .menu_cat_content .menu_cat_content_inner p a:before{
	content: "";
	background-color: #A4C951;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
}
*/
#menu_item_navi .menu_cat_content .menu_cat_content_inner p a:hover{
	text-decoration:underline;
}
#menu_muso_navi .menu_conents{
	display:flex;
	flex-wrap:wrap;
}

#menu_muso_navi .menu_conents li{
	width:25%;
	display: flex;
	align-items: center;
}

#footer_service {
  background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/bg_service.jpg) center center no-repeat;
  background-size: cover;
  padding: 145px 0; }
  #footer_service .footer_service_inner {
    width: 1180px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  #footer_service .footer_service_block {
    border-radius: 50%;
    width: 240px;
    height: 240px;
    /*filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.3));*/
    background-color: #fff;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #footer_service .footer_service_block a {
	    display: block;
	    width: 100%;
	    height: 100%; }
    #footer_service .footer_service_block:hover {
      box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.18); }
    #footer_service .footer_service_block:first-of-type .footer_service_ttl {
      line-height: 1.4;
      top: 90px; }
      #footer_service .footer_service_block:first-of-type .footer_service_ttl:before {
        width: 46px;
        height: 46px;
        background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/icon_teiki.svg) 0 0 no-repeat;
        background-size: 100% auto;
        top: -50px; }
    #footer_service .footer_service_block:nth-of-type(2) .footer_service_ttl:before {
      width: 35px;
      height: 52px;
      background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/icon_first.svg) 0 0 no-repeat;
      background-size: 100% auto;
      top: -60px; }
    #footer_service .footer_service_block:nth-of-type(3) .footer_service_ttl:before {
      width: 73px;
      height: 53px;
      background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/icon_point.svg) 0 0 no-repeat;
      background-size: 100% auto;
      top: -60px; }
    #footer_service .footer_service_block:nth-of-type(4) .footer_service_ttl:before {
      width: 52px;
      height: 51px;
      background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/icon_matome.svg) 0 0 no-repeat;
      background-size: 100% auto;
      top: -60px; }
    #footer_service .footer_service_block .footer_service_ttl {
      font-size: 20px;
      font-size: 2.0rem;
      font-weight: bold;
      text-align: center;
      position: absolute;
      top: 105px;
      left: 0;
      width: 100%; }
      #footer_service .footer_service_block .footer_service_ttl:before {
        content: "";
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); }
    #footer_service .footer_service_block p {
      padding-top: 150px;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.8;
      text-align: center; }
      #footer_service .footer_service_block p span {
        font-size: 16px;
        font-size: 1.6rem; }

#footer_bottom {
  background-color: #f3f5ef;
  padding-top: 50px; }
  #footer_bottom .footer_menu {
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  #footer_bottom .footer_menu_ttl {
    font-size: 18px;
    font-size: 1.8rem;
    padding-bottom: 20px;
    line-height: 1;
    letter-spacing: 0.1rem;
    font-weight: bold; }
  #footer_bottom .footer_guide {
    width: 340px; }
    #footer_bottom .footer_guide p {
      font-size: 12px;
      font-size: 1.2rem;
      letter-spacing: 0;
      padding-bottom: 40px; }
    #footer_bottom .footer_guide .footer_fax {
	    display: block;
	    width: 320px; }
	    #footer_bottom .footer_guide .footer_fax img {
	      width: 100%;
	      height: auto; }
    #footer_bottom .footer_guide ul {
      display: flex;
      flex-wrap: wrap;
      padding-left: 15px; }
      #footer_bottom .footer_guide ul li {
        width: 50%;
        margin-bottom: 40px; }
        #footer_bottom .footer_guide ul li a {
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: bold;
          position: relative;
          padding-left: 40px; }
          #footer_bottom .footer_guide ul li a:hover {
           text-decoration: underline; }
          #footer_bottom .footer_guide ul li a:before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
          #footer_bottom .footer_guide ul li a.footer_shoppingcart:before {
            background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/footer_shoppingcart.svg) 0 0 no-repeat;
            background-size: 100%;
            width: 29px;
            height: 24px; }
          #footer_bottom .footer_guide ul li a.footer_shipping:before {
            background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/footer_shipping.svg) 0 0 no-repeat;
            background-size: 100%;
            width: 27px;
            height: 27px; }
          #footer_bottom .footer_guide ul li a.footer_cancel:before {
            background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/footer_cancel.svg) 0 0 no-repeat;
            background-size: 100%;
            width: 27px;
            height: 27px; }
          #footer_bottom .footer_guide ul li a.footer_return:before {
            background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/footer_return.svg) 0 0 no-repeat;
            background-size: 100%;
            width: 30px;
            height: 30px; }
          #footer_bottom .footer_guide ul li a.footer_payment:before {
            background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/footer_payment.svg) 0 0 no-repeat;
            background-size: 100%;
            width: 26px;
            height: 24px; }
          #footer_bottom .footer_guide ul li a.footer_mail:before {
            background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/footer_mail.svg) 0 0 no-repeat;
            background-size: 100%;
            width: 26px;
            height: 22px; }
  #footer_bottom .footer_sns {
    width: 180px;
    margin-left: 0; }
    #footer_bottom .footer_sns ul {
      padding-top: 35px; }
      #footer_bottom .footer_sns ul li {
        margin-bottom: 30px; }
        #footer_bottom .footer_sns ul li a {
          font-size: 12px;
          font-size: 1.2rem;
          font-family: "Cocogoose";
          position: relative;
          padding-left: 45px; }
          #footer_bottom .footer_sns ul li a:hover {
            opacity: 0.6; }
          #footer_bottom .footer_sns ul li a:before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
          #footer_bottom .footer_sns ul li a.insta:before {
            background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/icon_instagram.svg) 0 0 no-repeat;
            background-size: 100%;
            width: 28px;
            height: 28px; }
          #footer_bottom .footer_sns ul li a.facebook:before {
            background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/icon_facebook.svg) 0 0 no-repeat;
            background-size: 100%;
            width: 28px;
            height: 28px; }
          #footer_bottom .footer_sns ul li a.twitter:before {
            background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/icon_twitter.svg) 0 0 no-repeat;
            background-size: 100%;
            width: 28px;
            height: 23px; }
          #footer_bottom .footer_sns ul li a.blog:before {
            background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/icon_blog.svg) 0 0 no-repeat;
            background-size: 100%;
            width: 24px;
            height: 24px; }
  #footer_bottom .footer_calendar {
    width: 500px;
    margin-left: 0; }
    #footer_bottom .footer_calendar ul {
      display: flex;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
      #footer_bottom .footer_calendar ul li {
        width: calc(50% - 5px);
        padding: 15px;
        background-color: #fff; }
        #footer_bottom .footer_calendar ul li h2 {
          font-size: 12px;
          font-size: 1.2rem;
          margin-bottom: 10px;
          text-align: center; }
  #footer_bottom .footer_logo {
    width: 487px;
    margin-left: 0;
    padding-top: 35px; }
    #footer_bottom .footer_logo .footer_logo_inner {
      background-color: #FFFFFF;
      text-align: center;
      padding: 20px; }
    #footer_bottom .footer_logo .logo {
      padding: 30px 0; }
      #footer_bottom .footer_logo .logo img {
        width: 387px; }
    #footer_bottom .footer_logo .footer_logo_txt {
      background-color: #F3F5EF;
      padding: 20px 25px; }
      #footer_bottom .footer_logo .footer_logo_txt p {
        color: #362713;
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: bold;
        line-height: 1.67; }
  #footer_bottom .footer_btn {
    padding: 65px 0 40px;
    width: 1020px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    #footer_bottom .footer_btn a {
      width: calc(33.33% - 20px);
      display: block; }
      #footer_bottom .footer_btn a img {
        width: 100%;
        height: auto; }
  #footer_bottom .footer_link {
    font-size: 0;
    text-align: center;
    padding-bottom: 35px; }
    #footer_bottom .footer_link li {
      display: inline-block;
      font-size: 14px;
      font-size: 1.4rem;
      border-right: 1px solid #362713;
      padding: 0 20px; }
      #footer_bottom .footer_link li:last-child {
        border: none; }
  #footer_bottom small {
    display: block;
    background-color: #ADCB6B;
    color: #fff;
    text-align: center;
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1;
    padding: 18px 0; }

.breadcrumb {
  padding: 20px 0 5px; }
  .breadcrumb ul {
    font-size: 0; }
    .breadcrumb ul li {
      font-size: 12px;
      font-size: 1.2rem;
      display: inline;
      padding-right: 25px;
      padding-left: 10px;
      background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/arrow.png) right center no-repeat;
      background-size: 6px auto; }
      .breadcrumb ul li:first-child {
        padding-left: 0; }
      .breadcrumb ul li:last-child {
        padding-right: 0;
        background: none; }
      .breadcrumb ul li a {
        text-decoration: underline; }
           
@media screen and (max-width: 1390px) {
	#header_menu #header_menu_cnt #menu_left {
		display: none;
	}
	#header_menu #header_menu_cnt_bottom {
		display: block;
		padding-top: 5px;
	}
	#header_menu #header_menu_cnt_bottom #menu_left {
		height: auto;
		padding: 0;
		margin: 0 auto;
	}
	#header_menu #header_menu_cnt_bottom #menu_left > ul > li {
		padding-bottom: 20px;
	}
	#header_menu #header_keyword {
		margin-left: auto;
		margin-right: 25px;
	}
	#header_menu #menu_right {
		margin-left: 0;
	}
}

@media screen and (max-width: 1390px) {
  .l_continar {
    width: calc(1360 / 1390 * 100%); }

  .s_continar {
    width: calc(1120 / 1390 * 100%); } 

  .l_ttl {
    padding-top: calc(30 / 1390 * 100vw);
    background-size: calc(39 / 1390 * 100vw) auto; }
    .l_ttl span.en {
      font-size: calc(30 / 1390 * 100vw); }
    .l_ttl span.jp {
      padding-top: calc(15 / 1390 * 100vw);
      font-size: calc(14 / 1390 * 100vw); }
    .l_ttl span.en02 {
      font-size: calc(16 / 1390 * 100vw);
      padding: 0 calc(25 / 1390 * 100vw);
      margin-bottom: calc(10 / 1390 * 100vw); }
      .l_ttl span.en02:before, .l_ttl span.en02:after {
        width: calc(15 / 1390 * 100vw); }
    .l_ttl span.jp02 {
      font-size: calc(24 / 1390 * 100vw); }
         
/*
  .l_continar {
    width: calc(1360 / 1390 * 100vw); }

  .l_ttl {
    padding-top: calc(30 / 1390 * 100vw);
    background-size: calc(39 / 1390 * 100vw) auto; }
    .l_ttl span.en {
      font-size: calc(30 / 1390 * 100vw); }
    .l_ttl span.jp {
      padding-top: calc(15 / 1390 * 100vw);
      font-size: calc(14 / 1390 * 100vw); }
*/

/*
  #header_info {
    padding: calc(10 / 1390 * 100vw) 0; }
    #header_info .swiper-container {
      width: calc(920 / 1390 * 100vw); }
    #header_info .header_info_child01 {
      padding-left: calc(90 / 1390 * 100vw);
      padding-right: calc(65 / 1390 * 100vw); }
      #header_info .header_info_child01 p+p {
	    padding-left: calc(30 / 1390 * 100vw); }
    #header_info .swiper-button-prev {
      width: calc(10 / 1390 * 100vw);
      height: calc(16 / 1390 * 100vw);
      margin-top: calc(-8 / 1390 * 100vw); }
    #header_info .swiper-button-next {
      width: calc(10 / 1390 * 100vw);
      height: calc(16 / 1390 * 100vw);
      margin-top: calc(-8 / 1390 * 100vw); }
*/
      
/*
  #header_menu {
    padding: calc(20 / 1390 * 100vw) calc(25 / 1390 * 100vw); }
    #header_menu h1 {
      width: calc(320 / 1390 * 100vw); }
    #header_menu #header_keyword {
      margin-left: calc(40 / 1390 * 100vw); }
    #header_menu .search_form {
      width: calc( 220 / 1390 * 100vw); }
      #header_menu .search_form .sbox {
        border-radius: calc( 20 / 1390 * 100vw);
        padding: calc( 12 / 1390 * 100vw) calc(40 / 1390 * 100vw) calc(12 / 1390 * 100vw) calc(15 / 1390 * 100vw);
        font-size: calc(12 / 1390 * 100vw); }
      #header_menu .search_form .sbtn {
        width: calc( 20 / 1390 * 100vw);
        height: calc( 20 / 1390 * 100vw);
        right: calc( 15 / 1390 * 100vw); }
    #header_menu #menu_left {
      width: calc(720 / 1390 * 100vw);
      padding-left: calc(30 / 1390 * 100vw); }
      #header_menu #menu_left > ul > li {
        font-size: calc(14 / 1390 * 100vw); }
        #header_menu #menu_left > ul > li .menu_arrow {
          padding-right: calc(20 / 1390 * 100vw); }
          #header_menu #menu_left > ul > li .menu_arrow:before {
            width: calc(12 / 1390 * 100vw);
            height: calc(8 / 1390 * 100vw); }
    #header_menu #menu_right {
      width: calc(210 / 1390 * 100vw); }
      #header_menu #menu_right a {
        font-size: calc(10 / 1390 * 100vw);
        padding-top: calc(40 / 1390 * 100vw); }
      #header_menu #menu_right #menu_registration:before {
        width: calc(40 / 1390 * 100vw);
        height: calc(35 / 1390 * 100vw); }
      #header_menu #menu_right #menu_login:before {
        width: calc(29 / 1390 * 100vw);
        height: calc(35 / 1390 * 100vw); }
      #header_menu #menu_right #menu_cart:before {
        width: calc(42 / 1390 * 100vw);
        height: calc(40 / 1390 * 100vw); }
*/
  .menu_content .menu_content_inner {
    padding: calc(35 / 1390 * 100vw) calc(40 / 1390 * 100vw); }
  .menu_content .menu_item_li li {
    padding-left: calc(15 / 1390 * 100vw);
    margin-bottom: calc(15 / 1390 * 100vw);
    font-size: calc(14 / 1390 * 100vw); }
    .menu_content .menu_item_li li:before {
      width: calc(4 / 1390 * 100vw);
      height: calc(4 / 1390 * 100vw); }
  .menu_content .menu_trouble {
	margin-top: calc(30 / 1390 * 100vw); }
  .menu_content .menu_other .menu_content_ttl {
    margin-bottom: calc(30 / 1390 * 100vw); }
  .menu_content .menu_content_ttl {
    margin-bottom: calc(25 / 1390 * 100vw);
    padding-left: calc(20 / 1390 * 100vw);
    font-size: calc(14 / 1390 * 100vw); }
    .menu_content .menu_content_ttl:before {
      width: calc(12 / 1390 * 100vw);
      height: calc(12 / 1390 * 100vw); }
  .menu_content .menu_conents {
    padding: calc(40 / 1390 * 100vw) calc(45 / 1390 * 100vw); }
    .menu_content .menu_conents li {
      padding-left: calc(20 / 1390 * 100vw);
      padding-right: calc(75 / 1390 * 100vw);
      font-size: calc(14 / 1390 * 100vw); }
      .menu_content .menu_conents li:before {
        width: calc(12 / 1390 * 100vw);
        height: calc(12 / 1390 * 100vw); }
        
	#menu_item_navi{
		height:calc(410 / 1390 * 100vw);
	}
	#menu_item_navi .menu_item_navi_ul{
		width:calc(240 / 1390 * 100vw);
	}
	#menu_item_navi .menu_item_navi_ul a,
	#menu_item_navi .menu_item_navi_ul span{
		font-size:calc(14 / 1390 * 100vw);
		padding:calc(10 / 1390 * 100vw);
	}

	#menu_item_navi .menu_cat_content{
		width:calc(100% - calc(240 / 1390 * 100vw));
		padding:calc(30 / 1390 * 100vw);
		left:calc(240 / 1390 * 100vw);
	}
	#menu_item_navi .menu_cat_content .menu_cat_content_ttl {
		padding-bottom:calc(20 / 1390 * 100vw);
	}
	#menu_item_navi .menu_cat_content .menu_cat_content_ttl a{
		font-size:calc(24 / 1390 * 100vw);
		padding-right:calc(22 / 1390 * 100vw);
		
		
	}
	#menu_item_navi .menu_cat_content .menu_cat_content_ttl a:after{
		width:calc(8 / 1390 * 100vw);
		height:calc(12 / 1390 * 100vw);
	}


	#menu_item_navi .menu_cat_content .menu_cat_content_inner p{
		padding-right:calc(10 / 1390 * 100vw);
		padding-top:calc(20 / 1390 * 100vw);
	}
	#menu_item_navi .menu_cat_content .menu_cat_content_inner p a{
		font-size:calc(14 / 1390 * 100vw);
	}


/*
  #footer_bottom {
    padding-top: calc(50 / 1390 * 100vw); }
    #footer_bottom .footer_menu_ttl {
      font-size: calc(18 / 1390 * 100vw);
      padding-bottom: calc(20 / 1390 * 100vw); }
    #footer_bottom .footer_guide {
      width: calc(365 / 1390 * 100vw); }
      #footer_bottom .footer_guide p {
        font-size: calc(12 / 1390 * 100vw);
        padding-bottom: calc(40 / 1390 * 100vw); }
      #footer_bottom .footer_guide .footer_fax {
	    width: calc(320 / 1390 * 100vw);
	    padding-left: calc(50 / 1390 * 100vw);
		padding: calc(20 / 1390 * 100vw) 0 calc(15 / 1390 * 100vw) calc(50 / 1390 * 100vw); }
	    #footer_bottom .footer_guide .footer_fax:before {
	    left: calc(12 / 1390 * 100vw);
		width: calc(30 / 1390 * 100vw);
		height: calc(30 / 1390 * 100vw); }
			#footer_bottom .footer_guide .footer_fax span:first-of-type {
			  font-size: calc(14 / 1390 * 100vw); }
			#footer_bottom .footer_guide .footer_fax span:last-of-type {
			  font-size: calc(10 / 1390 * 100vw); }
      #footer_bottom .footer_guide ul {
        padding-left: calc(15 / 1390 * 100vw); }
        #footer_bottom .footer_guide ul li {
          margin-bottom: calc(40 / 1390 * 100vw); }
          #footer_bottom .footer_guide ul li a {
            font-size: calc(14 / 1390 * 100vw);
            padding-left: calc(40 / 1390 * 100vw); }
            #footer_bottom .footer_guide ul li a.footer_shoppingcart:before {
              width: calc(29 / 1390 * 100vw);
              height: calc(24 / 1390 * 100vw); }
            #footer_bottom .footer_guide ul li a.footer_shipping:before {
              width: calc(27 / 1390 * 100vw);
              height: calc(27 / 1390 * 100vw); }
            #footer_bottom .footer_guide ul li a.footer_cancel:before {
              width: calc(27 / 1390 * 100vw);
              height: calc(27 / 1390 * 100vw); }
            #footer_bottom .footer_guide ul li a.footer_return:before {
              width: calc(30 / 1390 * 100vw);
              height: calc(30 / 1390 * 100vw); }
            #footer_bottom .footer_guide ul li a.footer_payment:before {
              width: calc(26 / 1390 * 100vw);
              height: calc(24 / 1390 * 100vw); }
            #footer_bottom .footer_guide ul li a.footer_mail:before {
              width: calc(26 / 1390 * 100vw);
              height: calc(22 / 1390 * 100vw); }
    #footer_bottom .footer_sns {
      width: calc(180 / 1390 * 100vw);
      margin-left: calc(140 / 1390 * 100vw); }
      #footer_bottom .footer_sns ul {
        padding-top: calc(35 / 1390 * 100vw); }
        #footer_bottom .footer_sns ul li {
          margin-bottom: calc(30 / 1390 * 100vw); }
          #footer_bottom .footer_sns ul li a {
            font-size: calc(12 / 1390 * 100vw);
            padding-left: calc(45 / 1390 * 100vw); }
            #footer_bottom .footer_sns ul li a.insta:before {
              width: calc(28 / 1390 * 100vw);
              height: calc(28 / 1390 * 100vw); }
            #footer_bottom .footer_sns ul li a.facebook:before {
              width: calc(28 / 1390 * 100vw);
              height: calc(28 / 1390 * 100vw); }
            #footer_bottom .footer_sns ul li a.twitter:before {
              width: calc(28 / 1390 * 100vw);
              height: calc(28 / 1390 * 100vw); }
    #footer_bottom .footer_calendar {
      width: calc(500 / 1390 * 100vw); }
      #footer_bottom .footer_calendar ul li {
        width: calc(50% - calc(5 / 1390 * 100vw));
        padding: calc(15 / 1390 * 100vw); }
        #footer_bottom .footer_calendar ul li h2 {
	      font-size: calc(12 / 1390 * 100vw);  }
*/
/*
    #footer_bottom .footer_btn {
      padding: calc(65 / 1390 * 100vw) 0 calc(40 / 1390 * 100vw);
      width: calc(1070 / 1390 * 100vw); }
      #footer_bottom .footer_btn a {
        width: calc(33.33% - calc(20 / 1390 * 100vw));
        padding: calc(14 / 1390 * 100vw) 0 calc(8 / 1390 * 100vw) calc(85 / 1390 * 100vw); }
        #footer_bottom .footer_btn a span:first-of-type {
          font-size: calc(20 / 1390 * 100vw); }
        #footer_bottom .footer_btn a.footer_tel span:first-of-type {
          font-size: calc(24 / 1390 * 100vw); }
        #footer_bottom .footer_btn a span:last-of-type {
          font-size: calc(12 / 1390 * 100vw);
          padding-top: calc(6 / 1390 * 100vw); }
        #footer_bottom .footer_btn a.footer_tel span:last-of-type {
          font-size: calc(10 / 1390 * 100vw); }
          #footer_bottom .footer_btn a.footer_tel span:last-of-type span {
	        display: inline-block;
	        padding-top: 0;
	        padding-left: calc(2 / 1390 * 100vw);
            font-size: calc(8 / 1390 * 100vw); }
        #footer_bottom .footer_btn a.footer_tel {
	      min-width: auto;
	      width: calc(370 / 1390 * 100vw);
          padding-left: calc(65 / 1390 * 100vw); }
        #footer_bottom .footer_btn a.footer_tel:before {
          left: calc(12 / 1390 * 100vw);
          width: calc(45 / 1390 * 100vw);
          height: calc(49 / 1390 * 100vw); }
        #footer_bottom .footer_btn a.footer_contact {
          padding-left: calc(65 / 1390 * 100vw); }
        #footer_bottom .footer_btn a.footer_contact:before {
          left: calc(20 / 1390 * 100vw);
          width: calc(36 / 1390 * 100vw);
          height: calc(30 / 1390 * 100vw); }
        #footer_bottom .footer_btn a.footer_shop:before {
          left: calc(26 / 1390 * 100vw);
          width: calc(44 / 1390 * 100vw);
          height: calc(39 / 1390 * 100vw); }
*/
/*
    #footer_bottom .footer_link {
      padding-bottom: calc(35 / 1390 * 100vw); }
      #footer_bottom .footer_link li {
        font-size: calc(14 / 1390 * 100vw);
        padding: 0 calc(20 / 1390 * 100vw); }
    #footer_bottom small {
      font-size: calc(10 / 1390 * 100vw);
      padding: calc(18 / 1390 * 100vw) 0; }
*/

  .breadcrumb {
    padding: calc(20 / 1390 * 100vw) 0 calc(5 / 1390 * 100vw); }
    .breadcrumb ul li {
      font-size: calc(12 / 1390 * 100vw);
      padding-right: calc(25 / 1390 * 100vw);
      padding-left: calc(10 / 1390 * 100vw);
      background-size: calc(6 / 1390 * 100vw) auto; }
      .breadcrumb ul li:first-child {
        padding-left: 0; }
      .breadcrumb ul li:last-child {
        padding-right: 0; }
}
      
@media screen and (max-width: 1200px) {
  #footer_service {
    padding: calc(145 / 1200 * 100vw) 0; }
    #footer_service .footer_service_inner {
      width: calc(1180 / 1200 * 100vw); }
    #footer_service .footer_service_block {
      width: calc(240 / 1200 * 100vw);
      height: calc(240 / 1200 * 100vw); }
      #footer_service .footer_service_block:hover {
	    box-shadow: 0px 0px calc(15 / 1200 * 100vw) 0px rgba(0,0,0,0.18); }
      #footer_service .footer_service_block:first-of-type .footer_service_ttl {
        top: calc(90 / 1200 * 100vw); }
        #footer_service .footer_service_block:first-of-type .footer_service_ttl:before {
          width: calc(46 / 1200 * 100vw);
          height: calc(46 / 1200 * 100vw);
          top: calc(-50 / 1200 * 100vw); }
      #footer_service .footer_service_block:nth-of-type(2) .footer_service_ttl:before {
        width: calc(35 / 1200 * 100vw);
        height: calc(52 / 1200 * 100vw);
        top: calc(-60 / 1200 * 100vw); }
      #footer_service .footer_service_block:nth-of-type(3) .footer_service_ttl:before {
        width: calc(73 / 1200 * 100vw);
        height: calc(53 / 1200 * 100vw);
        top: calc(-60 / 1200 * 100vw); }
      #footer_service .footer_service_block:nth-of-type(4) .footer_service_ttl:before {
        width: calc(52 / 1200 * 100vw);
        height: calc(51 / 1200 * 100vw);
        top: calc(-60 / 1200 * 100vw); }
      #footer_service .footer_service_block .footer_service_ttl {
        font-size: calc(20 / 1200 * 100vw);
        top: calc(105 / 1200 * 100vw); }
      #footer_service .footer_service_block p {
        padding-top: calc(150 / 1200 * 100vw);
        font-size: calc(12 / 1200 * 100vw); }
        #footer_service .footer_service_block p span {
          font-size: calc(16 / 1200 * 100vw); }
  #footer_bottom {
    padding-top: calc(50 / 1200 * 100vw); }
    #footer_bottom .footer_menu_ttl {
      font-size: calc(18 / 1200 * 100vw);
      padding-bottom: calc(20 / 1200 * 100vw); }
    #footer_bottom .footer_guide {
      width: calc(340 / 1200 * 100vw); }
      #footer_bottom .footer_guide p {
        font-size: calc(12 / 1200 * 100vw);
        padding-bottom: calc(40 / 1200 * 100vw); }
      #footer_bottom .footer_guide ul {
        padding-left: 0; }
        #footer_bottom .footer_guide ul li {
          margin-bottom: calc(40 / 1200 * 100vw); }
          #footer_bottom .footer_guide ul li a {
            font-size: calc(14 / 1200 * 100vw);
            padding-left: calc(40 / 1200 * 100vw); }
            #footer_bottom .footer_guide ul li a.footer_shoppingcart:before {
              width: calc(29 / 1200 * 100vw);
              height: calc(24 / 1200 * 100vw); }
            #footer_bottom .footer_guide ul li a.footer_shipping:before {
              width: calc(27 / 1200 * 100vw);
              height: calc(27 / 1200 * 100vw); }
            #footer_bottom .footer_guide ul li a.footer_cancel:before {
              width: calc(27 / 1200 * 100vw);
              height: calc(27 / 1200 * 100vw); }
            #footer_bottom .footer_guide ul li a.footer_return:before {
              width: calc(30 / 1200 * 100vw);
              height: calc(30 / 1200 * 100vw); }
            #footer_bottom .footer_guide ul li a.footer_payment:before {
              width: calc(26 / 1200 * 100vw);
              height: calc(24 / 1200 * 100vw); }
            #footer_bottom .footer_guide ul li a.footer_mail:before {
              width: calc(26 / 1200 * 100vw);
              height: calc(22 / 1200 * 100vw); }
        #footer_bottom .footer_guide .footer_fax {
	        width: calc(320 / 1200 * 100vw);
        }
    #footer_bottom .footer_sns {
      width: calc(180 / 1200 * 100vw);
      /*margin-left: calc(140 / 1200 * 100vw);*/ }
      #footer_bottom .footer_sns ul {
        padding-top: calc(35 / 1200 * 100vw); }
        #footer_bottom .footer_sns ul li {
          margin-bottom: calc(30 / 1200 * 100vw); }
          #footer_bottom .footer_sns ul li a {
            font-size: calc(12 / 1200 * 100vw);
            padding-left: calc(45 / 1200 * 100vw); }
            #footer_bottom .footer_sns ul li a.insta:before {
              width: calc(28 / 1200 * 100vw);
              height: calc(28 / 1200 * 100vw); }
            #footer_bottom .footer_sns ul li a.facebook:before {
              width: calc(28 / 1200 * 100vw);
              height: calc(28 / 1200 * 100vw); }
            #footer_bottom .footer_sns ul li a.twitter:before {
              width: calc(28 / 1200 * 100vw);
              height: calc(23 / 1200 * 100vw); }
            #footer_bottom .footer_sns ul li a.blog:before {
              width: calc(24 / 1200 * 100vw);
              height: calc(24 / 1200 * 100vw); }
    #footer_bottom .footer_calendar {
      width: calc(500 / 1200 * 100vw);
      min-width: 350px; }
      #footer_bottom .footer_calendar ul li {
        width: calc(50% - calc(5 / 1200 * 100vw));
        padding: calc(15 / 1200 * 100vw); }
        #footer_bottom .footer_calendar ul li h2 {
	      font-size: calc(12 / 1200 * 100vw);  }
    #footer_bottom .footer_logo {
      width: calc(487 / 1200 * 100vw);
      padding-top: calc(35 / 1200 * 100vw); }
      #footer_bottom .footer_logo .footer_logo_inner {
        padding: calc(20 / 1200 * 100vw); }
      #footer_bottom .footer_logo .logo {
        padding: calc(30 / 1200 * 100vw) 0; }
        #footer_bottom .footer_logo .logo img {
          width: calc(387 / 1200 * 100vw); }
      #footer_bottom .footer_logo .footer_logo_txt {
        padding: calc(20 / 1200 * 100vw) calc(25 / 1200 * 100vw); }
        #footer_bottom .footer_logo .footer_logo_txt p {
          font-size: calc(12 / 1200 * 100vw); }
    #footer_bottom .footer_btn {
      padding: calc(65 / 1200 * 100vw) 0 calc(40 / 1200 * 100vw);
      width: calc(1020 / 1200 * 100vw); }
      #footer_bottom .footer_btn a {
        width: calc(33.33% - calc(20 / 1200 * 100vw)); }
    #footer_bottom .footer_link {
      padding-bottom: calc(35 / 1200 * 100vw); }
      #footer_bottom .footer_link li {
        font-size: calc(14 / 1200 * 100vw);
        padding: 0 calc(20 / 1200 * 100vw); }
    #footer_bottom small {
      font-size: calc(10 / 1200 * 100vw);
      padding: calc(18 / 1200 * 100vw) 0; }
}

/*
@media screen and (max-width: 1100px) {
    #footer_bottom .footer_btn {
      padding: calc(65 / 1100 * 100vw) 0 calc(40 / 1100 * 100vw);
      width: calc(1070 / 1100 * 100vw); }
      #footer_bottom .footer_btn a {
        width: calc(33.33% - calc(20 / 1100 * 100vw));
        padding: calc(14 / 1100 * 100vw) 0 calc(8 / 1100 * 100vw) calc(85 / 1100 * 100vw); }
        #footer_bottom .footer_btn a span:first-of-type {
          font-size: calc(20 / 1100 * 100vw); }
        #footer_bottom .footer_btn a.footer_tel span:first-of-type {
          font-size: calc(24 / 1100 * 100vw); }
        #footer_bottom .footer_btn a span:last-of-type {
          font-size: calc(12 / 1100 * 100vw);
          padding-top: calc(6 / 1100 * 100vw); }
        #footer_bottom .footer_btn a.footer_tel span:last-of-type {
          font-size: calc(10 / 1100 * 100vw); }
          #footer_bottom .footer_btn a.footer_tel span:last-of-type span {
	        display: inline-block;
	        padding-top: 0;
	        padding-left: calc(2 / 1100 * 100vw);
            font-size: calc(8 / 1100 * 100vw); }
        #footer_bottom .footer_btn a.footer_tel {
	      min-width: auto;
	      width: calc(370 / 1100 * 100vw);
          padding-left: calc(65 / 1100 * 100vw); }
        #footer_bottom .footer_btn a.footer_tel:before {
          left: calc(12 / 1100 * 100vw);
          width: calc(45 / 1100 * 100vw);
          height: calc(49 / 1100 * 100vw); }
        #footer_bottom .footer_btn a.footer_contact {
          padding-left: calc(65 / 1100 * 100vw); }
        #footer_bottom .footer_btn a.footer_contact:before {
          left: calc(20 / 1100 * 100vw);
          width: calc(36 / 1100 * 100vw);
          height: calc(30 / 1100 * 100vw); }
        #footer_bottom .footer_btn a.footer_shop:before {
          left: calc(26 / 1100 * 100vw);
          width: calc(44 / 1100 * 100vw);
          height: calc(39 / 1100 * 100vw); }
}
*/
       
@media screen and (max-width: 960px) {
  #header_info {
    padding: calc(10 / 960 * 100vw) 0; }
    #header_info .swiper-container {
      width: calc(920 / 960 * 100vw); }
    #header_info .header_info_child {
      padding-left: calc(80 / 960 * 100vw);
      padding-right: calc(80 / 960 * 100vw); }
    #header_info .swiper-button-prev {
      width: calc(10 / 960 * 100vw);
      height: calc(16 / 960 * 100vw);
      margin-top: calc(-8 / 960 * 100vw); }
    #header_info .swiper-button-next {
      width: calc(10 / 960 * 100vw);
      height: calc(16 / 960 * 100vw);
      margin-top: calc(-8 / 960 * 100vw); }
      
  #header_menu {
    padding: 0 calc(25 / 960 * 100vw); }
  #header_menu #header_menu_cnt {
	height: calc(70 / 960 * 100vw);
  }
    #header_menu #header_menu_cnt_bottom {
		padding-top: calc(5 / 960 * 100vw);
	}
	#header_menu #header_menu_cnt_bottom #menu_left > ul > li {
		padding-bottom: calc(20 / 960 * 100vw);
	}
    #header_menu h1 {
      width: calc(258 / 960 * 100vw); }
    #header_menu #header_keyword {
      /*margin-left: calc(40 / 960 * 100vw);*/
      margin-right: calc(30 / 960 * 100vw); }
    #header_menu .search_form {
      width: calc( 220 / 960 * 100vw); }
      #header_menu .search_form .sbox {
        border-radius: calc( 20 / 960 * 100vw);
        padding: calc( 12 / 960 * 100vw) calc(40 / 960 * 100vw) calc(12 / 960 * 100vw) calc(15 / 960 * 100vw);
        font-size: calc(12 / 960 * 100vw); }
      #header_menu .search_form .sbtn {
        width: calc( 20 / 960 * 100vw);
        height: calc( 20 / 960 * 100vw);
        right: calc( 15 / 960 * 100vw); }
    #header_menu #menu_left {
      width: calc(700 / 960 * 100vw);
      padding-left: calc(30 / 960 * 100vw); }
      #header_menu #menu_left > ul > li {
        font-size: calc(14 / 960 * 100vw); }
        #header_menu #menu_left > ul > li .menu_arrow {
          padding-right: calc(20 / 960 * 100vw); }
          #header_menu #menu_left > ul > li .menu_arrow:before {
            width: calc(12 / 960 * 100vw);
            height: calc(8 / 960 * 100vw); }
    #header_menu #menu_right {
      width: calc(210 / 960 * 100vw); }
      #header_menu #menu_right a {
        font-size: calc(10 / 960 * 100vw);
        padding-top: calc(40 / 960 * 100vw); }
      #header_menu #menu_right #menu_registration:before {
        width: calc(34 / 960 * 100vw);
        height: calc(30 / 960 * 100vw); }
      #header_menu #menu_right #menu_login:before {
        width: calc(26 / 960 * 100vw);
        height: calc(30 / 960 * 100vw); }
      #header_menu #menu_right #menu_logout:before {
	    background-position: top calc(2 / 960 * 100vw) center;
        width: calc(29 / 960 * 100vw);
        height: calc(30 / 960 * 100vw); }
      #header_menu #menu_right #menu_mypage:before {
	    background-position: top calc(2 / 960 * 100vw) center;
        width: calc(26 / 960 * 100vw);
        height: calc(30 / 960 * 100vw); }
      #header_menu #menu_right #menu_cart:before {
        width: calc(37 / 960 * 100vw);
        height: calc(35 / 960 * 100vw); }
        #footer_service .footer_service_block {
		  width: calc(220 / 960 * 100vw);
          height: calc(220 / 960 * 100vw); }
}

@media screen and (max-width: 750px) {
  .pc {
    display: none; }

  .sp {
    display: block; }

  body {
    font-size: calc(24 / 750 * 100vw); }
    body.open {
      overflow: hidden; }

  .l_continar {
    width: 100%; }

  .s_continar {
    width: 100%; }
    
  .l_ttl {
    padding-top: calc(55 / 750 * 100vw);
    background-size: calc(56 / 750 * 100vw) auto; }
    .l_ttl span.en {
      font-size: calc(48 / 750 * 100vw); }
    .l_ttl span.jp {
      padding-top: calc(16 / 750 * 100vw);
      font-size: calc(28 / 750 * 100vw);
      line-height: 1.5; }
    .l_ttl span.en02 {
      font-size: calc(28 / 750 * 100vw);
      padding: 0 calc(40 / 750 * 100vw);
      margin-bottom: calc(10 / 750 * 100vw); }
      .l_ttl span.en02:before, .l_ttl span.en02:after {
        width: calc(30 / 750 * 100vw); }
    .l_ttl span.jp02 {
      font-size: calc(40 / 750 * 100vw); }
      
  #header_info {
    padding: calc(14 / 750 * 100vw) 0; }
    #header_info .swiper-container {
      width: 100%; }
    #header_info .swiper-slide {
      padding-left: calc(50 / 750 * 100vw);
      padding-right: calc(50 / 750 * 100vw); }
    #header_info .header_info_child {
      padding-left: 0;
      padding-right: 0; }
      #header_info .header_info_child img {
        width: 100%;
        height: auto; }
    #header_info .swiper-button-prev {
      width: calc(13 / 750 * 100vw);
      height: calc(19 / 750 * 100vw);
      margin-top: calc(-10 / 750 * 100vw);
      left: calc(10 / 750 * 100vw); }
    #header_info .swiper-button-next {
      width: calc(13 / 750 * 100vw);
      height: calc(19 / 750 * 100vw);
      margin-top: calc(-10 / 750 * 100vw);
      right: calc(10 / 750 * 100vw); }
  #header_menu_cnt,
  #header_menu_cnt > #menu_left,
  #header_menu_cnt > #header_keyword,
  #header_menu_cnt > #menu_right,
  #header_menu_cnt_bottom {
	  display: none;
  }
  #header_menu {
    padding: calc(14 / 750 * 100vw) calc(20 / 750 * 100vw);
    position: relative; }
    #header_menu #header_menu_cnt {
	    height: auto;
    }
    #header_menu #header_menu_cnt_bottom {
		display: none;
		padding-top: 0;
	}
    #header_menu h1 {
      width: calc(380 / 750 * 100vw);
      margin: 0 auto; }
    #header_menu #menu_left {
      display: none; }
    #header_menu #menu_acdn {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      left: calc(25 / 750 * 100vw);
      width: calc(40 / 750 * 100vw);
      height: calc(36 / 750 * 100vw); }
      #header_menu #menu_acdn span {
        display: block;
        width: 100%;
        height: calc(4 / 750 * 100vw);
        background-color: #442F14;
        position: absolute;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all  0.3s ease;
        left: 0; }
        #header_menu #menu_acdn span:first-of-type {
          top: 0; }
        #header_menu #menu_acdn span:nth-of-type(2) {
          top: calc(16 / 750 * 100vw); }
        #header_menu #menu_acdn span:nth-of-type(3) {
          top: calc(34 / 750 * 100vw); }
      #header_menu #menu_acdn.open span:first-of-type {
        top: calc(16 / 750 * 100vw);
        transform: rotate(45deg); }
      #header_menu #menu_acdn.open span:nth-of-type(2) {
        display: none; }
      #header_menu #menu_acdn.open span:nth-of-type(3) {
        top: calc(16 / 750 * 100vw);
        transform: rotate(-45deg); }
    #header_menu #sp_cart {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      right: calc(16 / 750 * 100vw); }
      #header_menu #sp_cart img {
        width: calc(64 / 750 * 100vw); }

  #sp_menu_content {
    position: fixed;
    z-index: 1000;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    opacity: 0; }
    #sp_menu_content.open {
      display: block;
      opacity: 1;
      top: calc(230 / 750 * 100vw);
      left: 0;
      width: 100vw;
      height: calc(100vh - 30.6666vw);
      background-color: #f3f5ef; }
    #sp_menu_content .sp_menu_content_inner {
      height: 100%;
      padding-bottom: calc(160 / 750 * 100vw);
      overflow: auto;
      -webkit-overflow-scrolling: touch; }
    #sp_menu_content #header_keyword {
      margin-left: 0;
      padding-bottom: calc(50 / 750 * 100vw);
      border-bottom: 1px solid #C1CED0; }
    #sp_menu_content .search_form {
      position: relative;
      width: calc(600 / 750 * 100vw);
      margin: 0 auto;
      overflow: hidden; }
      #sp_menu_content .search_form .sbox {
        border-radius: 0;
        -webkit-box-sizing: content-box;
        -webkit-appearance: button;
        appearance: button;
        border: none;
        box-sizing: border-box;
        border-radius: calc(40 / 750 * 100vw);
        background-color: #fff;
        width: 100%;
        padding: calc(32 / 750 * 100vw) calc(104 / 750 * 100vw) calc(32 / 750 * 100vw) calc(40 / 750 * 100vw);
        font-size: 1.6rem;
        transform: scale(calc(12 / 16));
		width: calc(100% * 4 / 3);
		margin-left: calc(-100% * 1 /6);
        color: #362713; }
      #sp_menu_content .search_form .sbtn {
	    -webkit-appearance: none!important;
	    appearance: none!important;
	    outline: none!important;
        border-radius: 0!important;
        -webkit-box-sizing: content-box!important;
        border: none!important;
        box-sizing: border-box!important;
        cursor: pointer!important;
        width: calc(40 / 750 * 100vw)!important;
        height: calc(40 / 750 * 100vw)!important;
        background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/icon_search.svg) 0 0 no-repeat!important;
        background-size: 100% auto!important;
        position: absolute!important;
        right: calc(30 / 750 * 100vw)!important;
        top: 50%!important;
        -webkit-transform: translateY(-50%)!important;
        transform: translateY(-50%)!important; }
    #sp_menu_content #menu_left {
      width: 100%; }
      #sp_menu_content #menu_left ul li {
        border-bottom: 1px solid #C1CED0; }
        #sp_menu_content #menu_left ul li a, #sp_menu_content #menu_left ul li span {
          display: block;
          padding: calc(40 / 750 * 100vw) calc(20 / 750 * 100vw);
          line-height: 1;
          font-size: calc(32 / 750 * 100vw);
          position: relative;
          font-weight: bold; }
        #sp_menu_content #menu_left ul li .menu_cat_trigger:before,
        #sp_menu_content #menu_left ul li a:before {
          content: "";
          position: absolute;
          right: calc(30 / 750 * 100vw);
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/menu_arrow_sp.png) 0 0 no-repeat;
          background-size: 100% auto;
          width: calc(16 / 750 * 100vw);
          height: calc(24 / 750 * 100vw); }
        #sp_menu_content #menu_left ul li .menu_arrow:before {
          content: "";
          position: absolute;
          right: calc(30 / 750 * 100vw);
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/navi_arrow.png) 0 0 no-repeat;
          background-size: 100% auto;
          width: calc(24 / 750 * 100vw);
          height: calc(16 / 750 * 100vw); }
        #sp_menu_content #menu_left ul li .menu_arrow.open:before {
          -webkit-transform: translateY(-50%) rotateX(180deg);
          transform: translateY(-50%) rotateX(180deg); }
      #sp_menu_content #menu_left #menu_item_navi {
        border-top: 1px solid #C1CED0; }
      #sp_menu_content #menu_left #menu_contents_navi {
        border-top: 1px solid #C1CED0; }
      #sp_menu_content #menu_left .menu_content {
        position: static;
        top: 100%;
        left: 0;
        width: 100vw;
        background-color: #fff;
        display: block;
        display: none; }
        #sp_menu_content #menu_left .menu_content .menu_content_inner {
          display: block;
          padding: 0; }
        #sp_menu_content #menu_left .menu_content .menu_item_li {
          border-bottom: 1px solid #C1CED0; }
          #sp_menu_content #menu_left .menu_content .menu_item_li li {
            position: relative;
            padding-left: 0;
            padding-right: 0;
            margin-bottom: 0;
            border: none;
            border-bottom: 1px solid #C1CED0; }
            #sp_menu_content #menu_left .menu_content .menu_item_li li.n_line {
              border-bottom: none; }
            #sp_menu_content #menu_left .menu_content .menu_item_li li:nth-child(2n+1) {
              border-right: 1px solid #C1CED0; }
            #sp_menu_content #menu_left .menu_content .menu_item_li li a {
	          display: flex;
			  width: 100%;
			  height: 100%;
			  align-items: center;
			  justify-content: flex-start;
			  min-height: calc(100 / 750 * 100vw);
              font-size: calc(24 / 750 * 100vw) !important;
              padding: calc(20 / 750 * 100vw) 0 calc(20 / 750 * 100vw) calc(20 / 750 * 100vw) !important; }
            #sp_menu_content #menu_left .menu_content .menu_item_li li:before {
              display: none; }
        #sp_menu_content #menu_left .menu_content .menu_item_li {
          overflow: hidden; }
          #sp_menu_content #menu_left .menu_content .menu_item_li:after {
            clear: both; }
          #sp_menu_content #menu_left .menu_content .menu_item_li li {
            width: 50%;
            float: left; }
            #sp_menu_content #menu_left .menu_content .menu_item_li li a:before {
              display: none; }
        #sp_menu_content #menu_left .menu_content .menu_cat,
        #sp_menu_content #menu_left .menu_content .menu_price_trouble,
        #sp_menu_content #menu_left .menu_content .menu_price,
        #sp_menu_content #menu_left .menu_content .menu_muso,
        #sp_menu_content #menu_left .menu_content .menu_trouble {
          width: 100%;
          clear: both; }
        #sp_menu_content #menu_left .menu_content .menu_trouble {
          margin-top: 0; }
          #sp_menu_content #menu_left .menu_content .menu_cat .menu_item_li,
          #sp_menu_content #menu_left .menu_content .menu_price .menu_item_li,
          #sp_menu_content #menu_left .menu_content .menu_muso .menu_item_li,
          #sp_menu_content #menu_left .menu_content .menu_trouble .menu_item_li {
            display: none; }
        #sp_menu_content #menu_left .menu_content .menu_other {
          width: 100%; }
          #sp_menu_content #menu_left .menu_content .menu_other .menu_content_ttl {
            margin-bottom: 0;
            padding: 0; }
            #sp_menu_content #menu_left .menu_content .menu_other .menu_content_ttl:last-of-type {
              border-bottom: none; }
            #sp_menu_content #menu_left .menu_content .menu_other .menu_content_ttl:after,
            #sp_menu_content #menu_left .menu_content .menu_conents li a:after {
              content: "";
              position: absolute;
              right: calc(30 / 750 * 100vw);
              top: 50%;
              -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
              background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/menu_arrow_sp.png) 0 0 no-repeat;
              background-size: 100% auto;
              width: calc(16 / 750 * 100vw);
              height: calc(24 / 750 * 100vw); }
        #sp_menu_content #menu_left .menu_content .menu_content_ttl,
        #sp_menu_content #menu_left .menu_content .menu_other .menu_content_ttl a,
        #sp_menu_content #menu_left .menu_content .menu_conents li a {
          width: 100%;
          margin-bottom: 0;
          position: relative;
          font-size: calc(28 / 750 * 100vw);
          font-weight: bold;
          padding: calc(45 / 750 * 100vw) 0 calc(45 / 750 * 100vw) calc(55 / 750 * 100vw);
          border-bottom: 1px solid #C1CED0; }
        #sp_menu_content #menu_left .menu_content .menu_conents li a {
	       border-bottom: none; }
        #sp_menu_content #menu_left .menu_content .menu_other .menu_content_ttl a {
	        display: block;
	        border-bottom: none; }
          #sp_menu_content #menu_left .menu_content .menu_content_ttl.open:after {
            -webkit-transform: translateY(-50%) rotateX(180deg);
            transform: translateY(-50%) rotateX(180deg); }
          #sp_menu_content #menu_left .menu_content .menu_content_ttl:after {
            content: "";
            position: absolute;
            right: calc(30 / 750 * 100vw);
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/navi_arrow.png) 0 0 no-repeat;
            background-size: 100% auto;
            width: calc(24 / 750 * 100vw);
            height: calc(16 / 750 * 100vw); }
          #sp_menu_content #menu_left .menu_content .menu_content_ttl:before,
          #sp_menu_content #menu_left .menu_content .menu_conents li a:before {
            content: "";
            background-color: #A4C951;
            width: calc(24 / 750 * 100vw);
            height: calc(24 / 750 * 100vw);
            border-radius: 50%;
            position: absolute;
            left: calc(20 / 750 * 100vw);
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            background-image: none; }
        #sp_menu_content #menu_left .menu_content .menu_conents {
          padding: 0; }
          #sp_menu_content #menu_left .menu_content .menu_conents li {
            display: block;
            padding: 0;
			  margin-bottom:0;
            position: relative;
            font-size: calc(32 / 750 * 100vw);
            font-weight: bold; }
            #sp_menu_content #menu_left .menu_content .menu_conents li a {
              font-size: calc(28 / 750 * 100vw); }
            #sp_menu_content #menu_left .menu_content .menu_conents li:last-child {
              border-bottom: none; }
            #sp_menu_content #menu_left .menu_content .menu_conents li:before {
              display: none; }


	#sp_menu_content #menu_left #menu_item_navi{
		width:100%;
		height:auto;
		left:0;
		transform: translateX(0%);
	}
	#sp_menu_content #menu_left #menu_item_navi .menu_item_navi_ul{
		width:100%;
		height:100%;
		overflow: auto;
		overflow-x: auto;
		overflow-x: auto;
		display:flex;
		flex-wrap:wrap;
	}
	#sp_menu_content #menu_left #menu_item_navi .menu_item_navi_ul li{
		width:50%;
	}
	#sp_menu_content #menu_left #menu_item_navi .menu_item_navi_ul li a,
	#sp_menu_content #menu_left #menu_item_navi .menu_item_navi_ul li span{
		background-color:#fff;
		line-height:1.66;
		font-size:calc(24 / 750 * 100vw);
		height:calc(120 / 750 * 100vw);
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
	}
	#sp_menu_content #menu_left #menu_item_navi .menu_item_navi_ul li span{
		padding-right: calc(60 / 750 * 100vw);
		
	}
	#sp_menu_content #menu_left #menu_item_navi .menu_item_navi_ul li span:before{
		background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/navi_arrow.png) 0 0 no-repeat;
		background-size: auto;
		background-size: 100% auto;
		width: calc(24 / 750 * 100vw);
		height: calc(16 / 750 * 100vw);
	}
	#sp_menu_content #menu_left #menu_item_navi .menu_item_navi_ul li:nth-child(2n + 1){
		border-right:1px solid #C1CED0;
	}
	
	#sp_menu_content #menu_left #menu_item_navi .menu_item_navi_ul.is-open span,
	#sp_menu_content #menu_left #menu_item_navi .menu_item_navi_ul.is-open a{
		background-color:#F5F5F5;
	}
	#sp_menu_content #menu_left #menu_item_navi .menu_item_navi_ul.is-open span.open,
	#sp_menu_content #menu_left #menu_item_navi .menu_item_navi_ul.is-open a.open{
		background-color:#fff;
	}
	#sp_menu_content #menu_left #menu_item_navi .menu_cat_content{
		display:none;
		width:100vw;
		height:auto;
		background-color:#fff;
		padding:0;
		position:static;
		
		border-bottom:1px solid #C1CED0;
	}
	#sp_menu_content #menu_left #menu_item_navi .menu_cat_content.even{
		margin-left:-50vw;
	}
	#sp_menu_content #menu_left #menu_item_navi .menu_cat_content .menu_cat_content_ttl {
		display:none;
	}
	#sp_menu_content #menu_left #menu_item_navi .menu_cat_content .menu_cat_content_inner p{
		width:50%;
		padding-right:0;
		padding-top:0;
		border-bottom:1px solid #C1CED0;
	}
	#sp_menu_content #menu_left #menu_item_navi .menu_cat_content .menu_cat_content_inner p.b-none{
		border-bottom:none;
	}
	#sp_menu_content #menu_left #menu_item_navi .menu_cat_content .menu_cat_content_inner p:nth-of-type(1){
		width:100%;
	}
	#sp_menu_content #menu_left #menu_item_navi .menu_cat_content .menu_cat_content_inner p:nth-of-type(1) a{
	    -webkit-justify-content: flex-end;
	    justify-content: flex-end;
	    padding-right:calc(80 / 750 * 100vw);
	}
	#sp_menu_content #menu_left #menu_item_navi .menu_cat_content .menu_cat_content_inner p:nth-of-type(2n){
		border-right:1px solid #C1CED0;
	}
	#sp_menu_content #menu_left #menu_item_navi .menu_cat_content .menu_cat_content_inner p a{
		color:#362713;
		background-color:#fff;
		font-size:calc(24 / 750 * 100vw);
		font-weight:500;
		padding:0 calc(20 / 750 * 100vw);
		height: calc(120 / 750 * 100vw);
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
	}
	#sp_menu_content #menu_left #menu_item_navi .menu_cat_content .menu_cat_content_inner p:nth-of-type(n+2) a:before{
		display:none;
	}

	
	#sp_menu_content #menu_left #menu_muso_navi .menu_conents li{
		width:100%;
	}
              
    #sp_menu_content #menu_right {
      padding: calc(40 / 750 * 100vw) calc(85 / 750 * 100vw);
      display: flex;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
      #sp_menu_content #menu_right a {
        text-align: center;
        font-size: calc(24 / 750 * 100vw);
        padding-top: calc(105 / 750 * 100vw);
        position: relative;
        background-color: #fff;
        display: block;
        width: calc(150 / 750 * 100vw);
        height: calc(150 / 750 * 100vw);
        border-radius: calc(20 / 750 * 100vw); }
        #sp_menu_content #menu_right a:before {
          content: "";
          position: absolute;
          top: calc(23 / 750 * 100vw);
          left: 50%;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }
      #sp_menu_content #menu_right #menu_registration:before {
        background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/icon_registration.svg) 0 0 no-repeat;
        background-size: 100% auto;
        width: calc(80 / 750 * 100vw);
        height: calc(70 / 750 * 100vw); }
      #sp_menu_content #menu_right #menu_login:before {
        background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/icon_lock.svg) 0 0 no-repeat;
        background-size: 100% auto;
        width: calc(58 / 750 * 100vw);
        height: calc(70 / 750 * 100vw); }
      #sp_menu_content #menu_right #menu_logout:before {
        background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/icon_logout.svg) 0 0 no-repeat;
        background-size: 100% auto;
        background-position: top calc(4 / 750 * 100vw) center;
        width: calc(66 / 750 * 100vw);
        height: calc(70 / 750 * 100vw); }
      #sp_menu_content #menu_right #menu_mypage:before {
        background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/icon_login.svg) 0 0 no-repeat;
        background-size: 100% auto;
        background-position: top calc(4 / 750 * 100vw) center;
        width: calc(60 / 750 * 100vw);
        height: calc(70 / 750 * 100vw); }
      #sp_menu_content #menu_right #menu_cart:before {
        background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/icon_shoppingcart.svg) 0 0 no-repeat;
        background-size: 100% auto;
        width: calc(82 / 750 * 100vw);
        height: calc(80 / 750 * 100vw); }
      #sp_menu_content #menu_right #menu_cart span {
        display: none; }
    #sp_menu_content #sp_menu_end {
      cursor: pointer;
      width: calc(300 / 750 * 100vw);
      border-radius: calc(200 / 750 * 100vw);
      background-color: #fff;
      border: 1px solid #C1CED0;
      font-size: calc(32 / 750 * 100vw);
      font-weight: bold;
      padding: calc(30 / 750 * 100vw) 0 calc(30 / 750 * 100vw) calc(120 / 750 * 100vw);
      position: relative;
      margin: calc(70 / 750 * 100vw) auto; }
      #sp_menu_content #sp_menu_end:before {
        content: "";
        width: calc(32 / 750 * 100vw);
        height: calc(32 / 750 * 100vw);
        background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/menu_close.png) 0 0 no-repeat;
        background-size: 100% auto;
        position: absolute;
        left: calc(60 / 750 * 100vw);
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }

  #footer_service {
    padding: calc(70 / 750 * 100vw) calc(50 / 750 * 100vw) calc(50 / 750 * 100vw); }
    #footer_service .footer_service_inner {
      width: 100%; }
    #footer_service .footer_service_block {
      width: calc(300 / 750 * 100vw);
      height: calc(300 / 750 * 100vw);
      box-shadow: 0px 0px calc(15 / 750 * 100vw) 0px rgba(0,0,0,0.18)!important;
      margin-bottom: calc(20 / 750 * 100vw); }
      #footer_service .footer_service_block:first-of-type .footer_service_ttl {
        top: calc(100 / 750 * 100vw);
        line-height: 1.5; }
        #footer_service .footer_service_block:first-of-type .footer_service_ttl:before {
          width: calc(46 / 750 * 100vw);
          height: calc(46 / 750 * 100vw);
          top: calc(-50 / 750 * 100vw); }
      #footer_service .footer_service_block:nth-of-type(2) .footer_service_ttl {
        top: calc(100 / 750 * 100vw);
        line-height: 1.5; }
        #footer_service .footer_service_block:nth-of-type(2) .footer_service_ttl:before {
          width: calc(35 / 750 * 100vw);
          height: calc(52 / 750 * 100vw);
          top: calc(-60 / 750 * 100vw); }
      #footer_service .footer_service_block:nth-of-type(3) .footer_service_ttl:before {
        width: calc(73 / 750 * 100vw);
        height: calc(53 / 750 * 100vw);
        top: calc(-60 / 750 * 100vw); }
      #footer_service .footer_service_block:nth-of-type(3) p {
        padding: calc(165 / 750 * 100vw) calc(10 / 750 * 100vw) 0; }
      #footer_service .footer_service_block:nth-of-type(4) .footer_service_ttl:before {
        width: calc(52 / 750 * 100vw);
        height: calc(51 / 750 * 100vw);
        top: calc(-60 / 750 * 100vw); }
      #footer_service .footer_service_block:nth-of-type(4) p {
        padding: calc(165 / 750 * 100vw) calc(10 / 750 * 100vw) 0; }
      #footer_service .footer_service_block .footer_service_ttl {
        font-size: calc(24 / 750 * 100vw);
        top: calc(110 / 750 * 100vw); }
      #footer_service .footer_service_block p {
        padding: calc(185 / 750 * 100vw) calc(40 / 750 * 100vw) 0;
        font-size: calc(20 / 750 * 100vw);
        line-height: 1.4;
        letter-spacing: 0; }
        #footer_service .footer_service_block p span {
          font-size: calc(28 / 750 * 100vw); }

  #footer_bottom {
    padding-top: calc(90 / 750 * 100vw); }
    #footer_bottom .footer_menu_ttl {
      font-size: calc(28 / 750 * 100vw);
      padding-bottom: calc(25 / 750 * 100vw);
      text-align: center; }
    #footer_bottom .footer_guide {
      width: 100%;
      padding-bottom: calc(80 / 750 * 100vw); }
      #footer_bottom .footer_guide p {
        font-size: calc(20 / 750 * 100vw);
        padding-bottom: calc(60 / 750 * 100vw);
        text-align: center; }
      #footer_bottom .footer_guide .footer_fax {
	      width: auto;
	      margin: 0 calc(40 / 750 * 100vw);
      }
      #footer_bottom .footer_guide ul {
        padding-left: calc(40 / 750 * 100vw); }
        #footer_bottom .footer_guide ul li {
          margin-bottom: calc(50 / 750 * 100vw); }
          #footer_bottom .footer_guide ul li a {
            font-size: calc(28 / 750 * 100vw);
            padding-left: calc(80 / 750 * 100vw); }
            #footer_bottom .footer_guide ul li a.footer_shoppingcart:before {
              width: calc(58 / 750 * 100vw);
              height: calc(48 / 750 * 100vw); }
            #footer_bottom .footer_guide ul li a.footer_shipping:before {
              width: calc(54 / 750 * 100vw);
              height: calc(54 / 750 * 100vw); }
            #footer_bottom .footer_guide ul li a.footer_cancel:before {
              width: calc(54 / 750 * 100vw);
              height: calc(54 / 750 * 100vw); }
            #footer_bottom .footer_guide ul li a.footer_return:before {
              width: calc(60 / 750 * 100vw);
              height: calc(60 / 750 * 100vw); }
            #footer_bottom .footer_guide ul li a.footer_payment:before {
              width: calc(52 / 750 * 100vw);
              height: calc(48 / 750 * 100vw); }
            #footer_bottom .footer_guide ul li a.footer_mail:before {
              width: calc(52 / 750 * 100vw);
              height: calc(44 / 750 * 100vw); }
    #footer_bottom .footer_sns {
      width: 100%;
      margin-left: 0;
      padding-bottom: calc(30 / 750 * 100vw); }
      #footer_bottom .footer_sns ul {
        padding: calc(40 / 750 * 100vw) 0 0;
        display: flex;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start; }
        #footer_bottom .footer_sns ul li {
	      padding-left: calc(60 / 750 * 100vw);
          margin-bottom: calc(70 / 750 * 100vw);
          width: 50%; }
          #footer_bottom .footer_sns ul li a {
            font-size: calc(24 / 750 * 100vw);
            padding-left: calc(90 / 750 * 100vw); }
            #footer_bottom .footer_sns ul li a.insta:before, #footer_bottom .footer_sns ul li a.facebook:before {
              width: calc(56 / 750 * 100vw);
              height: calc(56 / 750 * 100vw); }
            #footer_bottom .footer_sns ul li a.twitter:before {
              width: calc(56 / 750 * 100vw);
              height: calc(46 / 750 * 100vw); }
            #footer_bottom .footer_sns ul li a.blog:before {
              width: calc(48 / 750 * 100vw);
              height: calc(48 / 750 * 100vw); }
    #footer_bottom .footer_calendar {
      width: 100%;
      padding: 0 calc(90 / 750 * 100vw) calc(60 / 750 * 100vw); }
      #footer_bottom .footer_calendar ul li {
        width: 100%;
        padding: calc(30 / 750 * 100vw);
        margin-bottom: calc(20 / 750 * 100vw); }
        #footer_bottom .footer_calendar ul li h2 {
	      font-size: calc(28 / 750 * 100vw); }
        #footer_bottom .footer_calendar ul li img {
          width: 100%; }
    #footer_bottom .footer_logo {
      width: calc(570 / 750 * 100vw);
      margin: 0 auto;
      padding: 0 0 calc(50 / 750 * 100vw); }
      #footer_bottom .footer_logo .footer_logo_inner {
        padding: calc(30 / 750 * 100vw); }
      #footer_bottom .footer_logo .logo {
        padding: calc(40 / 750 * 100vw) 0; }
        #footer_bottom .footer_logo .logo img {
          width: calc(540 / 750 * 100vw); }
      #footer_bottom .footer_logo .footer_logo_txt {
        padding: calc(30 / 750 * 100vw) calc(30 / 750 * 100vw); }
        #footer_bottom .footer_logo .footer_logo_txt p {
          font-size: calc(16 / 750 * 100vw);
          line-height: 2; }
    #footer_bottom .footer_btn {
      padding: 0 0 calc(20 / 750 * 100vw);
      width: calc(570 / 750 * 100vw); }
      #footer_bottom .footer_btn a {
        width: 100%;
        margin-bottom: calc(40 / 750 * 100vw); }
    #footer_bottom .footer_link {
	  width: calc(570 / 750 * 100vw);
	  margin: 0 auto;
      padding-bottom: calc(35 / 750 * 100vw); }
      #footer_bottom .footer_link li {
        font-size: calc(24 / 750 * 100vw);
        padding: 0 calc(20 / 750 * 100vw);
        margin-bottom: calc(36 / 750 * 100vw); }
        #footer_bottom .footer_link li:nth-child(2) {
          border: none; }
    #footer_bottom small {
      font-size: calc(20 / 750 * 100vw);
      padding: calc(25 / 750 * 100vw) 0; }
      
  .breadcrumb {
    padding: calc(30 / 750 * 100vw) calc(20 / 750 * 100vw) calc(10 / 750 * 100vw); }
    .breadcrumb ul li {
      font-size: calc(22 / 750 * 100vw);
      padding-right: calc(20 / 750 * 100vw);
      padding-left: calc(16 / 750 * 100vw);
      background-size: calc(12 / 750 * 100vw) auto;
      line-height: 1.5; }
      .breadcrumb ul li:first-child {
        padding-left: 0; }
      .breadcrumb ul li:last-child {
        padding-right: 0; } }

/* カレンダーのサイズ設定 */
.makeshop-calendar1,
.makeshop-calendar2 {
	width: 100%;
	margin: 0 auto 10px;
	border-spacing: 2px;
	border-collapse: separate;
}
 
/* テキスト位置・罫線設定 */
.makeshop-calendar1 th,
.makeshop-calendar1 td,
.makeshop-calendar2 th,
.makeshop-calendar2 td {
	box-sizing: border-box;
	text-align: center;
	font-size: 10px;
    font-size: 1.0rem;
}
 
/* 【曜日】テキストの太さ・背景設定 */
.makeshop-calendar1 th,
.makeshop-calendar2 th {
	padding: 5px;
}
 
/* 【日付】テキストの太さ・背景設定 */
.makeshop-calendar1 td,
.makeshop-calendar2 td {
	padding: 5px;
}
 
/* 【今日】テキストの太さ・背景設定 */
.makeshop-calendar1 td.today,
.makeshop-calendar2 td.today {
}
 
/* 【日曜日】の設定 */
.makeshop-calendar1 th.sunday,
.makeshop-calendar2 th.sunday {
}
 
/* 【日曜日】日付の設定 */
.makeshop-calendar1 tbody td.sunday,
.makeshop-calendar2 tbody td.sunday {
	background: #F0C064;
}
 
/* 【土曜日】の設定 */
.makeshop-calendar1 th.saturday,
.makeshop-calendar2 th.saturday {
}
 
/* 【土曜日】日付の設定 */
.makeshop-calendar1 tbody td.saturday,
.makeshop-calendar2 tbody td.saturday {
	background: #F0C064;
}
 
.calendar_desc {
	font-size: 10px;
    font-size: 1.0rem;
}

.calendar_desc span {
	display: inline-block;
	width: 15px;
	height: 10px;
	margin-right: 5px;
	vertical-align: middle;
}

.calendar_desc+.calendar_desc {
	margin-top: 5px;
}

@media screen and (max-width: 1200px) {
	/* カレンダーのサイズ設定 */
	.makeshop-calendar1,
	.makeshop-calendar2 {
		margin: 0 auto calc(10 / 1200 * 100vw);
	}
	 
	/* テキスト位置・罫線設定 */
	.makeshop-calendar1 th,
	.makeshop-calendar1 td,
	.makeshop-calendar2 th,
	.makeshop-calendar2 td {
		font-size: calc(10 / 1200 * 100vw);
	}
	 
	/* 【曜日】テキストの太さ・背景設定 */
	.makeshop-calendar1 th,
	.makeshop-calendar2 th {
		padding: calc(5 / 1200 * 100vw);
	}
	 
	/* 【日付】テキストの太さ・背景設定 */
	.makeshop-calendar1 td,
	.makeshop-calendar2 td {
		padding: calc(5 / 1200 * 100vw);
	}
	  
	.calendar_desc {
		font-size: calc(10 / 1200 * 100vw);
	}
	
	.calendar_desc span {
		width: calc(15 / 1200 * 100vw);
		height: calc(10 / 1200 * 100vw);
		margin-right: calc(5 / 1200 * 100vw);
	}
	
	.calendar_desc+.calendar_desc {
		margin-top: calc(5 / 1200 * 100vw);
	}
}

@media screen and (max-width: 750px) {
	/* カレンダーのサイズ設定 */
	.makeshop-calendar1,
	.makeshop-calendar2 {
		margin: 0 auto calc(30 / 750 * 100vw);
	}
	 
	/* テキスト位置・罫線設定 */
	.makeshop-calendar1 th,
	.makeshop-calendar1 td,
	.makeshop-calendar2 th,
	.makeshop-calendar2 td {
		font-size: calc(24 / 750 * 100vw);
	}
	 
	/* 【曜日】テキストの太さ・背景設定 */
	.makeshop-calendar1 th,
	.makeshop-calendar2 th {
		padding: calc(10 / 750 * 100vw);
	}
	 
	/* 【日付】テキストの太さ・背景設定 */
	.makeshop-calendar1 td,
	.makeshop-calendar2 td {
		padding: calc(10 / 750 * 100vw);
	}
	  
	.calendar_desc {
		font-size: calc(24 / 750 * 100vw);
	}
	
	.calendar_desc span {
		width: calc(36 / 750 * 100vw);
		height: calc(28 / 750 * 100vw);
		margin-right: calc(10 / 750 * 100vw);
	}
	
	.calendar_desc+.calendar_desc {
		margin-top: calc(10 / 750 * 100vw);
	}
}

/*
@media screen and (min-width: 751px) {
	.main_cnt {
		margin-top: 0!important;
	}
}
*/

.btn {
  display: block;
  width: 280px;
  height: 60px;
  margin: 0 auto;
  background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/btn.png) 0 0 no-repeat;
  background-size: 100% auto;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 6px;
  position: relative;
  color: #362713; }
  .btn:before {
    content: "";
    width: 7px;
    height: 11px;
    background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/btn_arrow.png) 0 0 no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 50%;
    margin-top: -2.5px;
    right: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
      .btn:hover:before {
	    right: -5px; }

.btn-back:before {
  content: "";
  width: 7px;
  height: 11px;
  background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/btn_arrow_back.png) 0 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  margin-top: -2.5px;
  right: auto;
  left: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
      .btn-back:hover:before {
	    left: -5px; }
	     	    
@media screen and (max-width: 1390px) {

  .btn {
    width: calc(280 / 1390 * 100vw);
    height: calc(60 / 1390 * 100vw);
    font-size: calc(16 / 1390 * 100vw);
    padding-top: calc(6 / 1390 * 100vw); }
    .btn:before {
      width: calc(7 / 1390 * 100vw);
      height: calc(11 / 1390 * 100vw);
      margin-top: calc(-2.5 / 1390 * 100vw); }
      .btn:hover:before {
	    right: calc(-5 / 1390 * 100vw); }
  .btn-back:before {
    width: calc(7 / 1390 * 100vw);
    height: calc(11 / 1390 * 100vw);
    margin-top: calc(-2.5 / 1390 * 100vw); }	    
}

@media screen and (max-width: 750px) {
  .btn {
    width: calc(504 / 750 * 100vw);
    height: calc(102 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
    padding-top: calc(18 / 750 * 100vw);
    background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/btn_sp.png) 0 0 no-repeat;
    background-size: 100% auto; }
    .btn:before {
      width: calc(14 / 750 * 100vw);
      height: calc(22 / 750 * 100vw);
      margin-top: calc(-5 / 750 * 100vw); }
  .btn-back:before {
    width: calc(14 / 750 * 100vw);
    height: calc(22 / 750 * 100vw);
    margin-top: calc(-5 / 750 * 100vw); }
}

.pager {
  padding: 30px 0 60px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center; }
  .pager a, .pager span {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: 10px;
    text-align: center;
    line-height: 50px;
    font-family: "Cocogoose";
    font-size: 16px;
    font-size: 1.6rem; }
  .pager a:hover,
  .pager .current {
    background-color: #F3F5EF; }
  .pager .first-link {
    background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/pager_first.png) 0 0 no-repeat;
    background-size: 100% auto; }
  .pager .end-link {
    background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/pager_end.png) 0 0 no-repeat;
    background-size: 100% auto; }
  .pager .next-link {
    background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/pager_next.png) 0 0 no-repeat;
    background-size: 100% auto; }
  .pager .prev-link {
    background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/common/pager_prev.png) 0 0 no-repeat;
    background-size: 100% auto; }

@media screen and (max-width: 1390px) {
  .pager {
    padding: calc(30 / 1390 * 100vw) 0 calc(60 / 1390 * 100vw); }
    .pager a, .pager span {
      width: calc(50 / 1390 * 100vw);
      height: calc(50 / 1390 * 100vw);
      margin-left: calc(10 / 1390 * 100vw);
      line-height: calc(50 / 1390 * 100vw);
      font-size: calc(16 / 1390 * 100vw); } }
@media screen and (max-width: 750px) {
  .pager {
    padding: calc(80 / 750 * 100vw) 0 calc(150 / 750 * 100vw); }
    .pager a, .pager span {
      width: calc(68 / 750 * 100vw);
      height: calc(68 / 750 * 100vw);
      margin-left: calc(18 / 750 * 100vw);
      line-height: calc(68 / 750 * 100vw);
      font-size: calc(20 / 750 * 100vw); } }
      
#relate-item {
  padding: 60px 0; }
  #relate-item h3 {
    text-align: center;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
    padding-bottom: 30px; }
  #relate-item ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px; }
    #relate-item ul li {
      width: calc(20% - 30px);
      margin-left: 30px; }
      #relate-item ul li p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.666;
        padding-top: 15px; }

#relate-item ul li a p {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

#relate-item ul li a:hover p {
  opacity: 0.6;
}
        
@media screen and (max-width: 1390px) {
  #relate-item {
    padding: calc(60 / 1390 * 100vw) 0; }
    #relate-item h3 {
      font-size: calc(24 / 1390 * 100vw);
      padding-bottom: calc(30 / 1390 * 100vw); }
    #relate-item ul {
      margin-left: calc(-30 / 1390 * 100vw); }
      #relate-item ul li {
        width: calc(20% - calc(30 / 1390 * 100vw));
        margin-left: calc(30 / 1390 * 100vw); }
        #relate-item ul li p {
          font-size: calc(12 / 1390 * 100vw);
          padding-top: calc(15 / 1390 * 100vw); } }
@media screen and (max-width: 750px) {
  #relate-item {
    padding: calc(60 / 750 * 100vw) 0 calc(80 / 750 * 100vw); }
    #relate-item h3 {
      font-size: calc(40 / 750 * 100vw);
      padding-bottom: calc(40 / 750 * 100vw); }
    #relate-item ul {
      margin-left: 0;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
      #relate-item ul li {
        width: calc(50% - calc(25 / 750 * 100vw));
        margin-left: 0;
        padding: 0 calc(20 / 750 * 100vw) calc(90 / 750 * 100vw); }
        #relate-item ul li:nth-child(5) {
          display: none; }
        #relate-item ul li p {
          font-size: calc(24 / 750 * 100vw);
          padding-top: calc(20 / 750 * 100vw); } }
          
.eyecatch {
  position: relative; }
  .eyecatch h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center; }
    .eyecatch h2 span {
      display: block;
      color: #fff;
      line-height: 1; }
    .eyecatch h2 .en {
      font-size: 40px;
      font-size: 4.0rem; }
    .eyecatch h2 .jp {
      font-size: 16px;
      font-size: 1.6rem;
      padding-top: 10px; }
  .eyecatch img {
    width: 100%;
    height: auto; }

@media screen and (max-width: 1390px) {
  .eyecatch h2 .en {
    font-size: calc(40 / 1390 * 100vw); }
  .eyecatch h2 .jp {
    font-size: calc(16 / 1390 * 100vw);
    padding-top: calc(10 / 1390 * 100vw); } }
@media screen and (max-width: 750px) {
  .eyecatch h2 .en {
    font-size: calc(56 / 750 * 100vw); }
  .eyecatch h2 .jp {
    font-size: calc(28 / 750 * 100vw);
    padding-top: calc(20 / 750 * 100vw); } }
.keyword_li {
  font-size: 0;
  text-align: center; }
  .keyword_li li {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px; }
    .keyword_li li a {
      display: block;
      border: 1px solid #362713;
      border-radius: 40px;
      font-size: 16px;
      font-size: 1.6rem;
      letter-spacing: 0.05em;
      text-align: center;
      line-height: 1;
      padding: 14px 25px; }
      .keyword_li li a:hover {
	    border: 1px solid #fff;
        background-color: #362713;
        color: #fff; }
        
@media screen and (max-width: 1390px) {
  .keyword_li li {
    padding-left: calc(15 / 1390 * 100vw);
    padding-right: calc(15 / 1390 * 100vw);
    padding-bottom: calc(30 / 1390 * 100vw); }
    .keyword_li li a {
      border-radius: calc(40 / 1390 * 100vw);
      font-size: calc(16 / 1390 * 100vw);
      padding: calc(14 / 1390 * 100vw) calc(25 / 1390 * 100vw); } }
@media screen and (max-width: 750px) {
  .keyword_li {
    text-align: left; }
    .keyword_li li {
      padding-left: calc(40 / 750 * 100vw);
      padding-right: 0;
      padding-bottom: calc(20/ 750 * 100vw); }
      .keyword_li li a {
        border-radius: calc(90 / 750 * 100vw);
        font-size: calc(24 / 750 * 100vw);
        padding: calc(24 / 750 * 100vw) calc(25 / 750 * 100vw); } }
        
.item_li {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  margin-left: -30px; }
  .item_li li {
    width: calc(20% - 30px);
    margin-bottom: 30px;
    margin-left: 30px; }
    .item_li li a {
      display: block;
      position: relative;
      text-align: center; }
    .item_li li a .name,
    .item_li li a .price,
    .item_li li a .num {
	  -webkit-transition: all 0.3s ease;
	  -moz-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  transition: all  0.3s ease; }
	.item_li li a:hover .name,
    .item_li li a:hover .price,
    .item_li li a:hover .num {
	  opacity: 0.6; }
	.item_li li .tag {
	 display: flex;
	 justify-content: center;
	 flex-wrap: wrap; }
	 .item_li li .tag span {
	  margin: 10px 5px 0 5px; }
	  .item_li li .tag span img {
	  	width: auto;
	  	height: 20px; }
    .item_li li .img {
	 width: 100%;
	 height: auto; }
	.item_li li .img img {
     width: auto;
	 height: 250px;
	 object-fit: cover;
	 object-position: center center; }
    .item_li li .name {
	  padding-top: 10px;
      line-height: 1.5;
      text-align: left; }
    .item_li li .price {
      padding-top: 10px;
      text-align: left; }
    .item_li li .num {
      font-family: "Cocogoose";
      font-size: 16px;
      font-size: 1.6rem;
      border-radius: 50%;
      width: 34px;
      height: 34px;
      text-align: center;
      line-height: 34px;
      color: #fff;
      background-color: #A4C951;
      position: absolute;
      z-index: 10;
      left: 0;
      top: 0; }
    .item_li li .num1 {
      background-color: #D6B320; }
    .item_li li .num2 {
      background-color: #A6B0B2; }
    .item_li li .num3 {
      background-color: #AD8761; }

@media screen and (max-width: 1390px) {     
  .item_li {
    margin-top: calc(30 / 1390 * 100vw);
    margin-left: calc(-30 / 1390 * 100vw); }
    .item_li li {
      width: calc(20% - calc(30 / 1390 * 100vw));
      margin-bottom: calc(30 / 1390 * 100vw);
      margin-left: calc(30 / 1390 * 100vw); }
	   .item_li li .tag span {
	    margin: calc(10 / 1390 * 100vw) calc(5 / 1390 * 100vw) 0 calc(5 / 1390 * 100vw); }
	    .item_li li .tag span img {
	  	  width: auto;
	  	  height: calc(20 / 1390 * 100vw); }
     .item_li li .img img {
	    width: auto;
        height: calc(250 / 1390 * 100vw); }
      .item_li li .name {
	    font-size: calc(16 / 1390 * 100vw);
        padding-top: calc(10 / 1390 * 100vw); }
      .item_li li .price {
	    font-size: calc(16 / 1390 * 100vw);
        padding-top: calc(10 / 1390 * 100vw); }
      .item_li li .num {
        font-size: calc(16 / 1390 * 100vw);
        width: calc(34 / 1390 * 100vw);
        height: calc(34 / 1390 * 100vw);
        line-height: calc(34 / 1390 * 100vw); }
}

@media screen and (max-width: 750px) {
  .item_li {
    margin-top: calc(60 / 750 * 100vw);
    margin-left: calc(-10 / 750 * 100vw);
    padding: 0 calc(15 / 750 * 100vw); }
    .item_li li {
      width: calc(33.333% - calc(10 / 750 * 100vw));
      margin-bottom: calc(60 / 750 * 100vw);
      margin-left: calc(10 / 750 * 100vw); }
      .item_li li .tag span {
	    margin: calc(10 / 750 * 100vw) calc(5 / 750 * 100vw) 0 calc(5 / 750 * 100vw); }
	    .item_li li .tag span img {
	  	  width: auto;
	  	  height: calc(30 / 750 * 100vw); }
      .item_li li .img img {
	    width: auto;
	    height: calc(320 / 750 * 100vw); }
      .item_li li .name,
      .item_li li .price {
        font-size: calc(28 / 750 * 100vw); }
      .item_li li .name {
	    padding-top: calc(10 / 750 * 100vw);
        line-height: 1.7; }
      .item_li li .price {
        padding-top: calc(10 / 750 * 100vw); }
      .item_li li .num {
        font-size: calc(32 / 750 * 100vw);
        width: calc(64 / 750 * 100vw);
        height: calc(64 / 750 * 100vw);
        line-height: calc(64 / 750 * 100vw); }

  .item_li_sp li:nth-child(1), .item_li_sp li:nth-child(2) {
    width: calc(50% - calc(10 / 750 * 100vw)); }
}

#free_cnt #main h3,
#free_cnt #category_child h3,
#free_cnt #side-parts h3,
#free_cnt #vertically-parts h3,
#free_cnt #voice h3 {
  padding-top: 30px;
  background: url(https://gigaplus.makeshop.jp/msptest3/new/img/common/ttl_decoration.png) center 0 no-repeat;
  background-size: 39px auto;
  text-align: center;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold; }

#free_cnt #main ol,
#free_cnt #side-parts .side-parts-block ol,
#free_cnt #vertically-parts .vertically-parts-block .txt ol,
#free_cnt #vertically02-parts .vertically02-parts-block .txt ol,
#free_cnt #lineup .lineup_block .txt ol,
#free_cnt #voice .voice_block .fukidashi ol,
#free_cnt #recipe .recipe-block-right .material ol {
  display: block;
  list-style-type: decimal;
  padding-left: 1.5em;
}

#free_cnt #main ol li,
#free_cnt #side-parts .side-parts-block ol li,
#free_cnt #vertically-parts .vertically-parts-block .txt ol li,
#free_cnt #vertically02-parts .vertically02-parts-block .txt ol li,
#free_cnt #lineup .lineup_block .txt ol li,
#free_cnt #voice .voice_block .fukidashi ol li,
#free_cnt #recipe .recipe-block-right .material ol li {
  display: list-item;

}

#free_cnt #main ul,
#free_cnt #side-parts .side-parts-block ul,
#free_cnt #vertically-parts .vertically-parts-block .txt ul,
#free_cnt #vertically02-parts .vertically02-parts-block .txt ul,
#free_cnt #lineup .lineup_block .txt ul,
#free_cnt #voice .voice_block .fukidashi ul,
#free_cnt #recipe .recipe-block-right .material ul {
  display: block;
  list-style-type: disc;
  padding-left: 1.5em;
}

#free_cnt #main ul li,
#free_cnt #side-parts .side-parts-block ul li,
#free_cnt #vertically-parts .vertically-parts-block .txt ul li,
#free_cnt #vertically02-parts .vertically02-parts-block .txt ul li,
#free_cnt #lineup .lineup_block .txt ul li,
#free_cnt #voice .voice_block .fukidashi ul li,
#free_cnt #recipe .recipe-block-right .material ul li {
  display: list-item;
}

/*
#free_cnt #main ol,
#free_cnt #main ul {
	padding-top: 1em;
}

#free_cnt #side-parts .side-parts-block ol,
#free_cnt #side-parts .side-parts-block ul {
	padding-top: 10px;
}

#free_cnt #vertically-parts .vertically-parts-block .txt > * {
	padding-top: 1em;
}

#free_cnt #vertically-parts .vertically-parts-block .txt > *:first-child {
	padding-top: 0;
}

#free_cnt #vertically02-parts .vertically02-parts-block .txt p {
	
}
*/

#free_cnt #main {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 65px; }
  #free_cnt #main .pic {
    margin-top: 30px; }
    #free_cnt #main .pic > * {
      margin-top: 1em; }
      #free_cnt #main .pic > *:first-child {
	    margin-top: 0; }
    #free_cnt #main .pic img {
	  display: block;
      width: 100%;
      height: auto; }
    #free_cnt #main .pic .youtube {
      position: relative;
      width: 100%;
      padding-top: 56.25%; }
      #free_cnt #main .pic .youtube iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important; }
  #free_cnt #main p,
  #free_cnt #main ul,
  #free_cnt #main ol {
	font-size: 16px;
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.03em; }

#free_cnt #category_child {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 100px; }
  #free_cnt #category_child ul {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding: 30px 0 0 0; }
    #free_cnt #category_child ul li {
	  margin-left: 15px;
	  margin-right: 15px;
      margin-bottom: 20px;}
      #free_cnt #category_child ul li a {
	    display: block;
	    padding: 14px 25px;
	    font-size: 14px;
        font-size: 1.4rem;
        letter-spacing: 0.05em;
		text-align: center;
        line-height: 1;
        border: 1px solid #362713;
        border-radius: 40px;
        background-color: #fff;
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease; }
		#free_cnt #category_child ul li a:hover {
		  border: 1px solid #fff;
		  background-color: #362713;
		  color: #fff; }
  
#free_cnt #word {
  padding-bottom: 65px;
  width: 810px;
  margin: 0 auto; }
  #free_cnt #word ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px; }
    #free_cnt #word ul li {
      width: calc(33.333% - 30px);
      margin-left: 30px;
      margin-bottom: 30px; }
        #free_cnt #word ul li p {
	      border-radius: 10px;
          background-color: #EFE9D5;
          display: -webkit-flex;
          display: flex;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-align-items: center;
          align-items: center;
          text-align: center;
          font-size: 20px;
          font-size: 2.0rem;
          font-weight: bold;
          line-height: 1.3;
          padding: 25px 0; }

#free_cnt #side-parts {
  padding-bottom: 50px; }
  #free_cnt #side-parts .side-parts-inner {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    margin-left: -80px; }
  #free_cnt #side-parts .side-parts-block {
    width: calc(33.333% - 80px);
    margin-left: 80px;
    margin-bottom: 40px; }
    #free_cnt #side-parts .side-parts-block > * {
	  margin-top: 1em; }
	#free_cnt #side-parts .side-parts-block > *:first-child {
	  margin-top: 0; }
    #free_cnt #side-parts .side-parts-block img {
	  display: block;
      width: 100%;
      height: auto; }
    #free_cnt #side-parts .side-parts-block p,
    #free_cnt #side-parts .side-parts-block ul,
    #free_cnt #side-parts .side-parts-block ol {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.86; }
    #free_cnt #side-parts .side-parts-block p span {
	  font-size: 16px;
	  font-size: 1.6rem;
	  font-weight: bold;
    }

#free_cnt #vertically-parts {
  padding-bottom: 100px; }
  #free_cnt #vertically-parts .vertically-parts-block {
    margin-top: 40px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center; }
    #free_cnt #vertically-parts .vertically-parts-block:nth-of-type(2n) .pic {
      order: 2; }
    #free_cnt #vertically-parts .vertically-parts-block:nth-of-type(2n) .txt {
      order: 1; }
    #free_cnt #vertically-parts .vertically-parts-block .pic {
      width: 50%;
      order: 1; }
      #free_cnt #vertically-parts .vertically-parts-block .pic img {
        width: 100%;
        height: auto; }
    #free_cnt #vertically-parts .vertically-parts-block .txt {
      width: 50%;
      order: 2;
      padding: 0 40px; }
      #free_cnt #vertically-parts .vertically-parts-block .txt > * {
        margin-top: 1em; }
	    #free_cnt #vertically-parts .vertically-parts-block .txt > *:first-child {
          margin-top: 0; }
    #free_cnt #vertically-parts .vertically-parts-block p,
    #free_cnt #vertically-parts .vertically-parts-block ul,
    #free_cnt #vertically-parts .vertically-parts-block ol {
	  font-size: 16px;
	  font-size: 1.6rem;
      line-height: 2; }

#free_cnt #vertically02-parts {
  padding-bottom: 60px; }
  #free_cnt #vertically02-parts .vertically02-parts-block {
    padding-bottom: 60px;
    display: flex;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center; }
  #free_cnt #vertically02-parts .vertically02-parts-block.top {
    -webkit-align-items: flex-start;
    align-items: flex-start; }
    #free_cnt #vertically02-parts .vertically02-parts-block .txt {
      width: 78%;
      padding-right: 40px; }
      #free_cnt #vertically02-parts .vertically02-parts-block .txt > * {
        margin-top: 1em; }
        #free_cnt #vertically02-parts .vertically02-parts-block .txt > *:first-child {
          margin-top: 0; }
      #free_cnt #vertically02-parts .vertically02-parts-block .txt h3 {
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 1.4;
        font-weight: bold;
        margin-bottom: 1em;
        padding-left: 80px;
        background: url(https://gigaplus.makeshop.jp/msptest3/new/img/common/ttl_decoration.png) 0 center no-repeat;
        background-size: 39px auto; }
      #free_cnt #vertically02-parts .vertically02-parts-block .txt p,
      #free_cnt #vertically02-parts .vertically02-parts-block .txt ul,
      #free_cnt #vertically02-parts .vertically02-parts-block .txt ol {
	    font-size: 16px;
		font-size: 1.6rem;
        line-height: 2; }
    #free_cnt #vertically02-parts .vertically02-parts-block .pic {
      width: 22%; }
      #free_cnt #vertically02-parts .vertically02-parts-block .pic img {
        width: 100%;
        height: auto; }

#free_cnt #lineup {
  padding-bottom: 60px; }
  #free_cnt #lineup .lineup_inner {
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px; }
  #free_cnt #lineup .lineup_block {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 70px; }
    #free_cnt #lineup .lineup_block .pic {
      width: 48%; }
      #free_cnt #lineup .lineup_block .pic img {
        width: 100%; }
    #free_cnt #lineup .lineup_block .txt {
      width: 46%;
      padding-left: 20px;
      display: flex;
      flex-direction: column; }
      #free_cnt #lineup .lineup_block .txt > * {
        margin-bottom: 1em; }
        #free_cnt #lineup .lineup_block .txt > *:last-child {
          margin-bottom: 0; }
      #free_cnt #lineup .lineup_block .txt h4 {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.5;
        font-weight: bold;
        padding: 10px 0 5px; }
      #free_cnt #lineup .lineup_block .txt p,
      #free_cnt #lineup .lineup_block .txt ul,
      #free_cnt #lineup .lineup_block .txt ol {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5; }
      #free_cnt #lineup .lineup_block .txt a {
        margin-top: auto;
        display: block;
        border-radius: 20px;
        text-align: center;
        border: 1px solid #FEB72B;
        background-color: #FEB72B;
        color: #362713;
        position: relative;
        padding: 10px 0;
        line-height: 1;
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease; }
		#free_cnt #lineup .lineup_block .txt a:hover {
          background-color: #fff; }
        #free_cnt #lineup .lineup_block .txt a:after {
          content: "";
          position: absolute;
          right: 50px;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          background: url(https://gigaplus.makeshop.jp/msptest3/new/img/common/arrow.png) 0 0 no-repeat;
          background-size: 100% auto;
          width: 7px;
          height: 11px; }

#free_cnt #voice {
  padding-bottom: 60px;
  width: 1020px;
  margin: 0 auto; }
  #free_cnt #voice .voice_inner {
    padding-top: 60px; }
  #free_cnt #voice .voice_block {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px; }
    #free_cnt #voice .voice_block .pic {
      width: 150px;
      text-align: center; }
    #free_cnt #voice .voice_block .txt {
      width: calc(100% - 150px); }
    #free_cnt #voice .voice_block:nth-of-type(2n+1) .fukidashi:before {
      content: "";
      position: absolute;
      top: 50%;
      left: -19px;
      margin-top: -10px;
      border: 10px solid transparent;
      border-right: 10px solid #FFF;
      z-index: 2; }
    #free_cnt #voice .voice_block:nth-of-type(2n+1) .fukidashi:after {
      content: "";
      position: absolute;
      top: 50%;
      left: -24px;
      margin-top: -12px;
      border: 12px solid transparent;
      border-right: 12px solid #362713;
      z-index: 1; }
    #free_cnt #voice .voice_block:nth-of-type(2n) .pic {
      order: 2; }
    #free_cnt #voice .voice_block:nth-of-type(2n) .txt {
      order: 1; }
    #free_cnt #voice .voice_block:nth-of-type(2n) .fukidashi:before {
      content: "";
      position: absolute;
      top: 50%;
      right: -19px;
      margin-top: -10px;
      border: 10px solid transparent;
      border-left: 10px solid #FFF;
      z-index: 2; }
    #free_cnt #voice .voice_block:nth-of-type(2n) .fukidashi:after {
      content: "";
      position: absolute;
      top: 50%;
      right: -24px;
      margin-top: -12px;
      border: 12px solid transparent;
      border-left: 12px solid #362713;
      z-index: 1; }
    #free_cnt #voice .voice_block .fukidashi {
      position: relative;
      display: inline-block;
      width: 100%;
      padding: 15px 30px;
      color: #362713;
      font-size: 16px;
      background: #FFF;
      border: solid 2px #362713;
      border-radius: 25px; }
      #free_cnt #voice .voice_block .fukidashi > * {
        margin-top: 1em; }
        #free_cnt #voice .voice_block .fukidashi > *:first-child {
          margin-top: 0; }
      #free_cnt #voice .voice_block .fukidashi p,
      #free_cnt #voice .voice_block .fukidashi ul,
      #free_cnt #voice .voice_block .fukidashi ol {
	    font-size: 16px;
		font-size: 1.6rem;
        line-height: 2; }

#free_cnt #recipe {
  padding-bottom: 140px; }
  #free_cnt #recipe .recipe-block {
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px; }
  #free_cnt #recipe .recipe-block-left {
    width: 49%; }
    #free_cnt #recipe .recipe-block-left img {
      width: 100%;
      height: auto; }
  #free_cnt #recipe .recipe-block-right {
    width: 47%;
    margin-left: auto; }
    #free_cnt #recipe .recipe-block-right h2 {
      font-size: 24px;
      font-size: 2.4rem;
      font-weight: bold;
      line-height: 1.5; }
    #free_cnt #recipe .recipe-block-right .time {
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: bold;
      padding: 1em 0 45px; }
    #free_cnt #recipe .recipe-block-right h3 {
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: bold;
      margin-bottom: 20px; }
      #free_cnt #recipe .recipe-block-right h3:before {
        content: "●";
        color: #ADCB6B;
        padding-right: 10px; }
    #free_cnt #recipe .recipe-block-right .material {
      padding-bottom: 35px; }
      #free_cnt #recipe .recipe-block-right .material > * {
        margin-top: 1em; }
        #free_cnt #recipe .recipe-block-right .material > *:first-child {
          margin-top: 0; }
      #free_cnt #recipe .recipe-block-right .material p,
      #free_cnt #recipe .recipe-block-right .material ul,
      #free_cnt #recipe .recipe-block-right .material ol {
        line-height: 2.1;
        font-size: 14px;
        font-size: 1.4rem; }
    #free_cnt #recipe .recipe-block-right .flow ol li {
      margin-bottom: 30px;
      position: relative;
      padding: 0 0 10px 20px;
      line-height: 1.5;
      letter-spacing: 0.03em;
      background: url(https://gigaplus.makeshop.jp/msptest3/new/img/recipe/recipe_line.png) 0 bottom repeat-x; }
      #free_cnt #recipe .recipe-block-right .flow ol li span {
        color: #ADCB6B;
        position: absolute;
        left: 0;
        top: 0; }
      #free_cnt #recipe .recipe-block-right .flow ol li:before {
        content: "";
        width: 20px;
        height: 10px;
        background: url(https://gigaplus.makeshop.jp/msptest3/new/img/recipe/recipe_arrow.png) 0 0 no-repeat;
        background-size: 100% auto;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: -20px; }
      #free_cnt #recipe .recipe-block-right .flow ol li:last-child:before {
        display: none; }

#free_cnt #freebnr01 {
  padding-bottom: 80px; }
  #free_cnt #freebnr01 .freebnr01_block {
    padding-bottom: 40px; }
    #free_cnt #freebnr01 .freebnr01_block img {
      width: 100%; }

#free_cnt #freebnr02 {
  padding-bottom: 50px; }
  #free_cnt #freebnr02 .freebnr02_inner {
    display: flex;
    flex-wrap: wrap;
    margin-left: -50px; }
  #free_cnt #freebnr02 .freebnr02_block {
    margin-bottom: 50px;
    margin-left: 50px;
    width: calc(50% - 50px); }
    #free_cnt #freebnr02 .freebnr02_block img {
      width: 100%; }

@media screen and (max-width: 1390px) { 
  #free_cnt #main h3,
  #free_cnt #category_child h3,
  #free_cnt #side-parts h3,
  #free_cnt #vertically-parts h3,
  #free_cnt #voice h3 {
    padding-top: calc(30 / 1390 * 100vw);
    background-size: calc(39 / 1390 * 100vw) auto;
    font-size: calc(26 / 1390 * 100vw); }
  #free_cnt #main {
    width: calc(1000 / 1390 * 100vw);
    padding-bottom: calc(65 / 1390 * 100vw); }
    #free_cnt #main .pic {
      margin-top: calc(30 / 1390 * 100vw); }
    #free_cnt #main p,
    #free_cnt #main ul,
    #free_cnt #main ol {
	  font-size: calc(16 / 1390 * 100vw); }
	  
#free_cnt #category_child {
  width: calc(1000 / 1390 * 100vw);
  padding-bottom: calc(100 / 1390 * 100vw); }
  #free_cnt #category_child ul {
    padding: calc(30 / 1390 * 100vw) 0 0 0; }
    #free_cnt #category_child ul li {
	  margin-left: calc(15 / 1390 * 100vw);
	  margin-right: calc(15 / 1390 * 100vw);
      margin-bottom: calc(20 / 1390 * 100vw); }
      #free_cnt #category_child ul li a {
	    padding: calc(14 / 1390 * 100vw) calc(25 / 1390 * 100vw);
	    font-size: calc(14 / 1390 * 100vw);
        border-radius: calc(40 / 1390 * 100vw); }
        
  #free_cnt #word {
    padding-bottom: calc(65 / 1390 * 100vw);
    width: calc(810 / 1390 * 100vw); }
    #free_cnt #word ul {
      margin-left: calc(-30 / 1390 * 100vw); }
      #free_cnt #word ul li {
        width: calc(33.333% - calc(30 / 1390 * 100vw));
        margin-left: calc(30 / 1390 * 100vw);
        margin-bottom: calc(30 / 1390 * 100vw); }
          #free_cnt #word ul li p {
	        border-radius: calc(10 / 1390 * 100vw);
            font-size: calc(20 / 1390 * 100vw);
            padding: calc(25 / 1390 * 100vw) 0; }

  #free_cnt #side-parts {
	padding-left: calc(40 / 1390 * 100vw);
	padding-right: calc(40 / 1390 * 100vw);
    padding-bottom: calc(50 / 1390 * 100vw); }
    #free_cnt #side-parts .side-parts-inner {
      margin-top: calc(40 / 1390 * 100vw);
      margin-left: calc(-80 / 1390 * 100vw); }
    #free_cnt #side-parts .side-parts-block {
      width: calc(33.333% - calc(80 / 1390 * 100vw));
      margin-left: calc(80 / 1390 * 100vw);
      margin-bottom: calc(40 / 1390 * 100vw); }
      #free_cnt #side-parts .side-parts-block p,
      #free_cnt #side-parts .side-parts-block ul,
      #free_cnt #side-parts .side-parts-block ol {
        font-size: calc(14 / 1390 * 100vw); }
      #free_cnt #side-parts .side-parts-block p span {
	    font-size: calc(16 / 1390 * 100vw);
      }
    
  #free_cnt #vertically-parts {
	padding-left: calc(40 / 1390 * 100vw);
	padding-right: calc(40 / 1390 * 100vw);
    padding-bottom: calc(100 / 1390 * 100vw); }
    #free_cnt #vertically-parts .vertically-parts-block {
      margin-top: calc(40 / 1390 * 100vw);
      margin-bottom: calc(20 / 1390 * 100vw); }
      #free_cnt #vertically-parts .vertically-parts-block .txt {
        padding: 0 calc(40 / 1390 * 100vw); }
      #free_cnt #vertically-parts .vertically-parts-block p,
      #free_cnt #vertically-parts .vertically-parts-block ul,
      #free_cnt #vertically-parts .vertically-parts-block ol {
	    font-size: calc(16 / 1390 * 100vw); }

  #free_cnt #vertically02-parts {
    padding-bottom: calc(60 / 1390 * 100vw); }
    #free_cnt #vertically02-parts .vertically02-parts-block {
      padding-bottom: calc(60 / 1390 * 100vw); }
      #free_cnt #vertically02-parts .vertically02-parts-block .txt {
        padding-right: calc(40 / 1390 * 100vw); }
        #free_cnt #vertically02-parts .vertically02-parts-block .txt h3 {
          font-size: calc(26 / 1390 * 100vw);
          padding-left: calc(80 / 1390 * 100vw);
          background-size: calc(39 / 1390 * 100vw) auto; }
        #free_cnt #vertically02-parts .vertically02-parts-block .txt p,
        #free_cnt #vertically02-parts .vertically02-parts-block .txt ul,
        #free_cnt #vertically02-parts .vertically02-parts-block .txt ol {
	      font-size: calc(16 / 1390 * 100vw); }
	      
  #free_cnt #lineup {
    padding-bottom: calc(60 / 1390 * 100vw); }
    #free_cnt #lineup .lineup_inner {
      padding-top: calc(40 / 1390 * 100vw); }
    #free_cnt #lineup .lineup_block {
      margin-bottom: calc(70 / 1390 * 100vw); }
      #free_cnt #lineup .lineup_block .txt {
        padding-left: calc(20 / 1390 * 100vw); }
        #free_cnt #lineup .lineup_block .txt h4 {
          font-size: calc(18 / 1390 * 100vw);
          padding: calc(10 / 1390 * 100vw) 0 calc(5 / 1390 * 100vw); }
        #free_cnt #lineup .lineup_block .txt p,
        #free_cnt #lineup .lineup_block .txt ul,
        #free_cnt #lineup .lineup_block .txt ol {
          font-size: calc(16 / 1390 * 100vw); }
        #free_cnt #lineup .lineup_block .txt a {
	      font-size: calc(16 / 1390 * 100vw);
          border-radius: calc(20 / 1390 * 100vw);
          padding: calc(10 / 1390 * 100vw) 0; }
          #free_cnt #lineup .lineup_block .txt a:after {
            right: calc(50 / 1390 * 100vw);
            width: calc(7 / 1390 * 100vw);
            height: calc(11 / 1390 * 100vw); }

  #free_cnt #voice {
    padding-bottom: calc(60 / 1390 * 100vw);
    width: calc(1020 / 1390 * 100vw); }
    #free_cnt #voice .voice_inner {
      padding-top: calc(60 / 1390 * 100vw); }
    #free_cnt #voice .voice_block {
      margin-bottom: calc(40 / 1390 * 100vw); }
      #free_cnt #voice .voice_block .pic {
        width: calc(150 / 1390 * 100vw); }
      #free_cnt #voice .voice_block .txt {
        width: calc(100% - calc(150 / 1390 * 100vw)); }
      #free_cnt #voice .voice_block:nth-of-type(2n+1) .fukidashi:before {
        left: calc( -19 / 1390 * 100vw);
        margin-top: calc( -10 / 1390 * 100vw);
        border: calc( 10 / 1390 * 100vw) solid transparent;
        border-right: calc( 10 / 1390 * 100vw) solid #FFF; }
      #free_cnt #voice .voice_block:nth-of-type(2n+1) .fukidashi:after {
        left: calc( -24 / 1390 * 100vw);
        margin-top: calc( -12 / 1390 * 100vw);
        border: calc( 12 / 1390 * 100vw) solid transparent;
        border-right: calc( 12 / 1390 * 100vw) solid #362713; }
      #free_cnt #voice .voice_block:nth-of-type(2n) .fukidashi:before {
        right: calc( -19 / 1390 * 100vw);
        margin-top: calc( -10 / 1390 * 100vw);
        border: calc( 10 / 1390 * 100vw) solid transparent;
        border-left: calc( 10 / 1390 * 100vw) solid #FFF; }
      #free_cnt #voice .voice_block:nth-of-type(2n) .fukidashi:after {
        right: calc( -24 / 1390 * 100vw);
        margin-top: calc( -12 / 1390 * 100vw);
        border: calc( 12 / 1390 * 100vw) solid transparent;
        border-left: calc( 12 / 1390 * 100vw) solid #362713; }
      #free_cnt #voice .voice_block .fukidashi {
        padding: calc(15 / 1390 * 100vw) calc(30 / 1390 * 100vw);
        font-size: calc( 16 / 1390 * 100vw);
        border-radius: calc(25 / 1390 * 100vw); }
        #free_cnt #voice .voice_block .fukidashi p,
        #free_cnt #voice .voice_block .fukidashi ul,
        #free_cnt #voice .voice_block .fukidashi ol {
          font-size: calc( 16 / 1390 * 100vw); }

  #free_cnt #recipe {
    padding-bottom: calc(140 / 1390 * 100vw); }
    #free_cnt #recipe .recipe-block {
      padding-top: calc(40 / 1390 * 100vw); }
    #free_cnt #recipe .recipe-block-right h2 {
      font-size: calc(24 / 1390 * 100vw); }
    #free_cnt #recipe .recipe-block-right .time {
      font-size: calc(16 / 1390 * 100vw);
      padding: 1em 0 calc(45 / 1390 * 100vw); }
    #free_cnt #recipe .recipe-block-right h3 {
      font-size: calc(16 / 1390 * 100vw);
      margin-bottom: calc(20 / 1390 * 100vw); }
      #free_cnt #recipe .recipe-block-right h3:before {
        padding-right: calc(10 / 1390 * 100vw); }
    #free_cnt #recipe .recipe-block-right .material {
      padding-bottom: calc(35 / 1390 * 100vw); }
      #free_cnt #recipe .recipe-block-right .material p,
      #free_cnt #recipe .recipe-block-right .material ul,
      #free_cnt #recipe .recipe-block-right .material ol {
        font-size: calc(14 / 1390 * 100vw); }
    #free_cnt #recipe .recipe-block-right .flow ol li {
	  font-size: calc(14 / 1390 * 100vw);
      margin-bottom: calc(30 / 1390 * 100vw);
      padding: 0 0 calc(10 / 1390 * 100vw) calc(20 / 1390 * 100vw); }
      #free_cnt #recipe .recipe-block-right .flow ol li:before {
        width: calc(20 / 1390 * 100vw);
        height: calc(10 / 1390 * 100vw);
        bottom: calc(-20 / 1390 * 100vw); }

  #free_cnt #freebnr01 {
    padding-bottom: calc(80 / 1390 * 100vw); }
    #free_cnt #freebnr01 .freebnr01_block {
      padding-bottom: calc(40 / 1390 * 100vw); }

  #free_cnt #freebnr02 {
    padding-bottom: calc(50 / 1390 * 100vw); }
    #free_cnt #freebnr02 .freebnr02_inner {
      margin-left: calc(-50 / 1390 * 100vw); }
    #free_cnt #freebnr02 .freebnr02_block {
      margin-bottom: calc(50 / 1390 * 100vw);
      margin-left: calc(50 / 1390 * 100vw);
      width: calc(50% - calc(50 / 1390 * 100vw)); } }

@media screen and (max-width: 750px) {  
  #free_cnt #main h3,
  #free_cnt #category_child h3,
  #free_cnt #side-parts h3,
  #free_cnt #vertically-parts h3,
  #free_cnt #voice h3 {
    padding-top: calc(55 / 750 * 100vw);
    background-size: calc(56 / 750 * 100vw) auto;
    font-size: calc(36 / 750 * 100vw); }
    
  #free_cnt #main {
    width: 100%;
    padding-bottom: calc(65 / 750 * 100vw); }
    #free_cnt #main .pic {
      margin-top: calc(45 / 750 * 100vw); }
    #free_cnt #main p {
	  font-size: calc(24 / 750 * 100vw);
      text-align: left;
      padding: 0 calc(25 / 750 * 100vw) 0; }
    #free_cnt #main ul,
    #free_cnt #main ol {
	  font-size: calc(24 / 750 * 100vw);
      text-align: left;
      margin-left: calc(25 / 750 * 100vw);
      margin-right: calc(25 / 750 * 100vw);
      padding: 0 0 0 1.5em; }

#free_cnt #category_child {
  width: 100%;
  padding-bottom: calc(100 / 750 * 100vw); }
  #free_cnt #category_child ul {
    padding: calc(45 / 750 * 100vw) calc(10 / 750 * 100vw) 0 calc(10 / 750 * 100vw); }
    #free_cnt #category_child ul li {
	  margin-left: calc(10 / 750 * 100vw);
	  margin-right: calc(10 / 750 * 100vw);
      margin-bottom: calc(20 / 750 * 100vw); }
      #free_cnt #category_child ul li a {
	    padding: calc(14 / 750 * 100vw) calc(50 / 750 * 100vw);
	    font-size: calc(24 / 750 * 100vw);
	    line-height: 1.67;
	    text-align: left;
        border-radius: calc(90 / 750 * 100vw); }
        
  #free_cnt #word {
    padding-bottom: calc(100 / 750 * 100vw);
    width: 100%; }
    #free_cnt #word ul {
      margin-left: 0;
      padding: 0 calc(25 / 750 * 100vw);
      -webkit-justify-content: space-between;
      justify-content: space-between; }
      #free_cnt #word ul li {
        width: calc(50% - calc(20 / 750 * 100vw));
        margin-left: 0;
        margin-bottom: calc(40 / 750 * 100vw); }
          #free_cnt #word ul li p {
	        border-radius: calc(20 / 750 * 100vw);
            font-size: calc(28 / 750 * 100vw);
            padding: calc(20 / 750 * 100vw) 0; }

  #free_cnt #side-parts {
	padding-left: 0;
	padding-right: 0;
    padding-bottom: calc(50 / 750 * 100vw); }
    #free_cnt #side-parts .side-parts-inner {
      margin-top: calc(40 / 750 * 100vw);
      margin-left: 0; }
    #free_cnt #side-parts .side-parts-block {
      width: 100%;
      margin-left: 0;
      padding: 0 calc(30 / 750 * 100vw);
      margin-bottom: calc(120 / 750 * 100vw); }
      #free_cnt #side-parts .side-parts-block img {
        margin: 0 auto;
        display: block;
        width: calc(600 / 750 * 100vw); }
      #free_cnt #side-parts .side-parts-block p,
      #free_cnt #side-parts .side-parts-block ul,
      #free_cnt #side-parts .side-parts-block ol {
        font-size: calc(24 / 750 * 100vw); }
      #free_cnt #side-parts .side-parts-block p span {
	    font-size: calc(28 / 750 * 100vw);
      }
      
  #free_cnt #vertically-parts {
	padding-left: 0;
	padding-right: 0;
    padding-bottom: calc(40 / 750 * 100vw); }
    #free_cnt #vertically-parts .vertically-parts-block {
      margin-top: calc(40 / 750 * 100vw);
      margin-bottom: calc(60 / 750 * 100vw); }
      #free_cnt #vertically-parts .vertically-parts-block:nth-of-type(2n) .pic {
        order: 1; }
      #free_cnt #vertically-parts .vertically-parts-block:nth-of-type(2n) .txt {
        order: 2; }
      #free_cnt #vertically-parts .vertically-parts-block .pic {
        width: 100%; }
        #free_cnt #vertically-parts .vertically-parts-block .pic img {
          width: 100%; }
      #free_cnt #vertically-parts .vertically-parts-block .txt {
        width: 100%;
        padding: calc(30 / 750 * 100vw) calc(30 / 750 * 100vw) 0; }
      #free_cnt #vertically-parts .vertically-parts-block p,
      #free_cnt #vertically-parts .vertically-parts-block ul,
      #free_cnt #vertically-parts .vertically-parts-block ol {
	    font-size: calc(24 / 750 * 100vw); }
	    
  #free_cnt #vertically02-parts {
    padding-bottom: calc(100 / 750 * 100vw); }
    #free_cnt #vertically02-parts .vertically02-parts-block {
      padding-bottom: calc(60 / 750 * 100vw); }
      #free_cnt #vertically02-parts .vertically02-parts-block .pic {
        width: 100%; }
        #free_cnt #vertically02-parts .vertically02-parts-block .pic img {
          width: calc(500 / 750 * 100vw);
          margin: 0 auto;
          display: block; }
      #free_cnt #vertically02-parts .vertically02-parts-block .txt {
        padding: 0 calc(30 / 750 * 100vw) calc(80 / 750 * 100vw);
        width: 100%; }
        #free_cnt #vertically02-parts .vertically02-parts-block .txt h3 {
          font-size: calc(36 / 750 * 100vw);
          padding-left: 0;
          padding-top: calc(50 / 750 * 100vw);
          background-position: center 0;
          background-size: calc(56 / 750 * 100vw) auto;
          text-align: center; }
		#free_cnt #vertically02-parts .vertically02-parts-block .txt p,
		#free_cnt #vertically02-parts .vertically02-parts-block .txt ul,
		#free_cnt #vertically02-parts .vertically02-parts-block .txt ol {
	      font-size: calc(24 / 750 * 100vw); }
	      
  #free_cnt #lineup {
    padding: 0 calc(25 / 750 * 100vw) calc(60 / 750 * 100vw); }
    #free_cnt #lineup .lineup_inner {
      padding-top: calc(40 / 750 * 100vw);
      -webkit-justify-content: space-between;
      justify-content: space-between;
      align-items: flex-start; }
    #free_cnt #lineup .lineup_block {
      margin-bottom: calc(70 / 750 * 100vw);
      width: calc(50% - calc(25 / 750 * 100vw)); }
      #free_cnt #lineup .lineup_block .pic {
        width: 100%; }
      #free_cnt #lineup .lineup_block .txt {
        width: 100%;
        padding-left: 0;
        padding-top: calc(30 / 750 * 100vw); }
        #free_cnt #lineup .lineup_block .txt h4 {
          font-size: calc(28 / 750 * 100vw);
          padding: 0; }
        #free_cnt #lineup .lineup_block .txt p,
        #free_cnt #lineup .lineup_block .txt ul,
        #free_cnt #lineup .lineup_block .txt ol {
          font-size: calc(24 / 750 * 100vw); }
        #free_cnt #lineup .lineup_block .txt a {
          border-radius: calc(40 / 750 * 100vw);
          padding: calc(15 / 750 * 100vw) calc(20 / 750 * 100vw) calc(15 / 750 * 100vw) 0;
          font-size: calc(28 / 750 * 100vw);
          margin: 0 auto;
          width: calc(280 / 750 * 100vw); }
          #free_cnt #lineup .lineup_block .txt a:after {
            right: calc(45 / 750 * 100vw);
            width: calc(14 / 750 * 100vw);
            height: calc(22 / 750 * 100vw); }

  #free_cnt #voice {
    padding-bottom: calc(60 / 750 * 100vw);
    width: 100%; }
    #free_cnt #voice .voice_inner {
      padding: calc(45 / 750 * 100vw) calc(35 / 750 * 100vw) 0; }
    #free_cnt #voice .voice_block {
      margin-bottom: calc(65 / 750 * 100vw); }
      #free_cnt #voice .voice_block .pic {
        width: calc(95 / 750 * 100vw); }
        #free_cnt #voice .voice_block .pic img {
          width: calc(80 / 750 * 100vw); }
      #free_cnt #voice .voice_block .txt {
        width: calc(100% - calc(120 / 750 * 100vw)); }
      #free_cnt #voice .voice_block:nth-of-type(2n+1) .txt {
        margin-left: auto; }
      #free_cnt #voice .voice_block:nth-of-type(2n+1) .fukidashi:before {
        top: calc(51 / 750 * 100vw);
        margin-top: 0;
        left: calc( -19 / 750 * 100vw);
        border: calc( 10 / 750 * 100vw) solid transparent;
        border-right: calc( 10 / 750 * 100vw) solid #FFF; }
      #free_cnt #voice .voice_block:nth-of-type(2n+1) .fukidashi:after {
        top: calc(50 / 750 * 100vw);
        margin-top: 0;
        left: calc( -24 / 750 * 100vw);
        border: calc( 12 / 750 * 100vw) solid transparent;
        border-right: calc( 12 / 750 * 100vw) solid #362713; }
      #free_cnt #voice .voice_block:nth-of-type(2n) .pic {
        margin-left: auto; }
      #free_cnt #voice .voice_block:nth-of-type(2n) .fukidashi:before {
        top: calc(52 / 750 * 100vw);
        margin-top: 0;
        right: calc( -19 / 750 * 100vw);
        border: calc( 10 / 750 * 100vw) solid transparent;
        border-left: calc( 10 / 750 * 100vw) solid #FFF; }
      #free_cnt #voice .voice_block:nth-of-type(2n) .fukidashi:after {
        top: calc(50 / 750 * 100vw);
        margin-top: 0;
        right: calc( -24 / 750 * 100vw);
        border: calc( 12 / 750 * 100vw) solid transparent;
        border-left: calc( 12 / 750 * 100vw) solid #362713; }
      #free_cnt #voice .voice_block .fukidashi {
        padding: calc(25 / 750 * 100vw) calc(30 / 750 * 100vw);
        font-size: calc(24 / 750 * 100vw);
        border-radius: calc(40 / 750 * 100vw);
        border-width: 1px; }
        #free_cnt #voice .voice_block .fukidashi p,
        #free_cnt #voice .voice_block .fukidashi ul,
        #free_cnt #voice .voice_block .fukidashi ol {
          font-size: calc(24 / 750 * 100vw); }

  #free_cnt #recipe {
    padding-bottom: calc(140 / 750 * 100vw); }
    #free_cnt #recipe .recipe-block {
      padding-top: calc(40 / 750 * 100vw); }
    #free_cnt #recipe .recipe-block-left {
      width: 100%;
      text-align: center; }
      #free_cnt #recipe .recipe-block-left img {
        width: calc(640 / 750 * 100vw); }
    #free_cnt #recipe .recipe-block-right {
      width: 100%; }
      #free_cnt #recipe .recipe-block-right h2 {
        font-size: calc(36 / 750 * 100vw);
        padding: calc(45 / 750 * 100vw) calc(30 / 750 * 100vw) 0;
        letter-spacing: 0; }
      #free_cnt #recipe .recipe-block-right .time {
        font-size: calc(32 / 750 * 100vw);
        padding: calc(25 / 750 * 100vw) 0 calc(50 / 750 * 100vw); }
      #free_cnt #recipe .recipe-block-right h3 {
        font-size: calc(32 / 750 * 100vw);
        margin-bottom: calc(40 / 750 * 100vw);
        margin-left: calc(30 / 750 * 100vw); }
        #free_cnt #recipe .recipe-block-right h3:before {
          padding-right: calc(20 / 750 * 100vw); }
      #free_cnt #recipe .recipe-block-right .material {
        padding-bottom: calc(100 / 750 * 100vw); }
        #free_cnt #recipe .recipe-block-right .material p,
        #free_cnt #recipe .recipe-block-right .material ul,
        #free_cnt #recipe .recipe-block-right .material ol {
          font-size: calc(28 / 750 * 100vw);
          margin-left: calc(30 / 750 * 100vw); }
      #free_cnt #recipe .recipe-block-right .flow ol li {
        margin-bottom: calc(60 / 750 * 100vw);
        padding: 0 calc(30 / 750 * 100vw) calc(20 / 750 * 100vw) calc(60 / 750 * 100vw);
        font-size: calc(28 / 750 * 100vw); }
        #free_cnt #recipe .recipe-block-right .flow ol li span {
          left: calc(30 / 750 * 100vw); }
        #free_cnt #recipe .recipe-block-right .flow ol li:before {
          width: calc(40 / 750 * 100vw);
          height: calc(20 / 750 * 100vw);
          bottom: calc(-40 / 750 * 100vw); }

  #free_cnt #freebnr01 {
    padding: 0 calc(25 / 750 * 100vw) calc(110 / 750 * 100vw); }
    #free_cnt #freebnr01 .freebnr01_block {
      padding-bottom: calc(20 / 750 * 100vw); }

  #free_cnt #freebnr02 {
    padding: 0 calc(25 / 750 * 100vw) calc(120 / 750 * 100vw); }
    #free_cnt #freebnr02 .freebnr02_inner {
      margin-left: calc(-25 / 750 * 100vw); }
    #free_cnt #freebnr02 .freebnr02_block {
      margin-bottom: calc(25 / 750 * 100vw);
      margin-left: calc(25 / 750 * 100vw);
      width: calc(50% - calc(25 / 750 * 100vw)); }
}

#footer_bottom .footer_btn a:hover,
#footer_bottom .footer_guide .footer_fax:hover {
	box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.15);
}

#footer_bottom .footer_btn a:hover img,
#footer_bottom .footer_guide .footer_fax img {
	opacity: 1;
}

#header_menu #menu_right a:hover,
#header_menu #menu_left > ul > li a:hover,
.menu_content .menu_conents li a:hover,
.menu_content .menu_item_li li a:hover,
.menu_content .menu_other .menu_content_ttl a:hover {
	opacity: 0.6;
}

#page_top {
	position: fixed;
    right: 50px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    background: url(https://gigaplus.makeshop.jp/biofloresta/new/img/top/pagenavi_arrow.png) 0 0 no-repeat;
    background-size: 100% auto;
    filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.16));
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 10000;
    -webkit-transform: translate(0,0) rotate(180deg);
    transform: translate(0,0) rotate(180deg);
}

#page_top:hover {
	-webkit-transform: translate(0,-5px) rotate(180deg);
    transform: translate(0,-5px) rotate(180deg);
}

@media screen and (max-width: 750px) {
	#page_top {
	    right: 10px;
	    bottom: 10px;
	    width: calc(80 / 750 * 100vw);
	    height: calc(80 / 750 * 100vw);
	    filter: calc( drop-shadow(0 / 750 * 100vw) 0 calc(16 / 750 * 100vw) rgba(0, 0, 0, 0.16));
	    -webkit-transform: translate(0,0) rotate(180deg)!important;
		transform: translate(0,0) rotate(180deg)!important;
	}
}