#ftr {
  margin-top: 60px;
}

.cate_search .searchForm {
  max-width: 444px;
}
.cate_child {
  display: flex;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 25px;
}
.cate_child li {
  margin-bottom: 15px;
}
.cate_child li:not(:last-child) {
  margin-right: 5px;
}
.cate_child li a {
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  display: block;
  color: #1B1B1B;
  padding: 6px 30px;
  background: #E9F2F0;
  border-radius: 100px;
}

#top_post_list.row.articleList--typeD {
  margin-left: -15px;
  margin-right: -15px;
}
#top_post_list.row.articleList--typeD .articleList__wrap:before {
  content: unset;
}
#top_post_list.row.articleList--typeD .articleList__wrap:after {
  content: unset;
}
@media (max-width: 991px) {
  #top_post_list.row.articleList--typeD {
    width: 100%;
    margin: 0 auto;
  }
	.cate_child {
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 25px;
    flex-wrap: wrap;
}

.cate_child li:not(:last-child) {
    margin-right: 5px;
    /*width: 30%;*/
    text-align: center;
}


}

.articleList__cate {
  display: flex;
	flex-direction: column;
  align-items: flex-start;
}
.articleList__cate li {
  font-weight: 500;
  font-size: 10px;
  line-height: 14px;
  display: block;
  color: #1B1B1B;
  padding: 3px 12px;
  background: #E9F2F0;
  border-radius: 100px;
  margin-bottom: 5px;
}
.articleList__cate li:not(:last-child) {
  margin-right: 5px;
}

.cate_deck {

}
.cate_deck__img {
  margin-bottom: 40px;
}
.cate_deck__txt p {
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.2em;
  color: #000000;
}
.cate_search_child  {
  margin-bottom: 50px;
}
.cate_search_child .searchForm {
  max-width: 444px;
}

@media (max-width: 991px) {

.cate_search .searchForm {
  max-width: 250px;
  margin: 0 auto;
}

.cate_deck {

}
.cate_deck__img {
  margin-bottom: 30px;
  margin-left: -15px;
  margin-right: -15px;
}
.cate_deck__txt p {
  font-size: 12px;
  line-height: 28px;
}
.cate_search_child  {
  margin-bottom: 30px;
}
.cate_search_child .searchForm {
  max-width: 100%;
  margin: 0 auto;
}
}

.pageTitle.h2A {
  text-align: left;
} 



#drawer .drawer__search .searchForm { margin: 0; }

.font-16 {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.2em;
  color: #000000;
}
a:hover {
  color: #1b1b1b;
}

.fs-c-heading--page {
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  color: #000000;
  text-align: left;
}
@media (max-width: 991px) {
.fs-c-heading--page {
  font-size: 20px;
}
}

.fs-c-productListCarousel .slick-arrow {
  background: transparent;
}

#sec_shopping .fs-c-productListCarousel .fs-c-productPrice--listed,
#sec_shopping .fs-c-productListCarousel .fs-c-productPrice__main__label {
  display: none;
}

#side .hasChildren > ul, #side .hasChildren--click > ul {
  margin-bottom: 0;
}

#sec_column .blog_card .blog_card__img img {
  height: 100%;
}

.cart_pop_btn {
  margin: 20px 0;
}
.cart_pop_btn span {
  font-size: 21px;
  font-weight: 700;
  padding: 20px 15px;
  background: #EDE4E1;
  display: block;
  text-align: center;
  border-radius: 10px;
  cursor: pointer;
}
.cart_pop_btn span small {
  font-size: 15px;
  font-weight: 500;
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
.modal_cart {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  background-color: rgba(241, 241, 241, 0.88);
  width: 100%;
  height: 100%;
  padding: 50px 0;
}
.modal_cart_inner {
  height: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding: 50px 40px 50px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  position:relative;
}
.modal_cart_inner:before {
  content: "";
  display: block;
  width: 25px;
  height: 2px;
  background-color: #000000;
  position: absolute;
  top: 20px;
  right: 15px;
  transform: rotate(45deg);
}
.modal_cart_inner:after {
  content: "";
  display: block;
  width: 25px;
  height: 2px;
  background-color: #000000;
  position: absolute;
  top: 20px;
  right: 15px;
  transform: rotate(-45deg);
}
.modal_cart_contents {
  width: 100%;
}
.cart_pop_close {
  text-align: center;
  margin: 20px 0;
}
.cart_pop_close span {
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.cart_pop_close span i {
  margin-right: 5px;
}
.modal_cart_contents .fs-c-productSelection__name {
  background-color: #ffffff;
}
.modal_cart_contents .fs-c-productQuantityAndWishlist {
  margin-top: 20px;
}
.modal_cart_contents [type=text],
.modal_cart_contents select {
  padding-top: 10px;
  padding-bottom: 10px;
}
.modal_cart_contents .fs-c-button--addToWishList--detail {
  white-space: nowrap;
}
@media (max-width: 991px) {
.modal_cart {
  padding: 20px 15px;
}
.modal_cart_inner {
  overflow-y: scroll;
  padding: 50px 20px 20px 20px;
}
}

.articleList--typeD li .articleList__wrap .articleList__text {
  position: relative;
}
.articleList--typeD li .articleList__wrap .articleList__text:before {
  content: "もっと見る";
  font-size: 14px;
  position: absolute;
  bottom: 10px;
  right: 25px;
    display: none;
}
.articleList--typeD li .articleList__wrap .articleList__text:after {
 /* content: "";*/
  width: 6px;
  height: 6px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  bottom: 13px;
  right: 10px;
}
.articleList--typeD li .articleList__wrap .articleList__text time {
  margin-top: 10px;
}



/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*-------------ここからエル・ローズ編集-------------*/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/



/*--------わたここ-------*/

/*ページ幅*/
div#content article.osusume {
	width: 720px;
	text-align: justify;
	margin: 0px auto 50px auto;
	padding-top: 40px;
}

/*わたここタイトル*/
div#content article.osusume header p.list {
	margin-bottom: 60px;
    text-align: center;
}
div#content article.osusume header p.list img {
	width: auto;
	height: 147px;
	margin: auto;
}

/*見出し*/
div#content article.osusume header h1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-weight: bold;
	line-height: 35px;
    font-weight: 500;
    letter-spacing: 0.2em;
}
div#content article.osusume header h1 span,
div#content article.osusume header h1 i {
	display: block;
}
div#content article.osusume header h1 span {
	position: relative;
	padding: 0px 30px 5px 30px;
}
div#content article.osusume header h1 span::before,
div#content article.osusume header h1 span::after {
	display: block;
	box-sizing: border-box;
	position: absolute;
	width: 20px;
	height: 20px;
	content: "";
}
div#content article.osusume header h1 span::before {
	left: 0px;
	top: 0px;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
}
div#content article.osusume header h1 span::after {
	right: 0px;
	bottom: 0px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
