zone-h URL: http://www.zone-h.org/mirror/id/28913808
Capture Date: 2017-03-22 11:28:08 JST
zone-h info:
Mirror saved on : 2017-03-22 02:19:18
Notified by : Mr.Medo
Domain : http://www.bagelbagel.jp
IP address : 153.149.177.210
System : Linux
Web server : Apache
Analyze:
String Match:
MD5: 7c9f13acdb2213dcd38e5736afbd13ba
* 28913808
Analyze: MD5: 1 ;
Header:
Server: Apache/2.2.15 (CentOS)
X-Powered-By: PHP/5.3.3
Contents:
<!DOCTYPE html>
<html lang="jp"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="Sergey Pozhilov (bagelbagel.jp)">
<link rel="shortcut icon" href="http://bagelbagel.jp/image/favicon.ico">
<link href='https://fonts.googleapis.com/css?family=Lato:400' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="//fonts.googleapis.com/earlyaccess/notosansjapanese.css">
<!-- Bootstrap -->
<link href="http://bagelbagel.jp/js/bootstrap.css" rel="stylesheet">
<!-- Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
<!-- Fonts -->
<link rel="stylesheet" href="http://bagelbagel.jp/js/css.css">
<!-- Custom styles -->
<link rel="stylesheet" href="http://bagelbagel.jp/js/styles.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
//画面の高さを取得して、変数wHに代入
var wH = $(window).height();
//div#exampleの高さを取得を取得して、変数divHに代入
var divH = $('div#divH').innerHeight();
var footerH = $('footer#footer').innerHeight();
// ボックス要素より画面サイズが大きければ実行
if(wH > divH && divH+footerH < wH ){
var wH = wH - footerH;
// div#examplに高さを加える
$('div#divH').css('height',wH+'px');
}
});
</script> <title>BAGEL&BAGEL ベーグル&ベーグル</title>
<link rel="stylesheet" type="text/css" href="js/slick/slick.css">
<script src="js/slick/slick.min.js"></script>
<style type="text/css">
.slider img {
width:100%;
}
.dot-class {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0px;
list-style: outside none none;
text-align: center;
}
.dot-class li{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0px 5px;
padding: 0px;
cursor: pointer;
}
.dot-class li button {
font-size: 0px;
line-height: 0;
display: block;
width: 20px;
height: 20px;
border-radius:10px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0px none;
outline: medium none;
background-color:rgb(51,51,51,0.6);
opacity:0.5;
}
.dot-class li.slick-active button {
opacity:0.99;
}
.slider_pickup img {
width:100%;
}
.thumbnail:hover {
opacity: 0.7;
}
@media screen and (min-width: 1200px) {
.thumbnail .img ,.thumbnail .cover {
height:250px;
}
.slider_image_top {
margin-bottom:100px;
}
.top_slider_square_area {
width:50%; text-align:right;
position:absolute;
bottom:0px;
}
.top_slider_square {
width:350px;
height:350px;
background-color:rgba(207,159,90,0.6);
position:relative;
display:inline-block;
margin-right:200px;
color:#FFF;
text-align:center;
}
.top_slider_square .title {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height:80px;
font-size:60px;
padding-top:60px;
font-weight:bold;
}
.top_slider_square .text {
height:100px;
position:absolute;
bottom:0px;
width:100%;
font-size:20px;
color:#7c614d;
/*background-color:rgba(230,195,127,0.8);*/
}
.top_slider_square .docment {
position:absolute;
bottom:0px;
left:430px;
height:90px;
width:680px;
color:#7c614d;
text-align:left;
}
.top_container_outer {
margin-top:-200px;
}
.top_container {
padding-top:160px;
}
}
@media screen and (max-width: 1200px) {
.thumbnail .img ,.thumbnail .cover {
height:250px;
}
.top_slider_square_area {
display:none;
}
}
@media screen and (max-width: 768px) {
.dot-class li button {
width: 16px;
height: 16px;
border-radius:8px;
}
.top_slider_square_area {
display:none;
}
}
.top_news {
background-color:rgba(230,195,127,0.2);
margin:15px;
padding:20px 20px 5px 20px;
}
.news_title_area {
background-color:rgba(255,255,255,0.6);
padding:20px;
margin-bottom:15px;
color:#7c614d;
}
.news_date {
width:100px;
}
.news_title{
margin-left:110px;
margin-top:-17px;
}
</style>
<!--[if lt IE 9]> <script src="assets/js/html5shiv.js"></script> <![endif]-->
</head>
<body class="home">
<header id="header">
<div class="container_outer">
<div class="container">
<div style="background-position: center -47px;" id="head" class="parallax" parallax-speed="2">
<h1 id="logo" class="text-center">
<div><a href="http://bagelbagel.jp"><img src="http://bagelbagel.jp/image/logo.svg" style="width:50%;"></a></div>
</h1>
</div>
</div>
</div>
<nav class="navbar navbar-default navbar-sticky">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-menu-4">
<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse" id="nav-menu-4">
<ul class="nav navbar-nav">
<li class="active"><a href="http://bagelbagel.jp">TOP</a></li>
<li ><a href="/news/">NEWS</a></li>
<li ><a href="/bagel/">OUR BAGEL</a></li>
<li class="dropdown">
<a href="/products/" class="dropdown-toggle" data-toggle="dropdown">PRODUCT <b class="caret"></b></a>
<ul class="dropdown-menu">
<li style="font-style:italic;"><a href="/products/bagel/">BAGEL</a></li>
<li style="font-style:italic;"><a href="/products/cream-cheese/">CREAM CHEESE</a></li>
<li style="font-style:italic;"><a href="/products/bagel-sandwich/">BAGEL SANDWICH</a></li>
<li style="font-style:italic;"><a href="/products/sweets/">SWEETS</a></li>
<li style="font-style:italic;"><a href="/products/plate/">PLATE</a></li>
<li style="font-style:italic;"><a href="/products/teishoku/">BAGEL TEI-SHOKU</a></li>
</ul>
</li>
<li ><a href="/shop/">SHOP</a></li>
<li><a href="http://www.shop.bagelbagel.jp/" target="_blank">ONLINE STORE</a></li>
<li ><a href="/whole_sale/">WHOLE SALE</a></li>
<li class="dropdown">
<a href="/official_sns/" class="dropdown-toggle" data-toggle="dropdown">OFFICIAL SNS<b class="caret"></b></a>
<ul class="dropdown-menu">
<li style="font-style:italic;"><a href="http://www.facebook.com/bagelbageldc"target="_blank">FACEBOOK</a></li>
<li style="font-style:italic;"><a href="https://twitter.com/bagelbagel_dc"target="_blank">TWITTER</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
</header>
<main id="main">
<div class="slider">
<div>
<a href="bagel/">
<img src="image/top_slide/top5.jpg" alt="BEAGLE & BAGLE Our Bagle" class="slider_image_top">
<div class="top_slider_square_area">
<span class="top_slider_square">
<div class="title">OUR<br>BAGEL</div>
<div class="text">わたしたちのベーグルへのこだわり</div>
<div class="docment"></div>
</span>
</div>
</a>
</div>
<div>
<a href="products/bagel/"><img src="image/top_slide/top6.png" alt="BEAGLE & BAGLE Bagle lineup" class="slider_image_top">
<div class="top_slider_square_area">
<span class="top_slider_square">
<div class="title">BAGEL<br>LINEUP</div>
<div class="text">ベーグルラインナップ</div>
<div class="docment"></div>
</span>
</div>
</a>
</div>
<div>
<a href="products/sweets/"><img src="image/top_slide/top3.jpg" alt="BEAGLE & BAGLE Bagle Sandwich lineup" class="slider_image_top">
<div class="top_slider_square_area">
<span class="top_slider_square">
<div class="title">BAKED<br>SWEETS</div>
<div class="text">アメリカンスイーツ<br>焼き菓子の数々</div>
<div class="docment"></div>
</span>
</div>
</a>
</div>
<div>
<a href="products/bagel-sandwich/"><img src="image/top_slide/top4.jpg" alt="BEAGLE & BAGLE Sweets lineup" class="slider_image_top">
<div class="top_slider_square_area">
<span class="top_slider_square">
<div class="title">BAGEL<br>SANDWICH</div>
<div class="text">ベーグルサンド</div>
<div class="docment"></div>
</span>
</div>
</a>
</div>
</div>
<script>
$('.slider').slick({
accessibility: false,
autoplay: true,
autoplaySpeed: 2600,
fade: true,
dots: true,
dotsClass: 'dot-class',
arrows: false,
swipe: true
});
</script>
<div class="container_outer top_container_outer">
<div class="container top_container">
<div class="row section featured topspace">
<h2 style="border-bottom:1px solid #960; padding-left:10px; color:#930; padding-bottom:10px; margin-top:60px; font-weight:bold;"><span>PICK UP</span></h2>
<div class="row">
<div class="slider_pickup" style="margin-right:15px; margin-left:15px;">
<div><a href="http://www.bagelbagel.jp/news/press/pdf/bb_release_20170207_strawberry.pdf" target="_blank"><img src="image/top_pickup/2017_0215_strawberry.png"alt="今年もやります！ストロベリーフェア"></a></div>
<div><a href="http://www.bagelbagel.jp/news/press/pdf/bb_release_20170227_20th.pdf" target="_blank"><img src="image/top_pickup/20160227_20thaniversary.png"alt="BAGEL&BAGEL20周年"></a></div>
<div><a href="http://www.bagelbagel.jp/news/press/pdf/bb_release_20170313_newsand.pdf" target="_blank"><img src="image/top_pickup/20170313_newsand.png"alt="2017年新サンド登場"></a></div>
<div><a href="http://www.bagelbagel.jp/news/press/pdf/bb_release_20170216_mochimugi.pdf" target="_blank"><img src="image/top_pickup/20170310_mochimugi.png"alt="もち麦ベーグル"></a></div>
</div>
<script>
$('.slider_pickup').slick({
accessibility: false,
autoplay: true,
autoplaySpeed: 2500,
fade: true,
dots: true,
dotsClass: 'dot-class',
arrows: false,
swipe: true
});
</script>
</div>
<h2 style="border-bottom:1px solid #960; padding-left:10px; color:#930; padding-bottom:10px; margin-top:40px;"><span></span></h2>
<div class="row">
<div class="top_news">
<h2 style="border-bottom:1px solid #960; padding-left:10px; color:#930; padding-bottom:10px;font-weight:bold;">
<span>NEWS & TOPICS</span>
<span style="display:block; float:right; margin-right:10px; font-size:14px; font-weight:bold; margin-top:20px;"><a href="news/"><i class="fa fa-bars"></i> ニュース＆トピックス 一覧はこちらから</a></span>
</h2>
<div class="news_title_area">
<div class="news_date">2017-03-21</div>
<div class="news_title">
<a href="/news/press/pdf/bb_release_20170321_denish.pdf" target="_blank">春の新作「デニッシュベーグル」4月より登場！</a>
</div>
</div>
<div class="news_title_area">
<div class="news_date">2017-03-14</div>
<div class="news_title">
<a href="/news/press/pdf/bb_release_20170326_shizuoka.pdf" target="_blank">静岡アスティ店 閉店のお知らせ</a>
</div>
</div>
<div class="news_title_area">
<div class="news_date">2017-03-14</div>
<div class="news_title">
<a href="/news/press/pdf/bb_release_20170328_nagashima.pdf" target="_blank">ジャズドリーム長島店 閉店のお知らせ</a>
</div>
</div>
<div class="news_title_area">
<div class="news_date">2017-03-10</div>
<div class="news_title">
<a href="/news/press/pdf/bb_release_20170313_newsand.pdf" target="_blank">BAGEL&BAGEL 2017年新定番サンド登場！</a>
</div>
</div>
<div class="news_title_area">
<div class="news_date">2017-03-09</div>
<div class="news_title">
<a href="http://www.facebook.com/bagelbageldc/posts/1280433478714888" target="_blank">りんくうプレミアム・アウトレット店リニューアル本日よりリニューアルオープン！</a>
</div>
</div>
</div>
<div class="social_net"style="margin-right:15px; margin-left:15px;">
<h2 style="border-bottom:1px solid #960; padding-left:10px; color:#930; padding-bottom:10px; margin-top:20px;font-weight:bold;"><span>OFFICIAL SNS (Facebook / Twitter）</span></h2>
<div class="fbtw"style="text-align:center;">
<div id="fb-root"></div>
<script>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.7";
fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/bagelbageldc/" data-tabs="timeline" data-width="500" data-height="500" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"style="text-align:left; padding-bottom:10px; padding-right:10px;"><blockquote cite="https://www.facebook.com/bagelbageldc/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/bagelbageldc/">BAGEL&BAGEL</a></blockquote></div>
<div class="twitter-timeline" href="https://twitter.com/bagelbagel_dc" data-widget-id="346500062114873344"style="text-align:right; padding-bottom:10px;">@bagelbagel_dcさんのツイート</div>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</div>
</div>
<h2 style="border-bottom:1px solid #960; padding-left:10px; color:#930; padding-bottom:10px; margin-top:20px;"><span></span></h2><p>
<div class="thumbnails recentworks">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<a class="thumbnail" href="shop/">
<span class="img">
<img src="image/top_link/shop.jpg">
</span>
<div style="color:#FFF; position:absolute; top:70px; width:100%; text-align:center; padding-right:15px;">
<div style="font-size:40px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; ">SHOP</div>
<div>店舗を探す</div>
</div>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<a class="thumbnail" href="recruit/">
<span class="img">
<img src="image/top_link/recruit.jpg">
</span>
<div style="color:#FFF; position:absolute; top:70px; width:100%; text-align:center; padding-right:15px;">
<div style="font-size:40px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">RECRUIT</div>
<div>採用情報</div>
</div>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<a class="thumbnail" href="http://www.shop.bagelbagel.jp/">
<span class="img">
<img src="image/top_link/online.jpg">
</span>
<div style="color:#FFF; position:absolute; top:70px; width:100%; text-align:center; padding-right:15px;">
<div style="font-size:40px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">ONLINE</div>
<div style="font-size:40px; line-height:40px; margin-top:-10px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">SHOP</div>
<div>オンラインショップ</div>
</div>
</div>
</div>
</div> <!-- /container -->
</div>
</main>
<div id="page-top">
<a href="#">
<div>PAGE TOP</div>
<div style="font-size:20px; line-height:18px;"><i class="fa fa-chevron-up"></i></div>
</a>
</div>
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2 widget">
<h3 class="widget-title"><a href="/news/" style="color:#E4C9A2;">NEWS</a></h3>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2 widget">
<h3 class="widget-title"><a href="/bagel/" style="color:#E4C9A2;">OUR BAGEL</a></h3>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2 widget">
<h3 class="widget-title">PRODUCT</h3>
<div class="widget-body">
<p>
<a href="/products/bagel/">BAGEL</a>
<br>
<a href="/products/cream-cheese/">CREAM CHEESE</a>
<br>
<a href="/products/bagel-sandwich/">BAGEL SANDWICH</a>
<br>
<a href="/products/sweets/">SWEETS</a>
<br>
<a href="/products/plate/">PLATE</a>
<br>
<a href="/products/plate/">BAGEL TEI-SHOKU</a>
</p>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2 widget">
<h3 class="widget-title">SHOP</h3>
<div class="widget-body">
<p>
<a href="/shop/#area_1">東北</a>
<br>
<a href="/shop/#area_3">東京23区</a>
<br>
<a href="/shop/#area_2">関東</a>
<br>
<a href="/shop/#area_4">東海</a>
<br>
<a href="/shop/#area_5">近畿</a>
<br>
<a href="/shop/#area_6">四国・中国</a>
</p>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2 widget">
<h3 class="widget-title">RECRUIT</h3>
<div class="widget-body">
<p>
<a href="/recruit/#amigo">新卒採用</a>
<br>
<a href="/recruit/#amigo">中途採用</a>
<br>
<a href="/recruit/#amigo">アルバイト採用</a>
</p>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2 widget">
<h3 class="widget-title"><a href="http://www.shop.bagelbagel.jp/" target="_blank" style="color:#E4C9A2;">ONLINE STORE</a></h3>
<h3 class="widget-title"><a href="/whole_sale/" style="color:#E4C9A2;">WHOLE SALE</a></h3>
<div class="widget-body">
<p>
<a href="/member_store/">加盟店</a>
</p>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2 widget">
<h3 class="widget-title">COMPANY</h3>
<div class="widget-body">
<p>
<a href="http://www.dreamcorp.co.jp/newpage-profile.html" target="_blank">運営会社</a>
<br>
<a href="http://www.dreamcorp.co.jp/property_top.html">物件募集</a>
<br>
<a href="mailto:dream@dreamcorp.co.jp">お問合せ</a>
</p>
</div>
</div>
<div class="bottom_logo">
<div style="color:#FFF; font-size:40px;">
<a href="https://www.facebook.com/bagelbageldc/" target="_blank"><i class="fa fa-facebook-square" aria-hidden="true"></i></a>
<a href="https://twitter.com/bagelbagel_dc?lang=ja" target="_blank"><i class="fa fa-twitter-square" aria-hidden="true"></i></a>
</div>
<a href="/"><img src="/image/footer_logo.svg" /></a>
</div>
</div> <!-- /row of widgets -->
</div>
</footer>
<!-- JavaScript libs are placed at the end of the document so the pages load faster -->
<script src="/js/bootstrap.js"></script>
<script src="/js/template.js"></script>
</body></html>