.bl_component_wrap { color: #000; font-size: 1.4rem; font-size: 14px; line-height: 2;}
.bl_component_wrap a { border-bottom:1px solid; }

.bl_component_anchor a { display:block; border-bottom:0; }

.bl_component_wrap .bl_component_ttl_h1 { margin: 1em 0; color: #013d73; font-size: 3.8rem; font-size: 38px; font-weight: 900; line-height: 1.42; }
.bl_component_wrap .bl_component_ttl_h1:first-child { margin-top:0; }
.bl_component_wrap .bl_component_ttl_h2 { margin: 1em 0; color: #013D73; font-size: 2.4rem; font-size: 24px; font-weight: 900; line-height: 1.17; }
.bl_component_wrap .bl_component_ttl_h3 { margin: 20px 0 5px 0; clear: both; }
.bl_component_wrap .bl_component_ttl_h3 span { display: inline; font-size: 1.8rem; font-size: 18px; font-weight: bold; line-height: 1.6; background: url(../images/weekend_recipe/detail02/text_bg.png) repeat-x left bottom; }
.bl_component_wrap .bl_component_ttl_h4_2 { margin: 0.5em 0; clear: both; }
.bl_component_wrap .bl_component_ttl_h4_2 span { display: inline; font-size: 1.8rem; font-size: 16px; font-weight: bold; line-height: 1.6; }
.bl_component_wrap .bl_component_ttl_h4 { margin: 1em 0; }
.bl_component_wrap .bl_component_ttl_h4 span { display:inline-block; border-radius:15px; padding: 3px 15px 2px; color: #fff; font-size: 1.3rem; font-size: 13px; background: #013D73; font-weight: bold; word-break: break-all; }

.bl_component_wrap .bl_component_section + .bl_component_ttl_h1,
.bl_component_wrap .bl_component_section + .bl_component_image + .bl_component_ttl_h1,
.bl_component_wrap .bl_component_section + .bl_component_ttl_h2,
.bl_component_wrap .bl_component_section + .bl_component_image + .bl_component_ttl_h2,
.bl_component_wrap .bl_component_section + .bl_component_ttl_h3,
.bl_component_wrap .bl_component_section + .bl_component_image + .bl_component_ttl_h3,
.bl_component_wrap .bl_component_section + .bl_component_ttl_h4_2,
.bl_component_wrap .bl_component_section + .bl_component_image + .bl_component_ttl_h4_2,
.bl_component_wrap .bl_component_section + .bl_component_ttl_h4,
.bl_component_wrap .bl_component_section + .bl_component_image + .bl_component_ttl_h4 { margin-top: -0.5em; position: relative; z-index: 1;}

.bl_component_wrap .bl_component_txt,
.bl_component_wrap .bl_component_txtBox { word-break: break-all; }
.bl_component_wrap .bl_component_txt br { display:none; }
.bl_component_wrap .bl_component_txtBox { margin-bottom: 0; }

.bl_component_wrap .bl_component_txt.bl_component_txtLinkOuter a,
.bl_component_wrap .bl_component_txt.bl_component_txtLinkInner a{ color: #013d73; font-weight: 900; }
.bl_component_wrap .bl_component_txt.bl_component_txtLinkOuter a:hover,
.bl_component_wrap .bl_component_txt.bl_component_txtLinkInner a:hover { border-bottom: none; }

.bl_component_wrap .bl_component_image { margin: 1em 0 0 2em; float:right; max-width:380px; clear: both; }
.bl_component_wrap .bl_component_image img { border-radius:4px; }

.bl_component_wrap .bl_component_list_empty,
.bl_component_wrap .bl_component_list_square,
.bl_component_wrap .bl_component_list_aside,
.bl_component_wrap .bl_component_list_ordered { margin: 1em 0; color: #000; }

.bl_component_wrap .bl_component_list_empty li,
.bl_component_wrap .bl_component_list_square li,
.bl_component_wrap .bl_component_list_aside li { margin-left:1em; text-indent:-1em; }
.bl_component_wrap .bl_component_list_ordered li { margin-left:1em; list-style:decimal; }

.bl_component_wrap .bl_component_list_empty li:before { content: "\0030fb"; }
.bl_component_wrap .bl_component_list_square li:before { content:"\0025a0"; }
.bl_component_wrap .bl_component_list_aside li:before { content:"\00203b"; }

.bl_component_wrap .bl_component_section { margin: 1em 0; position:relative; }
.bl_component_wrap .bl_component_section .bl_component_category_howTo,
.bl_component_wrap .bl_component_section .bl_component_category_completion,
.bl_component_wrap .bl_component_section .bl_component_category_explanation,
.bl_component_wrap .bl_component_section .bl_component_category_conclusion { position: absolute; top: 44px; right: -232px; background: no-repeat left top; }
.bl_component_wrap .bl_component_section .bl_component_category_howTo { width: 185px; height: 702px; background-image: url(../images/weekend_recipe/detail/title03.png); }
.bl_component_wrap .bl_component_section .bl_component_category_completion { width: 188px; height: 493px; background-image: url(../images/weekend_recipe/detail/title04.png); }
.bl_component_wrap .bl_component_section .bl_component_category_completion + h2 { padding-top: 13px; }
.bl_component_wrap .bl_component_section .bl_component_category_explanation { width: 187px; height: 491px; background-image: url(../images/weekend_recipe/detail/title01.png); }
.bl_component_wrap .bl_component_section .bl_component_category_conclusion { width: 188px; height: 493px; background-image: url(../images/weekend_recipe/detail/title02.png); }
.bl_component_wrap .bl_component_section_step,
.bl_component_wrap .bl_component_section_point { font-size: 3.6rem; font-size: 36px; margin-bottom: 18px; color: #013d73; font-weight: 900; line-height: 1.42;}
.bl_component_wrap .bl_component_section_title { font-size: 2.4rem; font-size: 24px; }
.bl_component_wrap .bl_component_section_step span,
.bl_component_wrap .bl_component_section_point span,
.bl_component_wrap .bl_component_section_number { font-size: 6.4rem; font-size: 64px; margin-left:0.1em; }

.bl_component_wrap .bl_component_dummy { margin: 1em 0; height:600px; }

.bl_component_wrap .bl_component_index { display: none; margin:20px 40px 40px; padding: 8px 15px 15px; border: 2px solid #c9c9c9; border-radius: 4px; background: #fff; }
.bl_component_wrap .bl_component_index_caption { font-size:16px; margin-bottom: 4px; color: #000; font-weight: bold; }
.bl_component_wrap .bl_component_index ul { display:table; }
.bl_component_wrap .bl_component_index li { display:table-row; }
.bl_component_wrap .bl_component_index li span { display:table-cell; }
.bl_component_wrap .bl_component_index li a { color: #5c5c5c; font-weight: bold; border-bottom:0; }
.bl_component_wrap .bl_component_index_title { padding:0 0.5em 0 2em; background: url(../images/arrow02.png) no-repeat left 7px; padding-left: 1.5em; background-position: left 11px; background-size: 8px 6px; }
.bl_component_wrap .bl_component_index_body {}

.bl_component_wrap .bl_component_foodstuff {}
.bl_component_wrap .bl_component_foodstuff .bl_imgBoxR .bl_photoBox { max-width:380px; }
.bl_component_wrap .bl_component_foodstuff .bl_imgBoxR .bl_photoBox img { border-radius:4px; }

.bl_component_wrap .bl_component_section_wrap { padding:0 115px 20px 45px; background: #fff; }
.bl_component_wrap .bl_component_section_wrap:after { content:""; clear:both; display:block; }
.bl_component_wrap .bl_component_section_wrap .bl_component_section,
.bl_component_wrap .bl_component_section_wrap .bl_component_foodstuff { margin-top:0; }
.bl_component_wrap .bl_component_section_wrap .bl_component_section { padding-top:20px; }
/*
.bl_component_wrap .bl_component_section_wrap + .bl_component_section_wrap .bl_component_section,
.bl_component_wrap .bl_component_section_wrap + .bl_component_section_wrap .bl_component_foodstuff { background: url(../images/weekend_recipe/detail/line01.gif) repeat-x left top; }
*/

.bl_component_wrap .bl_component_button,
.bl_component_wrap .bl_component_button_bold { margin:1em 0; }
.bl_component_wrap .bl_component_button a,
.bl_component_wrap .bl_component_button_bold a { display:inline-block; border-radius:4px; padding: 0 38px 1px 20px; color: #fff; background: url(../images/arrow03.png) no-repeat right center #013D73; text-align:center; background-size:auto 13px; border-bottom:0; }
.bl_component_wrap .bl_component_button a { font-weight: bold; }
.bl_component_wrap .bl_component_button_bold a { font-weight: 900; }

/* ライター個別ページ */
.bl_component_wrap .bl_component_individual_introduction {flex-direction: row-reverce; flex-wrap: wrap;}
.bl_component_wrap .bl_component_individual_introduction h1{ color: #013d73; font-size: 38px; font-weight: 900; line-height: 1.42; padding: 35px 20px 20px 20px;}
.bl_component_wrap .bl_component_individual_introduction h2{ color: #013d73; font-size: 20px; font-weight: 900; line-height: 1.42; padding: 0px 0px 0px 0px;}
.bl_component_wrap .bl_component_individual_introduction img{margin: 0px 30px 10px 45px; max-width: 170px; border-radius: 50%; float: left;}
.bl_component_wrap .bl_component_individual_introduction_txt { font-size: 19px; padding: 10px 20px 0 231px; color: #013d73; height:170px;}

.bl_component_wrap .bl_component_individual_work {margin: 30px 0px 0 0; border-top: dashed 2px #013d73;}
.bl_component_wrap .bl_component_individual_work h2{margin:13px 0px -15px 11px; position: relative; font-size: 24px;font-weight: 900; color: #013d73;}
.bl_component_wrap .bl_component_individual_work a{border-bottom: none;}

/* ライター一覧ページ */
.bl_component_wrap .bl_component_individual_list {margin: 30px 0px 0 0; border-top: dashed 2px #013d73;}
.bl_component_wrap .bl_component_individual_list h2{font-size: 30px; font-weight: 900; color: #013d73; padding: 10px 0 0 20px;}
.bl_component_wrap .bl_component_individual_list h3{font-size: 20px; font-weight: 900; color: #013d73; }
.bl_component_wrap .bl_component_individual_list img{margin: 10px 20px 10px 20px; max-width: 170px; border-radius: 50%;}
.bl_component_wrap .bl_component_individual_list .individual_profession{font-weight: 900; font-size: 15px;}
.bl_component_wrap .bl_component_individual_introduction_list_txt {color: #013d73;}

/* ライター個別ページ */
.bl_component_wrap .bl_component_individual_introduction_kiji {flex-direction: row-reverce; flex-wrap: wrap; border-top: dashed 2px #013d73; margin: 30px 0px 0px 0px;}
.bl_component_wrap .bl_component_individual_introduction_kiji h1{ color: #013d73; font-size: 24px; font-weight: 900; line-height: 1.42; padding: 20px 0px 20px 0px;}
.bl_component_wrap .bl_component_individual_introduction_kiji h2{ color: #013d73; font-size: 18px; font-weight: 900; line-height: 1.42; padding: 0px 0px 0px 0px;}
.bl_component_wrap .bl_component_individual_introduction_kiji img{margin: 0px 30px 10px 45px; max-width: 150px; border-radius: 50%; float: left;}
.bl_component_wrap .bl_component_individual_introduction_kiji_txt { font-size: 14px; padding: 0px 20px 0 220px; color: #013d73; height:170px; color: #000;}
.bl_component_wrap .bl_component_individual_introduction_kiji_box {}


/* 文字色 */
.bl_component_wrap .s_text-color-gray { color: #ccc!important; }
.bl_component_wrap .s_text-color-blue { color: #013D73 !important; }
.bl_component_wrap .s_text-color-red { color: #4f0b00 !important; }
.bl_component_wrap .s_text-highlight { display: inline; font-size: 1.4rem; font-size: 14px; line-height: 1.6; background: url(../images/weekend_recipe/detail02/text_bg.png) repeat-x left bottom; }


/* 記事内CTAボタン用-20211020-Maruyama更新 */
.btn--outer_margin {
  margin: 20px 0;
 }
.recomend--btn_link {
  text-decoration: none;
 }
.recomend--btn_outer {
  position: relative;
  box-sizing: border-box;
  display: flex;
  border-top: solid 2px #013d73;
  border-bottom: solid 2px #013d73;
  border-left: solid 2px #013d73;
  border-right: solid 2px #013d73;
  transition: 0.5s;
 }
.recomend--btn_outer::after{
  content:"";
  display:inline-block;
  width: 30px;
  height:auto;
  background-color:#013d73;
  background-image: url(/common/images/arrow_button.svg);
  background-repeat: no-repeat;
  background-position: 70% center;
 }
.recomend--btn_img {
  width: 140px;
  height: 140px;
  object-fit: cover;
 }
.recomend--btn_details {
  padding: 10px 20px;
  width: 100%;
 }

.recomend--btn_title {
  font-size: 1.6rem;
  font-weight: 900;
  color: #013d73;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
 }
.recomend--btn_lead {
  color: #333333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  line-height: 1.8;
 }


/* 改行用 */
@media screen and (min-width: 750px){   
  .pc_only {}
  .sp_only { display:none; }
}
@media screen and (max-width: 750px){   
  .pc_only { display:none; }
  .sp_only {}
}



@media screen and (max-width: 750px) {

	.bl_component_wrap { font-size: 1.2rem; font-size: 12px; line-height: 1.71; padding-bottom: 0; }

	.bl_component_wrap .bl_component_ttl_h1 { font-size: 2.5rem; font-size: 25px; line-height: 1.6; }
	.bl_component_wrap .bl_component_ttl_h2 { font-size: 1.6rem; font-size: 16px; line-height: 26px; margin-bottom: 25px; }
	.bl_component_wrap .bl_component_ttl_h3 span { font-size: 1.4rem; font-size: 15px; line-height: 1.41; background: url(../images/weekend_recipe/detail02/text_bg.png) repeat-x left bottom; background-size: auto 8px; }
	.bl_component_wrap .bl_component_ttl_h4_2 span { font-size: 1.4rem; font-size: 14px; line-height: 1.41; background-size: auto 8px; }
	.bl_component_wrap .bl_component_ttl_h4 { margin-top: 25px; margin-bottom: 5px; padding-top: 0; }
	.bl_component_wrap .bl_component_ttl_h4 span { padding:2px 10px; }
	.bl_component_wrap .bl_component_image { float: none; margin-left: 0; margin-bottom: 1.5em; max-width: none; }
	.bl_component_wrap .bl_component_image img { width:100%; }

	.bl_component_wrap .bl_component_section { width: 100%; margin: 1em 0 1em; }
	.bl_component_wrap .bl_component_section .bl_component_category_howTo,
	.bl_component_wrap .bl_component_section .bl_component_category_completion,
	.bl_component_wrap .bl_component_section .bl_component_category_explanation { width: 65px; top: 85px; right: -25px; z-index: -1; background-size: 65px auto; }
	.bl_component_wrap .bl_component_section .bl_component_category_conclusion { width: 65px; top: 41px; right: -25px; z-index: -1; background-size: 65px auto; }
	.bl_component_wrap .bl_component_section .bl_component_category_howTo { height: 337px; width: 77px; right: -25px; top: 100px; background-image: url(../images/weekend_recipe/detail/sp_title03.png); background-size: 77px auto; z-index: 0; }
	.bl_component_wrap .bl_component_section .bl_component_category_completion { height: 237px; width: 78px; top: 27px; right: -23px; background-image: url(../images/weekend_recipe/detail/sp_title04.png); background-size: 78px auto; }
	.bl_component_wrap .bl_component_section .bl_component_category_completion + h2 { padding-top: 0; }
	.bl_component_wrap .bl_component_section .bl_component_category_explanation { height: 188px; background-image: url(../images/weekend_recipe/detail/sp_title01.png); }
	.bl_component_wrap .bl_component_section .bl_component_category_conclusion { height: 186px; background-image: url(../images/weekend_recipe/detail/sp_title02.png); }
	.bl_component_wrap .bl_component_section_step,
	.bl_component_wrap .bl_component_section_point { font-size: 2.4rem; font-size: 24px; margin-bottom: 25px; }
	.bl_component_wrap .bl_component_section_title { font-size: 1.6rem; font-size: 16px; line-height: 1.6; margin-bottom: 10px; line-height: 27px;}
	.bl_component_wrap .bl_component_section_step span,
	.bl_component_wrap .bl_component_section_point span,
	.bl_component_wrap .bl_component_section_number { font-size: 4.8rem; font-size: 48px; }
	.bl_component_wrap .bl_component_section_text { width: 80%; display: inline-table; }
	.bl_component_wrap .bl_component_section_wrap .bl_component_section { padding-top: 20px; z-index: 1; }

	.bl_component_wrap .bl_component_dummy { margin: 1em 0; height:200px; }

    .bl_component_wrap .bl_component_index { display: block; margin:20px 0; }
	.bl_component_wrap .bl_component_index_caption { font-size: 1.4rem; font-size: 14px; line-height: 1.41;}
	.bl_component_wrap .bl_component_index_title { padding-left:1.5em; background-position:left 11px; background-size: 8px 6px; }
	.bl_component_wrap .bl_component_index li a { font-size: 14px; line-height: 30px; }

	.bl_component_wrap .bl_component_foodstuff { padding-top: 30px; }
	.bl_component_wrap .bl_component_foodstuff .bl_imgBoxR .bl_photoBox { max-width:none; }

	.bl_component_wrap .bl_materialBox { position: relative; padding-top: 65px; }
	.bl_component_wrap .bl_materialBox .bl_material_title { position: absolute; height: 221px; width: 78px; top: 85px; right: -25px; background-image: url(../images/weekend_recipe/detail/sp_title05.png); background-size: 78px auto; z-index: 1; }

	.bl_component_wrap .bl_component_section_wrap { padding:0; background:none; }

	.bl_component_wrap .bl_component_section_wrap + .bl_component_section_wrap .bl_component_section,
	.bl_component_wrap .bl_component_section_wrap + .bl_component_section_wrap .bl_component_foodstuff { background:none; }

	.bl_component_wrap .bl_component_button a,
	.bl_component_wrap .bl_component_button_bold a { display: block; padding: 5px 34px 5px 10px; }

	.bl_component_wrap .bl_component_txt,
	.bl_component_wrap .bl_component_txtBox { font-size: 15px; line-height: 27px; margin-top: 0px; margin-bottom: 20px; position: relative; z-index: 2; }

	.bl_component_wrap .bl_component_list_empty,
	.bl_component_wrap .bl_component_list_square,
	.bl_component_wrap .bl_component_list_aside,
	.bl_component_wrap .bl_component_list_ordered { font-size: 15px; line-height: 27px; }

	.bl_component_wrap .bl_component_individual_introduction { display:flex; flex-direction: row-reverse; flex-wrap: wrap; padding: 15px 10px 0 10px;    justify-content: start;    font-size: 15px;}
	.bl_component_wrap .bl_component_individual_introduction h1{ max-width: 60%;  color: #013d73; font-size: 20px; font-weight: 900; line-height: 1.42; margin: auto auto; text-align: center; padding: 0px 5% 0px 0px;}
	.bl_component_wrap .bl_component_individual_introduction h2{ color: #013d73; font-size: 20px; font-weight: 900; line-height: 1.42; padding: 0px 0px 0px 0px;}
	.bl_component_wrap .bl_component_individual_introduction img{margin: auto 3%; width: 34%; border-radius: 50%; border: float: left; max-height: 170px;}
	.bl_component_wrap .bl_component_individual_introduction_txt { font-size: 15px; padding: 20px 20px 0 20px; color: #013d73; height: auto;}

	.bl_component_wrap .bl_component_individual_work { margin: 25px 0px 0 0; border-top: dashed 2px #013d73;}
	.bl_component_wrap .bl_component_individual_work h2 {margin:13px 0px 0px 11px;}
	.bl_component_wrap .bl_component_individual_work a {border-bottom: none;}

	.bl_component_wrap .bl_component_individual_list {margin: 30px 0px 0 0; border-top: dashed 2px #013d73; width:100%;}
	.bl_component_wrap .bl_component_individual_list h2{font-size: 30px; font-weight: 900; color: #013d73; padding: 10px 0 0 10px;}
	.bl_component_wrap .bl_component_individual_list h3{font-weight: 900; color: #013d73; padding: 5% 0 0 0;}
	.bl_component_wrap .bl_component_individual_list img{margin: 30px 5% 0px 5%; width: 90%; border-radius: 50%;}
	.bl_component_wrap .bl_component_individual_list .individual_profession{font-weight: 900; font-size: 10px;}
	.bl_component_wrap .bl_component_individual_introduction_list_txt {color: #013d73; padding: 10px 0 0 0;}

	.bl_component_wrap .bl_component_individual_introduction_kiji { display:flex; flex-wrap: wrap; padding: 15px 0px 0 0px; justify-content: start; font-size: 15px; margin: 0 0 15px 0;}
	.bl_component_wrap .bl_component_individual_introduction_kiji_box {display: flex; justify-content: center; align-items: center;}
	.bl_component_wrap .bl_component_individual_introduction_kiji h1{color: #013d73; font-size: 16px; font-weight: 900; line-height: 1.42; padding: 0px 5% 0px 0px;}
	.bl_component_wrap .bl_component_individual_introduction_kiji h2{ color: #013d73; font-size: 15px; font-weight: 900; line-height: 1.42; padding: 0px 0px 0px 0px; text-align: center; width: 60%;}
	.bl_component_wrap .bl_component_individual_introduction_kiji img{margin: 3%; width: 29%; border-radius: 50%; border: float: left; max-height: 170px;}
	.bl_component_wrap .bl_component_individual_introduction_kiji_txt {padding: 0px 0px 5px 0px; display: inline-block; height: auto; font-size: 12px;}


/* 記事内CTAボタン用-20211020-Maruyama更新 */
	.recomend--btn_outer { 
      width: auto;
	}
	.recomend--btn_outer::after{
      width: 2.5rem;
      height:auto;
	}
	.recomend--btn_img {
      width: 101px;
      height: 101px;
	}
	.recomend--btn_details {
      padding: 10px;
      width: 100%;
	}
	.recomend--btn_title {
      margin: 0;
      -webkit-line-clamp: 3;
      line-height: 1.65;
	}
	.recomend--btn_lead {
      display: none;
	}

}