div#content article.osusume header h1 i.sub {
	font-size: 20px;
}
div#content article.osusume header h1 i.main {
	font-size: 24px;
}

/*スタッフ紹介*/
div#content article.osusume div.content p,
div#content article.osusume div.content div.staff {
	margin-bottom: 40px;
}
div#content article.osusume div.content div.staff p,
div#content article.osusume div.content div.item p {
	margin-bottom: 0px;
}
div#content article.osusume div.content p.image img {
	width: 100%;
	height: auto;
}
div#content article.osusume div.content div.staff {
	border: 5px solid #e9f2f0;
	padding: 30px;
	border-radius: 10px;
}
div#content article.osusume p.osusume-staff-more {
  margin-top:auto;
  text-align:right;
  font-size:13px!important;
  letter-spacing:.08em;
  color:#7BAAA1;
  font-weight:600;
  transition:.3s;
}
div#content article.osusume div.content div.staff div.icon-text {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
div#content article.osusume div.content div.staff div.icon-text p.icon {
	width: 104px;
}
div#content article.osusume div.content div.staff div.icon-text p.icon img {
	width: 100%;
	height: auto;
}
div#content article.osusume div.content div.staff div.icon-text div.text {
	width: calc(100% - 134px);
}
div#content article.osusume div.content div.staff div.icon-text div.text p.prefix {
	font-size: 12px!important;
	font-weight: bold;
	color: #7BAAA1;
}
div#content article.osusume div.content div.staff div.icon-text div.text p.name {
	font-weight: bold;
	margin-bottom: 10px;
	color: #7BAAA1;
	font-size: 1.3em !important;
}
div#content article.osusume div.content .osusume-staff-link{
  display:block;
  color:inherit;
  text-decoration:none;
}
div#content article.osusume div.content .osusume-staff-link:hover .osusume-staff-more{
  transform:translateX(4px);
  color:#333;
}
div#content article.osusume div.content div.staff div.icon-text div.text{
  display:flex;
  flex-direction:column;
}


/*アイテム紹介*/
div#content article.osusume div.content div.item p.label {
	position: relative;
	margin-bottom: 15px;
}
div#content article.osusume div.content div.item p.label::before {
	position: absolute;
	width: 100%;
	height: 0px;
	border-bottom: 1px solid #cccccc;
	left: 0px;
	top: 50%;
	content: "";
}
div#content article.osusume div.content div.item p.label {
	font-weight: bold;
	line-height: 20px;
}
div#content article.osusume div.content div.item p.label span {
	display: inline-block;
	position: relative;
	padding-right: 10px;
	background-color: #ffffff;
}
div#content article.osusume div.content div.item {
	padding-top: 40px;
}
div#content article.osusume div.content div.item div.list {
	border-bottom: 1px solid #cccccc;
}
div#content article.osusume div.content div.item div.list div.row {
	margin-bottom: 20px;
}
div#content article.osusume div.content div.item div.list div.row div.image-text {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
div#content article.osusume div.content div.item div.list div.row div.image-text p.image {
	width: 120px;
}
div#content article.osusume div.content div.item div.list div.row div.image-text p.image img {
	transition: 0.25s opacity ease;
}
div#content article.osusume div.content div.item div.list div.row div.image-text p.image a:hover img {
	opacity: 0.8;
}
div#content article.osusume div.content div.item div.list div.row div.image-text div.text {
	width: calc(100% - 140px);
}
div#content article.osusume div.content div.item div.list div.row div.image-text div.text h3 {
	font-weight: bold;
	margin-bottom: 10px;
}
div#content article.osusume div.content div.item div.list div.row div.image-text div.text p.name {
	line-height: 22px;
}
div#content article.osusume div.content div.item div.list div.row div.image-text div.text p.name a {
	color: #969696;
}
div#content article.osusume div.content div.item div.list div.row div.image-text div.text p.name span {
	display: block;
}

/*レスポンシブ箇所*/
div#content article.osusume div.content div.item div.list div.row div.image-text p.image{
	width: 230px;
}/*PC*/

div#content article.osusume div.content div.item div.list div.row div.image-text div.text{
	width: calc(86% - 140px);
}/*PC*/

div#content p#title-osusume-alternate{
	margin: 40px 0 70px 0;
}/*PC*/

div#content p#title-osusume-alternate img{
	width: 25%;
	margin: 0 auto;
}/*PC*/


@media (max-width: 991px) {
header#header {
	display: none;
}/*SP*/

div#content {
	margin-bottom: 20px;
	padding-top: 20px;
}/*SP*/
div#content div.title-osusume-wrapper {
	padding-left: 10px;
}/*SP*/
div#content div#title-osusume {
	margin-bottom: 30px;
	padding: 50px;
}/*SP*/
div#content div#title-osusume div.background {
	border-radius: 10px;
}/*SP*/
div#content div#title-osusume div.background-01 {
	background-size: auto 6px;
	transform: translate(5px, 5px);
}/*SP*/
div#content div#title-osusume div.background::before {
	height: 23px;
	left: calc(50% - 27px);
	bottom: -23px;
}/*SP*/
div#content div#title-osusume div.background-01::before {
	background-size: 100% auto, auto 6px;
}/*SP*/
div#content div#title-osusume h1 img {
	width: 480px;
}/*SP*/
div#content p#title-osusume-alternate {
	margin: 40px 0;
}/*SP*/
div#content h2#headline-osusume {
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	margin-bottom: 25px;
}/*SP*/
div#content section#osusume div.list {
	margin-bottom: 20px;
	padding: 0px 10px;
}/*SP*/
div#content section#osusume div.list div.content {
	margin-right: -10px;
}/*SP*/
div#content section#osusume div.list div.content div.row {
	width: calc(50% - 10px);
	margin: 0px 10px 10px 0px;
	padding: 15px 15px 10px 15px;
	border-radius: 5px;
}/*SP*/
div#content section#osusume div.list div.content div.row h3 {
	font-size: 14px;
	margin-bottom: 5px;
}/*SP*/
div#content section#osusume div.list div.content div.row div.staff-date {
	display: block;
	margin-bottom: 5px;
}/*SP*/
div#content div#pager ul li {
	line-height: 28px;
}/*SP*/
div#content div#pager ul li.number {
	width: 28px;
	height: 28px;
}/*SP*/
div#content div#pager ul li.prev::before {
	transform: translateY(1px) rotate(45deg);
}/*SP*/
div#content div#pager ul li.next::after {
	transform: translateY(1px) rotate(45deg);
}/*SP*/
div#content article.osusume {
	width: auto;
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 40px;
	padding: 10px 10px 0px 10px;
}/*SP*/
div#content article.osusume header {
	margin-bottom: 30px;
}/*SP*/
div#content article.osusume header p.date {
	margin-bottom: 50px;
}/*SP*/

div#content article.osusume header p.list {
	margin-bottom: 55px;
}/*SP*/

