@charset "utf-8";
/* blog */ 
.content{
	border:1px solid #d3c6af;
	border-radius:10px;
	padding-top:10px;
  padding-bottom: 10px;
  margin: 10px 10px 0;
}
.contents_tit{
	color:#a02200;
	font-weight:bold;
	background:#fffcdf url(../images/shop/icon_naka.png) no-repeat 10px center;
  background-size: 24px 21px;
	border-top: 1px solid #fae8c5;
  border-bottom: 1px solid #fae8c5;
	overflow:hidden;
	padding:5px 10px 5px 44px;
}

/* index */
.li_blog>*+*{
  border-top: 1px solid #d3c6af;
}
.item_blog{
  line-height: 1.5;
  padding: 15px 10px;
  position: relative;
}
.li_blog　.item_blog{
  padding: 15px 30px 15px 10px;
}
.li_blog .item_blog:before{
  content: "";
  width: 8px;
  height: 13px;
  background: url(../images/common/arrow/arrow_16_26.png) no-repeat;
  background-size: 8px 13px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -7px;
}
.item_blog>*+*{
  margin-top: 10px;
}
.item_blog .date{
  font-size: 12px;
}
.item_blog .ttl{
  color: #a02200;
  font-size: 18px;
  font-weight: bold;
}
.item_blog a.ttl{
  text-decoration: underline;
}
.row{
  width: 100%;
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.row>*{
  display: table-cell;
  vertical-align: top;
}
.w100{
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.row .img{
  padding-right: 10px;
}
.r_img{
  min-width: 52px;
  text-align: center;
  border-radius: 100%;
  overflow: hidden;
}
.r_img>*{
  max-width: 52px;
  max-height: 52px;
  display: inline-block;
  vertical-align: middle;
}
.row .balloon{
  padding-right: 20px;
}
.row .balloon p{
  font-size: 12px;
  height: 40px;
  background: #f5f2ec;
  padding: 6px 10px;
  position: relative;
}
.row .balloon p:before{
  content: "";
  width: 10px;
  height: 11px;
  background: url(../images/common/icon_staff.png) no-repeat;
  background-size: 10px 11px;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 5px 0 0; 
}
.row .balloon p:after{
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left: 10px solid #f5f2ec;
  position: absolute;
  top: 50%;
  right: -15px;
  margin-top: -5px;
}
.blog img{
  max-width: 100%;
}

/* blog_content */
.blog_content{
  margin-top: 20px;
}

/* ttl */
div[class^="blog_content_"] h3{
  color: #fff;
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  background-color: #ff7a7a;
  padding-left: 40px;  
}
.blog_content_shopData h3{
  background: url(../images/blog/icon_shop_ttl.png) no-repeat 10px center;
  background-size: 21px 18px;
}
.blog_content_new h3{
  background: url(../images/blog/icon_new_ttl.png) no-repeat 10px center;
  background-size: 18px 18px;
}
.blog_content_calendar h3{
  background: url(../images/blog/icon_calendar_ttl.png) no-repeat 10px center;
  background-size: 21px 18px;
}
.blog_content_archive h3{
  background: url(../images/blog/icon_archive_ttl.png) no-repeat 10px center;
  background-size: 21px 14px;
}

/* shop */
.blog_content_shopData .box{
  padding: 15px 10px;
}
.blog_content_shopData .box>*+*{
  margin-top: 10px;
}
.li_blog_content_shopData>*{
 padding-left: 15px; 
}
.li_blog_content_shopData .shop{
  background: url(../images/blog/icon_shop.png) no-repeat 0 2px;
  background-size: 13px 12px;
}
.li_blog_content_shopData .area{
  background: url(../images/blog/icon_area.png) no-repeat 0 2px;
  background-size: 12px 14px;
}
.li_blog_content_shopData .type{
  background: url(../images/blog/icon_type.png) no-repeat 0 5px;
  background-size: 11px 9px;
}

/* new */
.item_blog_content_new{
  border-bottom: 1px solid #e6e6e6;
}
.item_blog_content_new a{
  color: #a02200;
  text-decoration: underline;
  background: url(../images/blog/icon_new.png) no-repeat 10px 16px;
  background-size: 12px 14px;
  padding: 15px 30px;
  display: block;
  position: relative;
}
.btn_blog_content{
  padding: 20px;
}
.btn_blog_content a{
  color: #ff7a7a;
  font-size: 16px;
  text-align: center;
  height: 45px;
  line-height: 45px;
  border: 2px solid #ff7a7a;
  display: block;
  position: relative;
}
.arrow:before{
  content: "";
  width: 9px;
  height: 15px;
  background: url(../images/blog/arrow_18_30_ff7a7a.png) no-repeat;
  background-size: 9px 15px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
}

/* calendar */
.calendar_blog{
  padding: 15px 10px;
}
.calendar_blog .ui-widget.ui-widget-content{
  width: 100%;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.calendar_blog .ui-datepicker{
  padding: 0;
}
.calendar_blog .ui-datepicker table.ui-datepicker-calendar{
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  border: 0 !important;
  margin: 0;
}
.calendar_blog .ui-datepicker-header{
  border: 1px solid #d7cbb6;
}
.calendar_blog tr{
  border-right: 1px solid #d7cbb6;
  border-bottom: 1px solid #d7cbb6;
  border-left: 1px solid #d7cbb6;
}
.calendar_blog tr>*+*{
  border-left: 1px solid #d7cbb6;
}
.ui-datepicker th{
  height: 25px;
  padding: 0;
}
.calendar_blog tr td{
  text-align: center;
  padding: 0;
}
.calendar_blog tr td .ui-state-default{
  text-align: center;
  border: 0;
}
.calendar_blog tr .ui-datepicker-week-end:first-child,
.calendar_blog tr .ui-datepicker-week-end:first-child a{
  color: #f03c3c;
}
.calendar_blog tr .ui-datepicker-week-end:last-child,
.calendar_blog tr .ui-datepicker-week-end:last-child a{
  color: #1e6ee6;
}

.ui-datepicker td a{
  text-decoration: underline;
  background: #ffe5f1;
}
.ui-datepicker td a:hover{
  text-decoration: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
  background: #ffe5f1;
}

/* archive */
.accordion{
  display: none;
}
.btn_accordion,
.accordion>*{
  color: #924226;
  text-decoration: underline;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #bbb;
  padding-left: 10px;
}
.btn_accordion:before{
  content: "";
  width: 14px;
  height: 14px;
  background:url(../images/blog/icon_accordion.png) no-repeat;
  background-size: 14px 28px;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 10px 0 0;
}
.btn_accordion.on:before{
  background-position: 0 bottom;
}
.accordion>* a{
  color: #924226;
  display: block;
  padding-left: 40px;
  position: relative;
}

/* link */
#pager{
	text-align:center;
	padding-bottom:20px;
}
#count{
	color:#fff;
	background:#4c4c4c;
	border-radius:20px;
	display:inline-block;
	padding:5px 20px;
	margin-top:20px;
}
#btn_group{
	width:100%;
	display:table;
	border-collapse:separate;
	border-spacing:10px 0;
	margin-top:20px;
}
#btn_group a{
	color:#a02200;
	font-size:12px;
	height:48px;
	line-height:48px;
	border:2px solid #d8c8b8;
	border-radius:5px;
	position:relative;
	display:table-cell;
	vertical-align:bottom;
}
#pager_prev:before,#pager_next:after{
	content:"";
	width:10px;
	height:16px;
	display:inline-block;
	vertical-align:middle;
}
#pager_prev:before{
	background:url(../images/interview/prev.gif) no-repeat;
	background-size:10px 16px;
	margin:-2px 10px 0 0;
}
#pager_next:after{
	background:url(../images/interview/next.gif) no-repeat;
	background-size:10px 16px;
	margin:-2px 0 0 10px;
}
#btn_shop{
	color:#fff;
	font-weight:bold;
	text-align:center;
	height:50px;
	line-height:50px;
	background:#ff5e8f;
	border-radius:10px;
	display:block;
}

