@charset "utf-8";

/*--------------------
1.base
2.swiperCustom
3.common
--------------------*/
/* --------------------
* 01.base
-------------------- */
body {
min-width:980px;
}
/* --------------------
* 02.swiperCustom
-------------------- */
html, body {
position: relative;
height: 100%;
}
body {
background: #eee;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
color:#000;
margin: 0;
padding: 0;
}
.swiper-container {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-pagination-bullet {
width: 20px;
height: 20px;
line-height: 20px;
}
.swiper-pagination-bullet-active {
background: rgba(52,73,94,0.8);
}
#page003 .swiper-pagination-bullet {
text-align: center;
font-size: 12px;
color: rgba(0,0,0,0.2);
opacity: 1;
background: rgba(255,255,255,0.2);
}
#page003 .swiper-pagination-bullet-active {
color: rgba(0,0,0,0.7);
background: rgba(255,255,255,0.7);
}

#page003 .swiper-container {
padding-bottom: 30px;
}
#page003 .swiper-container-horizontal>.swiper-pagination-bullets {
bottom:0;
}

/* --------------------
* 03.common
-------------------- */
.swiper-container-v > .swiper-wrapper > .swiper-slide {
background-size: cover;
}
#top.isNotBokeh {
background-image:url(/asset/img/bg_top.png)!important;
}
#page001 {
position:relative;
height:100%;
}
#page001 .absoluteBox {
position:absolute;
top:50%;
left:50%;
margin-top:-150px;
margin-left:-135px;
}
#page001 p {
color:#fff;
font-family: Lucida Handwriting;
}
/* --------------------*/
#page002 {
width:100%;
padding:100px 0;
}
#page002 .relativeBox {
background: rgba(255,255,255,0.7);
padding:100px 0;
}
#page002 .absoluteBox {
text-align: center;
height:100%;
}
#page002 .absoluteBox p {
font-family: 'Kokoro', 'SimSun';
font-size: 20px;
line-height: 1.5;
color: #333;
margin: 0;
}
/* --------------------*/
#page003 {
width:100%;
padding:50% 50px;
}
#page003 .absoluteBox {
height: 480px;
}
#page003 .menuCassette {
font-family: 'Kokoro', 'SimSun';
}
#page003 .menuCassette p {
color:#333;
font-size: 20px;
line-height: 1.5;
margin-bottom: 20px;
}
/* --------------------*/
#page004 {
width: 100%;
padding: 100px 0;
}
#page004 .absoluteBox {
background: rgba(255,255,255,0.7);
padding: 40px 100px;
display:flex;
}
#page004 .leftBox {
width: 50%;
text-align: center;
padding: 50px 0 0;
}
#page004 .leftBox img {
display:inline-block;
}
#page004 .leftBox p {
font-family: 'Kokoro', 'SimSun';
font-size: 14px;
line-height: 1.5;
color:#333;
margin:20px 0;
}
#page004 .rightBox {
width: 50%;
text-align: center;
padding: 30px 0 0;
}
#page004 .rightBox p {
font-family: 'Kokoro', 'SimSun';
font-size: 18px;
line-height: 1.5;
color:#333;
}

/* --------------------*/
#page005 {
width:100%;
padding:50% 50px;
}
#page005 .absoluteBox {
height: 496px;
}
#page005 ul {
width: 780px;
margin-bottom:0;
}
#page005 li.cassetteBody {
list-style: none;
height: 150px;
margin-bottom: 20px;
text-align: center;
}
#page005 li.cassetteBody:last-child {
margin-bottom:0;
}
#page005 li.cassetteBody a {
display: flex;
font-family: 'Kokoro', 'SimSun';
color: #fff;
text-decoration: none;
border: 1px solid #95989A;
border-radius: 8px;
}
#page005 li.cassetteBody .leftBox img {
border-radius: 8px 0 0 8px;
}
#page005 li.cassetteBody .rightBox {
text-align: center;
width:100%;
}
#page005 li.cassetteBody .rightBox p.mds {
line-height: 40px;
border-radius: 0 8px 0 0;
background: rgba(52,73,94,0.8);
height: 40px;
margin: 0;
}
#page005 li.cassetteBody .rightBox p.ttl {
border-radius: 0 0 8px 0;
height: 110px;
background: rgba(255,255,255,0.5);
margin: 0;
color: #95989A;
box-sizing: border-box;
padding-top:20px;
}
/* --------------------*/
#page006 {
width: 100%;
padding: 100px 0;
position: relative;
}
#page006 .absoluteBox {
background: rgba(255,255,255,0.7);
padding: 40px 100px;
display:flex;
}
#page006 #map {
height: 400px;
width: 100%;
}
#page006 #detail{
font-family: 'Kokoro', 'SimSun';
color: #95989A;
text-align: center;
height:400px;
padding: 120px 60px;
}
#page006 #detail .adress {
height: 50%;
font-size: 14px;
}
#page006 #detail .tel {
height: 50%;
}
#page006 #footer {
font-family: Lucida Handwriting;
font-size: 14px;
color: #95989A;
position: absolute;
bottom:25px;
left: 0;
right: 0;
}
/* --------------------*/
#fixedContents {
position: fixed;
top:10px;
left:10px;
z-index:99;
}
#fixedContents a.icon {
text-decoration: none;
display: inline-block;
width: 55px;
height: 55px;
padding: 5px;
border-radius: 8px;
opacity: 0.4;
cursor: pointer;
}
#fixedContents a.icon:last-child {
margin-right: 0;
}
#fixedContents a.icon:hover {
opacity: 0.9;
}