@charset "UTF-8";
/* ゆかりの活動 */

/*記事共通*/
#content {
  width: 96%;
  padding: 0 2%;
}

.article {
  width: 100%;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.article h2 {
width: 87%;
  margin-bottom: 10px;
  padding: 10px 10% 10px 3%;
  background: url("../img/house/bg_h2_house-sp.jpg") left top / 100% auto;
  background-repeat: repeat-y;
  color: #fff;
  font-size: 1.1em;
  font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-weight: bold;
}

/*キャラ紹介*/
.article h3 {
visibility: hidden;
height: 0;
}

.character1 {
background: url("../img/house/bg_house_1-sp.png") left top / 100% auto;
background-repeat: no-repeat;
padding-top: 72vw;
}

.character1 p {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 5px dotted #f9e0d1;
}

.character2 {
background: url("../img/house/bg_house_2-sp.png") left top / 100% auto;
background-repeat: no-repeat;
padding-top: 62vw;
}

/*ゆかりってどんなお店?*/
.about {
background: url("../img/house/bg_house_3-sp.png") left top / 100% auto;
background-repeat: no-repeat;
padding-top: 60vw;
}

/*右カラム
_____________________________________________________*/

#sidebar {
  width: 96%;
  padding: 0 2%;
  text-align: center;
}

/*ページ内リンク*/
#article-list h2 {
	background-color:#000;
	border: 1px solid #ab9126;
	padding:10px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size:1.1em;
    margin-bottom: 10px;
}

#article-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#article-list li {
    background: url("../img/house/ico-house-red.png") no-repeat scroll 7px center;
    background-size:11px 11px;
    border-bottom: 1px dotted #929291;
    font-size: 1em;
    margin: 0;
    padding: 5px 0  5px 30px;
    text-align: left;
}
#article-list li a {
    display: block;
	text-decoration:none;
}
#article-list li a:link, #article-list li a:visited {
    color: #000;
}
#article-list li a:hover, #article-list li a:active {
    color: #555;
    text-decoration: underline;
}

.soon {color: #999;}

#eggday {
	background-color:#fff;
	padding:5px;
	text-align:center;
	overflow:hidden;
    width: calc(80% - 10px);
    margin: 0 auto 20px;
}

#eggday img {
	width:80%;
	height:auto;
	margin:0 5px 0 0;
}

#eggday-txt {
	background-color:#fff;
	padding:10px;
	text-align:left;
}

#eggday-txt strong{
	color:#d60c19;
}

#eggday-west {
	color:#d60c19;
	font-size:112%;
	font-weight:bold;
    text-align: center;
}

#eggday-note {
	font-size:80%;
	padding-top:5px;
}

/*SNS*/
#sns {
	text-align:center
}

#sns img {
	width:calc(70% / 3);
	height:auto;
}

.sns-btn {
	margin-right:3%;
}