@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');

/*カスタムCSSのところ*/
a {
    /* font-family: 'Shippori Mincho', serif; */
}

.the__ribbon {
    background-color: #d2b48c;
}

.the__ribbon:after {
    border-left-color: #d2b48c;
    border-right-color: #d2b48c;
}

.eyecatch__cat {
    background-color: #333333;
}

.pager__item-current {
    background-color: #bd2214;
    color: #fff;
}

body {
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-color: #f5f3f0;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}
.pager__item,
.pager__item a,
/* .heading a, */
a.btn__link {
	font-family: inherit;
}
.heading a {
	font-family: "Zen Maru Gothic", sans-serif;
}

/*TOPページ*/


.l-wrapper{
margin: 40px auto;
padding: 10px 20px;
max-width: 1170px;
}

.l-main-wide700{
	width:100%;
}

@media only screen and (min-width: 768px){
.l-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
}

@media only screen and (max-width: 767px){
.l-wrapper {
	margin: 0 auto;
	padding: 10px 20px;
}
}

/*TOPページスライダーの設定*/

/*.swiper-slide-content{
	display:grid;
	grid-template-columns: 1fr 1fr;
}*/

.swiper-slide-content{
	display:block
}


.nextend-shadow-image{
	display:none!important;
}

.organization_name, .job_title, .name_yomi{
	font-size:1rem;
	padding: 1rem 0;
}


.organization_name, .job_title, .name_yomi, .name_name{
	margin-left:2%;
}

.organization_name{
	color:#d2b48c;
}

.right-titlearea{
	padding-left:2%;
}

.right-titlearea h2{
	font-size:2rem;
}


.readmorebutton{
	margin-left:2px;
	padding:15px 20px;
	background-color:#000;
	color:#fff;
	display: inline-flex;
	letter-spacing:0.1rem;
}

.readmorebutton span{
	color:#fff;
}

.readmorebutton:hover{
  background-color:#313131;
}

.swiper-container{
  padding: 0;
}



/*#表示設定*/


heme_tag a{
	 padding: 1% 2% !important;
    border: 1px solid #333;
	border-radius:30px;
	margin-right:1%;
	background:#fff;
	white-space:pre;
	line-height:2.2em;
}

/*ボタン調整SP*/
heme_tag{
height: 8.7em;
}

/*（必要があれば）タグ開始地点を揃える*/
heading heading-secondary{
height: 7em;
}

@media only screen and (max-width: 767px){
	.heme_tag{
		padding-bottom:10px;
	}
	.heme_tag a{
    padding: 2px 8px!important;
    font-size: 1rem !important;
    margin: 0px 3px 0px 0px;
    line-height: 2.3rem;
    white-space: pre;
    border-radius: 30px;
	 border: none !important;
	 letter-spacing: 0.2px;
}
}
	.heme_tag a{
    padding: 6px 10px!important;
    font-size: 1.2rem;
    margin: 0px 3px 0px 0px;
    line-height: 3rem;
    white-space: pre;
    border-radius: 30px;
	 font-family: "Yu Gothic";
	 background: #f0f0f0;
	 color: #777;
}





.phrase-secondary{
	margin-top:3%;
}

.heading-secondary {
    margin-bottom: -1%;
}

@media (max-width: 767px) {
.heading-secondary {
    margin-bottom: -5%;
}
}

.heme_tag a::before{
    content: "#"
}

.heme_tag{
padding-top:2%;
}

/*TOPページ　カルーセル高さ揃え*/
.pcp-carousel-wrapper .sp-pcp-post{
	height: 340px;
}

/*TOPページ概要*/

/*.widget-main:last-child{
	background-image: url("http://cosmetics-for-men.com/wp-content/uploads/2023/12/footer.png");
} */


/*footer*/

.bottomFooter{
	padding-top:30px;
	background-color:#bd2214;
}

.l-footer{
	background-color:#bd2214;
	color:#fff;
}

.3links{
		text-align:center!important;
}

.footer-link{
	color:#fff;
	line-height:3rem!important;
	font-family: Lato,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.3links a{
	display:block;
	margin-right:5px;
}

.footertextarea{
	padding:80px 0;
	text-align:center;
/*	background-image: url("http://cosmetics-for-men.com/wp-content/uploads/2024/01/footer2.png");
	background-repeat:no-repeat;
	background-size:cover;*/
	display:grid;
	grid-template-columns:1fr 2fr 0.2fr;
	background-position:bottom;
}

@media only screen and (max-width: 767px){
	.footertextarea{
		display:block;
		text-align:left;
		padding:20px;
	}
	.footer-link{
		display:block;
		margin: 0px;
	}
}

.footertextarea img{
	margin:0 auto;
}

.abouttext{
	max-height:30%;
	margin:0 auto 20px!important;
	text-align:left;
}
.abouttext p{
	font-family: 'Shippori Mincho', serif!important;
	line-height:2.3rem;
}


/*region area*/
    .region-wrapper{
        display: flex;
        flex-wrap: wrap;
        background-color: #fff;
        margin-bottom: -40px;
        padding: 10px 0 50px;
    }
    .region-wrapper img{
        width: 300px;
        margin: 0 auto;
        
    }
    .region-blocks{
        column-count: 2;
        margin: 0 auto;
        width: 70%;
    }
    
    .region-block{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative;
        border: lightgray 1px solid;
		  margin-bottom: 4px;
    }
    .region-blocks ul:nth-child(1){
        margin-top: 0px !important;
    }
    .region-name{
        font-weight: 600;
        font-size: 16px;
		   margin-bottom: 4px;
    }
    .prefecture-name{
        display: inline-block;
        font-size: 11px;
    }
    ul{
        padding: 5px ;
		line-height:2rem;
    }
    li {
        list-style: none;
    }
    a{
        color: #000000;
        text-decoration: none;
		letter-spacing:0.2rem;
    }

.region-searcharea-wrapper{
	background-color:#fff;
	margin:50px;
	padding: 50px;
    border-radius: 7px;
    box-shadow: 0 0 10px #ccc;
}

.region-block{
	border:none;
    border-bottom: lightgray 1px solid;
}
.region-caption{
	text-align: center;
    font-size: 3rem;
    letter-spacing: 0.6rem;
	margin:20px 0;
}
.region-caption h2{
font-weight: 400;
}
.region-caption p{
	display: inline;
    font-size: 1.7rem;
    font-family: 'Yu-gothic'!important;
    font-weight: 600;
}
	
	@media screen and (max-width: 767px){
		.region-blocks {
      column-count: 1;
		margin: 10px;
        width: 100%;
       }
		.region-searcharea-wrapper {
    margin: 20px;
    padding: 10px;
	}
		.region-wrapper {
			margin-bottom:0px;
		}
	}

.original-banner{
	width:100%;
	margin:0px auto;
	padding:50px 0;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	text-align:center;
}

@media screen and (max-width:749px) {
	.original-banner{
		display:block;
		padding:50px 0px;
	}}

.original-banner a{
	text-style:none;
}
.banners:hover{
	box-shadow:10px 5px 5px #fcfcfc;
}

.banners{
	margin:0 auto 5px;
}

.OriginalTitleArea{
 text-align:center;
 margin:40px auto 0;
 font-size:2rem;
 letter-spacing:0.6rem;
 display:inline-flex;
align-items: center;
}
.OriginalTitleArea h2{
font-weight:400;
}
.OriginalCaption{
display:inline;
font-size:1.7rem;
font-family: 'Yu-gothic'!important;
font-weight:600;
}
@media screen and (min-width:767px){
.OriginalTitleArea{
 font-size:3rem;
 }
}


.swiper-container-horizontal>.swiper-pagination-bullets{
	top:5%;
	bottom:auto;
	right:0;
	left:auto;
	width:20%;
}

.swiper-slider{
	width:80%;
}
.swiper-bg{
	margin:0 30px 0 auto!important;
}

.swiper-slider .swiper-content{
	display:block;
	position:absolute;
	width:70%;
	right:5%;
	bottom:5%;
}

.swiper-content h2{
	font-family: 'Shippori Mincho', serif;
	background-color:#fff;
	color:#000;
	font-size:3.5rem;
	text-align:left;
	font-weight:500;
}

.phrase-slider{
	font-family: 'Shippori Mincho', serif;
	font-weight:300;
}

.t-headerCenter .container-header{
	padding-top:0px;
	padding-bottom:0px;
}
.t-logoPc70 .siteTitle__logo{
	height:86px;
	margin:10px 0;
}

.heading-main{
	text-align: center;
}

.concept-text{
	margin-bottom:20px;
}


@media screen and (max-width: 767px) {
	.t-headerCenter .siteTitle {
		margin: 0 0 10px 0;
		text-align:left;
	}
	.demo{
		line-height:3rem;
	}
	.concept-text {
    display: none;
}
	.n2-ss-align{
		margin-top: -50px;
	}
		.concept-text_top{
		text-align:left !important;
	}
	.t-logoPc70 .siteTitle__logo{
		height:60px;
	}
}

.concept-text_top{
	text-align: center;
	margin-bottom: 30px;
	margin-top: -30px;
}

.demo {
	letter-spacing: 0.4rem;
}

.l-header{
	background: none !important;
}

.t-headerCenter .globalNavi{
	display:flow!important;
	background-color:;
}

.globalNavi__list li {
	background-color: #fff;
    border-radius: 15px;
    padding: 0 30px;
    margin-right: 15px;
    text-align: center;
}
.globalNavi__list li a{
	color:#000!important;
	font-weight: 100;
    letter-spacing: 0.1rem;
    font-family: 'Yu-gothic'!important;
	margin-right:0px;
	margin:0px auto;
}

.rankingBox__bg{
	background-color:none;
	background-size:cover;
	background-image:url(http://cosmetics-for-men.com/wp-content/uploads/2024/01/pixta_99736158_XL-scaled.jpg);
	background-repeat:no-repeat;
}

.container .u-white {
	color:#000;
}
.container h2{
    font-family: 'Yu-gothic'!important;
	letter-spacing:0.6rem;
	font-size:;
}


.container{
	margin-left:0px;
	margin-right:0px;
	margin:0 auto;
	max-width:90%!important;
	padding-left:0;
	padding-right:0;
}

.menu-bar{
 background-color:#f7f7f7;
}

.dividerBottom {
	margin-bottom:0px;
}

.swiper-slider .swiper-bg{
	object-fit:contain!important;
	width:auto;
	left:10%;
	margin: 0 auto;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
	left:auto!important;
	right:0;
	width:auto!important;
}


/*l-sidebar*/
.l-sidebar{
	background-color: #D2B48C;
    padding: 20px;
    color: #fff;
}
.widget-side .heading.heading-widget{
	background-color: transparent!important;
	font-family: 'Shippori Mincho', serif;
	color:#fff;
}

.widget-side h2:before{
	content:' ';
}
.widget-side h2{
	font-family: 'Shippori Mincho', serif;
	color:#333333;
}

.widget-side h2:after{
	border-top: 1px solid #fff;
	content: "";
	flex-grow: 1;
}

.widget-side h2:after{
margin-left: 1rem;
}

.widgetArchive .widgetArchive-rank{
	background-color:#D2B48C;
}

.widgetArchive-rank h3 a{
	color:#fff;
}

.heading-main.u-white span {
	color:#333!important;
}

.sp-pcp-post .sp-pcp-post-content p{
	display:none;
}

#pcp_wrapper-2964 .swiper-slide,#pcp_wrapper-2969 .swiper-slide,{
 background-color: #fff;
}
#pcp_wrapper-2964 .sp-pcp-post .pcp-post-thumb-wrapper,#pcp_wrapper-2969 .sp-pcp-post .pcp-post-thumb-wrapper{
	margin-bottom:10px;
}
#pcp_wrapper-2964 .sp-pcp-post .pcp-post-thumb-wrapper, #pcp_wrapper-2969 .sp-pcp-post .pcp-post-thumb-wrapper{
	padding:0px;
}

