@charset "euc-jp";

/*カレンダー*/
.cal_ttl{
color: #ff4b57;
    font-family:"ヒラギノ明朝 Pro W5", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho","Sawarabi Mincho", serif;
    font-size: 1.5em;
    border-bottom: 1px solid #ccc;
    line-height: 2em;
	font-weight:bold;
  margin-bottom:0.75em;
}

.cal_row{
  margin-top: 1em;
  margin-bottom: 3em;
}
.cal_memo_wrap{
}
.cal_wrap{
}
.cal{
	display:flex;
    gap: 6%;
}

.tbl_calendar {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  width: 100%;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 4px !important;
  text-align: center !important;
  border-left: 1px solid #fff !important;
  border-right: 1px solid #fff !important;
  border-bottom: 1px solid #ccc !important;
}
.tbl_calendar th{
  background-color:#eee;
}
.tbl_calendar th.sat{
  color:#48AED3;
}
.tbl_calendar th.sun{
  color:#D34848;
}
.tbl_calendar tbody{
  background-color:#fff;
}
.tbl_calendar caption{
  padding-bottom:0.5em;
  font-weight:bold;
  text-align:left;
  font-size:105%;
}

/*カレンダーここまで*/

#postage_banner{
	background:#ff4b57;
  position:relative;
  top:0;
  left:0;
  z-index:9999;
    display: flex;
    align-items: center;
  	justify-content:center;
}

#postage_banner img{
	max-height:35px;
  	margin:10px;
}

@media (max-width:780px){
  #body_wrap{
  padding-top:100px;
  }
}

.sp{
 display:none;
}

#header_wrap{
top:0;
  left:0;
position:sticky;
  z-index:999;
}

@media (max-width:780px){
  #header_wrap{
      position:fixed;
      width:100%;
    }
  
  #postage_banner{
    padding:8px
  }
  #postage_banner img{
    max-height:100%;
    margin:0px;
  }
}


/* 楽天・アマゾンペイバナー */
.rakutenpay_header{
position:fixed;
bottom:30px;
right:320px;
 z-index:7;
}

.amazonpay_header{
position:fixed;
bottom:30px;
right:130px;
 z-index:7;
}

.footer_payban{
  /*display:none;*/
  display:flex;
  flex-wrap:wrap;
  justify-content:space-evenly;
  margin-top:15px;
}

/*フッターamazonpayバナー*/
img.amazon_ban_f {
    height:65px;
}

/*フッターpaypaypayバナー*/
img.paypay_ban_f{
  height:55px;
}

/*バナースマホ版 PCで消去*/
.sp_side_ban{
	display:none;
}
/*LINEバナースマホ版PC版*/
img.line_pc_header {
    position: fixed;
    right: 0;
    bottom:175px;
  	height:auto;
  	width:98px;
}


/*メルマガとツイッターバナースマホ版*/
.twitter_newsletter_sp{
	display:none;
}
/*メルマガとツイッターバナーPC版*/
img.twitter_pc_header {
    position: fixed;
    right: 0;
    bottom:35px;
}

/* メルマガバナー廃止
img.newsletter_pc_header {
    position: fixed;
    right: 0;
    bottom:35px;
}
*/

.letter_sp{
display:none;
}
.banner_sp{
display:none;
}

body {
  background-color: #fff;
  background-image: url();
  color: #606060;
  padding:0 !important;
}
html {
  /*
  -ms-overflow-y: scroll !important;
  overflow-y: scroll !important;*/
}
html,body {  /*
  -ms-overflow-x: hidden;
  overflow-x: hidden;*/
}
ul,ol{
  margin:0;
}
button {
    -webkit-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}
a {
  color: #000;
    -webkit-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}
a:hover {
  color: #555;
}
a:active {
  color: #555;
}
a img {
 　-webkit-transition: all .2s ease;
 　-ms-transition: all .2s ease;
  transition: all .2s ease;
}
a img:hover {
 opacity:0.7;
}
dd{
  margin:0;
  text-align:justify;
}

