/*
 * Style tweaks
 * --------------------------------------------------
 */
 .kosugi {
    font-family: 'Kosugi', sans-serif;
}
 img {
 	width: 100%;
 	height: auto;
 }
 .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.pc-menu {
	display:none;
}
.sp-menu {
	display:block;
}
#footer {
	width:80%;
	margin:50px auto 0 auto;
}
.flex {
    display: flex;
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    flex-wrap: wrap;
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
}
.foot-l {
}
.foot-l address {
	width:100%;
	margin: 20px 0 0 0;
}
.foot-l p.tel {
	width:100%;
}
.foot-l p.foot-open {
	clear:both;
	width:100%;
}

.foot-c ul li:nth-child(n + 5) {
	display:none;
}
.foot-r {
	border-top:solid 1px #000;
	padding:20px 0 0 0;
	margin:20px 0 0 0;
    width: 100%;
}
.footermenu {
	display:none;
}
.foot-r p.bosyu {
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	width:100%;
	border:solid 2px #FF0000;
	padding:10px 0;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */ 
}
.footershopname {
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    font-size: 16px;
    border-top: dotted 1px #ccc;
}
.foot-l .footeraddress2 {
    width: 100%;
    margin: 8px 0 0 0;
}
.foot-l p.tel {
    width: 100%;
    margin: 0;
}
.foot-contact-tel {
    margin: 20px 0 0 0;
    padding: 20px 0;
    border-top: dotted 1px #ccc;
}
@media (min-width:768px) {
.pc-menu {
	display:block;
}
.sp-menu {
	display:none;
}

header ul.head-menu {
    font-size: 1vw;
    letter-spacing: 0.1em;
}
}


footer {
    padding: 0 0 150px 0;
}
.enji-sp {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}
.enji-sp img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.enji-pc {
    display: none;
}
.enji-sp img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
span.compname {
    font-size: 16px;
}

@media (min-width:768px) {
    footer {
    padding: 0 0 100px 0;
}
    .enji-sp {
        display: none;
    }

.enji-pc {
    display: block;
    position: fixed;
    top: 120px;
    right: 2%;
    width: 32%;
    /*max-width: 200px;*/
    max-width: 165px;
    z-index: 1030;
}
}


.head-menu li a.sns-icon img {
    display: block;
    opacity: 1;
    width: 25px;
    height: auto;
    margin: 0 auto;
}
.head-menu li a {
    display: block;
    width: 100%;
}
@media (min-width:768px) {
.js-hiraku-header-fixed {
    display: flex;
    justify-content: space-between;
}
header ul.head-menu {
    font-size: 0.95vw;
    letter-spacing: 0.1em;
}
.head-menu li a.sns-icon:hover img {
    display: block;
    opacity: 1;
    width: 25px;
    height: auto;
    margin: 0 auto;
    position: relative;
    top: 0;
}
}


.blogimage {
    overflow: hidden;
    position: relative;
    height: 200px;
}