<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="content-type">
<meta content="text/javascript; charset=utf-8" http-equiv="Content-Script-Type">
<meta content="text/css" http-equiv="content-style-type">
<meta content="回生堂オンラインショップ|ショッピングカート" name="keywords">
<meta content="回生堂オンラインショップ|ショッピングカート" name="description">
<meta content="" name="author">
<meta content="" name="copyright">
<title>
買い物カゴ
</title>
<link href="http://tamago.temonalab.com" rev="made">
<link href="http://tamago.temonalab.com" rel="index">
<link href="/stylesheets/import_plus.css?1556015958" media="screen" rel="stylesheet" type="text/css">
<link href="/stylesheets/plus-cart/BS/color.css?1556015958" media="screen" rel="stylesheet" type="text/css">
<link href="/stylesheets/devel.css?1556015958" media="screen" rel="stylesheet" type="text/css">
<script src="/javascripts/prototype.js?1712045821" type="text/javascript">
</script>
<script src="/javascripts/maintenance.js?1556015958" type="text/javascript">
</script>
<script src="/javascripts/scriptaculous.js?1556015958" type="text/javascript">
</script>
<script src="/javascripts/builder.js?1556015958" type="text/javascript">
</script>
<script src="/javascripts/external.js?1556015958" type="text/javascript">
</script>
<script src="/javascripts/heightLine.js?1556015958" type="text/javascript">
</script>
<script src="/javascripts/scrooll.js?1556015958" type="text/javascript">
</script>
<script src="/javascripts/backnumber.js?1556015958" type="text/javascript">
</script>
<script src="/javascripts/news.js?1556015958" type="text/javascript">
</script>
<script src="/javascripts/popup.js?1556015958" type="text/javascript">
</script>
<script src="/javascripts/yasuyuki.js?1556015958" type="text/javascript">
</script>
<link href="/stylesheets/security_code.css?1554349677" media="screen" rel="stylesheet" type="text/css">
<script src="https://static.mul-pay.jp/ext/js/token.js">
</script>
<script src="/javascripts/../plus/javascripts/frontend/gmo_token.js?1554349677" type="text/javascript">
</script>
<script src="/javascripts/../plus/javascripts/changevisibility.js?1554349677" type="text/javascript">
</script>
<script type="text/javascript">
var CLIENT_ID = "amzn1.application-oa2-client.8c175eb9a3754c44ac4e861be75969f3";
window.onAmazonLoginReady = function() {
amazon.Login.setClientId(CLIENT_ID);
amazon.Login.setUseCookie(true);
};
</script>
<script type="text/javascript">
function show_loading(num) {
elements = document.querySelectorAll('span#hide_display' + num);
array = Array.prototype.slice.call(elements);
for (var cnt = 0; cnt < array.length; cnt++) {
array[cnt].style.visibility = "hidden";
array[cnt].style.display = "none";
}
elements = document.querySelectorAll('span#appear_display' + num);
array = Array.prototype.slice.call(elements);
for (var cnt = 0; cnt < array.length; cnt++) {
array[cnt].style.visibility = "visible";
array[cnt].style.display = "block";
}
}
</script>
<script type="text/javascript">
window.onpageshow = function(evt) {
if (evt.persisted) {
location.reload();
}
};
</script>
<script src="//statics.a8.net/a8sales/a8sales.js">
</script>
<script src="//statics.a8.net/a8sales/a8crossDomain.js">
</script>
<script src="//statics.a8.net/a8sales/a8shopForm.js">
</script>
<!--user stylesheets-->
<style type="text/css">
/**wrapper**/
#head_wrapper {
width : 800px;
margin : 0 auto;
}
/*------------ end head style ------------*/
/*------------ start foot style ------------*/
/**wrapper & copyright**/
#foot_wrapper {
width : 800px;
margin : 0 auto 40px auto;
}
#foot {
margin : 20px 0;
overflow : hidden;
padding-bottom : 40px;
}
#foot p.copy {
font-weight : bold;
float : left;
font-size : 11px;
}
#foot p.powerd {
float : right;
}
/**information area**/
#usr_footer {
background : #CCC;
}
#usr_footer a {
color : #0000ff;
font-weight : bold;
text-decoration : none;
}
#usr_footer a:hover {
color : #F60;
}
#usr_footer a img {
border-bottom : none;
}
#usr_footer table td {
background-color : #FFF;
vertical-align : top;
}
#usr_footer table p {
margin : 10px;
}
#usr_footer strong {
font-weight : bold;
color : #C70000;
line-height : 20px;
}
#usr_footer .right {
text-align : right;
}
/* ************************************
$ つるぽか用
************************************ */
/* ************************************
$ リセット
************************************ */
.header li,
.footer li,
.footer__phoneGuide li {
list-style : none;
}
.header a img,
.footer a img,
.footer__phoneGuide a img {
transition : opacity 0.4s;
}
.header a img,
.footer a img,
.footer__phoneGuide a img:hover {
opacity : 0.8;
}
/* ************************************
$ たまごリピート カート調整
************************************ */
#head_wrapper {
width : initial;
}
#body_wrapper,
#body_wrapper * {
box-sizing : content-box;
}
/* メンテナンス画面 */
#contents_area {
margin : 120px auto 120px;
}
/* ************************************
$ フォント
************************************ */
.header, .footer, .footer__phoneGuide {
font-family : "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
font-size : 18px;
font-weight : 500;
color : #333333;
}
@media only screen and (max-width: 767px) {
#header, #footer, .footer__phoneGuide {
font-size : 16px;
font-weight : 500;
}
}
a {
color : #333333;
}
p {
line-height : 1.5;
}
.mincho {
font-family : "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif;
}
/* ************************************
$ レイアウト関連
************************************ */
/* ベース */
*, *:before, *:after {
-webkit-box-sizing : border-box;
box-sizing : border-box
}
@media only screen and (max-width: 767px) {
.header img,
.footer img,
.footer__phoneGuide img {
width : 100%;
}
}
#topPage .main {
overflow : hidden;
}
#content {
overflow : hidden;
}
/* コンテンツのメインコンテナ */
.header.container,
.footer.container,
.footer__phoneGuide.container,
.header .container,
.footer .container,
.footer__phoneGuide .container {
max-width : 1200px;
width : 100%;
margin : auto;
}
@media only screen and (max-width: 1199px) {
.container {
max-width : 100%;
padding : 0 16px;
}
}
@media only screen and (max-width: 768px) {
.container {
max-width : 100%;
padding : 0 16px;
}
}
/* Flexbox */
.flex {
display : flex;
justify-content : space-between;
flex-wrap : wrap;
}
.flex--jc-fe {
justify-content : flex-end;
}
/* text-align */
.ac {
text-align : center;
}
.al {
text-align : left;
}
.ar {
text-align : right;
}
/* clearfix */
.cf::before,
.cf::after {
content : "";
display : block;
clear : both;
}
/* SPのみ表示 */
.visibleSP {
display : none;
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 767px) {
.visibleSP {
display : initial;
}
}
/* PCのみ表示 */
@media only screen and (max-width: 768px) {
.visiblePC {
display : none;
}
}
/* マージン SPの場合は1/2 */
.mt1 {
margin-top : 8px!important;
}
.mt2 {
margin-top : 16px!important;
}
.mt3 {
margin-top : 24px!important;
}
.mt4 {
margin-top : 32px!important;
}
.mt5 {
margin-top : 40px!important;
}
.mt6 {
margin-top : 48px!important;
}
.mt7 {
margin-top : 56px!important;
}
.mt8 {
margin-top : 64px!important;
}
.mt9 {
margin-top : 72px!important;
}
.mt10 {
margin-top : 80px!important;
}
.mt11 {
margin-top : 88px!important;
}
.mt12 {
margin-top : 96px!important;
}
@media only screen and (max-width: 767px) {
.mt1 {
margin-top : 4px!important;
}
.mt2 {
margin-top : 8px!important;
}
.mt3 {
margin-top : 12px!important;
}
.mt4 {
margin-top : 16px!important;
}
.mt5 {
margin-top : 20px!important;
}
.mt6 {
margin-top : 24px!important;
}
.mt7 {
margin-top : 28px!important;
}
.mt8 {
margin-top : 32px!important;
}
.mt9 {
margin-top : 36px!important;
}
.mt10 {
margin-top : 40px!important;
}
.mt11 {
margin-top : 44px!important;
}
.mt12 {
margin-top : 48px!important;
}
}
.mb1 {
margin-bottom : 8px!important;
}
.mb2 {
margin-bottom : 16px!important;
}
.mb3 {
margin-bottom : 24px!important;
}
.mb4 {
margin-bottom : 32px!important;
}
.mb5 {
margin-bottom : 40px!important;
}
.mb6 {
margin-bottom : 48px!important;
}
.mb7 {
margin-bottom : 56px!important;
}
.mb8 {
margin-bottom : 64px!important;
}
.mb9 {
margin-bottom : 72px!important;
}
.mb10 {
margin-bottom : 80px!important;
}
.mb11 {
margin-bottom : 88px!important;
}
.mb12 {
margin-bottom : 96px!important;
}
@media only screen and (max-width: 767px) {
.mb1 {
margin-bottom : 4px!important;
}
.mb2 {
margin-bottom : 8px!important;
}
.mb3 {
margin-bottom : 12px!important;
}
.mb4 {
margin-bottom : 16px!important;
}
.mb5 {
margin-bottom : 20px!important;
}
.mb6 {
margin-bottom : 24px!important;
}
.mb7 {
margin-bottom : 28px!important;
}
.mb8 {
margin-bottom : 32px!important;
}
.mb9 {
margin-bottom : 36px!important;
}
.mb10 {
margin-bottom : 40px!important;
}
.mb11 {
margin-bottom : 44px!important;
}
.mb12 {
margin-bottom : 48px!important;
}
}
.mr1 {
margin-right : 8px!important;
}
.mr2 {
margin-right : 16px!important;
}
.mr3 {
margin-right : 24px!important;
}
.mr4 {
margin-right : 32px!important;
}
.mr5 {
margin-right : 40px!important;
}
.mr6 {
margin-right : 48px!important;
}
.mr7 {
margin-right : 56px!important;
}
.mr8 {
margin-right : 64px!important;
}
.mr9 {
margin-right : 72px!important;
}
.mr10 {
margin-right : 80px!important;
}
.mr11 {
margin-right : 88px!important;
}
.mr12 {
margin-right : 96px!important;
}
@media only screen and (max-width: 767px) {
.mr1 {
margin-right : 4px!important;
}
.mr2 {
margin-right : 8px!important;
}
.mr3 {
margin-right : 12px!important;
}
.mr4 {
margin-right : 16px!important;
}
.mr5 {
margin-right : 20px!important;
}
.mr6 {
margin-right : 24px!important;
}
.mr7 {
margin-right : 28px!important;
}
.mr8 {
margin-right : 32px!important;
}
.mr9 {
margin-right : 36px!important;
}
.mr10 {
margin-right : 40px!important;
}
.mr11 {
margin-right : 44px!important;
}
.mr12 {
margin-right : 48px!important;
}
}
.ml1 {
margin-left : 8px!important;
}
.ml2 {
margin-left : 16px!important;
}
.ml3 {
margin-left : 24px!important;
}
.ml4 {
margin-left : 32px!important;
}
.ml5 {
margin-left : 40px!important;
}
.ml6 {
margin-left : 48px!important;
}
.ml7 {
margin-left : 56px!important;
}
.ml8 {
margin-left : 64px!important;
}
.ml9 {
margin-left : 72px!important;
}
.ml10 {
margin-left : 80px!important;
}
.ml11 {
margin-left : 88px!important;
}
.ml12 {
margin-left : 96px!important;
}
@media only screen and (max-width: 767px) {
.ml1 {
margin-left : 4px!important;
}
.ml2 {
margin-left : 8px!important;
}
.ml3 {
margin-left : 12px!important;
}
.ml4 {
margin-left : 16px!important;
}
.ml5 {
margin-left : 20px!important;
}
.ml6 {
margin-left : 24px!important;
}
.ml7 {
margin-left : 28px!important;
}
.ml8 {
margin-left : 32px!important;
}
.ml9 {
margin-left : 36px!important;
}
.ml10 {
margin-left : 40px!important;
}
.ml11 {
margin-left : 44px!important;
}
.ml12 {
margin-left : 48px!important;
}
}
/* パディング */
.pt1 {
padding-top : 8px!important;
}
.pt2 {
padding-top : 16px!important;
}
.pt3 {
padding-top : 24px!important;
}
.pt4 {
padding-top : 32px!important;
}
.pt5 {
padding-top : 40px!important;
}
.pt6 {
padding-top : 48px!important;
}
.pt7 {
padding-top : 56px!important;
}
.pt8 {
padding-top : 64px!important;
}
.pt9 {
padding-top : 72px!important;
}
.pt10 {
padding-top : 80px!important;
}
.pt11 {
padding-top : 88px!important;
}
.pt12 {
padding-top : 96px!important;
}
@media only screen and (max-width: 767px) {
.pt1 {
padding-top : 4px!important;
}
.pt2 {
padding-top : 8px!important;
}
.pt3 {
padding-top : 12px!important;
}
.pt4 {
padding-top : 16px!important;
}
.pt5 {
padding-top : 20px!important;
}
.pt6 {
padding-top : 24px!important;
}
.pt7 {
padding-top : 28px!important;
}
.pt8 {
padding-top : 32px!important;
}
.pt9 {
padding-top : 36px!important;
}
.pt10 {
padding-top : 40px!important;
}
.pt11 {
padding-top : 44px!important;
}
.pt12 {
padding-top : 48px!important;
}
}
.pb1 {
padding-bottom : 8px!important;
}
.pb2 {
padding-bottom : 16px!important;
}
.pb3 {
padding-bottom : 24px!important;
}
.pb4 {
padding-bottom : 32px!important;
}
.pb5 {
padding-bottom : 40px!important;
}
.pb6 {
padding-bottom : 48px!important;
}
.pb7 {
padding-bottom : 56px!important;
}
.pb8 {
padding-bottom : 64px!important;
}
.pb9 {
padding-bottom : 72px!important;
}
.pb10 {
padding-bottom : 80px!important;
}
.pb11 {
padding-bottom : 88px!important;
}
.pb12 {
padding-bottom : 96px!important;
}
@media only screen and (max-width: 767px) {
.pb1 {
padding-bottom : 4px!important;
}
.pb2 {
padding-bottom : 8px!important;
}
.pb3 {
padding-bottom : 12px!important;
}
.pb4 {
padding-bottom : 16px!important;
}
.pb5 {
padding-bottom : 20px!important;
}
.pb6 {
padding-bottom : 24px!important;
}
.pb7 {
padding-bottom : 28px!important;
}
.pb8 {
padding-bottom : 32px!important;
}
.pb9 {
padding-bottom : 36px!important;
}
.pb10 {
padding-bottom : 40px!important;
}
.pb11 {
padding-bottom : 44px!important;
}
.pb12 {
padding-bottom : 48px!important;
}
}
.pr1 {
padding-right : 8px!important;
}
.pr2 {
padding-right : 16px!important;
}
.pr3 {
padding-right : 24px!important;
}
.pr4 {
padding-right : 32px!important;
}
.pr5 {
padding-right : 40px!important;
}
.pr6 {
padding-right : 48px!important;
}
.pr7 {
padding-right : 56px!important;
}
.pr8 {
padding-right : 64px!important;
}
.pr9 {
padding-right : 72px!important;
}
.pr10 {
padding-right : 80px!important;
}
.pr11 {
padding-right : 88px!important;
}
.pr12 {
padding-right : 96px!important;
}
@media only screen and (max-width: 767px) {
.pr1 {
padding-right : 4px!important;
}
.pr2 {
padding-right : 8px!important;
}
.pr3 {
padding-right : 12px!important;
}
.pr4 {
padding-right : 16px!important;
}
.pr5 {
padding-right : 20px!important;
}
.pr6 {
padding-right : 24px!important;
}
.pr7 {
padding-right : 28px!important;
}
.pr8 {
padding-right : 32px!important;
}
.pr9 {
padding-right : 36px!important;
}
.pr10 {
padding-right : 40px!important;
}
.pr11 {
padding-right : 44px!important;
}
.pr12 {
padding-right : 48px!important;
}
}
.pl1 {
padding-left : 8px!important;
}
.pl2 {
padding-left : 16px!important;
}
.pl3 {
padding-left : 24px!important;
}
.pl4 {
padding-left : 32px!important;
}
.pl5 {
padding-left : 40px!important;
}
.pl6 {
padding-left : 48px!important;
}
.pl7 {
padding-left : 56px!important;
}
.pl8 {
padding-left : 64px!important;
}
.pl9 {
padding-left : 72px!important;
}
.pl10 {
padding-left : 80px!important;
}
.pl11 {
padding-left : 88px!important;
}
.pl12 {
padding-left : 96px!important;
}
@media only screen and (max-width: 767px) {
.pl1 {
padding-left : 4px!important;
}
.pl2 {
padding-left : 8px!important;
}
.pl3 {
padding-left : 12px!important;
}
.pl4 {
padding-left : 16px!important;
}
.pl5 {
padding-left : 20px!important;
}
.pl6 {
padding-left : 24px!important;
}
.pl7 {
padding-left : 28px!important;
}
.pl8 {
padding-left : 32px!important;
}
.pl9 {
padding-left : 36px!important;
}
.pl10 {
padding-left : 40px!important;
}
.pl11 {
padding-left : 44px!important;
}
.pl12 {
padding-left : 48px!important;
}
}
/* ************************************
$ ヘッダー
************************************ */
.header {
padding-top : 38px;
}
.header .header__upperGroup {
display : flex;
justify-content : space-between;
margin-bottom : 16px;
}
.header .header__tagline {
font-size : 14px;
}
.header .header__cartBtn {
display : inline-block;
position : relative;
color : #D57623;
border : 2px solid #D57623;
border-radius : 4px;
font-size : 16px;
font-weight : 600;
text-align : center;
padding : 12px 24px 12px 24px;
margin-bottom : 4px;
text-decoration : none;
transition : all 0.4s;
}
.header .header__cartBtn--filled {
background-color : #D57623;
color : #fff;
}
@media only screen and (min-width: 769px) {
.header .header__cartBtn:hover {
color : #fff;
background-color : #D57623;
}
.header .header__cartBtn--filled:hover {
background-color : #fff;
color : #D57623;
}
}
.header .header__cartBtn--benefits {
padding-left : 44px; /* padding-left = 24+8+アイコンの幅 */
}
.header .header__cartBtn--members {
padding-left : 45px; /* padding-left = 24+8+アイコンの幅 */
margin-left : 16px;
}
.header .header__cartBtn--cart {
padding-left : 48px;/* padding-left = 24+8+アイコンの幅 */
margin-left : 16px;
}
.header .header__cartBtn--sp {
display : none;
}
.header .header__cartBtn--benefits::before,
.header .header__cartBtn--members::before,
.header .header__cartBtn--cart::before,
.header .header__cartBtn::before {
content : "";
display : block;
height : 100%;
position : absolute;
top : 0;
left : 24px;
transition : all 0.4s;
}
.header .header__cartBtn--benefits::before {
width : 12px;
background : no-repeat center/12px url("../tsurupoka/images/common/icon-gnav-membersBenefits.svg");
}
.header .header__cartBtn--members::before {
width : 13px;
background : no-repeat center/13px url("../tsurupoka/images/common/icon-gnav-members.svg");
}
.header .header__cartBtn--cart::before {
width : 16px;
background : no-repeat center/16px url("../tsurupoka/images/common/icon-gnav-cart.svg");
}
@media only screen and (min-width: 769px) {
.header .header__cartBtn--benefits:hover::before {
background : no-repeat center/12px url("../tsurupoka/images/common/icon-gnav-membersBenefits-white.svg");
}
.header .header__cartBtn--members:hover::before {
background : no-repeat center/13px url("../tsurupoka/images/common/icon-gnav-members-thickOrange.svg");
}
.header .header__cartBtn--cart:hover::before {
background : no-repeat center/16px url("../tsurupoka/images/common/icon-gnav-cart-thickOrange.svg");
}
}
.header .header__lowerGroup {
display : flex;
justify-content : space-between;
margin-bottom : 24px;
}
.header .header__phone {
font-style : normal;
font-weight : 600;
display : flex;
align-items : flex-end;
}
.header .header__phoneNote {
font-size : 16px;
margin-right : 20px;
}
.header .header__phoneNumber {
position : relative;
font-size : 20px;
padding-left : 32px;
}
.header .header__phoneNumber::before {
content : "";
position : absolute;
display : inline-block;
width : 28px;
height : 100%;
top : 0;
bottom : 0;
left : 0;
margin : auto;
background : no-repeat center/100% url("../tsurupoka/images/common/icon-gnav-freedial.svg");
}
/* 追従グローバルナビ */
.header .header__menu {
border-top : 1px solid rgba(237,170,83,0.5);
border-bottom : 1px solid rgba(237,170,83,0.5);
width : 100%;
background-color : #fff;
z-index : 1000;
transition : all 1s;
}
/* トップページは下線を非表示 */
/*#topPage .header .header__menu{
border-bottom: none;
}*/
.header .header__menu a {
text-decoration : none;
}
.header .header__menu.fixed {
top : 0;
position : fixed;
}
.header .header__menuParent {
display : flex;
justify-content : space-between;
z-index : 1000;
}
.header .header__menuParent.fixed {
position : fixed;
}
.header .header__menuParent > li {
position : relative;
width : 100%;
height : 100%;
text-align : center;
}
.header .header__menuParent > li::after,
.header .header__menuParent > li:first-child::before {
content : "";
position : absolute;
border-left : 1px solid rgba(237,170,83,0.5);
opacity : 0.5;
width : 1px;
height : 32px;
top : 0;
bottom : 0;
margin : auto;
}
.header .header__menuParent > li::after {
right : 0;
}
.header .header__menuParent > li:first-child::before {
left : 0;
}
.header .header__menuParent > li > a {
display : block;
}
.header .header__menuParent--hover {
background-color : #D57623;
}
.header .header__menuParent--hover > a {
color : #fff;
}
.header .header__menuParentTitle {
padding : 24px 16px;
display : block;
font-size : 16px;
line-height : 1.5;
font-weight : 600;
transition : all 0.4s;
}
.header .header__menuParentTitle:hover {
background-color : #D57623;
color : #fff;
}
.header .header__menuParentTitle--hasChild {
/* メニューに子メニューが含まれる場合に付与 */
position: relative;
}
.header .header__menuParentTitle--hasChild::after {
content : url("../tsurupoka/images/common/icon-arrow-downwards.svg");
position : absolute;
margin-left : 8px;
top : calc(50% - 4px);
}
.header .header__menuParentTitle--hasChildHover::after {
content : url("../tsurupoka/images/common/icon-arrow-downwards-white.svg");
}
.header .header__menuChild {
display : none;
position : absolute;
width : 100%;
background-color : rgba(213,118,35,0.9);
z-index : 1000;
}
.header .header__menuChild > li {
border-bottom : 2px solid rgba(255,255,255,0.3);
}
.header .header__menuChild > li a {
display : block;
color : #fff;
}
.header .header__menuChildTitle {
display : block;
padding : 12px 16px;
font-size : 16px;
font-weight : 600;
}
/* ドロワー非表示 */
.header .header__drawer {
display : none;
}
@media only screen and (max-width: 1199px) {
.header .header__menuParent {
padding-left : 0;
padding-right : 0;
}
}
@media only screen and (max-width: 768px) {
body {
margin-top : 64px;
}
.header .header {
padding-top : 0;
}
.header .header__basemenu {
position : fixed;
top : 0;
width : 100%;
display : flex;
flex-direction : row-reverse;
align-items : center;
background-color : #fff;
z-index : 1800;
}
.header .header__basemenu.fixed {
position : fixed;
}
.header .header__tagline {
display : none;
}
/* カートメニュー(SPグローバルナビ) */
.header .header__upperGroup {
display : block;
padding : 0;
margin-bottom : 0;
font-size : 0;
width : 60%;
}
.header .header__cartBtn {
border-radius : 0;
border-top : 0;
border-right : 0;
border-bottom : 0;
border-left : 1px solid #fff;
margin-bottom : 0;
width : 64px;
height : 64px;
padding : 39px 6px 12px;
letter-spacing : -2px;
}
.header .header__cartBtn--members,
.header .header__cartBtn--cart,
.header .header__cartBtn--sp {
margin-left : 0;
font-size : 12px;
font-weight : 600;
}
.header .header__cartBtn--sp {
display : block;
cursor : pointer;
}
.header .header__cartBtn--benefits::before,
.header .header__cartBtn--members::before,
.header .header__cartBtn--cart::before,
.header .header__cartBtn::before {
transition : all 0s;
}
.header .header__cartBtn--members::before {
width : 18px;
background-size : 18px;
background-position : 50% 24%;
}
.header .header__cartBtn--cart::before {
width : 24px;
background-size : 24px;
background-position : 28% 24%;
margin-left : -6px;
}
.header .header__cartBtn--sp::before {
background : no-repeat 50% 24%/30px url("../tsurupoka/images/common/icon-gnav-sp.svg");
width : 30px;
height : 100%;
position : absolute;
margin-left : -6px;
}
.header .header__cartBtn--spClose::before {
background : no-repeat 50% 24%/24px url("../tsurupoka/images/common/icon-gnav-close-sp.svg");
}
.header .header__cartBtn--benefits {
display : none;
}
.header .header__cartBtn--sp {
display : block;
}
/* PCグローバルナビ電話番号 */
.header .header__phone {
display : none;
}
/*ロゴ */
.header .header__lowerGroup {
display : block;
width : 40%;
margin-bottom : 0;
padding-right : 0;
}
.header .header__menu {
display : none;
}
.header .header__menuParent {
display : block;
}
/* ドロワー */
.header .header__drawer {
position : fixed;
display : block;
width : 100%;
top : 64px;
left : -100%;
bottom : 0;
right : 0;
text-align : left;
overflow-y : scroll;
overflow-x : hidden;
-webkit-overflow-scrolling: touch;
background-color : #fff;
border-top : 2px solid #F5D7BA;
border-bottom : 2px solid #F5D7BA;
transition : all 0.2s;
z-index : 2000;
}
.header .header__drawer a {
text-decoration : none;
display : inline-block;
width : 84%;
}
.header .header__drawer--open {
left : 0;
margin-top : 0;
}
.header .header__drawerContentHeading {
font-size : 19px;
font-weight : 400;
padding : 20px 24px;
border-bottom : 2px solid #F5D7BA;
}
.header .header__drawerList {
border-bottom : 2px solid #F5D7BA;
display : none;
}
.header .header__drawerList li {
padding : 24px;
}
.header .header__drawerList a {
font-size : 18px;
}
.header .header__drawerList a::before {
content : "";
position : relative;
width : 16px;
height : 13px;
display : inline-block;
background : no-repeat center center/40% url("../tsurupoka/images/common/icon-drawer-triangle.svg");
}
.header .header__drawerOpen {
content : "";
background : no-repeat center right/100% url("../tsurupoka/images/common/icon-plus.svg");
width : 18px;
height : 18px;
float : right;
cursor : pointer;
}
.header .header__drawerOpen--close {
background : no-repeat center right/100% url("../tsurupoka/images/common/icon-minus.svg");
}
.header .header__drawerOpen::before,
.header .header__drawerOpen::after {
content : "";
display : block;
clear : both;
}
}
@media only screen and (max-width: 374px) {
body {
margin-top : 56px;
}
.header .header__cartBtn {
width : 56px;
height : 56px;
padding : 8px;
}
.header .header__cartBtn--members,
.header .header__cartBtn--cart,
.header .header__cartBtn--sp {
font-size : 0;
}
.header .header__cartBtn--members::before {
position : absolute;
background-size : 28px;
background-position : center;
width : 28px;
left : calc(50% - 14px);
}
.header .header__cartBtn--cart::before {
position : absolute;
background-size : 34px;
background-position : center;
width : 34px;
left : calc(50% - 12px);
}
.header .header__cartBtn--sp::before {
position : absolute;
background-position : center;
width : 37px;
height : 26px;
top : 25%;
left : calc(50% - 12px);
}
.header .header__cartBtn--spClose::before {
background-position : center;
background-size : 28px;
width : 28px;
height : 28px;
left : 36%;
}
.header .header__drawer {
top : 56px;
}
}
/* ************************************
$ フッター
************************************ */
/* 全体 */
.footer {
background-color : #6B3200;
color : #fff;
padding : 128px 0 32px;
}
.footer a {
color : #fff;
}
@media only screen and (max-width: 767px) {
.footer {
padding-top : 56px;
padding-bottom : 16px;
}
}
/* 見出しと電話番号 */
.footer .footer__headingGroup {
margin-bottom : 88px;
}
.footer .footer__logo {
width : 230px;
}
.footer .footer__phone {
font-style : normal;
font-weight : 600;
text-align : right;
color : #fff;
}
.footer .footer__phoneHeading {
margin-bottom : 4px;
}
.footer .footer__phoneHeading,
.footer .footer__phoneTime {
font-size : 16px;
}
.footer .footer__phoneNumber {
font-size : 26px;
position : relative;
margin-left : 52px;
display : inline-block;
}
.footer .footer__phoneNumber::before {
content : "";
position : absolute;
display : inline-block;
width : 38px;
height : 100%;
top : 0;
bottom : 0;
left : -44px;
margin : auto;
background : no-repeat center/100% url("../tsurupoka/images/common/icon-gnav-freedial.svg");
}
@media only screen and (max-width: 767px) {
.footer .footer__headingGroup {
margin-bottom : 52px;
display : block;
text-align : center;
}
.footer .footer__logo {
width : 40%;
}
}
/* フッターメニュー */
.footer .footer__menu {
justify-content : flex-start;
text-align : left;
}
.footer .footer__menu a {
text-decoration : none;
}
.footer .footer__menuContent {
width : 25%;
padding-right : 24px;
margin-bottom : 72px;
}
.footer .footer__menuContent.footer__menuContent--2col {
width : 50%;
}
.footer .footer__menuContent.footer__menuContent--3col {
width : 75%;
}
.footer .footer__menuContentHeading {
font-size : 20px;
font-weight : 600;
line-height : 1.5;
padding-bottom : 12px;
margin-bottom : 16px;
border-bottom : 1px solid #875930;
color : #fff;
}
.footer .footer__open {
display : none;
}
@media only screen and (min-width: 769px) {
/* PCでスマホサイズにした際に非表示にされた子メニューを表示 */
.footer .footer__menuList {
display : block!important;
}
.footer .footer__menuContent.footer__menuContent--2col .footer__menuList,
.footer .footer__menuContent.footer__menuContent--3col .footer__menuList {
display : flex!important;
}
}
.footer .footer__menuContent.footer__menuContent--2col .footer__menuList,
.footer .footer__menuContent.footer__menuContent--3col .footer__menuList {
display : flex;
flex-wrap : wrap;
}
.footer .footer__menuList li::before {
content : url("../tsurupoka/images/common/icon-footer-triangle.svg");
margin-right : 8px;
}
@media all and (-ms-high-contrast: none) {
/* ieでリストアイコンを正常に表示 */
.footer .footer__menuList li::before {
display : inline-block;
width : 4px;
}
}
.footer .footer__menuContent.footer__menuContent--2col li {
width : 50%;
}
.footer .footer__menuContent.footer__menuContent--3col li {
width : calc(100% / 3);
width : 33.33333%;
}
.footer .footer__menuList a {
font-size : 16px;
line-height : 1.5;
display : inline-block;
margin-bottom : 12px;
}
@media only screen and (max-width: 768px) {
.footer .footer__menu {
display : block;
margin-bottom : 27px;
}
.footer .footer__menuContent {
padding-right : 0;
margin-bottom : 0;
}
.footer .footer__menuContent,
.footer .footer__menuContent.footer__menuContent--2col,
.footer .footer__menuContent.footer__menuContent--3col {
width : 100%;
}
.footer .footer__menuContentHeading {
margin-left : -16px;
margin-right : -16px;
margin-bottom : 0;
padding-left : 16px;
padding-right : 16px;
padding-top : 20px;
padding-bottom : 20px;
font-size : 16px;
}
.footer .footer__open {
content : "";
background : no-repeat center/100% url("../tsurupoka/images/common/icon-plus-white.svg");
display : block;
color : #fff;
width : 18px;
height : 18px;
float : right;
cursor : pointer;
}
.footer .footer__menuContentHeading--close {
background : no-repeat center/100% url("../tsurupoka/images/common/icon-minus-white.svg");
}
.footer .footer__menuList,
.footer .footer__menuContent.footer__menuContent--2col .footer__menuList,
.footer .footer__menuContent.footer__menuContent--3col .footer__menuList {
display : none;
margin-left : -16px;
margin-right : -16px;
padding-left : 16px;
padding-right : 16px;
border-bottom : 1px solid #875930;
}
.footer .footer__menuContent.footer__menuContent--2col li,
.footer .footer__menuContent.footer__menuContent--3col li {
width : 100%;
}
.footer .footer__menuList a {
font-size : 14px;
padding : 14px 0;
margin-bottom : 0;
}
}
/* SNS */
.footer .footer__sns {
text-align : center;
margin-bottom : 34px;
}
.footer .footer__snsHeading {
display : none;
font-size : 20px;
font-weight : 600;
margin-bottom : 20px;
}
.footer .footer__snsList li {
display : inline-block;
margin : 0 37px;
}
@media only screen and (max-width: 767px) {
.footer .footer__sns {
margin-bottom : 32px;
}
.footer .footer__sns li {
width : 32px;
margin : 0 25px;
}
}
/* 会社情報・プライバシーポリシー */
.footer .footer__companyInfo {
text-align : center;
}
.footer .footer__companyInfoList li {
display : inline-block;
margin : 0 16px 24px 16px;
}
.footer .footer__companyInfoList li a {
font-size : 16px;
text-decoration : underline;
}
@media only screen and (max-width: 767px) {
.footer .footer__companyInfoList li {
margin : 0 4px 16px;
margin-bottom : 16px;
}
.footer .footer__companyInfoList li a {
font-size : 14px;
}
}
/* コピーライト */
.footer .footer__copyright {
text-align : center;
font-size : 12px;
display : block;
line-height : 1.5;
}
@media only screen and (max-width: 767px) {
.footer .footer__copyright {
font-size : 10px;
font-weight : 500;
}
}
/* ************************************
$ フッター SPのみ表示の電話案内
************************************ */
@media only screen and (max-width: 767px) {
.footer__phoneGuide .footer__phoneGuide {
font-style : normal;
text-align : center;
padding-top : 32px;
padding-bottom : 32px;
background-color : #FFF8F1;
color : #fff;
display : block;
}
.footer__phoneGuide .footer__phoneGuideTitle {
font-size : 16px;
font-weight : 600;
margin-bottom : 6px;
}
.footer__phoneGuide .footer__phoneGuideTime {
font-size : 14px;
font-weight : 600;
margin-bottom : 6px;
}
.footer__phoneGuide .footer__phoneGuideNote {
font-size : 14px;
margin-bottom : 20px;
}
.footer__phoneGuide .footer__phoneGuide-ctaNote {
font-size : 12px;
font-weight : 600;
margin-bottom : 4px;
}
.footer__phoneGuide .footer__phoneGuide-ctaNumber {
font-size : 33px;
font-weight : 600;
text-decoration : none;
}
.footer__phoneGuide .footer__phoneGuide-ctaNumber::before {
content : "";
position : relative;
display : inline-block;
background : no-repeat top left/100% url("../tsurupoka/images/common/icon-gnav-freedial.svg");
width : 45px;
height : 26px;
margin-right : 4px;
}
}
/* ************************************
$ トップへ戻るボタン
************************************ */
#scrollTop {
position : fixed;
bottom : 0;
right : 0;
text-align : center;
z-index : 150;
cursor : pointer;
}
#scrollTop .scrollTop__inner {
display : block;
font-size : 16px;
font-weight : 600;
color : #fff;
width : 80px;
height : 80px;
padding : 44px 0 0;
background-color : #D57623;
border-radius : 4px;
transition : all 0.4s;
}
#scrollTop .scrollTop__inner:hover {
background-color : #502500;
}
#scrollTop::before {
content : "";
position : absolute;
display : inline-block;
background : no-repeat top center/100% url("../tsurupoka/images/common/icon-scrollTop.svg");
width : 31px;
height : 19px;
left : 0;
right : 0;
top : 14px;
margin : auto;
}
@media only screen and (max-width: 767px) {
#scrollTop .scrollTop__inner {
width : 60px;
height : 60px;
font-size : 11px;
padding : 36px 0 0;
background-color : rgba(213,118,35,0.8);
}
#scrollTop::before {
width : 24px;
height : 14px;
}
}
</style>
<!--user stylesheets-->
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-W5FK7PG');
</script>
<!-- End Google Tag Manager -->
<script src="https://www.google.com/recaptcha/api.js">
</script>
<script>
if ('NodeList' in window) {
if (!NodeList.prototype.each && NodeList.prototype.forEach) {
NodeList.prototype.each = NodeList.prototype.forEach;
}
}
Array.prototype.reduce = function(callback, initialVal) {
var accumulator = (initialVal === undefined) ? undefined : initialVal;
for (var i = 0; i < this.length; i++) {
if (accumulator !== undefined) accumulator = callback.call(undefined, accumulator, this[i], i, this); else accumulator = this[i];
}
return accumulator;
};
</script>
<style>
select#new_credit_effective_date_1i {
width : 78px;
height : 27px;
}
select#new_credit_effective_date_2i {
width : 57px;
height : 27px;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="head_wrapper">
<!--ヘッダ編集可能領域ここから-->
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe height="0" src="https://www.googletagmanager.com/ns.html?id=GTM-W5FK7PG" style="display:none;visibility:hidden" width="0">
</iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- header -->
<header class="header" id="header">
<div class="header__basemenu">
<div class="header__upperGroup container">
<h1 class="header__tagline">
米ぬかと発酵による酵素風呂入浴液つるぽか | 回生堂
</h1>
<div class="header__cartBtnGroup">
<ul class="flex flex--jc-fe">
<li>
<a class="header__cartBtn header__cartBtn--benefits" href="https://kaiseido.info/shoppingguide/memberbenefits" title="会員特典のご紹介">
会員特典
</a>
</li>
<li>
<a class="header__cartBtn header__cartBtn--filled header__cartBtn--members" href="/account/my_page_menu" title="マイページ/会員登録">
マイページ
<span class="visiblePC">
/会員登録
</span>
</a>
</li>
<li>
<a class="header__cartBtn header__cartBtn--filled header__cartBtn--cart" href="/shop/display_cart" title="カートを見る">
カート
<span class="visiblePC">
を見る
</span>
</a>
</li>
<li class="header__cartBtn header__cartBtn--filled header__cartBtn--sp">
メニュー
</li>
</ul>
</div>
</div>
<div class="header__lowerGroup container">
<div class="site-branding">
<h2 class="header__logo">
<a href="https://kaiseido.info/" rel="home">
<img alt="米ぬかと発酵による酵素風呂入浴液つるぽか | 回生堂" src="/tsurupoka/images/common/logo-gnav.svg">
</a>
</h2>
</div>
<!-- .site-branding -->
<address class="header__phone">
<span class="header__phoneNote">
お電話でのご注文・お問い合わせ 平日9:00~17:00
</span>
<span class="header__phoneNumber">
0120-05-0088
</span>
</address>
</div>
</div>
<nav class="header__menu">
<div class="header__menuContainer">
<ul class="header__menuParent container" id="menu-header__menu">
<li>
<a href="https://kaiseido.info/kouso/power/" title="酵素風呂と酵素の力">
<span class="header__menuParentTitle">
酵素風呂と酵素の力
</span>
</a>
</li>
<li>
<a href="https://kaiseido.info/kouso/story/" title="つるぽかとは">
<span class="header__menuParentTitle">
つるぽかとは
</span>
</a>
</li>
<li>
<a href="https://kaiseido.info/products" title="商品一覧">
<span class="header__menuParentTitle header__menuParentTitle--hasChild">
商品一覧
</span>
</a>
<ul class="header__menuChild">
<li>
<a href="https://kaiseido.info/products/subscription" title="定期お届け便">
<span class="header__menuChildTitle">
定期お届け便
</span>
</a>
</li>
<li>
<a href="https://kaiseido.info/products/bath" title="酵素風呂の入浴液">
<span class="header__menuChildTitle">
酵素風呂の入浴液
</span>
</a>
</li>
</ul>
</li>
<li>
<a href="https://kaiseido.info/shoppingguide/" title="ショッピングガイド">
<span class="header__menuParentTitle header__menuParentTitle--hasChild">
ショッピングガイド
</span>
</a>
<ul class="header__menuChild">
<li>
<a href="https://kaiseido.info/shoppingguide/faq" title="よくある質問">
<span class="header__menuChildTitle">
よくある質問
</span>
</a>
</li>
<li>
<a href="https://kaiseido.info/shoppingguide/memberbenefits" title="会員特典">
<span class="header__menuChildTitle">
会員特典
</span>
</a>
</li>
<li>
<a href="https://kaiseido.info/shoppingguide#order" title="ご注文方法">
<span class="header__menuChildTitle">
ご注文方法
</span>
</a>
</li>
<li>
<a href="https://kaiseido.info/shoppingguide#payment" title="お支払い方法について">
<span class="header__menuChildTitle">
お支払い方法について
</span>
</a>
</li>
<li>
<a href="https://kaiseido.info/shoppingguide#carriage" title="送料・配送について">
<span class="header__menuChildTitle">
送料・配送について
</span>
</a>
</li>
<li>
<a href="https://kaiseido.info/shoppingguide#change" title="返品・交換について">
<span class="header__menuChildTitle">
返品・交換について
</span>
</a>
</li>
<li>
<a href="https://kaiseido.info/shoppingguide/fixed" title="定期お届け便について">
<span class="header__menuChildTitle">
定期お届け便について
</span>
</a>
</li>
<li>
<a href="https://kaiseido.info/friend" title="おともだち紹介サービス">
<span class="header__menuChildTitle">
おともだち紹介サービス
</span>
</a>
</li>
<li>
<a href="/contact/index" title="お問い合わせフォーム">
<span class="header__menuChildTitle">
お問い合わせフォーム
</span>
</a>
</li>
</ul>
</li>
<li>
<a title="回生堂について">
<span class="header__menuParentTitle header__menuParentTitle--hasChild">
回生堂について
</span>
</a>
<ul class="header__menuChild">
<li>
<a href="https://kaiseido.info/shoppingguide/company" title="会社概要">
<span class="header__menuChildTitle">
会社概要
</span>
</a>
</li>
<li>
<a href="https://kaiseido.info/voice" title="お客様の声">
<span class="header__menuChildTitle">
お客様の声
</span>
</a>
</li>
<li>
<a href="https://kaiseido.info/info/shopinfo" title="お店からのお知らせ">
<span class="header__menuChildTitle">
お店からのお知らせ
</span>
</a>
</li>
<li>
<a href="https://kaiseido.info/info/media" title="メディア掲載情報">
<span class="header__menuChildTitle">
メディア掲載情報
</span>
</a>
</li>
<li>
<a href="https://kaiseido.info/shoplist" title="お取り扱い店舗">
<span class="header__menuChildTitle">
お取り扱い店舗
</span>
</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
<!-- SPドロワー -->
<nav class="header__drawer">
<div class="header__drawerContent">
<h2 class="header__drawerContentHeading">
<a href="https://kaiseido.info/products/bath/tsurupoka_tokuno.html">
つるぽか特濃
</a>
</h2>
</div>
<div class="header__drawerContent">
<h2 class="header__drawerContentHeading">
<a href="https://kaiseido.info/products/bath/tsurupoka_clear.html">
つるぽか clear
</a>
</h2>
</div>
<div class="header__drawerContent">
<h2 class="header__drawerContentHeading">
<a href="https://kaiseido.info/kouso/power/">
酵素風呂と酵素の力
</a>
</h2>
</div>
<div class="header__drawerContent">
<h2 class="header__drawerContentHeading">
<a href="https://kaiseido.info/kouso/story/">
つるぽかとは
</a>
</h2>
</div>
<div class="header__drawerContent">
<h2 class="header__drawerContentHeading">
<a href="https://kaiseido.info/voice">
お客様の声
</a>
</h2>
</div>
<div class="header__drawerContent">
<h2 class="header__drawerContentHeading">
<a href="https://kaiseido.info/shoppingguide/memberbenefits">
会員特典
</a>
</h2>
</div>
<div class="header__drawerContent">
<h2 class="header__drawerContentHeading">
<a href="https://kaiseido.info/shoppingguide">
ショッピングガイド
</a>
<span class="header__drawerOpen">
</span>
</h2>
<ul class="header__drawerList">
<li>
<a href="https://kaiseido.info/shoppingguide#payment" title="お支払いについて">
お支払いについて
</a>
</li>
<li>
<a href="https://kaiseido.info/shoppingguide#carriage" title="送料・配送について">
送料・配送について
</a>
</li>
<li>
<a href="https://kaiseido.info/shoppingguide#change" title="返品・交換について">
返品・交換について
</a>
</li>
<li>
<a href="https://kaiseido.info/shoppingguide#business" title="営業日について">
営業日について
</a>
</li>
<li>
<a href="https://kaiseido.info/shoppingguide/faq" title="よくある質問">
よくある質問
</a>
</li>
<li>
<a href="https://kaiseido.info/shoppingguide/privacy" title="プライバシーポリシー">
プライバシーポリシー
</a>
</li>
<li>
<a href="https://kaiseido.info/shoppingguide/company" title="会社概要">
会社概要
</a>
</li>
<li>
<a href="https://kaiseido.info/shoppingguide/law" title="特定商取引法の表示">
特定商取引法の表示
</a>
</li>
</ul>
</div>
<div class="header__drawerContent">
<h2 class="header__drawerContentHeading">
<a href="https://kaiseido.info/shoppingguide/fixed">
定期お届け便
</a>
</h2>
</div>
<div class="header__drawerContent">
<h2 class="header__drawerContentHeading">
<a href="https://kaiseido.info/info/">
お知らせ・お風呂情報
</a>
<span class="header__drawerOpen">
</span>
</h2>
<ul class="header__drawerList">
<li>
<a href="https://kaiseido.info/info/shopinfo/" title="お店からのお知らせ">
お店からのお知らせ
</a>
</li>
<li>
<a href="https://kaiseido.info/info/bath/" title="お風呂情報">
お風呂情報
</a>
</li>
<li>
<a href="https://kaiseido.info/info/media/" title="メディア掲載情報">
メディア掲載情報
</a>
</li>
<li>
<a href="https://kaiseido.info/info/solution/" title="つるぽか疑問解決">
つるぽか疑問解決
</a>
</li>
<li>
<a href="https://kaiseido.info/info/health/" title="健康情報">
健康情報
</a>
</li>
</ul>
</div>
<div class="header__drawerContent">
<h2 class="header__drawerContentHeading">
お客様情報
<span class="header__drawerOpen">
</span>
</h2>
<ul class="header__drawerList">
<li>
<a href="/account/my_page_menu" title="マイページ/会員登録">
マイページ/会員登録
</a>
</li>
<li>
<a href="/shop/display_cart" title="カートを見る">
カートを見る
</a>
</li>
<li>
<a href="/account/change_profile" title="会員情報の確認・変更">
会員情報の確認・変更
</a>
</li>
<li>
<a href="/account/previous_purchase" title="お届け情報の確認・変更">
お届け情報の確認・変更
</a>
</li>
</ul>
</div>
<div class="header__drawerContent">
<h2 class="header__drawerContentHeading">
<a href="https://kaiseido.info/">
トップページへ
</a>
</h2>
</div>
</nav>
<!-- /SPドロワー -->
</header>
<!-- /header -->
<script src="https://api.kaiu-marketing.com/visitor/script.js?site_code=952c0f8a940b492e86ffa03f656b8e8a&key=a207f5cf4fe74597805eb4735d4483d1&secret=82bd521728214ee19ffdf660bdebffe7&svd=2aecc64a32f9465cadab524dcd477b19" type="text/javascript">
</script>
<script type="text/javascript">
(function() {
var tagjs = document.createElement("script");
var s = document.getElementsByTagName("script")[0];
tagjs.async = true;
tagjs.src = "//s.yjtag.jp/tag.js#site=0I0gmSw&referrer=" + encodeURIComponent(document.location.href) + "";
s.parentNode.insertBefore(tagjs, s);
}());
</script>
<noscript>
<iframe frameborder="0" height="1" marginheight="0" marginwidth="0" scrolling="no" src="//b.yjtag.jp/iframe?c=0I0gmSw" width="1">
</iframe>
</noscript>
<input class="gmo_zeus_id" type="hidden" value="9200003821669">
<!--ヘッダ編集可能領域ここまで-->
<!--各画面が読み込まれるエリア-->
<div id="body_wrapper">
<div id="body_title">
<h2>
<img alt="Cart_title01" src="/shop_data/cart_title01.gif?1556015958">
</h2>
<img alt="Cart_navi01" src="/shop_data/cart_navi01.gif?1556015958">
</div>
<form action="/order/check_login_no_ssl" method="post">
<div style="margin:0;padding:0">
<input name="authenticity_token" type="hidden" value="fbbeb015a145390165a332a5d391129881729ada">
</div>
<div id="cart_body">
<div class="mgnB40" id="cart">
<p class="default-font-size" style="padding-bottom:20px;">
買い物カゴの中には商品が入っていません。
</p>
<div id="gift">
</div>
</div>
<!--カート内リコメンドエリアここから-->
<!--カート内リコメンドエリアここまで-->
</div>
<div id="pageback">
<a href="https:/tran-herskind.federatedjournals.com/youll-never-guess-this-birth-injury-attorney-fort-collinss-tricks/">
<img alt="<商品ページへ戻る" src="/shop_data/cart_btn_back01.gif?1556015958">
</a>
<a href="https://kaiseido.info">
<img alt="<お店のトップへ戻る" src="/shop_data/cart_btn_back02.gif?1556015958">
</a>
</div>
</form>
</div>
<!--end cart area-->
<input id="return_url" name="return_url" type="hidden" value="https:/tran-herskind.federatedjournals.com/youll-never-guess-this-birth-injury-attorney-fort-collinss-tricks/">
<!--フッタカスタマイズ領域ここから-->
<!-- SPのみの電話番号案内 -->
<address class="footer__phoneGuide container visibleSP">
<p class="footer__phoneGuideTitle">
お電話でのご注文・お問い合わせ
</p>
<p class="footer__phoneGuideTime">
受付時間:平日9:00~17:00
</p>
<!-- <p class="footer__phoneGuideNote">お電話でのご注文は代金引換払いのみ(手数料324円)</p> -->
<div class="footer__phoneGuide-cta">
<p class="footer__phoneGuide-ctaNote">
タップして電話をかける
</p>
<a class="footer__phoneGuide-ctaNumber" href="tel:0120-05-0088" title="0120-05-0088">
0120-05-0088
</a>
</div>
</address>
<!-- /SPのみの電話番号案内 -->
<!-- フッター -->
<footer class="footer" id="footer">
<div class="footer__headingGroup container flex">
<h3 class="footer__heading">
<a href="https://kaiseido.info/">
<img alt="自宅で酵素風呂 つるぽか" class="footer__logo" src="/tsurupoka/images/common/logo-footer.svg">
</a>
</h3>
<address class="footer__phone visiblePC">
<div class="footer__phoneHeading">
お電話でのご注文・お問い合わせ
<span class="footer__phoneTime">
(平日9:00~17:00)
</span>
</div>
<div class="footer__phoneInfo">
<span class="footer__phoneNumber">
0120-05-0088
</span>
</div>
</address>
</div>
<!-- フッターメニュー -->
<div class="textwidget custom-html-widget">
<div class="footer__menu container flex">
<div class="footer__menuContent">
<h4 class="footer__menuContentHeading">
<a href="https://kaiseido.info/products/">
商品一覧
</a>
<span class="footer__open">
</span>
</h4>
<ul class="footer__menuList">
<li>
<a href="https://kaiseido.info/products/bath/" title="酵素入浴液">
酵素入浴液
</a>
</li>
<li>
<a href="https://kaiseido.info/products/subscription/" title="定期お届け便">
定期お届け便
</a>
</li>
</ul>
</div>
<div class="footer__menuContent">
<h4 class="footer__menuContentHeading">
酵素の力
<span class="footer__open">
</span>
</h4>
<ul class="footer__menuList">
<li>
<a href="https://kaiseido.info/kouso/power/" title="酵素風呂と酵素の力">
酵素風呂と酵素の力
</a>
</li>
<li>
<a href="https://kaiseido.info/kouso/story/" title="つるぽかが生まれるまで">
つるぽかが生まれるまで
</a>
</li>
</ul>
</div>
<div class="footer__menuContent">
<h4 class="footer__menuContentHeading">
<a href="https://kaiseido.info/info/">
お知らせ・お客様の声
</a>
<span class="footer__open">
</span>
</h4>
<ul class="footer__menuList">
<li>
<a href="https://kaiseido.info/info/shopinfo/" title="お店からのお知らせ">
お店からのお知らせ
</a>
</li>
<li>
<a href="https://kaiseido.info/info/media/" title="メディア掲載情報">
メディア掲載情報
</a>
</li>
<li>
<a href="https://kaiseido.info/info/blog/" title="ブログ">
ブログ
</a>
</li>
<li>
<a href="https://kaiseido.info/voice" title="お客様の声">
お客様の声
</a>
</li>
</ul>
</div>
<div class="footer__menuContent">
<h4 class="footer__menuContentHeading">
お客様情報
<span class="footer__open">
</span>
</h4>
<ul class="footer__menuList">
<li>
<a href="/account/my_page_menu" title="マイページ/会員登録">
マイページ/会員登録
</a>
</li>
<li>
<a href="/shop/display_cart" title="カートを見る">
カートを見る
</a>
</li>
<li>
<a href="/account/change_profile" title="会員情報の確認・変更">
会員情報の確認・変更
</a>
</li>
<li>
<a href="/account/previous_purchase" title="お届け情報の確認・変更">
お届け情報の確認・変更
</a>
</li>
</ul>
</div>
<div class="footer__menuContent footer__menuContent--3col">
<h4 class="footer__menuContentHeading">
<a href="https://kaiseido.info/shoppingguide/">
ショッピングガイド
</a>
<span class="footer__open">
</span>
</h4>
<ul class="footer__menuList">
<li style="order: 1;">
<a href="https://kaiseido.info/shoppingguide/#order" title="ご注文方法">
ご注文方法
</a>
</li>
<li style="order: 4;">
<a href="https://kaiseido.info/shoppingguide/#payment" title="お支払いについて">
お支払いについて
</a>
</li>
<li style="order: 7;">
<a href="https://kaiseido.info/shoppingguide/#carriage" title="送料・配送について">
送料・配送について
</a>
</li>
<li style="order: 2;">
<a href="https://kaiseido.info/shoppingguide/#change" title="返品・交換について">
返品・交換について
</a>
</li>
<li style="order: 5;">
<a href="https://kaiseido.info/shoppingguide/#business" title="営業日について">
営業日について
</a>
</li>
<li style="order: 8;">
<a href="https://kaiseido.info/shoppingguide/memberbenefits" title="会員特典">
会員特典
</a>
</li>
<li style="order: 3;">
<a href="https://kaiseido.info/shoppingguide/fixed" title="定期便について">
定期お届け便について
</a>
</li>
<li style="order: 6;">
<a href="https://kaiseido.info/shoppingguide/faq/" title="よくあるご質問">
よくあるご質問
</a>
</li>
<li style="order: 9;">
<a href="/contact/index" title="お問い合わせフォーム">
お問い合わせフォーム
</a>
</li>
</ul>
</div>
<div class="footer__menuContent">
<h4 class="footer__menuContentHeading">
<a href="https://kaiseido.info/shoplist/">
お取り扱い店舗
</a>
<span class="footer__open">
</span>
</h4>
<ul class="footer__menuList">
<li>
<a href="https://kaiseido.info/shoplist/" title="お取り扱い店舗">
お取り扱い店舗
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- /フッターメニュー -->
<div class="footer__sns container">
<h4 class="footer__snsHeading">
回生堂のSNS
</h4>
<ul class="footer__snsList">
<li>
<a href="https://twitter.com/Tsurupoka" target="_blank" title="つるぽかのTwitter(ツイッター)">
<img alt="つるぽかTwitterアカウント" src="/tsurupoka/images/common/icon-footer-twiiter.svg">
</a>
</li>
<li>
<a href="https://www.instagram.com/tsurupoka01/" target="_blank" title="つるぽかのInstagram(インスタグラム)">
<img alt="つるぽかInstagramアカウント" src="/tsurupoka/images/common/icon-footer-instagram.svg">
</a>
</li>
<li>
<a href="https://www.facebook.com/%E3%81%A4%E3%82%8B%E3%81%BD%E3%81%8B-%E9%85%B5%E7%B4%A0%E9%A2%A8%E5%91%82%E3%81%AE%E5%9B%9E%E7%94%9F%E5%A0%82-270288386711148/" target="_blank" title="つるぽかのFacebook(フェイスブック)">
<img alt="" src="/tsurupoka/images/common/icon-footer-facebook.svg">
</a>
</li>
</ul>
</div>
<div class="footer__companyInfo container">
<ul class="footer__companyInfoList">
<li>
<a href="https://kaiseido.info/shoppingguide/company/" title="会社概要">
会社概要
</a>
</li>
<li>
<a href="https://kaiseido.info/shoppingguide/law/" title="特定商取引法">
特定商取引法
</a>
</li>
<li>
<a href="https://kaiseido.info/shoppingguide/privacy/" title="プライバシーポリシー">
プライバシーポリシー
</a>
</li>
</ul>
</div>
<small class="footer__copyright container">
©2019 回生堂 All Rights Reserved.
<br class="visibleSP">
掲載の記事・写真・イラストなどの無断複写・転載等を禁じます
</small>
</footer>
<!-- /フッター -->
<!-- トップへ戻るボタン -->
<div id="scrollTop">
<span class="scrollTop__inner">
トップへ
</span>
</div>
<!-- /トップへ戻るボタン -->
<script charset="utf-8" defer="" src="/tsurupoka/js/jquery-3.4.1.min.js" type="text/javascript">
</script>
<script charset="utf-8" defer="" src="/tsurupoka/js/common.js" type="text/javascript">
</script>
<!--フッタカスタマイズ領域ここまで-->
</div>
</div>
<!-- sample order tags -->
<script type="text/javascript">
var eggcartjs = document.createElement('script');
var eggcartDomain = document.location.protocol + "//" + "shop.kaiseido.info" + "/one_tag/get_tags";
var eggcartHost = eggcartDomain + (document.location.protocol == "https:" ? "_ssl/" : "/");
eggcartjs.src = eggcartHost + "c105-01T8ATk4";
var eggcarthead = document.getElementsByTagName('body')[0];
eggcarthead.appendChild(eggcartjs);
</script>
</body>
</html>