@charset "UTF-8";

/* =========================================================
#c-btn__pagetop
=========================================================== */

#c-btn__pagetop{
position:fixed;
left:auto;
right:8px;
bottom:8px;
width:56px;
height:56px;
background:rgba(0,0,0,0.5);
border:1px solid #565656;
border-radius:6px;
overflow:hidden;
z-index:100;
display: none;
}
#c-btn__pagetop:hover{
background:rgba(0,0,0,0.6);
}
#c-btn__pagetop img{
width:100%;
height:auto;
display:block;
}
@media (max-width: 768px){
#c-btn__pagetop{
right:5px;
bottom:5px;
width:40px;
height:40px;
}
}

/* =========================================================
.c-store
=========================================================== */

.c-store{
margin:0 auto 20px;
width:80%;
border:1px solid #78878f;
border-radius:6px;
overflow:hidden;
box-shadow:2px 2px 3px 0px rgba(32, 32, 32, 0.15);
}
.c-store:last-child{
margin:0 auto;
}
.c-store__name{
padding:10px;
font-size:18px;
line-height:1;
font-weight:bold;
color:#00547b;
border-bottom:5px solid #99cae0;
background:#e5f2f9 url(../img/layout/bg_title.png) center top;
background-size:12px 12px;
}
.c-store__address{
padding:8px 10px;
font-size:16px;
line-height:1.2;
border-bottom:1px dotted #4292b8;
}
.c-store__phone{
padding:8px 10px 10px;
font-size:16px;
line-height:1;
}
.c-store__name i,
.c-store__address i,
.c-store__phone i{
margin-right:2px;
width:24px;
font-size:15px;
text-align:center;
color:#007eb8;
}
@media (max-width: 768px){
.c-store{
margin:0 auto 10px;
width:100%;
}
.c-store__name{
padding:8px;
font-size:15px;
border-bottom:4px solid #99cae0;
background:#dadee0 url(../img/layout/bg_title.png) center top;
background-size:10px 10px;
}
.c-store__address{
padding:6px 8px;
font-size:13px;
}
.c-store__phone{
padding:6px 8px 8px;
font-size:13px;
line-height:1;
}
.c-store__name i,
.c-store__address i,
.c-store__phone i{
width:16px;
font-size:13px;
}
}

/* =========================================================
.c-contact
=========================================================== */

.c-contact__wrap{
margin:0 auto;
padding:12px;
width:80%;
border:1px solid #008bcb;
border-radius:6px;
overflow:hidden;
box-shadow:2px 2px 3px 0px rgba(32, 32, 32, 0.15);
background:#ffffff url(../img/layout/bg_contact.png) center top;
background-size:12px 12px;
background-attachment:fixed;
}
.c-contact{
margin:0 0 10px;
background:#ffffff;
border:1px solid #4292b8;
border-radius:6px;
overflow:hidden;
box-shadow:2px 2px 3px 0px rgba(32, 32, 32, 0.15);
}
.c-contact__tell{
padding:10px 10px 8px;
font-size:16px;
line-height:1.2;
border-bottom:1px dotted #4292b8;
}
.c-contact__mail{
padding:8px 10px 10px;
font-size:16px;
line-height:1;
}
.c-contact__tell i,
.c-contact__mail i{
margin-right:2px;
width:24px;
font-size:15px;
text-align:center;
color:#007eb8;
}
.c-contact__notice{
font-size:14px;
text-align:center;
}

@media (max-width: 768px){
.c-contact__wrap{
margin:0 auto;
padding:10px;
width:100%;
background:#ffffff url(../img/layout/bg_contact.png) center top;
background-size:10px 10px;
background-attachment:fixed;
}
.c-contact{
margin:0 0 8px;
}
.c-contact__tell{
padding:8px 8px 6px;
font-size:13px;
}
.c-contact__mail{
padding:6px 8px 8px;
font-size:13px;
line-height:1;
}
.c-contact__tell i,
.c-contact__mail i{
width:16px;
font-size:13px;
}
.c-contact__notice{
font-size:12px;
text-align:center;
}
}