/* ---------------------------------------------------------
 　■ アレルバスター　リニューアル 20170213
--------------------------------------------------------- */
a {
　  overflow:hidden;
　  outline:none;
　}

#hourglass .hourglass-smp{ display:none; }

#hourglass{
width:100%;
font-family:Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
background:#fff;
color: #313131;
}


/* ---------------------------------------------------------
 　■ ヘッダー
--------------------------------------------------------- */
#hourglass #header {
	height: 101px;
	border-bottom: solid 1px #bfbfbf;
}
#hourglass #header .headerInner{
	width: 980px;
	margin:0 auto;
}
#hourglass #header h1{ 
	width: 216px;
	margin-top: 26px;
	float: left;
}
#hourglass #header h1 img{ width: 100%; }

#hourglass #header h2 ,
#hourglass #header .menuBtn ,
.menuSp{
	display: none;
}
#navi-g { 
	margin-top: 10px;
	float: right;
}
#navi-g li { display: inline; }

#navi-g li a{ display: inline-block; font-size: 0; height: 50px; -webkit-transition: all .3s; transition: all .3s; }
#navi-g li a.nav1 { width: 148px; background: url(../parts/hourglass/nav01.png) no-repeat top left; }
#navi-g li a.nav2 { width: 148px; background: url(../parts/hourglass/nav02.png) no-repeat top left; }
#navi-g li a.nav3 { width: 148px; background: url(../parts/hourglass/nav03.png) no-repeat top left; }
#navi-g li a.nav4 { width: 144px; background: url(../parts/hourglass/nav04.png) no-repeat top left; }
#navi-g li a.nav5 { width: 145px; background: url(../parts/hourglass/nav05.png) no-repeat top left; }
#navi-g li a.nav1:hover { width: 148px; background: url(../parts/hourglass/nav01_on.png) no-repeat top left; }
#navi-g li a.nav2:hover { width: 148px; background: url(../parts/hourglass/nav02_on.png) no-repeat top left; }
#navi-g li a.nav3:hover { width: 148px; background: url(../parts/hourglass/nav03_on.png) no-repeat top left; }
#navi-g li a.nav4:hover { width: 144px; background: url(../parts/hourglass/nav04_on.png) no-repeat top left; }
#navi-g li a.nav5:hover { width: 145px; background: url(../parts/hourglass/nav05_on.png) no-repeat top left; }


#txtlnk{ clear: both;}


/* スマートフォン　ヘッダー　*/

.smp #hourglass #header{
	height: auto;
	overflow: hidden;
	padding-bottom: 10px;
	clear: both;
}
.smp #hourglass #header h1{ 
	margin: 16px 0 0 10px;
	width: 35%;
}
.smp #hourglass #header h2{
	display: block;
	width: 28.12%;
	margin: 12px 10px 0 0;
	float: right;
}
.smp #hourglass #header .headerInner{
	width: 100%;
	margin:0 auto;
}
.smp .menuBtn{ 
	width: 10.9%;
	height:  auto;
	margin: 10px 10px 0 10px;
	float:right;
}
.smp #hourglass #header h1 img ,
.smp #hourglass #header h2 img ,
.smp .menuBtn img{ width: 100%;}
.smp #hourglass #header #navi-g{ display: none ;}
.smp #hourglass #header .menuBtn { display: inline;}
.smp .menuSp{ 
	display: none;
	clear: both;
}
.smp .menuSp ul{ 
	margin: 0;
	padding: 0;
}
.smp .menuSp li.menuSp01{ background:#092e6e url(../../common/parts/hourglass/icon_menu01.png) left top no-repeat; background-size: 80px;}
.smp .menuSp li.menuSp02{ background:#092e6e url(../../common/parts/hourglass/icon_menu02.png) left top no-repeat; background-size: 80px;}
.smp .menuSp li.menuSp03{ background:#092e6e url(../../common/parts/hourglass/icon_menu03.png) left top no-repeat; background-size: 80px;}
.smp .menuSp li.menuSp04{ background:#092e6e url(../../common/parts/hourglass/icon_menu04.png) left top no-repeat; background-size: 80px;}
.smp .menuSp li.menuSp05{ background:#092e6e url(../../common/parts/hourglass/icon_menu05.png) left top no-repeat; background-size: 80px;}
.smp .menuSp li a{
	display: block; 
	color: #ffffff;
	padding: 15px 5% 15px 65px;
	border-bottom: solid 1px #ffffff;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	background:url(../images/arrow_navy.png) 97% center no-repeat;
} 


/* ---------------------------------------------------------
 　ヘッダーここまで
--------------------------------------------------------- */

#hourglass-top{
 position: relative;
	margin:0px auto 30px;
 width:100%;
 height:550px;
 background:url(../../common/parts/hourglass/hourglass_mainimg_pc.jpg) no-repeat center top;
 background-size:cover;
 text-align:center;
}
.smp #hourglass-top {
 height: auto;
 background:url(../../common/parts/hourglass/hourglass_mainimg_sp.jpg) no-repeat center top;
 background-size: 100%;
	margin:0px auto 10px;
}
.smp #hourglass-top .mainImg img {
 width:300px;
}
#hourglass #hourglass-top .hourglass-top-logo {
 width: 980px;
 margin: 0 auto;
 position: relative;
}
.smp #hourglass-top {
 position: relative;
}
.smp #hourglass #hourglass-top .hourglass-top-logo {
 width: 100%;
 text-align: center;
 padding-top: 5%;
}
.smp #hourglass-top .hourglass-top-logo img {
 width: 60%;
 margin: 0 auto;
}
#hourglass-top .hourglass-btn {
 width:580px;
	padding:55px 0 0 390px;
}
.smp #hourglass-top .hourglass-btn {
 width: 95%;
	padding:0;
}

