@charset "UTF-8";
/*-----------------------------------------------------------------
 全体
-----------------------------------------------------------------*/
* { 
	box-sizing: border-box;
	list-style-type: none;
    margin: 0px; 
    padding: 0px; 
}
body{
	background: #F3D8C2;
	color: #131313;
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','メイリオ', Meiryo,'Meiryo UI',sans-serif;
	font-size: 18px;
	line-height: 1.7;
}
article{
	background: #fff;
	margin: 0 auto;
	max-width: 980px;
	width:100%;
}
section{}

/* 画像 */
figure{
	margin: 0;
	padding: 0;
}
img{
	height: auto;
	vertical-align: top;
	width: 100%;
}

/* 装飾
-----------------------------------------*/
/* 詳細 */
.box{
	margin-bottom: 40px;
}

/* 詳細_装飾 */
.box h2{
	background: #a43119;
	color: #fff;
    font-size: 130%;
	font-weight: bold;
    letter-spacing: 0.06em;
	margin-bottom: 20px;
	padding: 10px 40px;
}
.box .txt{
	padding: 0 40px;
}
.box .txt h3{
	font-size: 115%;
	font-weight: bold;
}
.box .txt ul{
	font-size: 14px;
}	
.box .txt p{
	font-size: normal;
}


/* メインビジュアル
-----------------------------------------*/
#cont1_Area{
	
}

/* LPについて
-----------------------------------------*/
#cont2_Area{
	margin-bottom: 60px;
}

/* 店舗リスト
-----------------------------------------*/
#cont3_Area{
	
}

/* ship_list.cssの打消し */
#cont3_Area .cts{
	padding: 0 40px;
}
#cont3_Area .chirashiAreaBlockHdr{
	border: none;
	border-radius: 0;
    font-size: 110%;
    font-weight: bold;
}
#cont3_Area .chirashiAreaBlockTtl {
    font-size: 100%;
    font-weight: bold;
}
.chirashiAreaBlockList{
	
	padding: 0;
}
.chirashiAreaBlockList > li{
    font-size: 16px;
	margin-bottom: 0;
}
.chirashiAreaBlockList > li::before{
	content: '\f105';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	padding-right: 5px;
}

/* 他地域への誘導 */
.line{
	border: 2px solid #f3d37c;
	border-radius: 5px;
	margin: 0 auto 60px;
    padding: 20px 40px;
    width: 90%;
}

.li_area{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}
.li_area li{
	margin-bottom: 15px;
	text-align: center;
	width: calc(97.5% / 3);
}
.li_area li a{
	border: 2px solid #a43119;
	display: block;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
}
.li_area li a:hover{
	background: #a43119;
	color: #fff;
}

/* footer
-----------------------------------------*/
footer{
	
}

/* ship_list.cssの打消し */
footer.shopft {
    background: #a43119;
    border-top: none;
}
footer.shopft #copy{
	color: #fff;
	font-size: 12px;
	text-align: center;
	width: auto;
}

/*-----------------------------------------------------------------
 979px以下
-----------------------------------------------------------------*/
@media only screen and (max-width: 979px){
    .l_mainArea {
        padding: 0;
    }
}

/*-----------------------------------------------------------------
 768px以下
-----------------------------------------------------------------*/
@media screen and (max-width: 768px){
	body{
        font-size: 16px;
    }
}

/*-----------------------------------------------------------------
 480px以下
-----------------------------------------------------------------*/
@media screen and (max-width: 480px){
	body{
        font-size: 14px;
    }

    /* 装飾
    -----------------------------------------*/
    /* 詳細_装飾 */
	.box{
		margin-bottom: 25px;
	}
	.box h2{
		padding: 10px 20px;
	}
	
    .box .txt{
        padding: 0 20px;
    }
    .box .txt h3{
        font-size: 115%;
        font-weight: bold;
    }
    .box .txt ul{
        font-size: 14px;
    }	
    .box .txt p{
        font-size: normal;
    }
	
	/* 店舗リスト
    -----------------------------------------*/
	/* ship_list.cssの打消し */
	#cont3_Area .cts{
		padding: 0 20px;
	}
	#cont3_Area .chirashiAreaBlockTtl{
		font-size: 115%;
	}
	.chirashiAreaBlockList > li{
		font-size: 14px;
	}
	
	/* 他地域への誘導 */
	.line{
		padding: 20px;
	}
	
	.li_area li {
        width: calc(97.5% / 2);
    }
}