@charset "utf-8";
/* CSS Document */
.hazel{
background: #fff;
}
.hazel .top_main {
margin: 0 auto;
position: relative;
}
.hazel .top_main:before{
content: "";
display: block;
background: url(/sweets/chocolate/almond/images/hazel/pt_hazel.png) repeat-x #fff;
height: 40px;
width: 100%;
}
.hazel .top_main .top_inner{
background: #fff; 
padding: 14px 0 0;
text-align: center;
}
.hazel .top_main .top_inner h1:after{
content: "";
display: block;
background: url(/sweets/chocolate/almond/images/hazel/ttl_logo.png) no-repeat;
width: 109px;
height: 90px;
position: absolute;
bottom: 23%;
right: calc(50% - 384px);
background-size: contain;
}
.hazel #hazel_read{
background: #dda427;
padding: 45px 0 47px;
text-align: center;
}
.hazel #hazel_read h2{
margin-bottom: 50px;
}
.hazel #hazel_read img{
width: 100;
}
.hazel #hazel_himitsu{
background: #fff;
padding: 70px 0 65px;
font-size: 1.1em;
}
.hazel #hazel_himitsu .himitsu_inner{
width: 700px;
margin: 0 auto;
}
.hazel #hazel_himitsu .himitsu_inner h2{
text-align: center;
}
.hazel #hazel_himitsu .himitsu_inner .himitsu_box{
width: 100%;
}
.hazel #hazel_himitsu .himitsu_inner .himitsu_box.himitsu_box01 div{
display: inline-block;
width: 49%;
}
.hazel #hazel_himitsu .himitsu_inner .himitsu_box .text_area p{
line-height: 2.1em;
}
.hazel #hazel_himitsu .himitsu_inner .himitsu_box.himitsu_box01 .movie{
display: inline-block;
width: 100%;
text-align: center;
}
.hazel #hazel_himitsu .movie a{
display: inline-block;
cursor: pointer;
}
.hazel #hazel_himitsu .movie a figure {
margin: 0;
}
.hazel #hazel_himitsu .himitsu_inner .himitsu_box.himitsu_box01{
margin:40px 0 0 0;
}
.hazel #hazel_himitsu .himitsu_inner .himitsu_box.himitsu_box02{
margin:60px 0 0 0;
}
.hazel #hazel_himitsu .himitsu_inner .himitsu_box .text_area{
width: 49%;
display: inline-block;
vertical-align: top;
}
.hazel #hazel_himitsu .himitsu_inner .himitsu_box .text_area h3{
margin-bottom: 22px;
}
.hazel #hazel_himitsu .himitsu_inner .himitsu_box .text_area .text p{
line-height: 2.2em !important;
}
.hazel #hazel_himitsu .himitsu_inner .himitsu_box .photo{
display: inline-block;
width: 50%;
}
.hazel #hazel_himitsu .himitsu_inner .himitsu_box .photo figure{
margin: -18px 0 0 22px;
}
.hazel #hazel_himitsu .himitsu_inner .himitsu_box.himitsu_box03{
margin-top: 10px;
position: relative;
padding: 0 0 300px 0;
}
.hazel #hazel_himitsu .himitsu_inner .himitsu_box.himitsu_box03 h3{
text-align: center;
}
.hazel #hazel_himitsu .himitsu_inner .himitsu_box.himitsu_box03 .text_area{
position: absolute;
right: 0;
top: 60px;
}
.hazel #hazel_himitsu .himitsu_inner .himitsu_box.himitsu_box03 .photo{
position: absolute;
left: -44px;
top: 80px;
}
/* 動画 */
.hazel .remodal {
padding: 0;
background: #000;
}
.hazel .embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.hazel .embed-container iframe,
.hazel .embed-container object,
.hazel .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}