/* CSS Document */
/*ページタイトル*/
section.page_title > h1::before{
  content: "Blog";
}
/*コンテンツ*/
div.blog_page_wrap{
  padding: var(--headerHeight) 0;
  box-sizing: border-box;
  background-color: #fff;
}
body[wc-view-type="sp"] div.blog_page_wrap{
  padding: var(--headerHeight) 6.5vw;
}
body[wc-view-type="tb"] div.blog_page_wrap,
body[wc-view-type="tb-l"] div.blog_page_wrap{
  padding: var(--headerHeight) 5vw;
}
body[wc-view-type="pc"] div.blog_page_wrap{
  padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}

div.blog_page_wrap div.blog_page_inner{
  display: flex;
}
body[wc-view-type="sp"] div.blog_page_wrap div.blog_page_inner{
  flex-direction: column;
}
div.blog_page_wrap div.blog_page_inner div.left_block{
  box-sizing: border-box;
}
body[wc-view-type="sp"] div.blog_page_wrap div.blog_page_inner div.left_block{
  width: 100%;
}
body[wc-view-type="tb"] div.blog_page_wrap div.blog_page_inner div.left_block{
  width: calc(100% - 200px);
  padding-right: 2rem;
}
body[wc-view-type="tb-l"] div.blog_page_wrap div.blog_page_inner div.left_block{
  width: calc(100% - 25vw);
  padding-right: 5vw;
}
body[wc-view-type="pc"] div.blog_page_wrap div.blog_page_inner div.left_block{
  width: calc(780px - 3rem);
  margin-right: 3rem;
}
div.blog_page_wrap article{
  border: solid 1px #ccc;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
body[wc-view-type="sp"] div.blog_page_wrap article{
  padding: 2.35rem 1rem 0.25rem 1rem;
}
body[wc-view-type="tb"] div.blog_page_wrap article,
body[wc-view-type="tb-l"] div.blog_page_wrap article{
  padding: 3.5rem 2rem 1rem 2rem;
}
body[wc-view-type="pc"] div.blog_page_wrap article{
  padding: 4.5rem 3rem 2rem 3rem;
}
div.blog_page_wrap article h1{
  font-size: 1.35rem;
  color: #444;
  margin-bottom: 1rem;
}
div.blog_page_wrap article time{
  position: absolute;
  z-index: 2;
  color: #808080;
  font-weight: 300;
  font-family: "Number";
  text-align: right;
  margin-bottom: 0.5rem;
  line-height: 1em;
}
body[wc-view-type="sp"] div.blog_page_wrap article time{
  top: 1rem;
  right: 1rem;
}
body[wc-view-type="tb"] div.blog_page_wrap article time,
body[wc-view-type="tb-l"] div.blog_page_wrap article time{
  top: 2rem;
  right: 2rem;
}
body[wc-view-type="pc"] div.blog_page_wrap article time{
  top: 3rem;
  right: 3rem;
}
div.blog_page_wrap article div.blog_text{
  box-sizing: border-box;
}
body[wc-view-type="sp"] div.blog_page_wrap article div.blog_text{
  padding: 0 0.75rem;
}
body:not([wc-view-type="sp"]) div.blog_page_wrap article div.blog_text{
  padding: 0 1rem;
}
div.blog_page_wrap article div.blog_text > p{
  line-height: 1.8rem;
  color: #444;
}
body[wc-view-type="sp"] div.blog_page_wrap article div.blog_text > p{
  margin-bottom: 0.75rem;
}
body:not([wc-view-type="sp"]) div.blog_page_wrap article div.blog_text > p{
  margin-bottom: 1rem;
}
div.blog_page_wrap article p.staff_name{
	display: table;
	margin-left: auto;
	margin-bottom: 0.75rem;
}
div.blog_page_wrap article p.staff_name span{
	display: inline-block;
	padding-right: 0.25rem;
	box-sizing: border-box;
}
div.blog_page_wrap article div.blog_text > figure{
}
body[wc-view-type="sp"] div.blog_page_wrap article div.blog_text > figure{
  margin-bottom: 0.75rem;
}
body[wc-view-type="tb"] div.blog_page_wrap article div.blog_text > figure,
body[wc-view-type="tb-l"] div.blog_page_wrap article div.blog_text > figure{
  margin-bottom: 1rem;
}
div.blog_page_wrap article div.blog_text > figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
div.blog_page_wrap article div.blog_text > figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

div.blog_page_wrap div.blog_page_inner div.right_block{
  position: relative;
  z-index: 1;
}
body[wc-view-type="sp"] div.blog_page_wrap div.blog_page_inner div.right_block{
  width: 100%;
}
body[wc-view-type="tb"] div.blog_page_wrap div.blog_page_inner div.right_block{
  width: 200px;
}
body[wc-view-type="tb-l"] div.blog_page_wrap div.blog_page_inner div.right_block{
  width: 25vw;
}
body[wc-view-type="pc"] div.blog_page_wrap div.blog_page_inner div.right_block{
  width: calc(320px - 2rem);
}
div.blog_page_wrap div.blog_page_inner div.right_block div.stycky_box{
}
body:not([wc-view-type="sp"]) div.blog_page_wrap div.blog_page_inner div.right_block div.stycky_box{
  position: sticky;
  z-index: 15;
  top: var(--headerHeight);
  right: 0;
}
body[wc-view-type="sp"] div.blog_page_wrap div.blog_page_inner div.right_block div.stycky_box{
  background-color: #f2f2f5;
  padding: 1.5rem;
  box-sizing: border-box;
  margin-top: calc(var(--headerHeight) / 1.5);
}
body[wc-view-type="pc"] div.blog_page_wrap div.blog_page_inner div.right_block div.stycky_box{
}
div.blog_page_wrap div.blog_page_inner div.right_block div.stycky_box dl{
  margin-bottom: 1.5rem;
}
body[wc-view-type="sp"] div.blog_page_wrap div.blog_page_inner div.right_block div.stycky_box dl{
}
body[wc-view-type="tb"] div.blog_page_wrap div.blog_page_inner div.right_block div.stycky_box dl{
  width: 100%;
}
body[wc-view-type="pc"] div.blog_page_wrap div.blog_page_inner div.right_block div.stycky_box dl{
  width: calc(100% - 2rem);
  margin-left: 2rem;
}
div.blog_page_wrap div.blog_page_inner div.right_block div.stycky_box dl:last-of-type{
  margin-bottom: 0;
}
div.blog_page_wrap div.blog_page_inner div.right_block div.stycky_box dl dt{
  font-size: 1.1rem;
  border-bottom: solid 1px #444;
  padding: 0 1rem 0.5rem 1rem;
  box-sizing: border-box;
}
div.blog_page_wrap div.blog_page_inner div.right_block div.stycky_box dl dd{
  padding: 0.75rem 0.5rem 0 0.5rem;
  width: 100%;
  box-sizing: border-box;
}
div.blog_page_wrap div.blog_page_inner div.right_block div.stycky_box dl dd div.side_btn{
  margin-bottom: 0.5rem;
}
div.blog_page_wrap div.blog_page_inner div.right_block div.stycky_box dl dd div.side_btn:last-of-type{
  margin-bottom: 0;
}
div.blog_page_wrap div.blog_page_inner div.right_block div.stycky_box dl dd div.side_btn a{
  display: flex;
  position: relative;
  z-index: 1;
  text-decoration: none;
  color: #444;
  border-bottom: dashed 1px #9d9d9d;
  padding: 0 0.5rem 0.25rem 0.5rem;
}
div.blog_page_wrap div.blog_page_inner div.right_block div.stycky_box dl dd div.side_btn a span{
  color: #9d9d9d;
  margin-left: 0.35rem;
  font-family: "Number";
}