#pcp_wrapper-2964 .pcp-section-title, #pcp_wrapper-2969 .pcp-section-title{
	padding:10px 20px;
}
.sp-pcp-post .sp-pcp-title a{
	font-weight:700!important;
	font-size:1.6rem!important;
}
#pcp_wrapper-2964 .sp-pcp-post, #pcp_wrapper-2969 .sp-pcp-post{
	padding:15px!important;
	min-height:300px;
	border:1px solid #333;
	border-radius:5px;
}

.sp-pcp-post .sp-pcp-post-thumb-area img{
	max-height:200px;
	object-fit:cover;
}


#n2-ss-3-align {
	display:none;
}
@media (max-width: 767px) {
	#n2-ss-3-align {
	display:block;
}
	#n2-ss-6-align{
		display:none;
	}
}


.widget{
	margin:0 auto;
}

.widgetFooter{
	padding-top:20px;
	display:grid;
	grid-template-columns: 1fr 8fr 1fr;
}

.widgetFooter__box{
  width: 100%;
    text-align: center;
}

@media (max-width: 767px) {
.widgetFooter{
	display:block;
}

.widgetFooter__box{
	width:100%;
}

}
.controller {
	display:none;
}

/*sidebar*/
.menuBtn__scroll .sidemenu-a{
	font-family: Lato,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 2rem;
    font-family: sans-serif;
    line-height: 2em;
    letter-spacing: 0.5rem;
}