h1.pagetitle{
  	font-weight:normal;
	font-family:  "ヒラギノ明朝 Pro W5", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho",serif;
	font-size:2.5em;
  	color:#000;
   margin:auto;
}


h2{
 margin-left:2%; 
 margin-right:2%;
 padding:0 !important;
}

h3{
  font-weight:normal;
  color:#000;
	font-family:  "ヒラギノ明朝 Pro W5", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho","Sawarabi Mincho", serif;
	font-size:2.2em;
  border-bottom:1px solid #ff4b57;
  margin:auto;
  margin-top:0.5em;
  margin-bottom:1em;
  display:inline-block;
  text-align:center;
}

h4{
	font-family:  "ヒラギノ明朝 Pro W5", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho","Sawarabi Mincho", serif;
	font-size:1.3em;
    color:#000;
    font-weight:normal;
    margin: 0;
    margin-bottom: 0.2em;
}
h4 a{
    color:#000;
}

.center_flex{ 
    display: flex;
}

.item_list{
	margin-top:1.5em;
	margin-bottom:1.5em;
}

/*
ネクスト　リターン 矢印
*/

.next,
.return{
  width:300px;
  margin:auto;
 　-webkit-transition: all .3s;
 　-ms-transition: all .3s;
  transition:all 0.3s;
  position:relative;
}
.next_wrap{
  overflow:hidden;
}
.next{
  margin:0;
  width:95%;
  margin-top:1em;
}
.next:hover{
  width:98%;
}
.return{
  width:300px;
  margin-top:4.5em;
  margin-bottom:2em;
}
.return:hover{
  width:350px;
}
.next::before {
    position: absolute;
    top:-2px;
    right: 14px;
    content: "";
    width: 1px;
    height: 62px;
    background: #bbb;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.next::after {
    position: absolute;
    top:-2px;
    right: 4px;
    content: "";
    width: 1px;
    height: 62px;
    background: #bbb;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.return::before {
    position: absolute;
    top:-2px;
    left: 14px;
    content: "";
    width: 1px;
    height: 62px;
    background: #bbb;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}
.return::after {
    position: absolute;
    top:-2px;
    left: 4px;
    content: "";
    width: 1px;
    height: 62px;
    background: #bbb;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}
.next:hover::before,
.next:hover::after,
.return:hover::before,
.return:hover::after {
    background: #ff4b57;
}

.arrow_btn:link{
  color:#000;
  display:block;
  margin:auto;
  font-size:1.3em;
	font-family:  "ヒラギノ明朝 Pro W5", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho","Sawarabi Mincho", serif;
  text-align:center;
  border-bottom:1px solid #bbb;
  padding-top:13px;
  padding-bottom:17px;
    height: 25px;
}
.next .arrow_btn:link{
  text-align:center;
  padding-left:0.8em;
}
.arrow_btn:visited{
  color:#000;
  border-bottom:1px solid #bbb;
}
.arrow_btn:hover{
  color:#ff4b57;
  text-decoration:none;
  border-bottom:1px solid #ff4b57;
}
.arrow_btn:active{
  color:#ff4b57;
  border-bottom:1px solid #ff4b57;
}

/*
 * layout(Custom)
 */
section.content{
    background-image: url("https://img21.shop-pro.jp/PA01433/167/etc/under_hana_image.jpg?cmsp_timestamp=20190605160220");
  background-repeat: no-repeat;
  background-size:50% auto;
background-position: right bottom;
}
#wrapper,
footer .row{
  max-width:1050px;
}
#wrapper {
  margin:auto;
  margin-top:5em;
  /*padding-top:76px;*/
  /*padding-top:135px;*/
  padding-bottom:5em;
}
.flex-box{
    display: flex;
    flex-wrap: wrap;
    align-self:center;
    justify-content: center;
}

.btn_p{
  display:block;
  background:#ff4b57;
  padding:1em;
  margin-top:1em;
  text-align:center;
}
.btn_p,
.btn_p:visited,
.btn_p:hover,
.btn_p:active{
  color:#fff;
  text-decoration:none;
}
.btn_p:hover{
  opacity:0.7;
}
.col {
    padding-right: 2.5%;
    padding-left: 2.5%;
}

/*
 * フォーム（Customize）
 */

#sp_search{
   display:none;
  	cursor:pointer;
  }