div#content article.osusume header p.list img {
	height: 91px;
	margin: auto;
}/*SP*/
div#content article.osusume header h1 {
	line-height: 30px;
}/*SP*/
div#content article.osusume header h1 span {
	padding: 0px 20px 5px 20px;
}/*SP*/
div#content article.osusume header h1 i.sub {
	font-size: 14px;
}/*SP*/
div#content article.osusume header h1 i.main {
	font-size: 18px;
}/*SP*/
div#content article.osusume div.content p,
div#content article.osusume div.content div.staff {
	margin-bottom: 30px;
}/*SP*/
div#content article.osusume div.content div.staff {
	padding: 15px;
}/*SP*/
div#content article.osusume div.content div.staff div.icon-text p.icon {
	width: 78px;
}/*SP*/
div#content article.osusume div.content div.staff div.icon-text div.text {
	width: calc(100% - 88px);
	line-height: 22px;
}/*SP*/
div#content article.osusume div.content div.item {
	padding-top: 20px;
}/*SP*/
div#content article.osusume div.content div.item div.list div.row div.image-text p.image {
	width: 100px;
}/*SP*/
div#content article.osusume div.content div.item div.list div.row div.image-text div.text {
	width: calc(100% - 120px);
}/*SP*/
div#content article.osusume div.content div.item div.list div.row div.image-text div.text h3 {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 5px;
}/*SP*/
div#content article.osusume div.content div.item div.list div.row div.image-text div.text p.name {
	font-size: 12px;
	line-height: 20px;
}/*SP*/
div#content nav#navi-article {
	width: 240px;
	margin-bottom: 40px;
}/*SP*/
div#content nav#navi-article ul {
	margin-bottom: 40px;
}/*SP*/
div#content nav#navi-article ul li.prev a::before {
	transform: translateY(1px) rotate(45deg);
}/*SP*/
div#content nav#navi-article ul li.next a::after {
	transform: translateY(1px) rotate(45deg);
}/*SP*/
div#content nav#navi-article p.button a {
	width: 160px;
	height: 40px;
	border-radius: 20px;
}/*SP*/
div#content nav#navi-article p.button a::after {
	transform: translateY(0px) rotate(45deg);
}/*SP*/
div#content div.block-column header {
	text-align: center;
}/*SP*/
div#content div.block-column header h2 {
	float: none;
}/*SP*/
div#content div.block-column header br {
	display: none;
}/*SP*/
div#content div.block-column div.content {
	margin: 0px;
}/*SP*/
div#content div.block-column div.content div.row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin: 0px;
}/*SP*/
div#content div.block-column div.content div.row:not(:last-child) {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 15px;
	padding-bottom: 15px;
}/*SP*/
div#content div.block-column div.content div.row p.image {
	width: 140px;
	margin-bottom: 0px;
	padding: 0px;
}/*SP*/
div#content div.block-column div.content div.row div.body {
	width: calc(100% - 150px);
	padding: 0px;
}/*SP*/
.content_item_button a{
	display: none;
}/*SP*/

div#content p#title-osusume-alternate img{
	width: 50%;
	margin: 0 auto;
}/*SP*/
}
@media (max-width:480px) {
div#content div#title-osusume {
	padding: 35px;
}
}/*SP*/
@media (max-width:320px) {
div#content div#title-osusume {
	padding: 25px;
}
}/*SP*/


/*--------コラム-------*/

#yomimono-column{
    padding: 30px;
}

#yomimono-column h1 {
    border-bottom: solid 1px black;
    padding: 0.5em 0.5em;
    line-height: 1.5em;
    font-size: 16px;
}/*コラムタイトル*/

#yomimono-column #container{
    width: 100%!important;
}
#yomimono-column table{
    border: none;
}
#yomimono-column td{
    border: none;
    border-bottom:none;
    border-right:none;
    padding: 0px;
}
#yomimono-column .container {
    margin: auto;
    width: 90%;
    padding: 30px 0 0;
}
#yomimono-column #container:last-child .item_link {
    border-bottom: 1px dotted #cccccc;
}
#yomimono-column #container .item_link {
    clear: both;
    padding: 20px 0;
    margin-bottom: 0;
    border-top: 1px dotted #cccccc;
    overflow: hidden;
}
#yomimono-column #container .item_link img {
    width: 30%;
    float: left;
    margin: 0;
}
#yomimono-column #container .item_link .item_link_box {
    float: right;
    width: 65%;
    color: #333333;
}
#yomimono-column #container .item_link .item_name {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
}
#yomimono-column #container .item_link .item_price {
    color: #666666;
    font-size: 14px;
    margin-bottom: 20px;
    text-align: right;
}
#yomimono-column #container .item_link .item_link_box {
    float: right;
    width: 65%;
    color: #333333;
}
#yomimono-column #container .item_link .item_button a {
    height: 40px;
    font-size: 13px;
    line-height: 40px;
    color: #ffffff;
    margin-top: 10px;
    letter-spacing: 1px;
    display: block;
    text-align: center;
    border-radius: 3px;
    text-decoration: none;
}
#yomimono-column .container_item .item_link .item_button a {
    background-color: #BBB;
}
#yomimono-column .container_item{
    padding: 0px!important;
}

#container {
  padding-bottom: 80px!important;
}

/*コラム（SP用CSS）*/
@media (max-width: 991px) {
#container {
  padding-bottom: 60px!important;
}
.post_list_area .articleList--typeD > li {
  padding-left: 0;
  padding-right: 0;
}
}

/*↓↓↓コラム（目次）↓↓↓*/



.yomimono-contents {
    margin-bottom: 0px;
    border-radius: 3px;
    background-color: #f7f7f7;
	padding: 20px;
	border-radius:30px;
}

.yomimono-contents div {
    display:block;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 10px 0;
    color: #000;
    font-weight: 600;
    font-size: 1.1em;
}

.yomimono-contents div::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    content: '';
}

.yomimono-contents ul {
    list-style-type: disc;
    margin: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.yomimono-contents > ul {
    padding: 0.5%;
}

/*.yomimono-contents>ul>li::before {
    content: "・";
    left: -25px;
    position: absolute;
    margin: auto;
}*/

.yomimono-contents ul ul {
    margin-top: 5px;
    padding-left: 1.1em;
}

/*.yomimono-contents ul ul>li::before {
    content: "ー";
	left: -15px;
	position: absolute;
    margin: auto;
}*/

.yomimono-contents li {
    width: 80%;  
    text-align: left;
    padding: 5px 0;
    font-weight: 600;
	position: relative;
	margin-left: 50px;
}

.yomimono-contents ul ul li {
    font-weight: 600;
    font-size: 0.9em;
}


.yomimono-contents a {
    color: #333;
    text-decoration: none;
}

   
@media (max-width:480px) {
	#yomimono-column{
		padding:10px;
	}
}


/*自閑_コラム*/
.staff{
        text-align: right;
        font-size: 16px;
    }


