@charset "utf-8";
/*------------------------------------------------------------
　blog
-------------------------------------------------------------*/
.sec_blog{
  background: #fff;
  border-radius: 10px;
  padding: 20px 0 20px;
  margin: 0 20px;
}
.sec_blog .content_ttl3:before{
	content:"";
	width:20px;
	height:29px;
	background:url(../images/shop/icon_naka.png) no-repeat;
	display:inline-block;
	vertical-align:middle;
	margin:-2px 10px 0 0;
}
.box_blog{
  margin-top: 20px;
  position: relative;
}
.box_blog:before{
  content: "";
  width: 1px;
  height: 100%;
  background: #e6e6e6;
  display: block;
  position: absolute;
  top: 0;
  right: 226px;
}
.box_blog>*{
  float: left;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.box_blog_l{
  width: 590px;
}
.box_blog_r{
  width: 225px;
}
.ttl_li{
  color: #ff7a7a;
  font-size: 16px;
  margin-bottom: 10px;
}
.icon_li{
  background: url(../images/blog/icon_li.png) no-repeat 0 center;
  padding-left: 25px;
}
.icon_archive{
  background: url(../images/blog/ttl_archive.png) no-repeat 0 4px;
  border-bottom: 1px dashed #c1c0a3;
  padding-bottom: 5px;
  padding-left: 26px;
  margin-bottom: 20px;
}

.li_blog{
  border-top: 1px solid #e6e6e6;
}
.item_blog{
  cursor: pointer;
  border-bottom: 1px solid #e6e6e6;
  padding: 15px 0;
  transition: .2s ease;
}
.item_blog:hover .img>*{
  opacity: .8;
}
.item_blog:hover a{
  text-decoration: none;
}
.item_blog .row{
  width: 100%;
  display: table;
}
.item_blog .row>*{
  display: table-cell;
  vertical-align: top;
}
.item_blog .row .img{
  width: 104px;
}
.item_blog .row .img+.box_item_blog_r{
  padding-left: 20px;
}
.box_item_blog_r{
  width: 100%;
  background: url(../images/blog/icon_next.png) no-repeat right center;
  padding-right: 30px;
}
.item_blog .ttl a{
  color: #924226;
  font-size: 16px;
}
.item_blog .txt{
  margin-top: 10px;
}
.box_item_blog_bottom{
  border-top: 1px dashed #e6e6e6;
  padding-top: 15px;
  margin-top: 15px;
}
.box_item_blog_bottom>*{
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
}
.box_item_blog_bottom .date{
  float: left;
}
.box_item_blog_bottom .staff{
  float: right;
  background: url(../images/common/sp_data01.png) no-repeat 0 center;
  padding-left: 21px;
}

/* list */
.selectbox_archive{
  font-size: 0;
  margin-bottom: 20px;
}
.selectbox_archive>*{
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
}
.selectbox_archive>*+*{
  margin-left: 20px;
}
.selectbox_archive select{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
  cursor: pointer;
  width: 130px;
  height: 40px;
	background:#fff url(../images/blog/select_parts.png) no-repeat right center;
	border:2px solid #e0d7c4;
	border-radius:5px;
	padding:10px;
}
.selectbox_archive select option{
  cursor: pointer;
}
.ttl_archive_li{
  font-size: 16px;
}

/* details */
.detail_blog>*+*{
  margin-top: 30px;
}
.detail_blog .date{
  font-size: 12px;
  border-bottom: 1px dashed #e6e6e6;
  padding-bottom: 5px;
}
.r_img{
  min-width: 104px;
	min-height: 104px;
  text-align: center;
  border-radius: 100%;
  overflow: hidden;
  display: block !important;
}
.r_img>*{
  max-width: 104px;
  max-height: 104px;
  display: inline-block;
  vertical-align: middle;
}
.r_img{
  border: 5px solid #f5f2ec;
}
.ttl_detail_blog{
  color: #a02200;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.r_img+.detail_blor_r .ttl_detail_blog{
  padding-left: 20px;
}
.row{
  width: 100%;
  display: table;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.row>*{
  display: table-cell;
  vertical-align: top;
}
.w100{
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.row .img{
  padding-right: 10px;
}
.row .balloon p{
  font-size: 12px;
  height: 40px;
  background: #f5f2ec;
  padding: 6px 10px;
  position: relative;
}
.row .balloon p:before{
  content: "";
  width: 16px;
  height: 17px;
  background: url(../images/common/sp_data01.png) no-repeat;
  background-size: 16px 17px;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 5px 0 0;
}
.r_img+.detail_blor_r .balloon{
  padding-left: 20px;
}
.r_img+.detail_blor_r .balloon p:after{
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right: 10px solid #f5f2ec;
  position: absolute;
  top: 50%;
  left: -15px;
  margin-top: -5px;
}
.blog img{
  max-width: 100%;
}
/*------------------------------------------------------------
　right
-------------------------------------------------------------*/
.box_blog_r>*+*{
  margin-top: 20px;
}
div[class^="blog_content_"]>*+*{
  margin-top: 10px;
}
/* ttl */
div[class^="blog_content_"] h3{
	position: relative;
  color: #fff;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  background-color: #ff7a7a;
  padding-left: 40px;
}
div[class^="blog_content_"] h3:before{
	position: absolute;
	top: 50%;
	left: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden;
	background-image: url(../images/blog/right-ttl.png);
	background-repeat: no-repeat;
	content: "";
}
.blog_content_shopData h3:before{
	width: 20px;
	height: 18px;
	background-position: 0 0;
}
.blog_content_new h3:before{
	width: 18px;
	height: 18px;
	background-position: 0 -18px;
}
.blog_content_calendar h3:before{
	width: 20px;
	height: 18px;
	background-position: 0 -36px;
}
.blog_content_archive h3:before{
	width: 21px;
	height: 13px;
	background-position: 0 -56px;
}

/* shop */
.blog_content_shopData .img{
	text-align: center;
}
.li_blog_content_shopData li{
	position: relative;
	padding-left: 15px;
}
.li_blog_content_shopData li:before,
.item_li_blog_content_new:before{
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden;
	background-image: url(../images/blog/right-contents-icon.png);
	content: "";
}
.li_blog_content_shopData .shop:before{
	width: 12px;
	height: 12px;
	background-position: 0 0;
}
.li_blog_content_shopData .area:before{
	width: 11px;
	height: 14px;
	background-position: 0 -12px;
}
.li_blog_content_shopData .type:before{
	width: 11px;
	height: 10px;
	background-position: 0 -26px;
}

/* new */
.item_li_blog_content_new{
	position: relative;
  padding-left: 22px;
  margin-top: 20px;
}
.item_li_blog_content_new:before{
	top: 3px;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	width: 12px;
	height: 14px;
	background-position: 0 -36px;
}
.item_li_blog_content_new a{
  color: #a02200;
  text-decoration: underline;

}
.item_li_blog_content_new a:hover{
  text-decoration: none;
}
.btn_blog_content a{
  color: #ff7a7a;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  height: 40px;
  line-height: 40px;
  border: 2px solid #ff7a7a;
  display: block;
  position: relative;
}
.arrow{
  -webkit-transition: .2s ease;
  transition: .2s ease;
}
.arrow:before{
  content: "";
  width: 6px;
  height: 11px;
  background: url(../images/blog/arrow_6_22_ff7a7a_fff.png) no-repeat;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -6px;
}
.arrow:hover{
  color: #fff;
  background-color: #ff7a7a;
}
.arrow:hover:before{
  background-position: 0 bottom;
}

/* calendar */
.calendar_blog{
  padding: 10px 0;
}
.calendar_blog .ui-widget.ui-widget-content{
  width: 100%;
  border: 0;
  -webkit-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;
}
.btn_accordion span{
  cursor: pointer;
}
.btn_accordion:hover,
.accordion>*:hover{
  text-decoration: none;
}
.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;
  margin-left: 40px;
  position: relative;
}

.link_shop{
  padding: 15px 10px;
  margin-top: 20px;
}
.link_shop .btn_link:hover{
	transition:background-color .2s ease;
}
/* pagenation */
.pagenation_blog{
  width: 100%;
  border: 1px solid #e6e6e6;
  display: table;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pagenation_blog>*{
  width: 50%;
  display: table-cell;
  position: relative;
}
li[class^="p_b_"]:before{
  content: "";
  width: 30px;
  height: 100%;
  position: absolute;
  top: 0;
}
.p_b_prev:before{
  background: url(../images/common/arrow/prev_10_16_a02200.png) no-repeat 10px center;
  border-right: 1px dashed #e6e6e6;
  left: 0;
}
.p_b_next:before{
  background: url(../images/common/arrow/next_10_16_a02200.png) no-repeat 10px center;
  border-left: 1px dashed #e6e6e6;
  right: 0;
}
.pagenation_blog>*+*{
  border-left: 1px solid #e6e6e6;
  margin-top: 10px;
}
.pagenation_blog li:hover a{
  text-decoration: none;
}

.pagenation_blog .prev,
.pagenation_blog .next{
  text-align: center;
  margin-top: 10px;
}
.p_b_prev>*{
  padding-left: 30px;
}
.p_b_next>*{
  padding-right: 30px;
}

.pagenation_blog>* .row{
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.p_b_prev .row{
  padding-right: 10px;
  padding-left: 40px;
}
.p_b_next .row{
  padding-right: 40px;
  padding-left: 10px;
}

.pagenation_blog .row>img+.ttl{
  width: 100%;
  padding-left: 10px;
}
.pagenation_blog .ttl a{
  color: #a02200;
  font-weight: bold;
  text-decoration: underline;
}