#hourglass-top h2{
	padding:100px 0 0 390px;
}
.smp #hourglass-top h2 {
 width: 95%;
 padding:0;
 text-align:right;
}
#hourglass .side_contact {
	position: fixed;
	right: 30px;
	top: 100px;
	z-index: 10;
}


/* ---------------------------------------------------------
 　hourglass コンテンツ
--------------------------------------------------------- */
#video {
  display: none;
  z-index: 20;
}
.hourglass-video {
  z-index: 20;
}
#hourglass .contentsInner {
 position: relative;
 width: 980px;
}
.smp #hourglass .contentsInner {
 width: auto;
}
#hourglass .hourglass-pc {
 display: block;
}
#hourglass .hourglass-sp {
 display: none;
}
.smp #hourglass .hourglass-pc {
 display: none;
}
.smp #hourglass .hourglass-sp {
 display: block;
}
#hourglass img.full {
 width: 100%;
}
#hourglass h3.hourglass_title {
 padding-top: 10px;
	background: url(../parts/hourglass/hourglass_shadow.png) no-repeat center top;
 border-top: 1px solid #c9c9c9;
 text-align: center;
 font-size: 36px;
 font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 padding: 70px 0 30px;
}
#hourglass h3.hourglass_title img {
 margin-top: 30px;
}
.smp #hourglass .hourglass-infoWrap01 .main_img img {
 width: 100%;
}
#hourglass .hourglass-infoWrap01 .hourglass-info-txt {
 position:relative;
 font-size: 18px;
 margin: 40px 0 65px;
 padding: 60px 60px 50px;
 background: #fcf8ec;
 text-align:left;
}
.smp #hourglass .hourglass-infoWrap01 .hourglass-info-txt {
 font-size: 14px;
 padding: 5%;
}
#hourglass .hourglass-infoWrap01 .hourglass-info-txt p + p {
 padding-bottom: 20px;
}
#hourglass .hourglass-infoWrap01 .hourglass-info-txt img {
 position: absolute;
 right: 60px;
 bottom: 60px;
}
.smp #hourglass .hourglass-infoWrap01 .hourglass-info-txt img {
 position: relative;
 right: auto;
 bottom: auto;
 margin:20px auto 0;
}