.menuBtn__contentInner li{
	font-size:1.4rem;
    border-radius:7px!important;
    line-height:3em!important;
}

.menuBtn__contentInner li:hover{
	font-weight:700;
}

.menuBtn__contentInner .OriginalCaption h2{
	padding:20px 0;
}

.cptable{
	margin:20px auto;
}

.menuBtn__content{
	max-width:500px;
}

#page_top{
	display:none;
}


/*投稿ページ用*/

h1{
	font-family: "Zen Maru Gothic", sans-serif;
}

.eyecatch-main{
	margin:0px;
}

.dateList-main a{
	/* font-family: Lato,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif!important; */
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight:200;
	letter-spacing:0.3rem;
}

.icon-folder:before {
    content: "\e938";
    color: #d2b48c;
}

.icon-tag:before {
    content: "\e93e";
	color: #d2b48c;
}

.article_interviewed_profile{
	display:flex;
	flex-flow: column;
	padding:20px;
	text-align:right;
	color:#fff;
}

.profile-devider {
	height: 1px;
    border: 0.1px solid #ccc;
    margin-bottom: 10px;
}

.top-profile-text{
	padding-bottom:10px;
}

.article_interviewed_profile a{
		color:#333!important;
}

.top-profile-text-name{
	font-size:18px;
}