.search_form {
  	display:flex;
 	 position: relative;
  	padding:0px;
  	flex-direction: row-reverse;
    flex-wrap: wrap;
}
.search_form input[type="text"]{
	border:none;
  	outline:none;
	border-radius:999px;
	border: 1px solid #ccc;
  	width:155px;
    background:none;
	  padding-left:42px;
    height: 28px;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition:all 0.2s ease;
  background-color:#fff;
}
.search_form input[type="text"]:hover,
.search_form input[type="text"]:active{
  box-shadow:0 0 6px 0 rgba(0,0,0,0.2);

}
.search_form button{
  background:none;
  border:none;
  border-radius:999px;
  outline:0;
  padding:6px;
  position: absolute;
  left:1px;
  top:1px;
}
.search_form button:hover{
  background:#eee;
}
.search_form button:active{
  background:#ddd;
}
.search_form button i{
  opacity:0.5;
  outline:none;
}

/*
 * ナビゲーション（Customize）
 */
header,
header#change{
  height:75px;
  width:100%;
  background:rgba(255, 255, 255, 0.95) ;
  border-bottom:1px solid #ff4b57;
  position: relative;
  box-sizing:border-box;
  display: flex;
  top:0;
  justify-content: space-between;
  padding:0 2em;
 -webkit-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index:500;
}


header #navleft{
    display: flex;
    justify-content: flex-start;
}
header #navright{
    display: flex;
    justify-content: flex-end;
 /* min-width:410px;*/
}
header #logo,
header form,
header ul{
    display: flex;
    flex-wrap: wrap;
    align-self:center;
 	 margin:0;
}
header #logo{
 	 margin-right:2em;
  	z-index:100;
}

.gnav{
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho","Sawarabi Mincho",  serif;
 	 font-size:1.1em;
    position: relative;
  }
header #amazonpay{
  padding-left: 1em;
  padding-right: 1em;
  z-index:100;
  align-items: center;
 display: flex;
}
header #amazonpay img{
   height:auto; 
   width:auto;
}


header #snav{
  border-left:1px solid #ccc;
  font-size:0.9em;
  padding-left: 0.5em;
  z-index:100;
transform:scale(1);
}
.gnav  a{
  padding:1em;
  }
header #snav  li{
  margin-left:1em;
  }
header #snav  li a{
  display:block;
  }
header form{
  margin-right:1.25em;
  -webkit-transition:all 0.2s ease;
  -ms-transition:all 0.2s ease;
  transition:all 0.2s ease;
}
header a{
  color:#000;
}
header a:link{
  color:#000;
  text-decoration:none;
}
header a:visited{
  color:#000;
  text-decoration:none;
}
header a:hover{
  color:#000;
  opacity:0.6;
  text-decoration:none;
}
header a:active{
  color:#000;
  text-decoration:none;
}

/* アコーディオン*/

ul.menu__second-level {
    z-index: 1001;
    border: 1px solid #ddd;
    display: flex;
    flex-direction: column;
}

.menu__second-level li {
    margin-left:0;
}
.menu__second-level li a {
    display:block;
}
.menu__second-level li a:hover{
  background:#f5f5f5;
}

.gnav > li.menu__single li > a:hover{
    color:#000;
}

li.menu__single ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 20px;
    background: #fff;
    -webkit-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all .2s ease;
}



@media (min-width: 980px) {
  /* 980px~ */
  
        li.menu__single:hover ul.menu__second-level {
            top: 35px;
            visibility: visible;
            opacity: 1;
        }
  }
			/* 矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
  	position:relative;
 	 top:-4px;
    margin: 0 0 0 10px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.init-right:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
  	position:relative;
 	top:-2px;
 	left:-10px;
    margin: 0 0 0 10px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* 商品一覧 */