/*自閑_その他記事*/
 .chart{
      margin: 30px;
    background-color: #F5F5F5;
    padding: 50px 30px 30px 30px;
    border-radius: 30px;   
    }
   
.othercolumn{
        font-size: 16px;
            text-align: center;
            font-weight: 600;
    }


  .botan{
	display: block;
	width:100px;
	height: 25px;
	text-align: center;
	margin-left: auto;
	background: #ffffff;
	text-decoration: none;
        border: 1px solid;
    
    
    }
.wrapper{
display: -webkit-box!important;
display: flex!important;

    margin-right: -15px;
    margin-left: -15px;
    margin-top: 25px;
      flex-wrap: nowrap!important;
    overflow-x: scroll;
    
}
.youso{
width:100%;
min-width:29%;
padding:15px;
display: -webkit-box;
display: block;
align-items: center;
justify-content: center;
    border: 1px solid;
    margin-right: 15px;
    background-color: #FFFFFF;
    scroll-snap-align: start;
}
   
     .youso img:hover{
     opacity: 0.6;
         filter: brightness(102%);
    }
    .youso p{
        font-size: 15px;
        text-decoration: none;
        color: #000000;
    }   
    .br-sp {
    display: none;
}
    
      
    .bigtext{
        font-size: 15px;
    }        
    .smalltext{
        font-size: 12px;
        margin: 5px 0  0 0;
        
    }

    .listimage{
    
	display: block;
	width: 100%;
        
}


/*自閑_その他記事SP*/

@media screen and (min-width: 600px){
.wrapper{
flex-wrap: wrap;
}
    br.br-pc{
        display: none;
    }
}


@media screen and (max-width:599px){
	
	
	.chart {
	 margin: 0px;
    background-color: #ffffff;
    padding: 0px;
    border-radius: 0px;
		margin-top:50px;
}
	.chart ul{
		margin-left:10px;
	}
	   .othercolumn{
        margin:0px;
        font-size: 15px;
		font-weight: 600;
	}
	
	 .botan{
        display: none!important;
    }
	    .othercolumn{
        margin: 0px;
        font-size: 15px;
        font-weight:600;
    }
	.wrapper{
    
flex-wrap: nowrap;
overflow-x: scroll;
        margin-left: 7.5px;
    margin-right: 7.5px;
    scroll-snap-type: x mandatory;

}
    .wrapper::-webkit-scrollbar{
  display: none;
}
    ul .wrapper{
        margin-left: -20px;
    }
.youso{
width:100%!important;
min-width:43.4%!important;
    padding:9px!important;
scroll-snap-align: start!important;
  
}
    .br-sp {
        display: block;
    }

    .botan{
        display: none;
    }
	  }



/*自閑_連載記事*/

.rensaicolumn{
        font-size: 16px;
            text-align: center;
            font-weight: 600;
    }

      .rensai ul{
        display: flex;
    }
          .rensai{
        border: 1px solid;
        border-radius: 30px;
			  margin: 100px 30px 30px 30px;
			  padding:30px;
    }
    .rensaiyouso{
        margin-right: 20px;
		list-style:none!important;
		margin-top:25px;
    }

.2column{
	flex-direction:column;
}
 
        .rensaimage{
    
	display: block;
	width: 100%;
        
}
    .rensaititle{
        font-weight: 600;
        font-size: 14px;
    }
 


/*自閑_連載記事SP*/

@media screen and (max-width:599px){
	    .rensai ul{
flex-direction: column;
    }
	
	
	.rensai{
		margin:60px 10px 0 10px;
		padding: 30px 0 0 0;
	}
	
    .rensaicolumn{
        margin: 0px;
        font-size: 15px;
        font-weight:600;
    }
	.rensaiyouso a{
		display:flex;
	}
	.2column{
		display:flex;
	}
}

/*自閑_iframe*/

iframe {
	width:100%;
	height:700px;
	
}

/*自閑_iframeSP*/

@media screen and (max-width:599px){
	iframe {
	width:100%;
	height:620px;
}
}

/*同類オンナの談話室
--------------------------------------------------------------------------*/

/*同類オンナ ロゴ*/
.dourui-titlelogo {
	width: 37%;
	text-align: justify;
	margin: auto;
	padding: 0;
}
.dourui-titlelogo>img {
	width: 100%;
	margin: auto;
	justify-content: center;
}

/*同類オンナ リード文／紹介文*/
.dourui-lead{
	text-align: center;
	line-height: 2.0em;
	margin-bottom: 6%;
}

/*同類オンナ テーマ*/
.dourui-theme{
    margin-bottom: 0px;
    background-color: #fff;
	padding: 20px;
	border-radius:30px;
	text-align: center;
	border: 5px solid #fae8db;
	color: #455971;
}
p.dourui-subtitle{
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	padding: 2% 0 0 0;
	color: #455971;
}
.dourui-main-theme {
	font-size: 30px;
	font-weight: 800;
	margin-bottom: 3%;
	color: #455971;
}
p.dourui-theme-lead{
	color: #000;
	text-align: left;
	width: 89%;
	margin: auto;
	padding: 0 0 2% 0;
}

/*同類オンナ 紹介スタッフ*/
.dourui-member{
	text-align: center;
	padding: 3% 0;
}
.dourui-member p{
	margin: auto;
	width: 40%;
	text-align: center;
	font-weight: 600;
	font-size: 20px;
	
}
ul.dourui-member-introbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
}
li.dourui-member-intro{
    display: block;
    width: 30%;
    margin-bottom: 3%;
    border-right: dashed 0.3px #4C4C4C;
    padding: 0 4% 0 0;
	text-align: left;
	color: #000;
}
li.dourui-member-intro:last-child{
	border: none;
}
.dourui-pic img{
    width: 55%;
    display: flex;
    margin: auto;
}
.dourui-staff-name{
	text-align: center;
	font-size: 14px;
	padding: 8% 0 0;
}
.dourui-staff-intro{
    font-size: 14px;
    padding-bottom: 6%;
    line-height: 1.8em;
}
.dourui-staff4-intro {
    font-size: 14px;
}