.SNS_ICON{
	display:block;
	margin-top:20px;
	text-align: right;
}

.iconlink_instagram,.iconlink_facebook,.iconlink_twitter{
    font-family: Lato,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	margin-bottom:10px;
}
.iconlink_instagram:hover,.iconlink_facebook:hover,.iconlink_twitter:hover{
	color:#747474;
}

.iconlink_instagram::after,.iconlink_facebook::after,.iconlink_twitter::after{
   font-family: "Font Awesome 5 Free";
  content: "\f35d";
  font-weight: 600;
  font-size: 0.7em;
	margin-left:5px;
	color:#D2B58D;

}

.fa-brands{
	margin-right:10px;
}



/*記事内見出し*/
.content h3{
	padding: 0.8em 0;
    border-top: solid 1px #d2b48c;
    border-bottom: solid 1px #d2b48c;
	/* font-family: 'Shippori Mincho', serif; */
}

.content h5{
	font-size: 1.6rem !important;
    line-height: 1.8 !important;
    padding: 1.5em;
    border: dashed 1px #d2b48c;
	margin-bottom:1.5em;
}

.content p strong{
	color:#333;
}

/*記事　遷移ボタン*/
.back-button {
    background-color: #000;
    color: #fff;
    display: block;
    font-size: 2rem;
    padding: 15px 0;
    text-align: center;
    width: auto;
	border-radius:5px;
}

.back-button a{
	color: #fff !important;
}

/*記事内プロフィール部分*/
/*記事内プロフィール部分*/

.profile-area {
    padding: 0 20px;
    margin: 20px auto 200px;
    max-width: 1350px;
}
.profile-area .header {
    display: flex;
    gap: 0 60px;
    margin-bottom: 35px;
	font-family: "Zen Maru Gothic", sans-serif;
}
.profile-area .header h2 {
    font-size: 2rem;
    letter-spacing: 3.2px;
}
.profile-area .header .data .jpb-title {
    margin-bottom: 20px;
}
.profile-area .header .data .jpb-title span {
    font-size: 1.4rem;
    display: block;
    letter-spacing: 1.4px;
    margin-bottom: 5px;
}
.profile-area .header .data .name {
    margin-bottom: 20px;
}
.profile-area .header .data .name .name-yomi{
	fon-size:1.5rem;
	color:#D2B48C;
}
.profile-area .header .data .name .name-jp{
	    font-size: 2.6rem;
    letter-spacing: 2.6px;
    display: block;
    margin-bottom: 10px;
}
}

