.kome{font-size: 10px;}

.note_column{
    width: 100%;
	max-width: 1200px;
    margin: 0 auto;
}

.note_column .dateup{
	text-align:left;
	font-size: 13px;
	margin-bottom: 15px;
}
.note_column h2{
	letter-spacing: 0.1em;
	text-align: center;	
}

.note_column h4 {
    font-size: 18px; 
    position: relative; 
    padding-bottom: 0.5em; 
    border-bottom: 2px solid #DDD; 
    letter-spacing: 0.13em; 
    margin-top: 40px; 
    text-align: center;}

.note_column h4::after { 
    position: absolute; 
    content: " "; 
    border-bottom: solid 2px #a9aaaa; 
    bottom: -2px; 
    width:20%; 
    display: block; 
    left:40%; }

.note_column h5{
    margin-top: 20px;
    margin-bottom: 20px;
    background-color:#F0EFEF!important;
    padding: 10px;
    font-size: 17px;
    text-align: center;
}

.note_column .mainimgl{ 
    width: 100%;
	height: 300px;
	object-fit: cover; 
}
.note_column .mainimgl2{ 
    width: 100%;
	height: 200px;
	object-fit: cover; 
}

.note_column .tsectionfl{
	width: 96%;
	margin-left: 2%;

}

.note_column .tsectionfr{
	width: 96%;
	margin-right: 2%;

}

.note_column .cntrimg{
	width: 100%;

}