.topicpath-nav{
	margin-top:0em;
	padding-bottom:1em;
}
.sort{
	text-align:right;
  	margin: 1em 0 2.5em 0;
}
.sort a{
  color:#888;
}
.sort b{
  font-weight:bold;
}
.price{
  display:inline-block;
  font-size:1.3em;
  color:#ff4b57;
}
.tax{
  font-size:0.8rem;
}
 .disabled{
	opacity:0.3 !important;
}
.item_list{
	margin-bottom:3em;
}

/* 購入フォーム */
.cartjs_product_table table{
  width:100% !important;
  margin-bottom:0.5em  !important;
}
.cartjs_option2{
  display:none;
}
.cartjs_cart_in input[type="submit"]{
  width:100% !important;
  background: rgb(255, 75, 87) !important;
 margin-bottom: 0.8em !important;
  border-radius:0 !important;
  height:55px !important;
  -webkit-transition:all 0.2s;
  -ms-transition:all 0.2s;
  transition:all 0.2s;
}
.cartjs_cart_in input[type="submit"]:hover,
.cartjs_cart_in input[type="submit"]:active{
  opacity:0.7;
}
.cartjs_box{
  padding-top:0.75em !important;
  padding-bottom:0 !important;
}
.next{
  margin-top:0;
}
.cartjs_product_input_txt{
	border:1px solid #ccc;
  border-radius:5px;
}

/* 
*	フッター（Customize）
*/

footer{
  background:#fff4e7;
  padding:3em 0;
}
footer dl dt{
  color:#ff4b57;
	font-family: "ヒラギノ明朝 Pro W5", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho","Sawarabi Mincho", serif;
 	 font-size:1.5em;
    border-bottom:1px solid #ccc;
    line-height:2em;
}
footer dl dd{
  margin-top:1em;
  line-height:1.6em;
}

/*フッターバナー*/
 .footer_banner_flex {
    display: flex;
    justify-content: center;
     margin-bottom:30px;
}
.footer_twitter,.footer_insta{
  margin-right:10px;
}

#copyright{
  background: #4d4d4d;
  color:#fff;
  padding:2em 0;
}
#copyright ul{
  margin-bottom:2em;
}
#copyright ul li{
  margin:0 1em;
}
#copyright a,
#copyright a:link,
#copyright a:visited,
#copyright a:hover,
#copyright a:active{
	color:#fff;
}

/*
 * contents
 */

#contents {
  float: right;
  padding-left: 30px;
}

#contents .topicpath-nav {
  margin-bottom: 5px;
}
  #contents .topicpath-nav li {
    padding: 0;
  }
  #contents .topicpath-nav a {
    margin-left: 5px;
  }

/*
 * side
 */

#side .unstyled img {
  display: block;
  margin-bottom: 5px;
}




/*
 * temp
 */