.profile-area .profile-text-area {
    display: flex;
    gap: 0 100px;
    justify-content: space-between;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.6rem;
}
.profile-area .profile-text-area .text-area {
    letter-spacing: 1.6px;
    line-height: 2.0;
    width: 100%;
}
.profile-area .url-area {
    overflow-wrap: break-word;
    max-width: 300px;
}
.profile-area .url-area ul li {
    margin-bottom: 10px;
}
.profile-area .url-area ul li span {
    display: block;
    margin-bottom: 5px;
}
.profile-area .url-area ul li:last-child {
    margin-bottom: 0;
}

@media (width < 1160px){
	.profile-area {
    padding: 0 26px;
	}
	.profile-area .header {
  	  display: initial;
	}
	.profile-area .profile-text-area {
   	 display: initial;
		line-height: 2em;
	}
	.profile-area .profile-text-area .text-area {
   	 margin-bottom: 28px;
	}
	.profile-area .profile-text-area .url-area {
   	 max-width: initial;
	}
}

@media (width < 1024px){
	.profile-area {
   	 padding: 0 40px;
	}
	.profile-area .profile-text-area {
   	 display: initial;
	}
}
@media (900px >= width){
	.profile-area {
    	padding: 0;
    	margin: 20px auto 100px;
    	width: 90%;
	}
	.profile-area .header {
    display: initial;
	}
	.profile-area .header h2 {
		font-size: 2.6rem;
		margin-bottom: 20px;
		font-family:'Shippori Mincho', serif !impotant;
	}
	.profile-area .header .data .jpb-title {
    	font-size: 1.2rem;
	}
	.profile-area .header .data .name span.name-jp {
    	font-size: 1.6rem;
	}
	.profile-area .header .data .name span.name-yomi {
    	font-size: 1.2rem;
	}
	.profile-area .profile-text-area {
    	font-size: 1.4rem;
	}
	.profile-area .profile-text-area .text-area {
    	margin-bottom: 28px;
	}
}

.footer-link {
	margin-right:20px;
}

.content a{
	color:#000;
 text-decoration:underline;
	font-weight:bold;
 padding:0 10px;
}


/*記事内ボタン*/
.button-box{
}

.button-box a{
	background-color:#fff;
	text-decoration:none;
	color:#000;
	font-size:1.5rem;
	font-family: Lato,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	padding:10px 20px;
	font-weight:500;
	border-radius:5px;
	display:block;
	padding: 20px 3px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;

}

.button-box a:hover{
	font-weight:700;	
}

.url-area span{
font-size: 2rem;
    letter-spacing: 2.6px;
}

.profile-area .header h2{
	margin-bottom:10px;
}

.n2-ss-slider-controls{

}

.n2-ss-slide{
margin-bottom:20px!important;
}

/*ジャンルで探す*/

#displayAllTags a{
	text-decoration:none;
	margin-bottom:10px;
	margin-left:10px;
	color:#fff;
	border:1px solid #EBA226;
	border-radius:5px;
	padding:20px;
	display:inline-block;
	background-color:#EBA226;
	font-family: Lato,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight:300;
	letter-spacing:0.7rem;
}

#displayAllTags a:hover{
	text-decoration:underline;
	font-weight:600;
}

#displayAllTags a:before{
	content:'#';
	font-size:inherit;
}

#displayAllTags .region-caption {
    text-align: center;
    font-size: 3rem;
    letter-spacing: 0.6rem;
    margin: 20px 0;
}

#displayAllTags l-wrapper{
	box-shadow: 0 0 10px #ccc;
}


 .content .about{
	font-family: 'Shippori Mincho', serif;
	letter-spacing:0.6rem;
}

.icon-folder a, .icon-tag a{
	font-weight:bold;
}



.controllerFooter{
	width:95%;
	position:fixed;
	bottom:2px;
	margin:0 2.5%;
	border-radius:5px;
	background-color:rgba(255,255,255,0.9);
}

.controllerFooter__item:last-child {
	background: inherit;
}

.controllerFooter__list{
	margin:0 auto;
	display:flex;
}

.controllerFooter__item{
	padding:3px 0 0 0;
	 font-size: 5px;
}

.controllerFooter__item i {
	font-size: 15px;
}

@media screen and (max-width: 767px) {
.bottomFooter__topBtn{
	display:none!important;
	}}



.archive{
	max-width: 1170px;
}