/*同類オンナ 目次*/
.dourui-contents {
    margin-bottom: 0px;
    border-radius: 3px;
    background-color: #f7f7f7;
	padding: 20px;
	border-radius:30px;
	color: #455971;
}
.dourui-contents div {
    display:block;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 10px 0;
    color: #000;
    font-weight: 600;
    font-size: 1.1em;
	color: #455971;
}
.dourui-contents div::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    content: '';
}
.dourui-contents ul {
    list-style-type: disc;
    margin: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.dourui-contents > ul {
    padding: 0.5%;
}
/*.dourui-contents>ul>li::before {
    content: "・";
    left: -25px;
    position: absolute;
    margin: auto;
}*/
.dourui-contents ul ul {
    margin-top: 5px;
    padding-left: 1.1em;
}
/*.dourui-contents ul ul>li::before {
    content: "ー";
	left: -15px;
	position: absolute;
    margin: auto;
}*/
.dourui-contents li {
    width: 80%;  
    text-align: left;
    padding: 5px 0;
    font-weight: 600;
	position: relative;
	margin-left: 50px;
}
.dourui-contents ul ul li {
    font-weight: 600;
    font-size: 0.9em;
}
.dourui-contents a {
	color: #455971;
    text-decoration: none;
}


/*同類オンナ ハイライト or アンダーライン*/
.dourui-highlight{
	background: linear-gradient(transparent 60%, #fae8db 0%);
}

/*同類オンナ 名前の色を変える*/
span.name-A{
	color: #5fa4cc;
	font-weight: 600;
}
span.name-B{
	color: #f3b4a5;
	font-weight: 600;
}
span.name-C{
	color: #b386d9;
	font-weight: 600;
}

/*同類オンナ 編集スタッフ（終わり）*/
p.dourui-staff{
	text-align: right;
	color: gray;
	font-size: 14px;
}


/*同類オンナ 4人メンバー時のスタイル*/
.otonajoshi-caption {
    font-size: 1.0em !important;
    color: #808080;
    margin-top: -25px;
    text-align: right;
    margin-bottom: 20px;
}

span.name-D {
    color: #b1dcb4;
    font-weight: 600;
}

.dourui-member4{
	text-align: center;
	/*padding: 3% 0;*/
}
.kataru {
	font-size: 1.6em !important;
  	margin-bottom: 22px !important;
 	margin-top: 42px !important;
}
.dourui-member4 p{
	margin: auto;
	width: 47%;
	text-align: center;
	font-weight: 600;
	font-size: 20px;
	padding-top: 10px !important;
	margin-bottom:  10px !important;
}
ul.dourui-member4-introbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
}
li.dourui-member4-intro{
   	display: block;
   	width: 45%;
   	margin-bottom: 3%;
  	padding-top:25px;
  	padding-bottom: 0;
  	padding-right: 2%;
  	padding-left: 0;
	text-align: left;
	color: #000;
}
li.dourui-member4-intro:nth-child(odd){
 	padding-left: 4%;
	padding-right: 0%;
}
li.dourui-member4-intro:nth-child(even){
 	padding-left: 0;
}
ul.dourui-member4-introbox{
 	position: relative;
}

ul.dourui-member4-introbox::before{
  	content: "";
  	position: absolute;
  	top: 0;
 	bottom: 0;
  	left: 50%;
  	border-left: dashed 0.3px #4C4C4C;
  	transform: translateX(-50%);
}
ul.dourui-member4-introbox::after{
  	content: "";
  	position: absolute;
  	left: 0;
  	right: 0;
  	top: 50%;
  	border-top: dashed 0.3px #4C4C4C;
  	transform: translateY(-50%);
}
.dourui-pic4{
	height: 140px;
 	display: flex;
  	align-items: center;
  	justify-content: center;
}
.dourui-pic4 img{
  	width: auto;
  	height: 100%;
}
.dourui-staff4-name{
	text-align: center;
	font-size: 14px;
	padding: 8% 0 0;
}
.dourui-staff4-intro{
	padding-bottom: 6%;
	line-height: 1.8em;
}
.dourui-member4-intro{
  	padding-left: 4%;
}
.dourui-member4-intro:nth-child(even){
 	padding-left: 0;
}





/*同類オンナの談話室_SP*/
@media screen and (max-width:599px){

/*同類オンナ ロゴ*/
.dourui-titlelogo {
	width: 70%;
}

li.dourui-member4-intro:nth-child(odd) {
     padding-left: 0%!important;
}

/*同類オンナ 紹介スタッフ*/
.dourui-lead{
	line-height: 1.6em;
	margin-top: 3%;
	margin-bottom: 8%;
}
.dourui-main-theme {
	font-size: 25px;
	margin-bottom: 6%;
	line-height: 30px;
}
p.dourui-theme-lead{
	padding: 0 0 10% 0;
}
.dourui-member p{
	width: 80%;
	font-size: 20px;
	
}
li.dourui-member-intro{
    display: block;
    width: 100%;
    border-bottom: dashed 0.3px #4C4C4C;
	border-right: none;
}
	
.dourui-contents {
    margin-top: -10%;
}
	
/*同類オンナ 4人メンバーの場合*/
.otonajoshi-caption {
   	font-size: 0.8em !important;
}
  ul.dourui-member4-introbox{
   	flex-direction: column;
  }

  li.dourui-member4-intro{
   	width: 100%;
   	padding-left: 0;
   	padding-right: 0;
   	padding-top: 24px;
   	padding-bottom: 24px;
   	margin-bottom: 0;
   	border-bottom: dashed 0.3px #4C4C4C;
  }

  li.dourui-member4-intro:last-child{
    	border-bottom: none;
  }

  ul.dourui-member4-introbox::before,
  ul.dourui-member4-introbox::after{
 	display: none;
  }
.kataru {
	font-size: 1.2em !important;
}
.dourui-staff4-name{
	font-size: 14px!important;
	padding-bottom:  6px;
}

}
}









/*保浦　国際女性デー*/
   
/* 全体の設定
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 62.5%;
}

body {
    color: #000;
   font-family: -apple-system,BlinkMacSystemFont,"游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
    background:#fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 2.0em;
    margin:0;
	padding:0;
}

#outline p{
        text-align: center; 
    }
    .thin{
        font-weight: 500;
    }
    .left{
        text-align: left!important;
    }
    #outline img{
        display: inline;
    }
    #outline h1,h2,h3,h4{
        font-weight: 600;
    }
   
    
/*PC表示ここから*/
    @media only screen and (min-width: 768px) {
    #custom-header{
        display: none;
    }
    #outline{
        width: 900px;
        margin: 0 auto;
    }
    #introduction>p>img{
        width: 100%;
    }
    .sp{
        display: none;
    }
    }


    
 /*SP表示ここから*/
    @media only screen and (max-width: 768px){
    header{
        display: none;
    }
    body{
        margin: 0;    
    }
#outline p{
        font-weight: 600;
        font-size: 14px;
        text-align: center; 
        line-height: 2.0em;
    }
    .pc{
        display: none;
        }
    .sp{
       width: 100%;
        }
    #outline{
        width: 100%;
        margin-top: 80px;
    }
    #introduction>p>img{
        width: 90%;
    }        
    }

    
    
/*メインコンテンツ
-------------------------------------*/
main {
    margin: 5rem 0 0 0;
}
section {
	margin: 5rem 3rem;
	padding: 3rem 0;
}
.bluegray-back {
	background-color: #e1eae6;
}

.mimoza-back {
    background-image: url("images/mimosa.png");
    background-position:50%;
}   
.mimoza-back::after {
    background-color:rgba(255,244,28,0.2);
}
    
    
/*キャッチコピー
-------------------------------------*/
.catch {
    text-align: center;
}
.catch h2 {
    padding-bottom: 1rem;
}
.catch h3 {
    padding-bottom: 2%;
}   
    