/* font */
.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.txt_fwn { font-weight: normal; }
.txt_fwb { font-weight: bold; }
.txt_10 { font-size: 10px; }
.txt_12 { font-size: 12px; }
.txt_14 { font-size: 14px; }
.txt_16 { font-size: 16px; }
.txt_18 { font-size: 18px; }
.txt_20 { font-size: 20px; }
.txt_24 { font-size: 24px; }
.txt_28 { font-size: 28px; }
.txt_c_333 {color: #333;}

/* background */
.bgc_gray {
  background-color: #f1f1f1;
}

/* margin */
.mar_auto { margin: 0 auto; }
.mar_0 { margin: 0; }
.mar_t_0 { margin-top: 0; }
.mar_r_0 { margin-right: 0; }
.mar_b_0 { margin-bottom: 0; }
.mar_l_0 { margin-left: 0; }
.mar_5 { margin: 5px; }
.mar_t_5 { margin-top: 5px; }
.mar_r_5 { margin-right: 5px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_l_5 { margin-left: 5px; }
.mar_t_10 { margin-top: 10px; }
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_l_20 { margin-left: 20px; }
.mar_t_30 { margin-top: 30px; }
.mar_r_30 { margin-right: 30px; }
.mar_b_30 { margin-bottom: 30px; }
.mar_l_30 { margin-left: 30px; }
.mar_t_50 { margin-top: 50px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_l_50 { margin-left: 50px; }

/* padding */
.pad_v_10 { padding: 10px 0; }
.pad_v_20 { padding: 20px 0; }
.pad_v_30 { padding: 30px 0; }
.pad_0 { padding: 0; }
.pad_t_0 { padding-top: 0; }
.pad_r_0 { padding-right: 0; }
.pad_b_0 { padding-bottom: 0; }
.pad_l_0 { padding-left: 0; }
.pad_5 { padding: 5px; }
.pad_t_5 { padding-top: 5px; }
.pad_r_5 { padding-right: 5px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_l_5 { padding-left: 5px; }
.pad_10 { padding: 10px; }
.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }
.pad_20 { padding: 20px; }
.pad_t_20 { padding-top: 20px; }
.pad_r_20 { padding-right: 20px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_l_20 { padding-left: 20px; }
.pad_30 { padding: 30px}
.pad_t_30 { padding-top: 30px; }
.pad_r_30 { padding-right: 30px; }
.pad_b_30 { padding-bottom: 30px; }
.pad_l_30 { padding-left: 30px; }

/* border */
.bor_t_1 { border-top: 1px solid #eee; }
.bor_r_1 { border-right: 1px solid #eee; }
.bor_b_1 { border-bottom: 1px solid #eee; }
.bor_l_1 { border-left: 1px solid #eee; }

/* vertical align */
.va-10 { vertical-align: -10%; }
.va-20 { vertical-align: -20%; }
.va-30 { vertical-align: -30%; }
.va-35 { vertical-align: -35%; }
.va-40 { vertical-align: -40%; }



#pagetop a{
  position:fixed;
  right:30px;
  bottom:0;
  margin:2.5em;  
  margin-bottom:35px;
  display:block;
  padding:1.5em;
  background:rgba(255,75,87,0.85);
  border-radius:1em;
  text-align:center;
}
@media (max-width:780px){
#pagetop a{
  right:5px;
  }
}

#pagetop a:hover{
  background:rgba(255,75,87,1);
  margin-bottom:35px;
}

.active_bg{
	display:none;
}


@media (max-width: 1280px) {
  /* ~1280px */

.gnav  a{
  padding:1em 0.5em;
  display:block;
  }
.gnav{
  font-size:1em;
  }
header #snav{
  border-left:none;
  }
header #snav a{
 margin-left:0;
  }
  
  .search_form{
    display:none;
    position: fixed;
    top: 50%;
    left: 50%;
    -weblit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index:500;
  }
  
  .active_bg {
    background: rgba(0,0,0,0.75);
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 499;
}
  
  
  .search_form input[type="text"] {
    width: 400px;
    max-width: 60vw;
    height: 40px;
    padding-left: 55px;
    -webkit-font-smoothing: none;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
    font-size:1.5em;
}
  .search_form button {
    padding: 12px;
    left: 2px;
}
#sp_search{
      display: flex;
      flex-wrap: wrap;
      align-self:center;
  		padding:0.75em;
  		background:#000;
  		border-radius:5px;
  		margin-right:0.25em;
	   -webkit-transition: all 0.2s;
	   -ms-transition: all 0.2s;
      transition:all 0.2s;
      z-index:501;
  }
    #sp_search:hover{
  }   
  	#sp_search.active{
     background: rgb(255, 75, 87);
  }
  
}
@media (max-width: 1024px) {
  /* ~1024px */

}
@media (max-width: 980px) {
  /* ~980px */

  
  #logo img  {
    width:85px;
    height:auto !important;
 　 　-webkit-transition: all 0.3s;
 　 　-ms-transition: all 0.3s;
    transition:all 0.3s;
  }
  
  header{
  height:70px !important;
  padding:0 1em !important;
}
  #base_gmoWrapp,
  #gmo_CMSPbar {
    overflow: hidden;
    min-width: 100% !important;
    width: 100% !important;
  }
  header .gnav {
    display:none;
  }
  
  .row {
      padding-right: 2.5%;
      padding-left: 2.5%;
  }
  .products_list {
      padding-right: 0;
      padding-left: 0;
  }
  
  header::before, 
  header#change::before {
    height: 70px;
}
  
  #sp_search{
    position:fixed;
    left:1.25em;
    bottom:0;
    border-radius: 0.25em 0.25em 0 0 ;
    padding:1.25em;
  } 
  #sp_search.active{
    padding-bottom:2.5em;
  }
    .search_form input[type="text"] {
  		font-size: 1.25rem;
    }
}
@media (max-width: 768px) {
  /* ~768px */
  #wrapper{
   /*  padding-top:135px;*/
  }
