/*画像リセット*/
	.main-cosme-contents img {
	    border: unset;
	    height: auto;
	    width: 100%;
	}

	/*リンク*/
	.main-cosme-contents a {
	    display: block;
	    text-decoration: unset;
	}


	/*見出し*/
	.main-cosme-contents .h2-default {
	    background: #eee;
	    color: #444;
	    font-size: 1.5rem;
	    margin: 0;
	    padding: 15px;
	}
	.main-cosme-contents .h3-default {
	    border-bottom: solid 1px #444;
	    border-top: solid 1px #444;
	    border-left: unset;
	    margin: 0;
	    padding: 15px 0;
	}
	.main-cosme-contents .h4-default {
	    border: unset;
	    margin: 0;
	    padding: 0;
	}
	.main-cosme-contents .h4-default::before {
	    content: "\f45c";
	    font-family: 'FontAwesome';
	    padding-right: 10px;
	}


	/*文字設定*/
	.main-cosme-contents p {
	    font-size: 1rem;
	    letter-spacing: 2px;
	    line-height: 2;
	    text-align: justify;
	    word-break: break-all;
	}

	/*見出し直下p*/
	.main-cosme-contents h2 + p, 
	.main-cosme-contents h3 + p, 
	.main-cosme-contents h4 + p {
	    margin: 1rem 0 2rem;
	}

	/*強調p*/
	.main-cosme-contents p b {
	    background: linear-gradient(transparent 50%, #6cd5bd 0%);
	}


	/*吹き出し*/
	.main-cosme-contents .staff-comment-box {
	    align-items: flex-start;
	    display: flex;
	    justify-content: space-between;
	    margin-bottom: 2rem;
	    width: 100%;
	}
	.main-cosme-contents .staff-comment-box p {
	    background: #eee;
	    margin-bottom: 0;
	    padding: 0.8rem 1rem;
	    position: relative;
	    width: 87%;
	}
	.main-cosme-contents .staff-comment-box p::before {
	    border: 18px solid transparent;
	    border-right: 25px solid #eee;
	    content: "";
	    left: -33px;
	    margin-top: -25px;
	    position: absolute;
	    top: 35px;
	}
	.main-cosme-contents .staff-comment-box img {
		border-radius: 100px;
    	width: 65px;
	}


	/*eat*/
	.main-cosme-contents .eat-part .top-ttl {
	    align-items: center;
	    display: flex;
	    justify-content: center;
	    width: 100%;
	}
	.main-cosme-contents .eat-part {
	    background: #eee;
	    margin: 1rem 0;
	    padding: 3rem 0 0;
	    width: 100%;
	}
	.main-cosme-contents .eat-part .about-text {
	    padding: 2rem 3rem;
	}


	/*アイコン画像大きさ*/
	.main-cosme-contents .eat-part .top-ttl img {
	    border-radius: 100px;
	    height: 100px;
	    width: 100px;
	}
	.main-cosme-contents .eat-part .top-ttl .name {
	    margin: 0;
	    padding-left: 20px;
	}
	.main-cosme-contents .eat-part .top-ttl .name span {
	    display: block;
	}


	/*監修タグ*/
	.main-cosme-contents .eat-part.sub .top-ttl div {
	    position: relative;
	}
	.main-cosme-contents .eat-part.sub .top-ttl div .caption {
	    background: #444;
	    bottom: 0;
	    color: #fff;
	    line-height: 2;
	    margin: 0;
	    left: 0;
	    position: absolute;
	    right: 0;
	    text-align: center;
	}


	/*目次*/
	.main-cosme-contents .table-of-contents {
	    margin: auto;
	    padding: 5rem 0;
	    width: 90%;
	}
	.main-cosme-contents .table-of-contents h3 {
	    border: unset;
	    padding: 0;
	}
	.main-cosme-contents .table-of-contents ol {
		counter-reset: number 0;
	    margin: 0;
	    padding: 0;
	}
	.main-cosme-contents .table-of-contents ol li,
	.main-cosme-contents .table-of-contents ol li a {
		font-size: 1rem;
	}
	.main-cosme-contents .table-of-contents ol > li {
	    list-style: none;
	    padding: 0.5rem 0 0.5rem 2rem;
	    position: relative;
	}
	.main-cosme-contents .table-of-contents ol > li:nth-child(n+2) {
	    border-top: solid 1px #ddd;
	}
	.main-cosme-contents .table-of-contents ol > li::before {
	    counter-increment: number 1;
	    content: counter(number) ".";
	    left: 0;
	    position: absolute;
	    padding-right: 5px;
	}
	.main-cosme-contents .table-of-contents ol li ul {
	    margin: 1rem 0;
	    padding: 0;
	}
	.main-cosme-contents .table-of-contents ol li ul li {
	    list-style: none;
	    margin: 0;
	    padding: 0 0 0 2rem;
	    position: relative;
	}
	.main-cosme-contents .table-of-contents ol li ul li::before {
	    content: "\f068";
	    font-family: 'FontAwesome';
	    left: 0;
	    position: absolute;
	}


	/*関連記事*/
	.main-cosme-contents .related-contents h3 {
	    background: #166f5b;
	    border: unset;
	    color: #fff;
	    margin: 0;
	    padding: 15px 25px 10px;
	    width: fit-content;
	}
	.main-cosme-contents .related-contents ul {
	    background: #eee;
	    border-top: solid 4px #166f5b;
	    margin: 0;
	    padding: 3rem;
	}
	.main-cosme-contents .related-contents ul li {
	    list-style: none;
	    margin: 0;
	    padding: 0;
	}
	.main-cosme-contents .related-contents ul li:nth-child(n+2) {
	    margin-top: 1rem;
	}
	.main-cosme-contents .related-contents ul li a {
	    align-items: center;
	    display: flex;
	    justify-content: space-between;
	    width: 100%;
	}
	.main-cosme-contents .related-contents ul li a img {
		border-radius: 8px;
	    width: 25%;
	}
	.main-cosme-contents .related-contents ul li h4 {
	    border: unset;
	    font-size: 1rem;
	    letter-spacing: 4px;
	    line-height: 1.8;
	    margin: 0;
	    padding: 0;
	    width: 71.5%;
	}
	.main-cosme-contents .related-contents ul li h4::before {
	    content: none;
	}


	/*オススメアイテム紹介*/
	.main-cosme-contents .white-back-area .item-spec {
	    align-items: center;
	    display: flex;
	    justify-content: center;
	    margin-top: 10px;
	}
	.main-cosme-contents .item-spec p {
	    margin: 0;
	}
	.main-cosme-contents .item-spec span {
	    font-size: 1rem;
	    letter-spacing: 2px;
	    line-height: 2;
	}
	.main-cosme-contents .item-spec span::before {
	    content: "/";
	    padding: 0 10px;
	}
	.main-cosme-contents .white-back-area .top-item-ttl {
	    border: unset;
        margin: 0 0 1rem;
	    padding: 0;
	    text-align: center;
	}
	.main-cosme-contents .white-back-area .top-item-ttl span {
	    display: block;
	    font-size: 1rem;
	    margin-bottom: 8px;
	}
	.main-cosme-contents .white-back-area {
		counter-reset: number 0;
	    margin: auto;
	    padding: 0;
	    width: 100%;
	}
	.main-cosme-contents .white-back-area li {
	    list-style: none;
	    margin: 0;
	    padding: 0;
	}
	.main-cosme-contents .white-back-area > li {
	    background: #fff;
	    border-radius: 10px;
	    box-shadow: 2px 4px 9px 5px #ddd;
	    margin: 4rem 0;
	    padding: 3rem;
	    position: relative;
	}
	/*ナンバリング*/
	.main-cosme-contents .white-back-area > li::before {
	    background: #eee;
	    counter-increment: number 1;
	    content: counter(number) "";
	    display: block;
	    left: 0;
	    line-height: 0;
	    margin: auto;
	    padding: 1.5rem 1.2rem;
	    position: absolute;
	    right: 0;
	    top: -1.5rem;
	    width: fit-content;
	}
	.main-cosme-contents .white-back-area > li:first-child::before {
	    background-image: linear-gradient(0deg, rgb(255 159 91), rgb(255 239 27));
	}
	.main-cosme-contents .white-back-area > li:nth-child(2)::before {
	    background-image: linear-gradient(0deg, rgb(154 207 219), rgb(205 205 205));
	}
	.main-cosme-contents .white-back-area>li:nth-child(3)::before {
	    background-image: linear-gradient(0deg,rgb(223 130 34),rgb(237 175 111));
	}
	.main-cosme-contents .white-back-area>li:nth-child(n+4)::before {
	    background: #ddd;
	}


	.main-cosme-contents .recommend-item-pick img {
	    display: block;
	    margin: auto;
	    width: 70%;
	}

	/*オススメ度ul*/
	.main-cosme-contents .star {
	    background: #ddd;
	    display: block;
	    left: 0;
	    margin: auto;
	    padding: 0 2rem;
	    position: absolute;
	    right: 0;
	    text-align: center;
	    top: -1.5rem;
	    width: fit-content;
	}
	.main-cosme-contents .star::before {
	    display: none;
	}
	.main-cosme-contents .evaluation {
	    border: solid 1px #ddd;
	    margin-top: 4rem;
	    padding: 3rem 0 2rem;
	    position: relative;
	}
	.main-cosme-contents .evaluation ul {
	    margin: auto;
	    padding: 0;
	    width: 100%;
	}
	.main-cosme-contents .evaluation ul li {
	    align-items: center;
	    display: flex;
	    justify-content: center;
	    width: 100%;
	}
	.main-cosme-contents .evaluation ul li h4 {
	    border: unset;
	    font-size: 1rem;
	    margin: 0;
	    padding: 0;
	    width: 20%;
	}
	.main-cosme-contents .evaluation ul li p {
	    margin: 0;
	}
	/*オススメポイント　コメント*/
	.main-cosme-contents .evaluation.bottom {
	    border-top: unset;
	    margin-top: 0;
	    padding: 2rem;
	}
	.main-cosme-contents .evaluation.bottom h4 {
	    background: #ddd;
	    margin: auto;
	    padding: 15px 0;
	    text-align: center;
	}
	.main-cosme-contents .evaluation.bottom h4 span {
	    display: block;
	    font-size: 1rem;
	    font-weight: normal;
	    margin-top: 13px;
	}
	.main-cosme-contents .evaluation.bottom p {
	    margin-bottom: 0;
	}


	/*リンクボタン*/
	.main-cosme-contents .cta-btn {
	    background: #509585;
	    border-radius: 5px;
	    color: #fff;
	    margin: 2rem auto;
	    padding: 5px 0;
	    text-align: center;
	    width: 80%;
	}


	/*オススメ記事*/
	.main-cosme-contents .pick-column ul {
	    align-items: center;
	    display: flex;
	    justify-content: space-between;
	    margin: 0;
	    padding: 0;
	    width: 100%;
	}
	.main-cosme-contents .pick-column ul li {
	    border: solid 2px #ddd;
	    list-style: none;
	    margin: 0;
	    width: 31.5%;
	}
	.main-cosme-contents .blog-sam {
	    position: relative;
	}
	.main-cosme-contents .blog-sam span {
	    background: #000;
	    color: #fff;
	    display: block;
	    font-size: .85rem;
	    padding: 0 15px;
	    position: absolute;
	    bottom: 0;
	}
	.main-cosme-contents .text {
	    padding: 0 15px 15px;
	}
	.main-cosme-contents .text p {
	    color: #444;
	    font-size: .85rem;
	    margin: 1rem 0;
	}
	.main-cosme-contents .writer img {
	    border-radius: 100px;
	    width: 35px;
	}
	.main-cosme-contents .writer {
	    align-items: center;
	    display: flex;
	    justify-content: left;
	    width: 100%;
	}
	.main-cosme-contents .writer p {
	    font-size: .75rem;
	    margin: 0;
	    padding-left: 15px;
	}
	.main-cosme-contents .pick-column h3 {
	    border: unset;
	    border-bottom: solid 3px #444;
	    margin: 0 0 2rem;
	    padding: 0 0 10px;
	    text-align: center;
	}

	@media screen and (max-width: 768.98px) {
		/*全体文字*/
		.main-cosme-contents p {
		    font-size: .85rem;
		}

		/*eat*/
		.main-cosme-contents .eat-part.sub .top-ttl div .caption {
		    font-size: .7rem;
		}
		.main-cosme-contents .eat-part .top-ttl img {
		    height: auto;
		    width: 65px;
		}
		.main-cosme-contents .eat-part .about-text {
		    padding: 2rem;
		}
		.main-cosme-contents .eat-part.main .top-ttl {
		    margin: auto;
		    width: 85%;
		}
		.main-cosme-contents .eat-part .top-ttl .name {
		    font-size: .75rem;
		}


		/*吹き出し*/
		.main-cosme-contents .staff-comment-box p {
		    font-size: .75rem;
		    width: 75%;
		}


		/*目次*/
		.main-cosme-contents .table-of-contents ol li, 
		.main-cosme-contents .table-of-contents ol li a {
		    font-size: .9rem;
		}


		/*関連記事*/
		.main-cosme-contents .related-contents ul {
		    padding: 1.5rem;
		}
		.main-cosme-contents .related-contents ul li a img {
		    width: 31.5%;
		}
		.main-cosme-contents .related-contents ul li h4 {
			font-size: .8rem;
		    text-align: justify;
		    word-break: break-all;
		    width: 65%;
		}
		.main-cosme-contents .related-contents ul li:nth-child(n+2) {
		    margin-top: 1.5rem;
		}


		/*オススメ商品紹介*/
		.main-cosme-contents .white-back-area>li {
		    padding: 3rem 1rem;
		}
		.main-cosme-contents .recommend-item-pick img {
		    width: 100%;
		}
		.main-cosme-contents .item-spec span {
		    font-size: .85rem;
		}
		.main-cosme-contents .evaluation ul li h4 {
		    width: 50%;
		}
		.main-cosme-contents .evaluation.bottom h4 span {
		    font-size: .85rem;
		}
		.main-cosme-contents .evaluation.bottom {
		    padding: 1.2rem;
		}
		.main-cosme-contents .cta-btn {
		    width: 100%;
		}


		.main-cosme-contents .pick-column ul {
		    margin: 0 0 2em 0;
		    flex-wrap: unset;
		    overflow-x: scroll;
		    -webkit-overflow-scrolling: touch;
		    padding: 0 0 1em;
		    scroll-behavior: smooth;
		    scroll-snap-type: x mandatory;
		}
		/*オススメ記事*/
		.main-cosme-contents .pick-column ul li {
		    flex: 0 0 65%;
		    margin: 0 10px;
		    height: 100%;
		}




	}