.note_column .purple{background-color: #e6dae7; padding: 7px 15px; margin-bottom: 15px !important; }
.note_column .bluegreen{background-color: #d0e5e0; padding: 7px 15px; margin-bottom: 15px !important; }
.note_column .ygreen{background-color: #e5ead2; padding: 7px 15px; margin-bottom: 15px !important; }
.note_column .beige{background-color: #F7E0B3; padding: 7px 15px; margin-bottom: 15px !important; }
.note_column .yellow{background-color: #ffffb6; padding: 7px 15px; margin-bottom: 15px !important; }
.note_column .pink{background-color: #ffcfd8; padding: 7px 15px; margin-bottom: 15px !important; }
.note_column .pinkred{background-color: #FFA98B; padding: 7px 15px; margin-bottom: 15px !important;}
.note_column .sread{ font-size: 12px; margin-top: 10px; }
.note_column .purple{background-color: #e6dae7; padding: 7px 15px; margin-bottom: 15px !important; }
.note_column .bluegreen{background-color: #d0e5e0; padding: 7px 15px; margin-bottom: 15px !important; }
.note_column .ygreen{background-color: #e5ead2; padding: 7px 15px; margin-bottom: 15px !important; }
.note_column .beige{background-color: #F7E0B3; padding: 7px 15px; margin-bottom: 15px !important; }
.note_column .lightbeige{background-color: #ebe2b8; padding: 7px 15px; margin-bottom: 15px !important; }

.note_column .btmimg{ 
    width: 100%;
	height: 40px;
	object-fit: cover; 
}
.note_column .tsection{
	width: 96%;
	margin-left: 2%;
}
.note_column p{ 
    line-height: 2;
	letter-spacing: 0.1em;
}
.note_column .mindex{
	background-color: #F2EFEF;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	
}
.note_column .mindex .title_index{
	font-weight: 900;
	font-size: 23px;
	color:#A6A4A4;

}

.note_column .fontms{font-size: 11px;}


.note_column .mindex li{margin-bottom: 10px; margin-top: 5px;}
.note_column .mindex a{text-decoration: underline!important;}
.note_column .mindex .totop{text-decoration: none;}
.note_column .recipe{}
.note_column .recipe li{
    list-style: disc;
    margin-bottom: 3px;
}

.note_column .recipe .dish{width: 100%;}
.note_column .recipe .item{margin-left: 10%;}
.note_column .recipe .item02{margin-left: 10%;}
.note_column .recipe .item02 p{ margin-top: 20px !important;}
.note_column .recipe .item02 ul{ margin-top: 20px !important;} 


.note_column .recipe .matome {
    margin-bottom: 10px!important;
    margin-top:10px;
}

.note_column .recipe .matome li{
    list-style: circle;
    margin-left:15px;
    }

.note_column .recipe .ingredients img{
    width: 90%;
    margin-left: 5%;
	
   }

.note_column .recipe .ingredients02 img{
    width: 90%;
    margin-left: 5%;
	
   }

.note_column .recipe .howto ul{
    margin-left: 10px;
    margin-right: 10px;
} 
.note_column .recipe .howto li {
   border-bottom: dashed 1px #ccc; /*罫線の設定*/
   line-height: 1.8;
   padding: 0.5em 1em 0.5em 1.8em;
   margin:0;
   list-style-type: none;
}

.note_column .recipe .howto li{
padding-left:1em;
text-indent:-1em;
}

.note_column .profilea{
   width: 96%;
	margin-left: 2%;
    margin-top: 100px;
    background-color: #F3F2F2;
    display: flex;
    align-items: center;
	
}

.note_column .profilea p{padding: 10px;}
    
.note_column .profilea img{
    width:150px;
   margin-right: 10px;
	margin-left: 0!important;
	align-self: flex-start;

}    
    
.note_column .profilea .mini{
    font-size: 11px;
}

.note_column .ttlbox-001 {display: inline; font-size:15px; letter-spacing: 0.15em; position: relative; padding: 8px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.note_column .ttlbox-001::before, 
.note_column .ttlbox-001::after {content: '';width: 15px;height: 15px;position: absolute;}
.note_column .ttlbox-001::before { border-left: solid 1px #333333; border-top: solid 1px #333333; top: 0; left: 0; }
.note_column .ttlbox-001::after { border-right: solid 1px #333333; border-bottom: solid 1px #333333; bottom: 0; right: 0; }

.note_column .ctr{
	text-align: center;
}
.note_column .lftt{
	text-align: left;
}

.note_column .gohanimg{
    position: relative;
}
.note_column .gohanimg .gohanlogo{
    width: 150px;
    position: absolute;
    bottom:20px;
    left: 10px;
}

.note_column .gohanimg .gohan_ouchi_logo{
    width: 110px;
    position: absolute;
    bottom:20px;
    left: 10px;
}

.note_column .gohanimg .fukuko_logo{
    width: 140px;
    position: absolute;
    bottom:10px;
    right: 10px;
}


.link-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 190px;
  height: 50px;
  font-size: 15px;
  color: #444;
  letter-spacing: 0.25px;
  white-space: nowrap;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  transition: 0.3s;
  -webkit-appearance: none;
}
.link-btn i {
  -webkit-transform: translateX(-8px) translateY(1px);
          transform: translateX(-8px) translateY(1px);
}
.link-btn svg {
  -webkit-transform: translateX(8px) translateY(-1px);
          transform: translateX(8px) translateY(-1px);
}
.link-btn i,
.link-btn svg {
  font-size: 12px;
  color: #bfbfbf;
  fill: #bfbfbf;
  transition: 0.3s;
}
.link-btn:hover {
  color: #fff;
  background: #444;
}
.link-btn:hover i,
.link-btn:hover svg {
  color: #a1a1a1;
  fill: #a1a1a1;
}
.link-btn .btn-arw {
  width: 6px;
}

.link-btn-narrow {
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 165px;
  height: 60px;
  font-size: 15px;
  color: #444;
  letter-spacing: 0.25px;
  white-space: nowrap;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  transition: 0.3s;
  -webkit-appearance: none;
}
.link-btn-narrow i {
  -webkit-transform: translateX(-8px) translateY(1px);
          transform: translateX(-8px) translateY(1px);
}
.link-btn-narrow svg {
  -webkit-transform: translateX(8px) translateY(-1px);
          transform: translateX(8px) translateY(-1px);
}
.link-btn-narrow i,
.link-btn-narrow svg {
  font-size: 12px;
  color: #bfbfbf;
  fill: #bfbfbf;
  transition: 0.3s;
}
.link-btn-narrow:hover {
  color: #fff;
  background: #444;
}
.link-btn-narrow:hover i,
.link-btn-narrow:hover svg {
  color: #a1a1a1;
  fill: #a1a1a1;
}
.link-btn-narrow .btn-arw {
  width: 6px;
}


.breadcrumb-content {
  padding: 14px 0;
}



.link-btn {
  margin: 0 auto 60px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 165px;
  height: 50px;
  font-size: 15px;
  color: #444;
  letter-spacing: 0.25px;
  white-space: nowrap;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  transition: 0.3s;
  -webkit-appearance: none;
}
.link-btn i {
  -webkit-transform: translateX(-8px) translateY(1px);
          transform: translateX(-8px) translateY(1px);
}
.link-btn svg {
  -webkit-transform: translateX(8px) translateY(-1px);
          transform: translateX(8px) translateY(-1px);
}
.link-btn i,
.link-btn svg {
  font-size: 12px;
  color: #bfbfbf;
  fill: #bfbfbf;
  transition: 0.3s;
}
.link-btn:hover {
  color: #fff;
  background: #444;
}
.link-btn:hover i,
.link-btn:hover svg {
  color: #a1a1a1;
  fill: #a1a1a1;
}
.link-btn .btn-arw {
  width: 6px;
}
.link-btn .btn-arw svg {
  transition: 0.3s;
  -webkit-transform: rotate(90deg) translateY(-20px);
          transform: rotate(90deg) translateY(-20px);
}

.link-btn[aria-expanded=true] svg {
  -webkit-transform: rotate(-90deg) translateY(20px);
          transform: rotate(-90deg) translateY(20px);
}

.note-list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 25px);
  padding: 20px 0 0;
}
.note-list__item {
  position: relative;
  width: calc(50% - 25px);
  padding-bottom: 15px;
  margin: 0 25px 0 0;
  transition: 0.3s;
}
.note-list__item .tag {
  position: absolute;
  top: -5px;
  right: -6px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  background: #70cccc;
  border-radius: 50%;
}
.note-list__item > a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
}
.note-list__item__img {
  overflow: hidden;
}
.note-list__item__img img {
  width: 100%;
  transition: 0.3s;
}
.note-list__item__txt {
  position: relative;
  top: -20px;
}
.note-list__item__txt .ttl {
  display: inline-block;
  padding: 5px 10px;
  margin: 0 20px 5px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  background: #fff;
}
.note-list__item__txt .txt {
  font-size: 12px;
  line-height: 1.8;
}
.note-list__item:hover {
  opacity: 0.8;
}
.note-list__item:hover__img img {
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
}

.note-list + .note-list {
  padding: 0;
}

h2 {
  padding-bottom: 20px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  border-bottom: 1px solid #ddd;
}

.sec-mv {
  margin-bottom: 40px;
}
.sec-mv .l-container {
  overflow: visible;
}
.sec-mv__content {
  position: relative;
  padding: 25px 0;
}
.sec-mv__content h1 {
  margin-bottom: 25px;
  font-family: "Lato", sans-serif;
  font-size: 28px;
  font-weight: 400;
}
.sec-mv__content h1 > span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #888;
}
.sec-mv__content .kv-img img {
  position: absolute;
}

.kv-swiper-container {
  padding-top: 20px;
  overflow: visible;
}

.mv-slider__controller {
  width: 100px;
  margin-left: auto;
}
.mv-slider__controller .m-slider-button-list__item:first-child button {
  border-right: none;
}

.kv-list {
  display: flex;
}
.note-list__item__txtitem .txt{line-height: 1.5;
	
   }
.note-list__item__txtitem .ttl{
  font-weight: 500;
  margin-bottom: 15px;
}

.kv-list__item {
  position: relative;
  width: 275px;
  margin-right: 30px;
}
.kv-list__item .category {
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px 5px;
  font-size: 10px;
  color: #fff;
  background: #444;
}
.kv-list__item .tag {
  position: absolute;
  top: -6px;
  right: -15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  font-family: "Lato", sans-serif;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0;
  background: #70cccc;
  border-radius: 50%;
}
.kv-list__item__img img {
  max-width: 100%;
}
.kv-list__item__txt {
  position: relative;
  top: -20px;
}




.kv-list__item__txt .ttl {
  display: inline-block;
  padding: 5px 15px;
  margin: 0 30px 15px 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  background: #fff;
}
.kv-list__item__txt .txt {
  font-size: 11.5px;
  line-height: 2;
}

.kv-list__item__txtitem .txt {
  font-size: 11.5px;
  line-height: 2;
}

/* --------------------------------------------------------
	オンラインカウンセリング　2カラム
-------------------------------------------------------- */

.note_online_column {
  margin-bottom: 30px;
}
.note_online_column .ttl {
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: 700;
}
.note_online_column .txt {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 2;
}

.note_online_appli{
padding: 30px; text-align: center; background-color: #f6f6f6;
}

.note_online_appli .link {
  display: inline;
  color: #70cccc;
  border-bottom: 1px solid #70cccc;
  transition: 0.3s;
}
.note_online_appli .link:hover {
  opacity: 0.8;
}

/* --------------------------------------------------------
	おうちごはん 
-------------------------------------------------------- */	
	.note_column .recipe .howto .pre_inner{
		border: 1px solid #dcdcdc ;
		padding: 20px;
		margin-bottom: 20px;
	}	
	.note_column .recipe .howto .pre_inner ul{
		padding-left: 20px;
	}
	.note_column .recipe .howto .pre_inner li{
   padding: 0.5em 0;
		text-indent: 0em;
		border-bottom: none;
		list-style: disc;
	}	
	.note_column .recipe .point_ttl{
		background-color: #f7eff1 !important ;
	}
	.note_column .b_column{
		background-color: #eef4f1 !important ;
		padding: 30px;
	}
	.note_column .b_column_ttl{
		background-color: #eef4f1 !important ;
		border-bottom: 1px solid;
		border-top: 1px solid;
	}
	.note_column .b_column_pro{
		display: none;
	}
	.note_column .ouchi_pro{
		padding: 30px;
		background-color: #f2f1f1;
	}
	.note_column .ouchi_pro_txt{
		font-size: 14px;
	}

/* --------------------------------------------------------
	フク子がいく！
-------------------------------------------------------- */	

.note_fukuko__2colm{
display: flex;
flex-wrap: wrap;
  width: calc(100% + 25px);	
  padding: 20px 0 0;	
}
.note_fukuko__2colm_item{
  position: relative;
  width: calc(49% - 26px);
  padding-bottom: 15px;
  margin: 0 25px 0 0;
  transition: 0.3s;
}

.note_fukuko__2colm_item img{
height: 450px !important;
  overflow: hidden;	
	margin-bottom: 20px;
}


.sec-how-use .step-list__item .step__image .image {
  width: 100% !important;
  height: 0;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.note_fukuko_box_in .fukuko_ttl{
	margin: 20px 0 10px 0;
	padding-bottom: 5px !important;
	padding-top: 5px !important;	
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	font-weight: bold;
	font-size: 1.1em;
}
.note_fukuko_box_in .fukuko_read{
	margin: 10px 0 5px 0;	
	color: #ff6666;
	font-weight: bold;
	
}

.note_fukuko_point{
	background-color: #eef3f2;
	padding: 20px;
position: relative;	
}


.note_fukuko_point_ttl {
	text-align: center;
	margin-bottom: 20px;
  /*position: relative;*/
}

.note_fukuko_point_ttl .point{
	font-size: 26px;
	border-bottom: 1px solid #999999;
	padding-bottom: 5px;
}

.note_fukuko_point_ttl .point_read{
	font-weight: bold;
	font-size: 18px;
}

.note_fukuko_point_txt{
	margin: 0 10px !important;
}

/* --------------------------------------------------------
	母の日 テーブル
-------------------------------------------------------- */	

.note_091{
	/*width: 500px;*/
	margin: 30px auto;
}

.note_091 .ttl091{
	margin-bottom: 20px;
	padding: 10px;
	border-bottom: 1px solid #999999;
	border-top:  1px solid #999999;
	font-weight: bold;
}

.note_091 dl {
  display: flex;
  flex-wrap: wrap;
}
.note_091 dl dt {
  width: 30%;
  padding: 15px;
  background-color: #DADADA;
  margin: 0 0 10px 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
	font-weight: bold;
  font-size: .85em;
	color: #ffffff;
}
.note_091 dl dd {
  width: 70%;
  padding: 15px;
  background-color: #F3F3F3;
  margin: 0 0 10px 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;	
  font-size: .85em;	
}


/* --------------------------------------------------------
	立木冬麗　占い
-------------------------------------------------------- */	
.note_font_darkblue{
	color: #2e6c8d;	
}
.note_font_darkbeige{
	color: #9b7d10;	
}
ul.note_098 .br_none{
}

ul.note_098{
  width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
ul.note_098 ul{
  display: flex;
}

ul.note_098 ul li{
  flex-grow: 1;
  width: 25%;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  text-align: center;
  padding: 10px;
/*color: #9b7d10;*/
	text-decoration: underline;
	
}
ul.note_098 ul li:last-child{
  border-right: none;
}
ul.note_098 ul li a:hover{
	color: #9b7d10;

}



@media screen and (max-width: 640px) {
  ul.price-flex ul{
    flex-wrap:wrap;
  }
  ul.price-flex ul .li04,
  ul.price-flex ul .li03,
  ul.price-flex ul .li01{
    border-right: none;
  }
  ul.price-flex ul .li04,
  ul.price-flex ul .li01{
    width: 100%;
  }
  ul.price-flex li.price{
  }
}





@media screen and (max-width: 600px) {
  table {
    border: 0;
    width:100%
  }
  table th{
    background-color: #167F92;
    display: block;
    border-right: none;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table tr {
    display: block;
    margin-bottom: .625em;
  }
  table td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: .8em;
    text-align: right;
    position: relative;
    padding: .625em .625em .625em 4em;
    border-right: none;
  }
  
  table td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
    color: #167F92;
  }
  table td:last-child {
    border-bottom: 0;
  }
  table tbody th {
    color: #fff;
}
}






/* ここにPC向けのCSS指定 */
@media (min-width: 768px) {
    
.kome{font-size: 10px;}	  
.sponly{display: none;}	
    
.note_column .mainimgl{ 	
    width: 100%;
	height: 499px;/**/
	min-height: 1px;	
	object-fit: cover;
	flex-shrink: 0 !important;	
}
.note_column .mainimgl2{ 
    width: 100%;
	height: 300px;/**/
	min-height: 1px;	
	object-fit: cover;
	flex-shrink: 0 !important;	
}
	
.note_column .tsection{
	width: 80%;
	margin-left: 10%;
}
    
.note_column .tsectionfl{
	width: 80%;
	margin-left: 10%;
    display: flex;
    flex-direction: row;
    justify-content:center;
	align-items: flex-start;	
}

.note_column .tsectionfl img{
	flex-shrink: 0;
	height: auto;
	min-height: 1px;
	width: 30%;	
	align-self: flex-start!important;	
    height: auto!important;
    margin-left: 4%!important;	
	}
	
.note_column .tsectionfl .txtbox{
	width: 50% !important;			
	}
	
	
.note_column .tsectionfr{
	width: 80%;
	margin-left: 10%;
    display: flex;
    flex-direction: row;
    justify-content:center;
	align-items: flex-start;	
}

.note_column .tsectionfr img{
	flex-shrink: 0;
	min-height: 1px;
	width: 30%;	
	align-self: flex-start!important;	
    height: auto!important;
    margin-right: 4%!important;	
	}
	
.note_column .tsectionfr .txtbox{
	width: 50% !important;			
	}		
    
.note_column .ritimg{ 
    width: 300px;
    height: 300px;
    margin-left: 30px;
	align-self: flex-start!important;		
	flex-shrink: 0;
	min-height: 1px; 
}
	
.note_column .leftimg{ 
    width: 400px !important;
    height: 400px !important;
    margin-right: 30px;
	align-self: flex-start!important;		
	flex-shrink: 0;
	min-height: 1px; 
}	
	
.note_column .cntrimg{
	width: 72%;
	margin-left: 14%;
    max-width:1000px;
	align-self: flex-start!important;	
}    
    
.note_column .sread{ font-size: 14px; }	
.note_column .dateup{
	text-align: right;
	font-size: 14px;
}

 .note_column .recipe .dish{
    width: 70%;
    margin-left: 15%;
}   
    
.note_column .recipe .ingredients,
.note_column .recipe .ingredients02	{
    display: flex;
    flex-direction: row;
    justify-content:center; 
	align-items: flex-start;
}    
    
.note_column .recipe .ingredients img{
    margin-right:4%;
    width: 40%;
    height:auto!important;
} 

.note_column .recipe .ingredients02 img{
    margin-right:4%;
    width: 55%;
    height:auto!important;
}  	
	
    
.note_column .recipe .item{width: 40%;} 
.note_column .recipe .item02{width: 45% !important; margin: 0!important; padding: 0;}  	
.note_column .recipe .item02 ul{margin-top: 0!important; padding-top: 0!important;padding-left: 10px !important;}	
.note_column .recipe .item02 p{margin: 0 !important;}
	
	
.note_column h4 {font-size: 20px;}    
 
.note_column .profilea{
    margin: 100px 10% 20px 10%;
    width: 80%;
	display: flex;
    background-color: #F3F2F2;
}
.note_column .profilea p{padding: 10px;}
    
.note_column .profilea img{
	align-self: flex-start!important;		
	flex-shrink: 0;
	min-height: 1px; 
    width: 200px;
    height: 250px;
    margin-right: 20px;}    
    
.note_column .profilea .mini{font-size: 14px;}   
 
.note_column .gohanimg .gohanlogo{
    width: 250px;
    position: absolute;
    bottom:20px;
    left: 10%;
}

.note_column .gohanimg .gohan_ouchi_logo{
    width: 150px;
    position: absolute;
    bottom:20px;
    left: 10%;
}
	
.note_column .gohanimg .fukuko_logo{
    width: 230px;
    position: absolute;
    bottom:20px;
    right: 10%;
}	
    
  .link-btn {
    width: 195px;
    height: 55px;
    line-height: 55px;
  }
  .link-btn-narrow {
    margin: 0;
  }
  .link-btn-narrow {
    width: 195px;
    height: 55px;
    line-height: 55px;
  }


	

	
  .breadcrumb-content {
    padding: 18px 0;
  }
  
  .link-btn {
    margin: 0 auto 75px;
  }
  .link-btn {
    width: 195px;
    height: 55px;
    line-height: 55px;
  }
  .note-list {
    width: calc(100% + 40px);
  }
  .note-list__item {
    width: calc(25% - 40px);
    padding-bottom: 30px;
    margin: 0 40px 0 0;
  }
  .note-list__item .tag {
    top: -15px;
    right: -15px;
    width: 50px;
    height: 50px;
    font-size: 12px;
  }
  .note-list__item__img {
    height: 266px;
  }
  .note-list__item__txt .ttl {
    font-size: 15px;
  }
  .note-list__item__txt .txt {
    font-size: 13px;
  }
	
 .note-list__item__txtitem .ttl {
    font-size: 15px;
  }
  .note-list__item__txtitem .txt {
    font-size: 13px;
  }
	
	
  h2 {
    padding-bottom: 25px;
    margin-bottom: 20px;
    font-size: 26px;
  }
  .sec-mv {
    margin-bottom: 80px;
  }
  .sec-mv__content {
    padding: 40px 0;
  }
  .sec-mv__content h1 {
    font-size: 38px;
  }
  .sec-mv__content h1 > span {
    font-size: 18px;
  }
  .sec-mv__content .kv-img img {
    top: -45px;
    right: -150px;
  }
  .kv-list {
    width: calc(100% + 40px);
  }
  .kv-list__item {
    width: calc(33.33% - 40px);
    margin-right: 40px;
  }
  .kv-list__item .category {
    padding: 6px 10px;
    font-size: 12px;
  }
  .kv-list__item .tag {
    top: -15px;
    right: -30px;
    width: 60px;
    height: 60px;
    font-size: 12px;
  }
  .kv-list__item__txt .ttl {
    margin: 0 40px 20px 0;
    font-size: 20px;
  }
  .kv-list__item__txt .txt {
    font-size: 15px;
  }

.note_column .ttlbox-001 {display: inline; font-size:20px; letter-spacing: 0.15em; position: relative; padding: 10px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.note_column .ttlbox-001::before, 
.note_column .ttlbox-001::after {content: '';width: 30px;height: 30px;position: absolute;}
.note_column .ttlbox-001::before { border-left: solid 1px #333333; border-top: solid 1px #333333; top: 0; left: 0; }
.note_column .ttlbox-001::after { border-right: solid 1px #333333; border-bottom: solid 1px #333333; bottom: 0; right: 0; }	
	
.note_column .fontms{font-size: 14px;}


/* --------------------------------------------------------
	オンラインカウンセリング　2カラム
-------------------------------------------------------- */
.note_online {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 40px);
  }		
  .note_online_column {
    width: calc(50% - 40px);
    margin: 0 40px 40px 0;
  }
  .note_online_column .ttl {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 2;
  }
  .note_online_column .txt {
    margin-bottom: 25px;
    font-size: 15px;
  }	
.note_online_sp{
		display: none;
	}
	
/* --------------------------------------------------------
	おうちごはん
-------------------------------------------------------- */
	
	.note_column .b_column_pro{
		background-color: #eef4f1;
		margin-top: 0;   
	}		
	
}

/* --------------------------------------------------------
	フク子がいく！
-------------------------------------------------------- */	
  .note_fukuko__list-img {
    height: 220px !important;
  }
.note_fukuko__2colm_item img{
height: 440px !important;
}	
.note_fukuko_box{
	display: flex;
    justify-content: center;
}

.note_fukuko_box_in{
	margin: 0 35px 35px 35px;
	display: block;
	width: 240px;
}

.note_fukuko_box_in p{
	padding:0 10px !important;
	line-height: 2em;
}

.note_fukuko_box_in img{
	width: 100%;
	flex-shrink: 0;
	min-height: 1px; 	
}

.note_fukuko_point .fukuko_img{
	position: absolute;
	width: 110px !important;
	top: -30px;
	left: -30px;
	
}

/* --------------------------------------------------------
	母の日 テーブル
-------------------------------------------------------- */	
.note_091{
	width: 400px;
}



/* ここにSP向けのCSS指定 */
@media (max-width: 768.98px) {
.pconly{display: none;}		
 
  .link-btn {
    font-size: 14px;
  }
  .note-list__item__txt {
    left: -1px;
  }
  .l-container {
    overflow: hidden;
  }
  .sec-mv__content h1 > span {
    display: block;
    margin-left: 25px;
  }
  .sec-mv__content .kv-img img {
    bottom: -40px;
    left: -20px;
    width: 430px;
  }
	.notelogo{display: none;}
    .note_column .profilea img{
    margin-left: 10px;
} 

.note_column .ritimg{ 
    width: 70%;
    margin-left: 15%;
    margin-top: 20px;
    margin-bottom: 20px;
 
} 
	
.note_column .leftimg{ 
    width: 70%;
    margin-left: 15%;
    margin-top: 20px;
    margin-bottom: 20px;
 
} 	

.note_online_pc{
    display: none;
  }	
	
/* --------------------------------------------------------
	フク子がいく！
-------------------------------------------------------- */	
  .note_fukuko__list-img {
  height: 160px !important;	  
  }	
.note_fukuko__2colm_item img{
height: 240px !important;
}
.sec-how-use .step-list__item .step__image .image {
	margin: 20px !important;
}
	
.note_fukuko_box{
	margin: 0 !important ;
	flex-direction: column !important;
	
	}
.note_fukuko_box_in{
	margin: 0 0 35px 0 !important;
	display: block;
	width: 100%;
}

.note_fukuko_box_in img{
	width: 100% !important;
	flex-shrink: 0;
	min-height: 1px; 	
}
.note_fukuko_point .fukuko_img{
	position: absolute;
	width: 90px !important;
	top: -20px;
	left: 10px;
	
}	
/* --------------------------------------------------------
	母の日 テーブル
-------------------------------------------------------- */	
.note_091{
	width: 80% ;
}


/* --------------------------------------------------------
	立木冬麗 占い
-------------------------------------------------------- */		
	
  ul.note_098 ul{
    flex-wrap:wrap;
  }
  ul.note_098 .br_none{
    border-right: none !important;
  }
  ul.note_098 ul .li_btn{
    width: 50%;
  }
	

}