header{
  background:rgba(255, 255, 255, 1) !important;
}
  header::before{
    display:none;
  }
  
   /*楽天pay・Amazonpayバナー*/
  .pay_ban{
    display:none;
  } 
 
  /*PC版バナー*/
   img.newsletter_pc_header{
   display:none;
  }
img.line_pc_header{
   display:none;
  }
img.twitter_pc_header{
   display:none;
  }
  
  
  
  /*スマホ版バナー*/
  .twitter_newsletter_sp{
	display:block;
}
  
.banner_flex_sp{
  display:flex;
  position:absolute;
 height:50px;
  width:100%;
  font-size:16px;
top:105px;
  left:0;
    z-index:1000;
}
  .banner_sp{
    flex-basis:100%;
    width:100%;
  	color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .banner_sp img{
    height:35%;
    width:auto;
    margin-right:8px;
  }
.banner_flex_sp a:link,
.banner_flex_sp a:visited,
.banner_flex_sp a:hover,
.banner_flex_sp a:active{
  	color:#fff;
    text-decoration:none;
  }

.twitter_sp{
  background-color:#6d4526;
}

.letter_sp{
  background-color:  #d85d5d;
  background-color:  #ff4b57;

}
  /*
.twitter_sp::before{
  content:"";
  background-image: url( "https://img07.shop-pro.jp/PA01433/167/etc/ico_twitter.png?  cmsp_timestamp=20220406115500");
  background-repeat:no-repeat;
  display:block;
  width:40px;
  height:40px;
  position:absolute;
  left:-35px;
  top:-5px;
  
 transform:scale(0.5);
  margin-right:10px;
}
.letter_sp::before{
  content:"";
  background-image:url( https://img07.shop-pro.jp/PA01433/167/etc/ico_letter.png?cmsp_timestamp=20220406115437);
  background-repeat:no-repeat;
  display:block;
  width:40px;
  height:40px;
  position:absolute;
 left:-35px;
  top:-5px;
 transform:scale(0.5);
  margin-right:10px;
}
 */
  
  h3{
  font-size:2em;
  margin-bottom:1em;
  }
  #contents {
    padding-left: 0;
  }
  #wrapper{
  	margin-top:2em;
  	padding-bottom:2em;
  }
  .next .arrow_btn:link{
    font-size:1em;
    text-align:center;
    padding-right: 1em;
    padding-left: 0;
  }
  
  header{
  }
  
header #amazonpay{
    padding-left: 0;
    padding-right: 0.35em;
}
  header #snav li {
    font-size: 0.8em;
}
header #amazonpay img{
   width:35px;
}
  
footer{
  padding:1em 0;
}
  
  /*フッターバナー*/
 .footer_banner_flex {
   align-items:center;
   flex-direction:column;
  }
  
  
#pagetop a{
  margin:1em;
  padding:0.8em;
  border-radius:0.25em;
}
#pagetop a:hover{
  margin-bottom:1em;
}
.return{
  width:75% ;
}
.return:hover{
  width:80% ;
}

  
  
}
@media (max-width: 480px) {
  /* ~480px */
}

/*
 * icons
 */
