@charset "utf-8";

@import url("../../common/css/reset.css");
@import url("../../common/css/layout.css");
@import url("../../common/css/page.css");

/* カラムのリセット */

#main{
	width:580px;
	margin-bottom:30px;
}

#side{
	width:350px;
	margin-bottom:30px;
}

#side img{
	border:5px #FFF solid;
	border-radius:20px;
	width:100%;
	height:auto;
	vertical-align:bottom;
}

#side img + img{
	margin-top:30px;
}

/* コモン */

section{
	line-height:1.8;
}

h1{
	text-align:center;
	margin-bottom:30px;
}

/* アンカーメニュ */

#menu{
	background:#FFF;
	-webkit-border-radius:40px;
	border-radius:40px;
	margin-bottom:60px;
}

#menu ul{
	display:table;
	table-layout:fixed;
	width:100%;
}

#menu ul li{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	padding:10px;
}

#menu ul li img{
	vertical-align:bottom;
}

#menu ul li + li{
	border-left:1px #EEE solid;
}

#menu ul li a{
	background:url(../../common/svg/arrow/skyblue_B.svg) no-repeat left center;
	display:inline-block;
	padding-left:30px;
}

/* ここからコンテンツ */

#container section + section{
	margin-top:60px;
}

#container section img{
	vertical-align:bottom;
}

#container section h2{
	margin-bottom:30px;
	position:relative;
	padding-left:100px;
}

#container section h2:before{
	content:"";
	display:block;
	height:60px;
	position:absolute;
	left:0; top:50%;
	margin-top:-30px;
	width:80px;
}

#santosanto h2:before{
	background:url(../../common/svg/store_logo/santosanto.svg) no-repeat center #FFF;
	background-size:auto 50px;
}
#santocafe_hanamizuki h2:before{
	background:url(../../common/svg/store_logo/santocafe_hanamizuki.svg) no-repeat center #FFF;
	background-size:auto 50px;
}
#santocafe_anniversaries h2:before{
	background:url(../../common/svg/store_logo/santocafe_anniversaries.svg) no-repeat center #FFF;
	background-size:auto 50px;
}
#santosanto_cafedining h2:before{
	background:url(../../common/svg/store_logo/santosanto_cafedining.svg) no-repeat center #FFF;
	background-size:auto 50px;
}
#santocafe_friends h2:before{
	background:url(../../common/svg/store_logo/santocafe_friends.svg) no-repeat center #FFF;
	background-size:auto 40px;
}

#container section div.text{
	background:#F5F0D6;
	-webkit-border-radius:20px;
	border-radius:20px;
	padding:30px;
}

#container section dl{
	background:#F5F0D6;
	-webkit-border-radius:20px;
	border-radius:20px;
	padding:30px;
}

#container section dt{
	padding-top:0.5em;
	font-weight:bold;
}

#container section dt:first-of-type{
	padding-top:0;
}

#container section dd{
	border-bottom:1px #A19042 dotted;
	padding-bottom:0.5em;
}

/*　注釈 */

.notes{
	border:5px #FFF solid;
	border-radius:10px;
	clear:both;
	padding:1em 20px;
	text-align:center;
}