/* pagenation */
.pagenation_blog>*{
  border: 1px solid #e6e6e6;
}
.pagenation_blog>*+*{
  margin-top: 10px;
}
.pagenation_blog .prev,
.pagenation_blog .next{
  font-size: 12px;
  border-bottom: 1px dashed #e6e6e6;
  padding: 5px 10px;
}
.pagenation_blog .next{
  text-align: right;
}
.pagenation_blog .next:after{
  background: url(../images/common/arrow/next_20_32_a02200.png) no-repeat;
  margin: -2px 0 0 10px;
}
.pagenation_blog .prev:before{
  background: url(../images/common/arrow/prev_20_32_a02200.png) no-repeat;
  margin: -2px 10px 0 0;
}
.pagenation_blog .next:after,
.pagenation_blog .prev:before{
  content: "";
  width: 10px;
  height: 16px;
  background-size: 10px 16px;
  display: inline-block;
  vertical-align: middle;
}
.pagenation_blog .row{
  padding: 10px;
}
.pagenation_blog img+.ttl{
  width: 100%;
  padding-left: 10px;
}
.pagenation_blog .ttl a{
  color: #a02200;
  text-decoration: underline;
}

/* list */
.archive{
  padding: 15px 10px 0;
}
.ttl_archive{
  color: #ff7a7a;
  font-size: 14px;
  background: url(../images/blog/ttl_archive.png) no-repeat 0 center;
  background-size: 21px 14px;
  padding-left: 31px;
}
.selectbox_archive{
  margin-top: 10px;
}
.selectbox_archive>*+*{
  margin-top: 10px;
}
.selectbox_archive select{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background:#fff url(../images/interview/select_parts.gif) no-repeat right center;
	background-size:29px 38px;
	border:1px solid #bbb9b9;
	border-radius:5px;
  -webkit-box-shadow:inset 0 3px #ebebeb,inset 0 -3px #ebebeb,inset 3px 0 #ebebeb,inset -3px 0 #ebebeb;
	box-shadow:inset 0 3px #ebebeb,inset 0 -3px #ebebeb,inset 3px 0 #ebebeb,inset -3px 0 #ebebeb;
	padding:10px;
}
.ttl_archive_li{
  border-top: 1px dashed #d3c6af;
  border-bottom: 1px solid #d3c6af;
  padding: 20px 10px 10px;
  margin-top: 20px;
}