.icon-user { background-position: -208px 0px; }
.icon-lg-b.icon-user { background-position: -312px 0px; }
.icon-adduser { background-position: -240px 0px; }
.icon-lg-b.icon-adduser { background-position: -360px 0px; }
.icon-login { background-position: -48px -80px; }
.icon-lg-b.icon-login { background-position: -72px -120px; }
.icon-logout { background-position: -32px -80px; }
.icon-lg-b.icon-logout { background-position: -48px -120px; }
.icon-home { background-position: -176px -16px; }
.icon-lg-b.icon-home { background-position: -264px -24px; }
.icon-mail { background-position: -64px 0px; }
.icon-lg-b.icon-mail { background-position: -96px 0px; }
.icon-pencil { background-position: -96px 0px; }
.icon-lg-b.icon-pencil { background-position: -144px 0px; }
.icon-help { background-position: -272px -80px; }
.icon-lg-b.icon-help { background-position: -408px -120px; }
.icon-cart { background-position: -176px -64px; }
.icon-lg-b.icon-cart { background-position: -264px -96px; }
.icon-search { background-position: -208px -16px; }
.icon-lg-b.icon-search { background-position: -312px -24px; }
.icon-lg-w.icon-search { background-position: -312px -24px; }
.icon-chevron_up { background-position: -0px -144px; }
.icon-lg-b.icon-chevron_up { background-position: -0px -216px; }
.icon-chevron_down { background-position: -352px -128px; }
.icon-lg-b.icon-chevron_down { background-position: -528px -192px; }

/* 24px white */
.icon-lg-w.icon-chevron_thin_up {
  background-position: -192px -216px;
}

.icon-b,
.icon-w {
  width: 16px;
  height: 16px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.icon-lg-b,
.icon-lg-w {
  width: 24px;
  height: 24px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-b,
  .icon-w {
    -webkit-background-size: 368px 320px;
    background-size: 368px 320px;
  }

  .icon-lg-b,
  .icon-lg-w {
    -webkit-background-size: 552px 480px;
    background-size: 552px 480px;
  }

  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_w.png); }
  .icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}

#snav i { 
  margin: auto;
  padding-bottom: 4px;
  width: 40px;
  height: 30px;
  display: block;
  background-position: center;
  background-repeat:no-repeat;
}
#snav i.regist { 
    background-image: url(https://file003.shop-pro.jp/PA01433/167/img/icon-regist.svg); 
}
#snav i.login { 
    background-image: url(https://file003.shop-pro.jp/PA01433/167/img/icon-login.svg); 
}
#snav i.logout { 
    background-image: url(https://file003.shop-pro.jp/PA01433/167/img/icon-logout.svg); 
}
#snav i.cart { 
    background-image: url(https://file003.shop-pro.jp/PA01433/167/img/icon-cart.svg); 
  background-position: left;
}

i.cart_w{ 
  display:inline-block;
    background-image: url(https://file003.shop-pro.jp/PA01433/167/img/icon-cart_w.svg); 
    background-position: left;
    width: 40px;
    height: 30px;
  	position:relative;
  	vertical-align:middle;
  	background-size: 100% 100%;
    margin-right: .5em;
 	 top:-0.15em;
}



@media (max-width: 768px) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}


/* ハンバーガーメニュー */

.navToggle {
	display: none;
}

ul#top_menu li a span{
	display: none;
}

/******** 980px以下  ********/
@media screen and (max-width: 980px) {

  .juicerPopupBanner .inner {
    max-width: 200px !important;
}
  
/* 共通 */
  header #logo{
  margin-right:0;
  }
  
    header #navright{
      margin-right:55px;
    }
    header #navright #snav {
      text-align:center;
    }
  header #snav li {
    margin-left: 1em;
  }

    header #snav li:first-child {
      margin-left: 0;
  }
  #snav i {
    width: 30px;
    height: 20px;
  	background-size: 100% 100%;
    margin-top:3px;
    margin-bottom:2px;
}
	
	/* トグルボタン */
.navToggle {
    display: block;
    position: absolute;    /* bodyに対しての絶対位置指定 */
    right: 15px;
    top: 8px;
    width: 44px;
    height: 55px;
    cursor: pointer;
    z-index: 498;
    text-align: center;
	border-radius: 1px;
	color:#000000;
}
 
.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 38px;
    border-bottom: solid 3px #000000;
    -webkit-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    left: 3px;
	 color:#000000;
}
 
.navToggle span:nth-child(1) {
    top: 10px;
}
 
.navToggle span:nth-child(2) {
    top: 20px;
}
 