.catch h4{
        text-align: center;
        font-size: 13px;
        font-weight: 600;
        line-height: 2em;
        margin: 0 8%;
    }

.catch h5{
        text-align: center;
        font-size: 22px;
        font-weight: 600;
        letter-spacing: 0.15em;
        margin: 5% 0 5%;
    }
.catch>h5>span{
        border-bottom: 3px solid #000;
        padding-bottom: 10px;
    }

.catch h6{
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.08em;
        margin: 5% 0 2%;
    }
.catch>h6>span{
        border-bottom: 3px dotted#000;
        padding-bottom: 10px;
    }

.catch>p{
        padding: 5%;
        letter-spacing: 0.1em;
        text-align: center;
    }
.under {
    border-bottom: 0.4rem solid var(--base-color);
    padding:0 1rem 1rem 1rem;
}
.center {
	text-align: center;
	margin-bottom: 4rem;
}
    
.under-line {
  background: linear-gradient(transparent 70%, #ecd430 70%);
}    
    
    
/* グリッド
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
    margin: 0 auto;
    max-width: 1050px;
    padding: 0 2.0rem;
    position: relative;
}
    
.row2 {
    display: flex;
    width: 100%;
}    

/* ブロックを縦に表示（SP） */

.ask {
    display: flex;
    flex-direction: column;
    padding: 0;
    width: 100%;
}

.ask .col.span-3 img{
    width: 80%;
    height: auto;
    object-fit: cover;
}
    
.ask .col.span-4 img{
    width: 80%;
    height: auto;
    object-fit: cover;
}

.row2 .col.span-4 img{  
    width: 100%;
    height: auto;
}

.ask .col.span-6 img{
    width: 80%;
    height: auto;
    object-fit: cover;
}
.ask .col.span-66 img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.ask .col.span-11 img{
    width: 90%;
    height: auto;
    object-fit: cover;
}
.ask .col.span-12 img{
    width: 100%;
    height: auto;
    object-fit: cover;
}

.col {
    display: block;
    flex: 1 1 auto;
    margin-left: 0;
    max-width: 100%;
    width: 100%;
}
    

    
/* 768px以上の表示 */
@media ( min-width : 768px ) {
.ask {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 0;
}
.col {
    margin-left: 4%;
}
	
.col:first-child { 
    margin-left: 0; 
}

.ask .col.span-1 {
    flex: 0 0 4.66666666667%;
    max-width: 4.66666666667%;
}
.ask .col.span-2 {
    flex: 0 0 13.3333333333%;
    max-width: 13.3333333333%;
}

.ask .col.span-3 {
    flex: 0 0 22%;
    max-width: 22%;
}
.ask .col.span-3 img{
    width: 100%;
    height: auto;
    object-fit: cover;
}

.ask .col.span-4 {
    flex: 0 0 30.6666666667%;
    max-width: 30.6666666667%;
    margin-bottom: 20px;
}  
.ask .col.span-4 img{
    width: 100%;
    height: auto;
    object-fit: cover;
}

.row2 .col.span-4 {
    flex: 0 0 30.6666666667%;
    max-width: 30.6666666667%;
}  
.row2 .col.span-4 img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.ask .col.span-5 {
    flex: 0 0 39.3333333333%;
    max-width: 39.3333333333%;
}
.ask .col.span-6 {
    flex: 0 0 48%;
    max-width: 48%;
}
.ask .col.span-6 img{
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.ask .col.span-66 {
    flex: 0 0 48%;
    max-width: 48%;
}
.ask .col.span-66 img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.ask .col.span-7 {
    flex: 0 0 56.6666666667%;
    max-width: 56.6666666667%;
}
.ask .col.span-8 {
    flex: 0 0 65.3333333333%;
    max-width: 65.3333333333%;
}
.ask .col.span-9 {
    flex: 0 0 74.0%;
    max-width: 74.0%;
}
.ask .col.span-10 {
    flex: 0 0 82.6666666667%;
    max-width: 82.6666666667%;
}
.ask .col.span-11 {
    flex: 0 0 100%;
    max-width: 100%;
}
.ask .col.span-11 img{
    width: 70%;
    height: auto;
    margin: 0 auto;
    object-fit: cover;
}
.ask .col.span-12 {
    flex: 0 0 100%;
    max-width: 100%;
}
.ask .col.span-12 img{
    width: 90%;
    height: auto;
    object-fit: cover;
}

    
/* オフセット */
.ask .col.offset-1 {
    margin-left: 8.66666666667%;
}
.ask .col.offset-2 {
    margin-left: 17.3333333333%;
}
.ask .col.offset-3 {
    margin-left: 26%;
}
.ask .col.offset-4 {
    margin-left: 34.6666666667%;
}
.row2 .col.offset-4 {
    margin-left: 34.6666666667%;
}
.ask .col.offset-5 {
    margin-left: 43.333333333%;
}
.ask .col.offset-6 {
    margin-left: 52%;
}
.ask .col.offset-66 {
    margin-left: 52%;
}
.ask .col.offset-7 {
    margin-left: 60.6666666667%;
}
.ask .col.offset-8 {
    margin-left: 69.3333333333%;
}
.ask .col.offset-9 {
    margin-left: 78.0%;
}
.ask .col.offset-10 {
    margin-left: 86.6666666667%;
} 
    

}

    
/* もっと見るボタン
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.more-button {
    width: 60%;
    padding: 0.5em 1em;
    margin: 50px auto;
    font-weight: 800;
    border: solid 1px #000000;
    justify-content: center;
}
.more-button p {
    font-size: 80%;
    margin: 0; 
    padding: 0;
}
     
/*コピーライト
-------------------------------------*/   
    .copyright{
        background-color: #f5f5f5;
        padding: 20px 0 20px 0;
    }
    .copyright p{
        font-size: 10px;
        font-weight: 500;
        margin: 0;
    }
    
	
    
    
/*保浦記載
-------------------------------------*/	
#outline h1{
text-align: center;
line-height: 2;
font-size: 30px
}
#outline h1 span{
    border-bottom: 4px solid #FAEC21;
}

.hinnabtn{
text-align: center;
margin-top: 30px;
}


.hinnabtn a{
display: inline-block;
text-decoration: none;
background-color: #AFC8C3;
color: #fff;
border-radius: 50px;
padding: 10px;
width: 250px;
text-align: center;
}

.hinnabtn a:hover{
opacity: .7;
}

.kihu{
border-bottom: 4px solid #FAEC21;
font-size: 18px;
}

.planinter{
background-color:#F0F0F0 ;
padding:20px 60px;
border-radius: 30px;
}

.hinnasien{
position: relative;
margin-top:50px;
}

#outline .hinnasien img{
    position: absolute;
    display: block;
    bottom: -40%;
    z-index: -1;
}


