File: /www/wwwroot/www.xxlht.com/sh/189/index.html
<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>YANAGIYA HAIR TONIC | 柳屋本店</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="keywords" content="柳屋ヘアトニック,育毛剤,トニック,hairtonic,yanagiya-hairtonic,?防脱毛,柳屋整?液">
<link href="/sh/189/index_files/reset2.css" rel="stylesheet" type="text/css">
<link href="/sh/189/index_files/style3-new.css" rel="stylesheet" type="text/css">
<link href="/sh/189/index_files/lity2.css" rel="stylesheet" type="text/css">
<!-- ムービーポップアップスクリプト -->
<script type="text/javascript" src="/sh/189/index_files/jquery-1.7.2.min.js.下载"></script>
<script src="/sh/189/index_files/jquery.magnific-popup.min.js.下载"></script>
<script>
jQuery(function($){
$.extend(true, $.magnificPopup.defaults, {
tClose: '閉じる',
tLoading: 'ロード中...',
gallery: {
tPrev: '前へ (左矢印キー)',
tNext: '次へ (右矢印キー)',
tCounter: '%curr% の %total%'
}
});
$('#1movie').magnificPopup({
delegate: 'a',
type: 'iframe',
iframe: {
markup: '<div class="mfp-iframe-scaler">'+
'<div class="mfp-close"><img src="images/close-g.png"></div>'+
'<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>'+
'<div class="mfp-title">Some caption</div>'+
'</div>'
},
gallery: {
enabled:true
},
callbacks: {
markupParse: function(template, values, item) {
values.title = item.el.attr('title');
}
},
disableOn: function() {
if( $(window).width() < 320 ) { //ウィンドウの最小幅
return false;
}
return true;
}
});
});
</script>
<link rel="stylesheet" href="/sh/189/index_files/magnific-popup.css">
<!-- ムービーポップアップスクリプト -->
<!-- スムーズスクロール部分の記述 -->
<script>
$(function(){
// #で始まるアンカーをクリックした場合に処理
$('a[href^=#]').click(function() {
// スクロールの速度
var speed = 400; // ミリ秒
// アンカーの値取得
var href= $(this).attr("href");
// 移動先を取得
var target = $(href == "#" || href == "" ? 'html' : href);
// 移動先を数値で取得
var position = target.offset().top;
// スムーススクロール
$('body,html').animate({scrollTop:position}, speed, 'swing');
return false;
});
});
</script>
<!-- スマホ用くるくる回る動作と開閉 -->
<script>
$(function(){
$("#menuButton").click(function(){
$(this).toggleClass("active"); //メニューボタンの切り替え
/*-- メニューの開閉 --*/
if($(this).hasClass("active")){
$("body").css("oveflow", "hidden");
$("#wrap").css("position", "fixed"); //メニュークリックで背景スクロールなし
$("main").animate({
"left": "-50%"
}, 400);
$("aside")
.show()
.animate({
"left": "50%"
}, 400);
}else{
$("#wrap").css("position", "static"); //メニュークリックで背景戻す
$("main").animate({
"left": 0
}, 400);
$("aside")
.show()
.animate({
"left": "100%"
}, 400, function(){
$("aside").hide();
$("body").css("oveflow", "visuble");
});
}
return false;
});
});
</script>
<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="/sh/189/index_files/style_k.css"> <!-- ギャラリー用CSS -->
<link rel="stylesheet" type="text/css" href="/sh/189/index_files/style.css"> <!-- PC用トップスライド用CSS -->
<link rel="stylesheet" type="text/css" href="/sh/189/index_files/style(1).css"> <!-- スマホ用トップスライド用CSS -->
<!-- End WOWSlider.com HEAD section -->
<!-- css -->
<link rel="stylesheet" href="/sh/189/index_files/common-new.css">
<!-- js -->
<script src="/sh/189/index_files/jquery.js.下载"></script>
<script src="/sh/189/index_files/jquery.transit.min.js.下载"></script>
<!--[if (gte IE 6)&(lte IE 8)]>
<script src="/js/lib/selectivizr-min.js"></script>
<![endif]-->
<script src="/sh/189/index_files/common.js.下载"></script>
<style type="text/css">
#menuButton {
display: block;
width: 42px;
height: 42px;
position: absolute;
top: 30px;
right: 20px;
z-index: 50;
background-image: url(images/navi.png);
}
#menuButton span {
display: block;
background-color: #000000;
width: 24px;
height: 2px;
position: absolute;
left: 9px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
z-index: 100;
}
#menuButton span:first-child {
top: 12px;
}
#menuButton span:nth-child(2) {
margin-top: -1px;
top: 50%;
}
#menuButton span:last-child {
bottom: 12px;
}
#menuButton.active span:first-child {
-webkit-transform: translateY(8px) rotate(45deg);
-moz-transform: translateY(8px) rotate(45deg);
-ms-transform: translateY(8px) rotate(45deg);
transform: translateY(8px) rotate(45deg);
}
#menuButton.active span:nth-child(2) {
opacity: 0;
}
#menuButton.active span:last-child {
-webkit-transform: translateY(-8px) rotate(-45deg);
-moz-transform: translateY(-8px) rotate(-45deg);
-ms-transform: translateY(-8px) rotate(-45deg);
transform: translateY(-8px) rotate(-45deg);
}
</style>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-73459147-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<div id="wrap">
<div id="logo">
<img id="logo-pc" alt="" src="/sh/189/index_files/logo.jpg">
<img id="logo-sp" alt="" src="/sh/189/index_files/logosp.jpg">
</div>
<!-- start gmenu -->
<div id="gmenu">
<ul>
<li><a href="#">柳屋ヘアトニックとは</a></li>
<li><a href="#">製品特徴</a></li>
<li><a href="#">フォトギャラリー</a></li>
<li><a href="#">柳屋と植物素材</a></li>
<li><a href="#">商品ラインナップ</a></li>
<li><a href="#" target="_blank">お問い合わせ</a></li>
<li><a href="#">English</a></li>
<li><a href="#">中文</a></li>
<!--<li style="width:20%;"><a href="#">柳屋ヘアトニックとは</a></li>
<li style="width:13.5%;"><a href="#">製品特徴</a></li>
<li style="width:18%;"><a href="#">フォトギャラリー</a></li>
<li style="width:17%;"><a href="#">柳屋と植物素材</a></li>
<li style="width:18%;"><a href="#">商品ラインナップ</a></li>
<li style="width:12.8%;"><a href="#" target="_blank">お問い合わせ</a></li>-->
<!--<li style="width:19%;"><a href="#"><img src="images/m1.jpg" alt="柳屋ヘアトニックとは"/></a></li>
<li style="width:13.5%;"><a href="#"><img src="images/m2.jpg" alt="製品特徴"/></a></li>
<li style="width:16%;"><a href="#"><img src="images/m3.jpg" alt="フォトギャラリー"/></a></li>
<li style="width:17%;"><a href="#"><img src="images/m4.jpg" alt="柳屋と植物素材"/></a></li>
<li style="width:18%;"><a href="#"><img src="images/m5.jpg" alt="商品ラインナップ"/></a></li>
<li style="width:15.8%;"><a href="#" target="_blank"><img src="images/m6.jpg" alt="お問い合わせ"/></a></li>-->
</ul>
</div>
<!-- end gmenu -->
<!-- スマホオープンボタン -->
<div id="menuButton" class="btn only-sp navbar-toggle">
<span></span>
<span></span>
<span></span>
</div>
<!-- スマホオープンボタン -->
<div id="menu-cover-close"></div>
<!-- スマホオープン白背景 -->
<!-- スマホオープンメニュー -->
<div id="menu" class="only-sp">
<ul>
<li><a href="#">柳屋ヘアトニックとは</a></li>
<li><a href="#">製品特徴</a></li>
<li><a href="#">フォトギャラリー</a></li>
<li><a href="#">柳屋と植物素材</a></li>
<li><a href="#">商品ラインナップ</a></li>
<li><a href="#" target="_blank">お問い合わせ</a></li>
<li><a href="#">English</a></li>
<li><a href="#">中文</a></li>
</ul>
</div>
<!-- スマホオープンメニュー -->
<div id="top1s" style="clear: both; z-index: 0; width: 100%;">
<!-- スマホ用トップスライド -->
<div id="wowslider-container7" style="font-size: 10px;">
<div class="ws_images" style="overflow: visible;"><div style="position: relative; width: 100%; font-size: 0px; line-height: 0; max-height: 100%; overflow: hidden;"><img src="/sh/189/index_files/11.jpg" alt="11" title="11" id="wows7_0" style="width: 100%; visibility: hidden;"></div><div style="position: absolute; inset: 0px; overflow: hidden;"><div class="ws_list" style="position: absolute; top: 0px; height: 100%; transform: translate3d(0px, 0px, 0px); width: 1000%; left: 0%;"><div class="ws_swipe_left" style="position: absolute; top: 0px; height: 100%; overflow: hidden; width: 10%; left: -10%;"><img src="/sh/189/index_files/31.jpg" alt="31" title="31" id="wows7_2" style="visibility: visible;"></div><ul style="width: 100%;">
<li style="width: 10%;"><img src="/sh/189/index_files/11.jpg" alt="11" title="11" id="wows7_0" style="visibility: visible;"></li>
<li style="width: 10%;"><img src="/sh/189/index_files/21.jpg" alt="21" title="21" id="wows7_1" style="visibility: visible;"></li>
<li style="width: 10%;"><img src="/sh/189/index_files/31.jpg" alt="31" title="31" id="wows7_2" style="visibility: visible;"></li>
</ul><div class="ws_swipe_right" style="position: absolute; top: 0px; height: 100%; overflow: hidden; width: 10%; left: 30%;"><img src="/sh/189/index_files/11.jpg" alt="11" title="11" id="wows7_0" style="visibility: visible;"></div></div></div><div class="ws_cover" style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10; background: rgb(255, 255, 255); opacity: 0;"><a href="#" style="display:none;position:absolute;left:0;top:0;width:100%;height:100%"></a></div><div class="ws_effect ws_fade" style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; max-height: none; max-width: none; transform: translate3d(0px, 0px, 0px); overflow: hidden; opacity: 1;"></div><div class="ws_controls"><div class="ws_bullets"><div>
<a href="#" title="11" class="ws_selbull"><span>1</span></a>
<a href="#" title="21" class=""><span>2</span></a>
<a href="#" title="31" class=""><span>3</span></a>
</div></div></div></div>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="/sh/189/index_files/wowslider.js.下载"></script>
<script type="text/javascript" src="/sh/189/index_files/script.js.下载"></script>
<!-- スマホ用トップスライド -->
</div>
<div id="top1" style="clear: both; z-index: 0; width: 100%;">
<!-- PC用トップスライド -->
<!-- Start WOWSlider.com BODY section --> <!-- add to the <body> of your page -->
<div id="wowslider-container1" style="font-size: 10px;">
<div class="ws_images" style="overflow: visible;"><div style="position: relative; width: 100%; font-size: 0px; line-height: 0; max-height: 100%; overflow: hidden;"><img src="/sh/189/index_files/01.jpg" alt="1" title="1" id="wows1_0" style="width: 100%; visibility: hidden;"></div><div style="position: absolute; inset: 0px; overflow: hidden;"><div class="ws_list" style="position: absolute; top: 0px; height: 100%; transform: translate3d(0px, 0px, 0px); width: 1000%; left: 0%;"><div class="ws_swipe_left" style="position: absolute; top: 0px; height: 100%; overflow: hidden; width: 10%; left: -10%;"><img src="/sh/189/index_files/03.jpg" alt="3" title="3" id="wows1_2" style="visibility: visible;"></div><ul style="width: 100%;">
<li style="width: 10%;"><img src="/sh/189/index_files/01.jpg" alt="1" title="1" id="wows1_0" style="visibility: visible;"></li>
<li style="width: 10%;"><img src="/sh/189/index_files/02.jpg" alt="2" title="2" id="wows1_1" style="visibility: visible;"></li>
<li style="width: 10%;"><img src="/sh/189/index_files/03.jpg" alt="3" title="3" id="wows1_2" style="visibility: visible;"></li>
</ul><div class="ws_swipe_right" style="position: absolute; top: 0px; height: 100%; overflow: hidden; width: 10%; left: 30%;"><img src="/sh/189/index_files/01.jpg" alt="1" title="1" id="wows1_0" style="visibility: visible;"></div></div></div><div class="ws_cover" style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10; background: rgb(255, 255, 255); opacity: 0;"><a href="#" style="display:none;position:absolute;left:0;top:0;width:100%;height:100%"></a></div><div class="ws_effect ws_fade" style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; max-height: none; max-width: none; transform: translate3d(0px, 0px, 0px); overflow: hidden; opacity: 1;"></div><div class="ws_controls"><div class="ws_bullets"><div>
<a href="#" title="1" class="ws_selbull"><span>1</span></a>
<a href="#" title="2" class=""><span>2</span></a>
<a href="#" title="3" class=""><span>3</span></a>
</div></div></div></div>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="/sh/189/index_files/wowslider.js(1).下载"></script>
<script type="text/javascript" src="/sh/189/index_files/script.js(1).下载"></script>
<!-- End WOWSlider.com BODY section -->
</div>
<div id="contents1">
<div class="inner">
<p id="contents1t">受け継がれるのには、理由がある。</p>
<p>本物を愛してやまない、大人のこだわりに応える、<br>
流行やファッションでは語り尽くせない哲学がそこにはある。
<br>
決して時代に流されることのないその哲学は、<br>
揺るぎない品質と確かな使い心地で、<br>
誕生から60年以上、ずっと受け継がれています。</p>
<div id="1movie">
<a href="#" title="" class="mov"><img src="/sh/189/index_files/soon2.jpg" alt=""></a>
<p class="small">Brand movie, 30 sec</p>
</div>
</div>
</div>
<div id="contents2">
<div class="inner">
<div class="lay">
<p class="p-title">頭皮をケア。</p>
<p class="p-sub">若々しく健康で丈夫な髪を育てるには、頭皮への継続したお手入れが重要です。3種類の薬効成分と生薬抽出成分（センブリ抽出エキス・人参抽出エキス・苦参抽出エキス・延命草抽出エキス）が毛根に浸透し、抜け毛を防いで発毛を促進します。</p>
<p class="p-sub2">＜効能効果＞</p>
<p class="p-sub3">育毛、養毛、発毛促進、ふけ、<br class="brno">かゆみ、薄毛、脱毛の予防</p>
<p class="p-sub2">＜使い方＞</p>
</div>
<div id="use">
<div id="use-pc2018" only-pc="">
<div class="use-pc-waku">
<p>①髪の水気をよく拭き取ってからお使いください。</p>
<img class="spno" src="/sh/189/index_files/2ns-allow.png" alt="">
</div>
<div class="use-pc-waku">
<p>②1日2～3回、適量を頭皮にすりこみます。</p>
<img class="spno" src="/sh/189/index_files/2ns-allow.png" alt="">
</div>
<div class="use-pc-waku" id="use-3">
<p>③爪を立てないようにしてよくマッサージしてください。</p>
</div>
</div>
<!--<div class="use-pc-waku">
<img src="images/use-1x.png" width="272" height="187" alt=""/>
<p>髪の水気をよく拭き取ってから<br>
お使いください。</p>
</div>
<div class="use-pc-waku">
<img src="images/use-2x.png" width="272" height="187" alt=""/>
<p>1日2～3回、<br>
適量を頭皮にすりこみます。</p>
</div>
<div class="use-pc-waku" id="use-3">
<img src="images/use-3x.png" width="274" height="187" alt=""/>
<p>爪を立てないようにして<br>
よくマッサージしてください。</p>
</div>
</div>-->
<div id="use-sp">
<div class="use use-first">
<!--<img alt="" src="images/2n1s.png" />-->
<p>髪の水分をよく拭き取ってから<br>
お使いください。</p>
<img class="spno" src="/sh/189/index_files/2ns-allow.png" alt="">
</div>
<div class="use">
<!--<img alt="" src="images/2n2s.png" />-->
<p>1日2～3回、<br>
適量を頭皮にすりこみます。</p>
<img class="spno" src="/sh/189/index_files/2ns-allow.png" alt="">
</div>
<div class="use">
<!-- <img alt="" src="images/2n3s.png" />-->
<p>爪を立てないようにして<br>
よくマッサージしてください。</p>
</div>
</div>
</div>
</div>
</div>
<div id="contents3">
<!-- ギャラリー -->
<div id="wowslider-container5" class="ws_gestures" style="font-size: 10px;">
<div class="ws_images" style="bottom: auto; background-repeat: no-repeat; overflow: visible;"><div style="position: relative; width: 100%; font-size: 0px; line-height: 0; max-height: 100%; overflow: hidden;"><img src="/sh/189/index_files/21(1).jpg" alt="柳屋ヘアトニック" title="" id="wows5_0" style="width: 100%; visibility: hidden;"></div>
<div style="position: absolute; inset: 0px; overflow: hidden;"><div class="ws_list" style="position: absolute; top: 0px; height: 100%; transform: translate3d(0px, 0px, 0px); width: 1000%; left: 0%;"><div class="ws_swipe_left" style="position: absolute; top: 0px; height: 100%; overflow: hidden; width: 10%; left: -10%;"><img src="/sh/189/index_files/27.jpg" alt="柳屋ヘアトニック" title="" id="wows5_6" style="visibility: visible;"></div><ul style="width: 100%;">
<li style="width: 10%;"><img src="/sh/189/index_files/21(1).jpg" alt="柳屋ヘアトニック" title="" id="wows5_0" style="visibility: visible;"><div class="download"><a style="cursor:pointer !important;" href="#" target="_blank"><img src="/sh/189/index_files/download.png" alt="download"></a></div></li>
<li style="width: 10%;"><img src="/sh/189/index_files/22.jpg" alt="柳屋ヘアトニック" title="" id="wows5_1" style="visibility: visible;"><div class="download"><a style="cursor:pointer !important;" href="#" target="_blank"><img src="/sh/189/index_files/download.png" alt="download"></a></div></li>
<li style="width: 10%;"><img src="/sh/189/index_files/23.jpg" alt="柳屋ヘアトニック" title="" id="wows5_2" style="visibility: visible;"><div class="download"><a style="cursor:pointer !important;" href="#" target="_blank"><img src="/sh/189/index_files/download.png" alt="download"></a></div></li>
<li style="width: 10%;"><img src="/sh/189/index_files/24.jpg" alt="柳屋ヘアトニック" title="" id="wows5_3" style="visibility: visible;"><div class="download"><a style="cursor:pointer !important;" href="#" target="_blank"><img src="/sh/189/index_files/download.png" alt="download"></a></div></li>
<li style="width: 10%;"><img src="/sh/189/index_files/25.jpg" alt="柳屋ヘアトニック" title="" id="wows5_4" style="visibility: visible;"><div class="download"><a style="cursor:pointer !important;" href="#" target="_blank"><img src="/sh/189/index_files/download.png" alt="download"></a></div></li>
<li style="width: 10%;"><img src="/sh/189/index_files/26.jpg" alt="柳屋ヘアトニック" title="" id="wows5_5" style="visibility: visible;"><div class="download"><a style="cursor:pointer !important;" href="#" target="_blank"><img src="/sh/189/index_files/download.png" alt="download"></a></div></li>
<li style="width: 10%;"><img src="/sh/189/index_files/27.jpg" alt="柳屋ヘアトニック" title="" id="wows5_6" style="visibility: visible;"><div class="download"><a style="cursor:pointer !important;" href="#" target="_blank"><img src="/sh/189/index_files/download.png" alt="download"></a></div></li>
</ul><div class="ws_swipe_right" style="position: absolute; top: 0px; height: 100%; overflow: hidden; width: 10%; left: 70%;"><img src="/sh/189/index_files/21(1).jpg" alt="柳屋ヘアトニック" title="" id="wows5_0" style="visibility: visible;"></div></div></div><div class="ws_cover" style="opacity: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgb(255, 255, 255);"><a href="#" style="display: block; position: absolute; right: 10px; bottom: 10px; width: 169px; height: 47px; cursor: pointer;" target="_blank"></a></div><div class="ws_effect ws_basic_linear" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden;"><div style="position: absolute; display: none; z-index: 2; width: 200%; height: 100%; transform: translate3d(0px, 0px, 0px);"><div style="position: absolute; left: auto; top: auto; width: 50%; height: 100%; overflow: hidden;"></div><div style="position: absolute; left: auto; top: auto; width: 50%; height: 100%; overflow: hidden;"></div></div></div><div class="ws_controls"><a href="#" class="ws_next"><span><i></i><b></b></span></a><a href="#" class="ws_prev"><span><i></i><b></b></span></a></div><div class="ws-title-wrapper"><div class="ws-title" style="display:none"></div><div class="ws-title" style="display:none"></div></div></div>
<div class="ws_thumbs" style="overflow: hidden;">
<div style="top: 39px; left: 42.5px;">
<a class="thum1 ws_selthumb" href="#" title="柳屋ヘアトニック"><img src="/sh/189/index_files/21(2).jpg"></a>
<a href="#" title="柳屋ヘアトニック"><img src="/sh/189/index_files/22(1).jpg"></a>
<a href="#" title="柳屋ヘアトニック"><img src="/sh/189/index_files/23(1).jpg"></a>
<a href="#" title="柳屋ヘアトニック"><img src="/sh/189/index_files/24(1).jpg"></a>
<a href="#" title="柳屋ヘアトニック"><img src="/sh/189/index_files/25(1).jpg"></a>
<a href="#" title="柳屋ヘアトニック"><img src="/sh/189/index_files/26(1).jpg"></a>
<a href="#" title="柳屋ヘアトニック"><img src="/sh/189/index_files/27(1).jpg"></a>
</div>
</div>
</div>
<!-- ギャラリー -->
<script type="text/javascript" src="/sh/189/index_files/wowslider.js(2).下载"></script>
<script type="text/javascript" src="/sh/189/index_files/script.js(2).下载"></script>
<!-- End WOWSlider.com BODY section -->
</div>
<div id="contents4">
<div class="inner">
<div id="p4">
<p id="p-title">植物原料と向き合った400年の歴史。</p>
<p class="psub">始まりは創業者・呂一官の植物効果の知識と技術から。</p>
<p> 柳屋本店は1615年（元和元年）に創業。徳川家康に使えた漢方医・呂一官の生薬を中心とした知識と技術が認められ、大奥に梳油（すきあぶら）、おしろい等を納めていたと言われています。</p>
<p class="psub">昭和を代表する商品の一つとして。</p>
<p> センブリや延命草など、植物より抽出された生薬成分を含み、頭皮・頭髪を健やかに保てる「柳屋 ヘアトニック」は、昭和を代表する商品の一つとして、各家庭や銭湯などに置かれ、多くの人々に現在でも愛されています。</p>
<p class="psub">受け継がれるこだわり。</p>
<p id="p4last"> 江戸期より絶やすことなく造り続けてきた柳屋本店の、植物素材を利用するという考え方。そのこだわりを受け継ぎ、揺るぎない品質と確かな使い心地で、時代を超えて使い続けられる信頼のブランドです。</p>
<div id="spphoto"><img src="/sh/189/index_files/kontents4s.png" alt=""></div>
<div id="pcphoto"><img src="/sh/189/index_files/kontents4.png" width="850" height="172" alt=""></div>
</div>
</div>
</div>
<div id="contents5">
<div class="inner">
<div id="p5">
<p id="p-title">柳屋ヘアトニック ＜医薬部外品＞ </p>
<div class="wrappro wrappro-large">
<picture>
<div class="img-base"><img src="/sh/189/index_files/contents5s-1.png" alt=""></div>
</picture>
<p class="p5t">柳屋 ヘアトニック</p>
<p class="p5t">中・大</p>
<p class="py">容量:240mL / 360mL</p>
<p class="gopro"><a href="#" target="_blank" class="go">詳しく見る</a></p>
</div>
<div class="wrappro">
<picture>
<img src="/sh/189/index_files/contents5s-2.png" alt="">
</picture>
<p class="p5t">柳屋 ヘアトニック</p>
<p class="p5t">無香料クールタイプ</p>
<p class="py">容量:240mL</p>
<p class="gopro"><a href="#" target="_blank" class="go">詳しく見る</a></p>
</div>
<div class="wrappro2">
<picture>
<img src="/sh/189/index_files/contents5s-4.png" alt="">
</picture>
<p class="p5t">柳屋 ヘアトニック</p>
<p class="p5t">柑橘</p>
<p class="py">容量:240mL</p>
<p class="gopro"><a href="#" target="_blank" class="go">詳しく見る</a></p>
</div>
</div>
</div>
</div>
<div id="pagetop" style="display: block; position: absolute; bottom: 100px;">
<p> <a href="#"> <img src="/sh/189/index_files/pagetop.png" width="47" height="46" alt="Pagetop"> </a> </p>
</div>
<footer id="footer">
<div class="inner">
<a id="fotter-pc" href="#" target="_blank"><img src="/sh/189/index_files/footer-pc.png" alt="" title="株式会社柳屋本店"></a>
<a id="fotter-sp" href="#" target="_blank"><img src="/sh/189/index_files/footer-sp.png" alt="" title="株式会社柳屋本店"></a>
<p>Copyright (c) YANAGIYA/柳屋本店. All rights reserved.</p>
</div>
</footer>
<script>
$(document).ready(function(){
$("#pagetop").hide();
$(window).on("scroll", function() {
if ($(this).scrollTop() > 100) {
$('#pagetop').slideDown("fast");
} else {
$('#pagetop').slideUp("fast");
}
scrollHeight = $(document).height();
scrollPosition = $(window).height() + $(window).scrollTop();
footHeight = $("footer").innerHeight();
iconH = footHeight - 0;
if ( scrollHeight - scrollPosition <= footHeight ) {
$("#pagetop").css({
"position":"absolute",
"bottom": iconH
});
} else {
$("#pagetop").css({
"position":"fixed",
"bottom": "0px"
});
}
});
});
</script>
<script><!-- スマホメニュークリックでメニュー閉じる -->
$(function(){
$('.only-sp a').on('click', function(){
if (window.innerWidth <= 1069) {
$('.navbar-toggle').click();
}
});
});
</script>
<script><!-- スマホメニュークリックで白い背景閉じる -->
$(function(){
$('#menu-cover-close').on('click', function(){
if (window.innerWidth <= 1069) {
$('.navbar-toggle').click();
}
});
});
</script>
</div><!-- end wrap -->
</body></html>