.navToggle span:nth-child(3) {
    top: 30px;
}
 
.navToggle span:nth-child(4) {
    border: none;
	 color:#000000 !important;
    font-size: 9px;
    font-weight: normal;
    top: 35px;
  width:40px;
}

/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 18px;
    left: 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.control_out{
	/*overflow: hidden;
	*/
  z-index:-1;
	}
.control_out:before{
	content: '';
	display: block;
	float: left;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	z-index:499;
	}
	
	/*  ナビゲーション表示  */
  
  
header .gnav {
  	height:calc(100vh - 125px);
    overflow:auto;
    position: fixed;
    display: block;
	 font-size:1.25em;
    left: 100%;
    background: #fff;
    color: #000;
    text-align: center;
 　-webkit-transition: all 0.3s ease-in-out;
 　-ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 100%;
    top: 0px;
    padding-top: 125px;
}
 
 header .gnav.active{
/*	 -moz-transform: translateY(0%); 
	-webkit-transform: translateY(0%); 
	-o-transform: translateY(0%); 
	-ms-transform: translateY(0%); 
    transform: translateY(0%); */
   
    left: 0;
  }
  
 header.active::before{
  }
 header.active::after{
   content:"";
   position:fixed;
   height:90px;
   top:35px;
   left:0;
   background:#fff;
   border-bottom: 1px solid #ff4b57;
   width:100%;
   z-index:10;
 　-webkit-transition: all 0s;
 　-ms-transition: all 0s;
   transition:all 0s;
  }
  
  
 header.active .gnav li a {
    display:block;
    width: 100%;
    padding:1em 0;
}  
header.active .gnav li > a:hover,
header.active .gnav li > a:active{
    background: #ddd;
    opacity:1;
} 
  
/* アコーディオン*/

 header.active .gnav.menu__second-level {
    z-index: 1001;
    border: none;
    display: block;
   float:left;
}


li.menu__single ul.menu__second-level {
    display: none;
    position: relative;
    top: 0;
    border-left:0;
    border-right:0;
    opacity: 1;
    visibility: inherit;
   background: rgba(255,244,231,1);
}
  li.menu__single ul.menu__second-level li a:hover,
  li.menu__single ul.menu__second-level li a:active {
     opacity:1;
     background: rgba(255,222,222,1);
}



/* 閉じる */
}

/* newアイコン置き換え */
.newarrival {
    content: "新商品";
    position: relative;
    display: inline-block;
    color: rgb(255, 255, 255);
    width: auto;
    font-size: 80%;
    font-family: normal;
    margin-top: 0px;
    margin-bottom: 15px;
    line-height: 1.6;
    font-style: normal;
    background: darkorange;
    border-radius: 3px;
    padding: 0px 14px;
}


/* 在庫状況　商品詳細 */

.stock_wrap{
  color:#FF0000;
  font-size:1.2em;
  margin-bottom:1.5em;
}


/* フッター　SNS */
  .footer_twitter{
  margin-right:10px;
 }
  
  
.footer_sns_flex_wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  margin-right:30px;
  margin-left:30px;
  }
  
.footer_sns_flex{
   display:flex;
  }
  .sns_bloom{
 margin-bottom:10px;   
}

@media (max-width:780px){
  
  header.active::after{
   height:70px;
  }

  header .gnav {
  	height:calc(100vh - 105px);
    padding-top: 105px;
  }
  
  .footer_sns_flex_wrap{
  margin-bottom:30px;
  }
  
  .cal{
      flex-direction: column;
      gap: 25px;
  }

  
}


.mt-1{
  margin-top:10px;
}

.mt-2{
  margin-top:20px;
}

.mt-3{
  margin-top:30px;
}

.mt-4{
  margin-top:40px;
}
  
  
.mb-1{
  margin-bottom:10px;
}

.mb-2{
  margin-bottom:20px;
}

.mb-3{
  margin-bottom:30px;
}

.mb-4{
  margin-bottom:40px;
}
  
  


.red{
	color: rgb(255, 0, 0);	
}

.right{
	text-align: right;
}

.weight-normal{
	font-weight:normal;
}