@charset "utf-8";

/* ==================================================
 - index
================================================== */

/* ----------------------------------------
 - pankuzu
---------------------------------------- */
#pankuzu span,
#pankuzu span a {
	color: #fff;
}

/* ----------------------------------------
 - #MainVisual
---------------------------------------- */
#MainVisual{
	background: url(../images/dmshop/main_pc.jpg) center center no-repeat;
	height: 260px;
	background-size: cover;
}
#MainVisual h2 {
	color: #fff;
	font-size: 34px;
	padding-top: 110px;
	text-align: center;
}

@media screen and (max-width: 768px) {
#MainVisual{
	background: url(../images/dmshop/main_sp.jpg) center center no-repeat;
	height: 130px;
	background-size: cover;
}
#MainVisual h2 {
	font-size: 27px;
	padding-top: 2em;
}
}

/* ----------------------------------------
 - #Contents .wrapper
---------------------------------------- */
#Contents .wrapper {
	margin: 0 auto;
	width: 981px;
}
@media screen and (max-width: 768px) {
    #Contents .wrapper {
        width: 92%;
    }
}

/* ----------------------------------------
 - section.store
---------------------------------------- */
#Contents section.store {
	padding:80px 0 0;
}
#Contents section.store .txt_before{
    margin: 0 auto 10px;
    width: 820px;
    font-size: 24px;
    line-height: 2.22em;
}
#Contents section.store p.lead {
	margin: 0 auto 70px;
	width: 820px;
	font-size: 17px;
	line-height: 2.22em;
}
#Contents section.store p.txt {
	margin: 90px auto 90px;
	width: 820px;
	font-size: 17px;
	line-height: 2.22em;
}
#Contents section.store .imgBox {
	overflow:hidden;
	margin:0 auto 25px;
}
#Contents section.store ul.imgBox li {
	float:left;
}
#Contents section.store ul.imgBox li:last-child {
	float:right;
}
#Contents section.store ul.shop_inside{
    display: flex;
    justify-content: center;
    gap:20px;
}
#Contents section.store ul.shop_inside li{
    float: none;
}
#Contents section.store ul.shop_inside li img{
    width:100%;
}
#Contents section.store ul.shop_inside li:last-child{
    float: none;
}
@media screen and (max-width: 768px) {
    #Contents section.store {
        padding: 2.0em 0;
    }
    #Contents section.store .txt_before{
        margin: 0 auto 0.5em;
        width: 90%;
        font-size: 18px;
        line-height: 1.8em;
    }
    #Contents section.store p.lead {
        margin: 0 auto 2.5em;
        width: 90%;
        font-size: 16px;
        line-height: 1.8em;
    }
    #Contents section.store p.txt {
        margin: 1.5em auto;
        width: 90%;
        font-size: 16px;
        line-height: 1.8em;
    }
    #Contents section.store .imgBox {
        overflow:hidden;
        margin:0 auto 1.0em;
    }
}

/* ----------------------------------------
 - section.boxMap
---------------------------------------- */
#Contents section.map .boxMpaWrapper {
	margin-bottom: 60px;
	overflow: hidden;
}
#Contents section.map .boxMpaWrapper .boxMap {
	border-radius: 5px;
	margin-bottom: 30px;
	overflow: hidden;
	line-height: 0;
}
#Contents section.map .boxMpaWrapper .boxMap iframe {
	pointer-events: none;
}
#Contents section.map .boxMpaWrapper .boxL {
	float: left;
	padding-top: 5px;
}
#Contents section.map .boxMpaWrapper .boxR {
	float: right;
}
#Contents section.map .boxMpaWrapper p.name {
	display: inline;
	font-size: 14px;
	padding-right: 15px;
}
#Contents section.map .boxMpaWrapper p.name span {
	font-family:"FOT-筑紫A丸ゴシック Std B";
	font-size: 18px;
}
#Contents section.map .boxMpaWrapper p.btn {
	display: inline;
}
#Contents section.map .boxMpaWrapper p.btn a {
	color:  #c7536f;
	border: solid 1px #c7536f;
	border-radius: 3px;
	font-size: 14px;
	padding: 6px 15px;
}
#Contents section.map .boxMpaWrapper p.btn a:hover {
	color:  #fff;
	background: #c7536f;
	text-decoration: none;
}
#Contents section.map .boxMpaWrapper p.address {
	float: left;
	font-size: 14px;
}
#Contents section.map .boxMpaWrapper p.tel {
	float: left;
	font-size: 14px;
	padding-left: 55px;
}

@media screen and (max-width: 768px) {
#Contents section.map .boxMpaWrapper {
	margin-bottom: 3em;
}
#Contents section.map .boxMpaWrapper .boxMap {
	border-radius: 5px;
	margin-bottom: 0.5em;
}
#Contents section.map .boxMpaWrapper .boxL {
	float: none;
	padding-top: 5px;
}
#Contents section.map .boxMpaWrapper .boxR {
	float: none;
	padding-top: 1em;
}
#Contents section.map .boxMpaWrapper p.name {
	display: block;
	font-size: 12px;
	margin-bottom: 1em;
	padding-right: 0;
}
#Contents section.map .boxMpaWrapper p.name span {
	font-family:"FOT-筑紫A丸ゴシック Std B";
	font-size: 16px;
}
#Contents section.map .boxMpaWrapper p.btn {
	display: inline;
}
#Contents section.map .boxMpaWrapper p.btn a {
	color:  #c7536f;
	border: solid 1px #c7536f;
	border-radius: 3px;
	font-size: 12px;
	padding: 6px 15px;
}
#Contents section.map .boxMpaWrapper p.btn a:hover {
	color:  #fff;
	background: #c7536f;
	text-decoration: none;
}
#Contents section.map .boxMpaWrapper p.address {
	font-size: 12px;
	width: 50%;
}
#Contents section.map .boxMpaWrapper p.tel {
	font-size: 12px;
	padding-left: 0;
	width: 50%;
}
}