#hourglass .hourglass-infoWrap01 .hourglass-info-txt .arrow {
 display: block;
	background: url(../parts/hourglass/icon_arrow.png) no-repeat 0 3px;
 padding-left: 30px;
}
#hourglass .hourglass-infoWrap01 .hourglass-info-txt .arrow a {
 text-decoration: none;
 color: #313131;
}
.smp #hourglass .hourglass-infoWrap02 {
 width:90%;
 margin:0 auto;
}
#hourglass .hourglass-infoWrap02 .hourglass-itemlist li {
 position: relative;
 width: 425px;
 float: left;
 margin-bottom: 80px;
}
.smp #hourglass .hourglass-infoWrap02 .hourglass-itemlist li {
 width:100%;
 margin-bottom: 40px;
}
#hourglass .hourglass-infoWrap02 .hourglass-itemlist li:nth-child(2),
#hourglass .hourglass-infoWrap02 .hourglass-itemlist li:nth-child(4),
#hourglass .hourglass-infoWrap02 .hourglass-itemlist li:nth-child(6) {
 float: right;
}
.smp #hourglass .hourglass-infoWrap02 .hourglass-itemlist li:nth-child(2),
.smp #hourglass .hourglass-infoWrap02 .hourglass-itemlist li:nth-child(4),
.smp #hourglass .hourglass-infoWrap02 .hourglass-itemlist li:nth-child(6) {
 float: none;
}
#hourglass .hourglass-infoWrap02 .hourglass-itemlist li p {
 width: 425px;
 margin-bottom: 0;
}
.smp #hourglass .hourglass-infoWrap02 .hourglass-itemlist li p {
 width: auto;
}
#hourglass .hourglass-infoWrap02 .hourglass-itemlist li img.pict {
 width: 425px;
}
.smp #hourglass .hourglass-infoWrap02 .hourglass-itemlist li img.pict {
 width: 100%;
}
#hourglass .hourglass-infoWrap02 .hourglass-itemlist li p.pictWrap  {
 position: relative;
}
#hourglass .hourglass-infoWrap02 .hourglass-itemlist li img.glass {
 position: absolute;
 right: 10px;
 bottom: 10px;
 z-index: 1;
}
.smp #hourglass .hourglass-infoWrap02 .hourglass-itemlist li img.glass {
 
}
#hourglass .hourglass-infoWrap02 .hourglass-itemlist li h4 {
 font-size: 16px;
 font-weight: bold;
 margin-top: 30px;
}

/* ---------------------------------------------------------
 　hourglass ボタン
--------------------------------------------------------- */

#hourglass .hourglass-btn {
 overflow: hidden;
}
.smp #hourglass .hourglass-btn {
 width:62%;
 float:right;
 margin:0;
 padding-bottom:5%;
}
.smp #hourglass .contentsInner:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#hourglass .hourglass-btn li {
 float: left;
 background: #fff;
}
#hourglass .hourglass-btn li + li {
 margin-left: 20px;
}
.smp #hourglass .hourglass-btn li {
 margin: 15px 0 0;
}
.smp #hourglass .hourglass-btn li + li {
 margin: 5px 0 0;
}
#hourglass .hourglass-btn li a,
#hourglass .hourglass-itemlist p.buy a {
 display: block;
 width: 276px;
 border: 2px solid #bfbfbf;
 text-align: center;
 padding: 20px 0;
	font-size:1.4em;
 color: #000;
 text-decoration: none;
}
#hourglass .hourglass-itemlist p.buy {
 padding-bottom: 100px;
}
.smp #hourglass .hourglass-itemlist p.buy {
 padding-bottom: 0;
}
#hourglass .hourglass-itemlist p.buy a {
 position: absolute;
 bottom: 0;
 left: 30px;
 width: 350px;
}
.smp #hourglass .hourglass-itemlist p.buy a {
 position: relative;
 bottom: auto;
 left: auto;
 width: 90%;
 margin: 30px auto 0;
}
.smp #hourglass .hourglass-btn li {
 width: 90%;
}
.smp #hourglass .hourglass-btn li a {
 width: auto;
 padding: 5px 0;
	font-size:1em;
}
#hourglass .hourglass-btn li a:hover,
#hourglass .hourglass-itemlist p.buy a:hover {
 opacity: 0.6;
}
#hourglass .hourglass-btn li.btn-hourglass a:after {
 content: "";
 padding-right: 25px;
	background: url(../parts/hourglass/icon_hourglass.png) no-repeat right;
}
#hourglass .hourglass-btn li.btn-buy a:after,
#hourglass .hourglass-itemlist p.buy a:after {
 content: "";
 padding-right: 30px;
	background: url(../parts/hourglass/icon_buy.png) no-repeat right;
}
.smp #hourglass .hourglass-btn li.btn-hourglass a:after {
 padding-right: 20px;
}
.smp #hourglass .hourglass-btn li.btn-buy a:after {
 padding-right: 30px;
}

#backToTop {
 margin-bottom: 0;
 padding-bottom: 30px;
}