.hinnasien p span{
border-bottom: 4px solid #AFC8C3;
}

.pc-none{
display:none!important;
}
.sp-none{
display:block!important;
}

.hinnasirizu{
        border-bottom: 3px dotted#000;
        margin-bottom: 20px;
}



.catch>p{
        padding: 2%;
        letter-spacing: 0.1em;
        text-align: center;
    }
	
	
.hinnasirizu p{
padding-bottom: 20px;
}


.new_box{
    position: relative;
}

.new_icon:after{
    position: absolute;
    content: "PICK UP！";
    top: 5px;
    left: 5px;
    background: #FFFF00;
    color: #1C1C19;
    padding: 10px;
}

.new_box img{
    width: 100%;
}


/*保浦記載SP
-------------------------------------*/	
@media ( max-width : 767px ) {	
#outline h1 {
    font-size: 15px;
    line-height: 3em;
}

.kihu{
    border-bottom: 4px solid #FAEC21;
    font-size: 15px;
    line-height: 2em;
}
	
.catch>p.sp-l,.planinter p.sp-l{
text-align: left;
}	

.catch h5{
line-height: 2.5;
    }
.planinter{
padding:20px 20px;

}	
#SPECIAL-SET .ask {
flex-wrap: wrap;	
display: flex;
    width: 100%;
   flex-direction: unset;
}
#SPECIAL-SET .ask .col.span-4 {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 20px;
}
#SPECIAL-SET .container {
    padding: 0;
}
#SPECIAL-SET .ask .col.span-4 img {
    width: 90%;
}
.pc-none{
display:block!important;
}
.sp-none{
display:none!important;
}
}

	
/*保浦記載SPここまで
-------------------------------------*/	




/*自閑記載hinna2周年
-------------------------------------*/	


 
.row .col.span-4 img{
    width: 80%;
    height: auto;
    object-fit: cover;
}
    
.row2 .col.span-4{  
background-color: #ffffff;
    padding: 20px;
    border-radius: 15px;
}    
.row2 .col.span-4 p{  
color: #000000;
    text-align: left;
}        
.row2 .col.span-4 .itemname{  
color: #000000;
    text-align: left;
    border-left: 4px solid #000;
    padding-left: 15px;
    font-weight: 600;
}            
.row2 .col.span-4 .link{  
color: #fffff;
    background-color: #afc8c3;
    border-radius: 20px;
    margin-top:30px;
    font-weight: 600;
    padding: 5px;
        -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}            

.row2 .col.span-4 .link:hover{  
    background-color: #E5E5E5;
    
}            
    
.row2 .col.span-4 img{  
    width: 100%;
    height: auto;
}

/* 768px以上の表示 */
@media ( min-width : 768px ) {
	
	.row .col.span-4 {
    flex: 0 0 30.6666666667%;
    max-width: 30.6666666667%;
    margin-bottom: 20px;
}  
.row .col.span-4 img{
    width: 100%;
    height: auto;
    object-fit: cover;
}

.row2 .col.span-4 {
    flex: 0 0 30.6666666667%;
    max-width: 30.6666666667%;
}  
.row2 .col.span-4 img{
    width:100%;
    height: auto;
    object-fit: cover;
    border-radius:15px;
}

}

    #2ndintroduction>p>img {
	
	   width: 100%;
		}

@media only screen and (max-width: 768px) {
    .row2 {
        display: contents !important;
    }
}
/*自閑記載hinna2周年ここまで
-------------------------------------*/	



/*hinna編集部ページ
-------------------------------------*/	

.editing-editor-section{
  padding:80px 20px;
  background:#e9f2f0;
}

.editing-editor-inner{
  max-width:1100px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:32px;
}

/* ===========================
   CARD
=========================== */

.editing-editor-card{
  position:relative;
  display:flex;
  gap:24px;
  align-items:flex-start; 
  background:#fff;
  border-radius:12px;
  padding:30px;
  min-height:230px;
  padding-bottom:78px;
}

.editing-editor-card:hover{
  box-shadow:0 10px 25px rgba(0,0,0,.06);
}

/* ===========================
   IMAGE
=========================== */

.editing-editor-image{
  flex-shrink:0;
}

.editing-editor-image img{
  width:115px;
  height:115px;
  display:block;
  background:#f5f5f5;
}

/* ===========================
   CONTENT
=========================== */

.editing-editor-content{
  flex:1;
}

.editing-editor-name{
  font-size:20px;
  line-height:1.4;
  color:#333;
  margin-bottom:8px;
  font-weight:500;
}

.editing-editor-info{
  font-size:14px;
  color:#777;
  margin-bottom:11px;
}

.editing-editor-theme{
  font-size:12px;
  color:#7a6a4d;
  letter-spacing:.08em;
  margin-bottom:10px;
  font-weight:600;
}

.editing-editor-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.editing-editor-tags span{
  background:#f7f7f7;
  color:#7a6a4d;
  font-size:13px;
  padding:6px 12px;
  border-radius:30px;
  font-weight:500;
}

/* ===========================
   BUTTON
=========================== */

.editing-editor-btn{
  position:absolute;
  left:30px;
  right:30px;
  bottom:30px;
  text-align:center;
  padding:10px 0;
  border:1px solid #7BAAA1;
  color:#7BAAA1;
  text-decoration:none;
  font-size:13px;
  letter-spacing:.08em;
  transition:.3s;
}

.editing-editor-btn:hover{
  background:#7BAAA1;
  color:#fff;
}

.editing-editor-btn:visited{
  color:#7BAAA1;
}

.editing-editor-btn:visited:hover{
  background:#7BAAA1;
  color:#fff;
  border-color:#7BAAA1;
}

/* ===========================
   SP
=========================== */

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

.editing-editor-section{
  padding:50px 15px;
}

.editing-editor-inner{
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}

.editing-editor-card{
  flex-direction:column;
  text-align:center;
  gap:10px;
  align-items:center;
  min-height:290px;
  padding:15px;
  padding-bottom:70px;
}

.editing-editor-image img{
  width:80px;
  height:auto;
}

.editing-editor-content{
  width:100%;
}

.editing-editor-name{
  font-size:16px !important;
  margin-bottom:3px;
  text-align: center;
}

.editing-editor-info{
  font-size:13px;
  margin-bottom:8px;
}

.editing-editor-theme{
  font-size:12px;
  margin-bottom:8px;
  text-align:left;
}

.editing-editor-tags{
  justify-content:flex-start;
  gap:6px;
}

.editing-editor-tags span{
  font-size:12px;
  padding:5px 10px;
}

.editing-editor-btn{
  left:15px;
  right:15px;
  bottom:15px;
  width:auto;
  padding:8px 0;
}

.editing-profile-back-btn:active{
  border:1px solid #7BAAA1;
  color:#7BAAA1;
  background:#fff;
}

}
/*hinna編集部ページ ここまで
-------------------------------------*/



/*hinna編集部 スタッフページ
-------------------------------------*/

/* ========================================
   Profile
======================================== */

.editing-profile {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 20px 40px;
}

.editing-profile-head {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 40px;
  border: 4px solid #E9F2F0;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,.05);
}

.editing-profile-profile {
  width: 280px;
  flex-shrink: 0;
  text-align: center;
}

.editing-profile-info {
  flex: 1;
}

.editing-profile-image img {
  width: 220px;
  height: auto;
}

.editing-profile-label {
  display: inline-block;
  margin-bottom: 15px;
  color: #7BAAA1;
  font-size: 12px;
  letter-spacing: .15em;
}

.editing-profile-name {
  margin-bottom: 16px;
  color: #333;
  font-size: 33px;
  font-weight: 500;
  text-align: center;
}

.editing-profile-meta {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

.editing-profile-meta span {
  padding: 8px 14px;
  background: #f7f7f7;
  border-radius: 30px;
  color: #7a6a4d;
  font-size: 14px;
}


/* ========================================
   Message
======================================== */

.editing-profile-message {
  position: relative;
  flex: 1;
  padding: 35px;
  background: #E9F2F0;
  border-radius: 12px;
}

.editing-profile-message::before {
  content: "";
  position: absolute;
  top: 40px;
  left: -16px;
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 16px solid #E9F2F0;
}

.editing-profile-message h2 {
  margin-bottom: 20px;
  color: #7BAAA1;
  font-size: 18px;
}

.editing-profile-message p {
  color: #555;
  font-size: 15px !important;
}


/* ========================================
   Card
======================================== */

.editing-profile-card {
  margin-bottom: 0px;
  padding: 28px;
  background: #fff;
  border-radius: 16px;
}

.editing-profile-card h2 {
  margin-bottom: 20px;
  color: #7BAAA1;
  font-size: 18px;
}

.editing-profile-card-innerwrap {
  margin-top: 40px;
}

.editing-profile-card-innerwrap:not(:last-child) {
  margin-bottom: 50px;
}

.editing-profile-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.editing-profile-card li {
  margin-left: 20px;
  padding: 12px 0;
  border-bottom: 1px solid #eee;
  list-style: disc;
}

.editing-profile-card li::marker {
  color: #7BAAA1;
}


/* ========================================
   Favorite Items（Slick）
======================================== */

.editing-profile-favorite-items {
  margin: 30px 0;
}

.editing-profile-favorite-items .slick-list {
  margin: 0 -8px;
}

.editing-profile-favorite-items .slick-slide {
  margin: 0 8px;
}

.editing-profile-favorite-item {
  display: block;
  padding: 0 5px;
  color: #333;
  text-align: center;
  text-decoration: none;
}

.editing-profile-favorite-item img {
  display: block;
  width: 180px;
  max-width: 100%;
  margin: 0 auto 15px;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid #E9F2F0;
}

.editing-profile-favorite-item span {
  display: block;
  font-size: 14px;
  line-height: 1.6;
}

.editing-profile-favorite-items .slick-prev:before,
.editing-profile-favorite-items .slick-next:before {
  color: #7BAAA1;
  font-size: 28px;
}


/* ========================================
   Back Button
======================================== */

.editing-profile-back-btn-box {
  display: flex;
  justify-content: center;
}

.editing-profile-back-btn {
  display: inline-block;
  padding: 17px 36px;
  border: 1px solid #7BAAA1;
  color: #7BAAA1;
  font-size: 14px;
  letter-spacing: .08em;
  text-decoration: none;
  transition: .3s;
}

.editing-profile-back-btn:hover,
.editing-profile-back-btn:visited:hover {
  background: #7BAAA1;
  border-color: #7BAAA1;
  color: #fff;
}

.editing-profile-back-btn:visited {
  color: #7BAAA1;
}


/* ========================================
   Display
======================================== */

.editing-pc {
  display: block;
}

.editing-sp {
  display: none;
}


/* ========================================
   Writer
======================================== */

.editing-writer-frame {
  display: flex;
  align-items: stretch;
  overflow: hidden;
  background: #f8f8f8;
  border-radius: 24px;
  padding: 20px;
}

.editing-writer-profile {
  width: 170px;
  flex-shrink: 0;
  margin: 10px;
  padding: 15px 0 15px 40px;
  text-align: center;
}

.editing-writer-profile img {
  width: 120px;
  border-radius: 50%;
}

.editing-writer-profile strong {
  display: block;
  margin-top: 8px;
  font-size: 16px;
}

.editing-writer-text {
  flex: 1;
  margin: auto 0;
  padding: 30px 30px 30px 10px;
  color: #333;
  line-height: 1.9;
}

.editing-writer-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 208px;
  flex-shrink: 0;
  padding: 28px 24px;
  border-left: 1.5px solid #d9e7e3;
  color: #7BAAA1;
  font-weight: 700;
  line-height: 1.4;
  transition: .3s;
}

.editing-writer-arrow {
    position: relative;
    width: 45px;
    height: 1px;
    background: #7BAAA1;
    margin-left: 5px;
}

.editing-writer-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #7BAAA1;
  border-right: 2px solid #7BAAA1;
  transform: translateY(-50%) rotate(45deg);
}


/* ========================================
   Responsive
======================================== */

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

  .editing-profile {
    padding: 5px 15px 10px;
  }

  .editing-profile-head {
    flex-direction: column;
    padding: 26px;
  }

  .editing-profile-profile,
  .editing-profile-message {
    width: 100%;
  }

  .editing-profile-message {
    padding: 25px 20px;
  }

  .editing-profile-message::before {
    top: -16px;
    left: 40px;
    border: none;
    border-bottom: 16px solid #E9F2F0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
  }

  .editing-profile-image img {
    width: 150px;
  }

  .editing-profile-name {
    font-size: 28px;
  }

  .editing-profile-meta {
    justify-content: center;
  }

  .editing-profile-favorite-items .slick-slide {
    padding: 0 6px;
  }

  .editing-profile-favorite-item img {
    width: 150px;
  }

  .editing-pc {
    display: none;
  }

  .editing-sp {
    display: block;
  }

  .editing-writer-frame {
    display: block;
    width: 100%;
    margin-bottom: 50px;
    padding: 20px 40px 40px !important;
    border-radius: 20px;
  }

  .editing-writer-profile {
    width: 100%;
    margin: 20px auto;
    padding: 0;
  }

  .editing-writer-profile img {
    width: 90px;
  }

  .editing-writer-profile strong {
    margin-top: 12px;
    font-size: 19px;
  }

  .editing-writer-text {
    margin-bottom: 24px;
    padding: 0;
    text-align: left;
    line-height: 1.8;
  }

  .editing-writer-button {
    width: 100%;
    padding: 20px;
    justify-content: center;
    border: 1px solid #7BAAA1;
    border-radius: 14px;
    background: #fff;
  }

}
/*hinna編集部 スタッフページ ここまで
-------------------------------------*/