@charset "utf-8";
@keyframes loadings{0%{transform:scale(1.0,1.0) translate(0%,0%);}20%{transform:scale(1.0,1.06) translate(-5%,-4%) skew(6deg,0deg);}50%{transform:scale(1.0,0.94) translate(5%,4%) skew(-6deg,0deg);}65%{transform:scale(1.0,1.03) translate(2%,-2%) skew(-3deg,0deg);}80%{transform:scale(1.0,0.97) translate(-2%,2%) skew(3deg,0deg);}100%{transform:scale(1.0,1.0) translate(0%,0%);}}

*,*:before,*:after{box-sizing:border-box;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

html,body{width:100%;}
html{font-size:62.5%;}
body{
	background-color:#fef3ef;
  font-family:-apple-system,BlinkMacSystemFont,Roboto,"Segoe UI","Helvetica Neue",HelveticaNeue,YuGothic,"Yu Gothic Medium","Yu Gothic", erdana,Meiryo,sans-serif;
  letter-spacing:0;
  line-height:1.5;
	font-weight:normal;
  color:#302c2b;
	font-size-adjust:100%;
	scroll-behavior:smooth;
}
body.menuOpen{overflow:hidden;}
body:before{
	content:"";
	display:block;
	width:100%;
}
::-webkit-scrollbar{width:3px;}
::-webkit-scrollbar-track{
	background:#fff;
	border-left:solid 1px #fff;
}
::-webkit-scrollbar-thumb{
	background:#ccc;
	border-radius:4px;
	box-shadow:inset 0 0 0 2px #eba587;
}
img{
	width:100%;
	height:auto;
  max-width:100%;
  vertical-align:top;
	backface-visibility:hidden;
}
ul,ol,dl{
  list-style:none;
  margin:0;
  padding:0;
}
input,button,textarea,select{font-family:-apple-system,BlinkMacSystemFont,Roboto,"Segoe UI","Helvetica Neue",HelveticaNeue,YuGothic,"Yu Gothic Medium","Yu Gothic", erdana,Meiryo,sans-serif;}
a{
  color:#302c2b;
	text-decoration:none;
  transition:all 0.4s ease;
}
a:hover{color:#d29576;}
*[class^="cat"]:before{font-family:'Material Icons';}
button{
	border:none;
	outline:none;
	background-color:transparent;
	transition:all 0.4s ease;
}
button:hover{opacity:0.7;}
button,input,select,textarea{font-family:'Noto Sans JP',sans-serif;}
a img,
button img{transition:opacity 0.4s;}
a:hover img,
button:hover img{opacity:0.7;}
a svg > *,
button svg > *{
	fill:#302c2b;
	transition:fill 0.4s;
}
a:hover svg > *,
button:hover svg > *{fill:#d29576;}
*.hideEl{display:none!important;}
i.material-icons{font-style:normal;}
a[data-color="8dd2a4"]{color:#8dd2a4;}
a[data-color="80abef"]{color:#80abef;}
a[data-color="8aceda"]{color:#8aceda;}
a[data-color="ee909b"]{color:#ee909b;}
a[data-color="cfc63f"]{color:#cfc63f;}
a[data-color="e4a840"]{color:#e4a840;}
a[data-color="8dd2a4"]:after{background-color:#8dd2a4;}
a[data-color="80abef"]:after{background-color:#80abef;}
a[data-color="8aceda"]:after{background-color:#8aceda;}
a[data-color="ee909b"]:after{background-color:#ee909b;}
a[data-color="cfc63f"]:after{background-color:#cfc63f;}
a[data-color="e4a840"]:after{background-color:#e4a840;}
#loading{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background-color:#fef3ef;
	z-index:10001;
	transition:opacity 0.8s,z-index 0s ease 0.9s;
}
#loading.hide{
	opacity:0;
	z-index:-1;
}
#loading img{
	width:80px;
	display:block;
  animation:loadings 2.8s linear 4.0s infinite;
}
.setSearch{position:relative;}
.searchInput{
	display:block;
	width:100%;
	height:100%;
	border:none;
	background-color:#fff;
	border-radius:4px;
	outline:none;
}
.searchBtn{
	position:absolute;
	top:0;
	right:0;
	padding:0;
	outline:none;
	line-height:1.0;
	cursor:pointer;
}
.searchBtn:before,
.iconSearch:before{
	display:block;
	content:"\e8b6";
	font-family:'Material Icons';
	line-height:1.0;
}
.iconHome:before{
	content:"\e88a";
	font-family:'Material Icons';
}
.swiper-pagination{
	position:static;
	width:100%;
	vertical-align:top;
	font-size:0;
	line-height:1.0;
}
.swiper-pagination-bullet{
	background-color:#fff;
	vertical-align:top;
	line-height:1.0;
	opacity:1!important;
}
.swiper-pagination-bullet-active{background-color:#ee909b;}

/*common*/
header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:url("../img/common/hd-bg.jpg") no-repeat center top / cover;
	z-index:100;
}
header a{
	display:inline-block;
	margin:0 auto;
}
header label{
	position:relative;
	cursor:pointer;
	z-index:102;
	transition:opacity 0.4s;
}
header .htLogo{position:absolute;}
header .htLogo a:hover{opacity:0.7;}
header .htLogo a:before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url("../img/common/logo-white.svg") no-repeat center center / contain;
	opacity:0;
	transition:opacity 0.4s;
}
header .htLogo img{transition:opacity 0.4s;}
label[id^="gNavBtn"]{
	position:relative;
	cursor:pointer;
}
label[id^="gNavBtn"]:before,
label[id^="gNavBtn"]:after,
label[id^="gNavBtn"] span{
	content:"";
	display:block;
	width:100%;
	position:absolute;
	transition:all 0.4s;
}
.siteNavi li,
.siteNavi li *{line-height:1.0;}
.siteNavi li a{
	display:table;
	position:relative;
}
.siteNavi li a > *,
.siteNavi li a:before{
	display:table-cell;
	vertical-align:middle;
}
#socialNavi li{
	display:inline-block;
	line-height:1.0;
}
#socialNavi svg{
	width:auto;
	height:26px;
}
footer{
	width:100%;
	background-color:#877d78;
	color:#fff;
}
footer *{line-height:1.0;}
footer a{
	display:block;
	color:#fff;
}
footer img,
footer svg{
	display:block;
	vertical-align:top;
}
footer li{display:inline-block;}
footer .ftLogo a{margin:0 auto;}
footer #ftSiteNavi a{color:#fff!important;}
footer #ftSiteNavi a:hover{color:#d29576!important;}
footer #ftSiteNavi .termUncategorized{display:none!important;}
footer .ftSocialBox{
	background-color:#938a86;
	border-radius:9px;
	text-align:center;
}
footer .ftSocialBox dt{
	display:block;
	margin:0 auto 24px;
}
footer .ftSocialBox dd,
footer .ftSocialBox dd *{
	display:inline-block;
	vertical-align:top;
}
footer .ftSocialBox dd li{margin:0 14px;}
footer .ftSocialBox svg{
	display:block;
	width:auto;
	height:30px;
}
footer .ftSocialBox use{fill:#fff;}
footer .ftSocialBox a:hover use{fill:#d29576;}
footer .ftPageLink{
}
footer .ftPageLink li+li{border-left:1px solid #98908c;}
#returnTop{
	position:fixed;
	bottom:80px;
	display:block;
	z-index:110;
}
#returnTop button{
	display:block;
	transition:opacity 0.4s;
	cursor:pointer;
}
#returnTop button.hide{opacity:0;}
main{
	width:100%;
	background-color:#fef3ef;
}
main h2{
	display:block;
	position:relative;
	vertical-align:top;
}
main h2 img{
	display:block;
	margin:0 auto;
}
main h2.chgTtl:before{
	content:"";
	display:block;
	margin:0 auto;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
}
#sideBar a{display:block;}
#rankingSet{background-color:#fff;}
#rankingSet .rankList{counter-reset:number 0;}
#rankingSet .rankList li{
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
#rankingSet .rankList li > *{display:block;}
#rankingSet .rankList li:before{
	content:"";
	display:block;
	width:0;
	height:0;
	position:absolute;
	top:-18px;
	left:10px;
	border-style:solid;
	border-width:17.5px 0 17.5px 30px;
	border-color:transparent transparent transparent #d8d8d8;
	z-index:1;
}
#rankingSet .rankList li:nth-child(1):before{border-color:transparent transparent transparent #ede263;}
#rankingSet .rankList li:nth-child(2):before{border-color:transparent transparent transparent #cacdd5;}
#rankingSet .rankList li:nth-child(3):before{border-color:transparent transparent transparent #d8c6b2;}
#rankingSet .rankList li:after{
	counter-increment:number 1;
	content:counter(number);
	display:block;
	position:absolute;
	top:-8px;
	left:15px;
	color:#fff;
	text-align:left;
	font-size:1.4rem;
	line-height:1.0;
	z-index:1;
}
#rankingSet .rankList li:nth-child(n+10):after{left:13px;}
#rankingSet .rankList li figure,
#rankingSet .rankList li figure a{position:relative;}
#rankingSet .rankList li figure a{
	border-radius:12px;
	overflow:hidden;
}
#rankingSet .rankList li figure a:after{
	content:"";
	display:block;
	width:100%;
	height:0;
	padding-top:88%;
}
#rankingSet .rankList li figure img{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	object-fit:cover;
	object-position:center center;
}
#rankingSet .rankList li .postTitle{line-height:1.5;}
#authorBox{background-color:#fce6e1;}
.authorSec{
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	z-index:0;
}
.authorSec figure{
	border-radius:50%;
	overflow:hidden;
}
.authorSec .authorPos,
.authorSec .authorName{line-height:1.0;}
.authorSec .authorDescrip{
	line-height:1.4;
	font-size:1.2rem;
}
.authorSec .authorLink{
	display:block;
	width:100%;
	text-align:center;
}
.authorSec .authorLink a{
	position:relative;
	padding:15px 10px;
	border-radius:22px;
	background-color:#fff;
	color:#877d78;
	font-size:1.4rem;
	line-height:1.0;
}
.authorSec .authorLink svg{
	display:block;
	position:absolute;
	top:calc(50% - 5.5px);
	right:14px;
	width:11px;
	transform-origin:center center;
	transform:rotate(-90deg);
}
.authorSec .authorLink use{fill:#7c7c7c;}
.authorSec .authorLink a:hover use{fill:#d29576;}
.postSec{position:relative;}
.postSec .postThb{
	display:block;
	position:relative;
	overflow:hidden;
	z-index:1;
}
.postSec .postThb:after{
	content:"";
	display:block;
	width:100%;
	height:0;
}
.postSec .postThb img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
}
.postSec .txtBox{
	position:relative;
	margin:0 auto;
}
.postSec .txtBox:after{
	content:"";
	display:block;
	clear:both;
}
.postSec time{
	display:block;
	color:#877d78;
}
.postSec .postTitle{
	display:block;
	line-height:1.8;
}
.postSec .catTag{
	display:block;
	padding-left:4px;
	line-height:1.0;
}
.postSec .postTag{
	width:100%;
	text-align:right;
	line-height:1.0;
}
.postTag a{
	display:block;
	background-color:#fef5f2;
	border:1px solid #d8d8d8;
	line-height:1.0;
}
.postSec .catTag li,
.postTag li{
	display:inline-block;
	vertical-align:middle;
}
.postSec .catTag li a,
#sideBar .postSec .catTag li a{
	position:relative;
	display:table;
	white-space:nowrap;
}
.postSec .catTag li a:before{
	position:relative;
	z-index:1;
}
.postSec .catTag li a:hover,
.postSec .catTag li a:hover:before{color:#fff!important;}
.postSec .catTag li a:after{
	content:"";
	position:absolute;
	top:-4px;
	left:-4px;
	display:block;
	width:calc(100% + 8px);
	height:calc(100% + 8px);
	border-radius:8px;
	opacity:0;
	transition:opacity 0.4s;
}
.postSec .catTag li a:hover:after{opacity:1;}
.postSec .catTag li a > *{
	position:relative;
	display:table-cell;
	vertical-align:middle;
	z-index:1;
}
@media screen and (max-width:1159.98px){
	body{font-size:1.3rem;}
	body:before{height:60px;}
	*[data-type="pc"]{display:none!important;}
	.swiper-pagination-bullet{
		width:8px;
		height:8px;
	}
	header{
		display:flex;
		justify-content:space-between;
		padding:19px 20px;
		box-shadow:0px 0px 10px 0px rgba(0,0,0,0.3);
	}
	header .htLogo{
		width:102px;
		top:8px;
		left:calc(50% - 51px);
		z-index:102;
	}
	input[type="checkbox"]:checked ~ header .htLogo a:before{opacity:1;}
	input[type="checkbox"]:checked ~ header .htLogo img{opacity:0;}
	header #gNavBtn{
		width:21px;
		height:17px;
		margin:2px 0;
	}
	header #gNavBtn:before,
	header #gNavBtn:after,
	header #gNavBtn span{
		height:1px;
		left:0;
		background-color:#707070;
	}
	header #gNavBtn:before{top:0;}
	header #gNavBtn:after{bottom:0;}
	header #gNavBtn span{top:calc(50% - 1px);}
	#searchCheck:checked ~ header #gNavBtn{opacity:0;}
	#gNavCheck:checked ~ header #gNavBtn:before,
	#gNavCheck:checked ~ header #gNavBtn:after{background-color:#fff;}
	#gNavCheck:checked ~ header #gNavBtn:before{transform:translateY(8px) rotate(-38deg);}
	#gNavCheck:checked ~ header #gNavBtn:after{transform:translateY(-8px) rotate(38deg);}
	#gNavCheck:checked ~ header #gNavBtn span{opacity:0;}
	#gNavCheck:checked ~ header #searchBoxBtn{opacity:0;}
	header #searchBoxBtn:before,
	header #searchBoxBtn:after{
		content:"";
		display:block;
		width:100%;
		height:1px;
		position:absolute;
		left:0;
		background-color:#fff;
		opacity:0;
		transition:opacity 0.4s;
	}
	header #searchBoxBtn:before{transform:translateY(11px) rotate(-38deg);}
	header #searchBoxBtn:after{transform:translateY(-11px) rotate(38deg);}
	header #searchBoxBtn .iconSearch{
		display:block;
		margin:-3px;
		font-size:2.8rem;
		opacity:1;
		transition:opacity 0.4s;
	}
	#searchCheck:checked ~ header #searchBoxBtn:before,
	#searchCheck:checked ~ header #searchBoxBtn:after{opacity:1;}
	#searchCheck:checked ~ header #searchBoxBtn .iconSearch{opacity:0;}
	#globalNavi{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		max-height:0px;
		padding:0 4vw;
		overflow:hidden;
		background-color:#877d78;
		color:#fff;
		z-index:101;
		transition:all 0.4s;
	}
	input[type="checkbox"]:checked ~ header #globalNavi{
		max-height:100vh;
		padding:60px 4vw 30px;
		overflow-y:auto;
	}
	#globalNavi a{color:#fff;}
	#globalNavi use{fill:#fff;}
	#hdSiteNavi,#socialNavi{display:none;}
	body.menuOpen #hdSiteNavi{display:block;}
	#hdSiteNavi li{
		display:block;
		border-bottom:1px solid #938a86;
		font-size:1.8rem;
		text-align:left;
	}
	#hdSiteNavi li a{
		width:100%;
		padding:20px 3.4vw;
	}
	#hdSiteNavi li a:before{width:32px;}
	#hdSiteNavi li a span{width:calc(100% - 32px);}
	#socialNavi{
		justify-content:center;
		align-items:center;
		margin-top:20px;
		padding:24px 0 22px;
		border-radius:8px;
		background-color:#938a86;
	}
	body.menuOpen #socialNavi{display:flex;}
	#socialNavi:before{
		content:"";
		display:block;
		width:64px;
		height:26px;
		margin-right:30px;
		background:url("../img/common/social-ttl.svg") no-repeat left center / contain;
		border-right:1px solid #c9c5c3;
	}
	#socialNavi li+li{margin-left:22px;}
	#searchBox{padding-top:20px;}
	#hdSearchInput{
		height:50px;
		padding:17px 40px 17px 18px;
		font-size:1.5rem;
	}
	#hdSearchBtn{
		top:7px;
		right:7px;
		font-size:3.6rem;
	}
	footer{padding:56px 6.666vw 32px;}
	footer .ftLogo a{width:136px;}
	footer .ftSocialBox{
		margin-top:30px;
		padding:28px 10px 23px;
	}
	footer .ftSocialBox dt{width:76px;}
	footer #ftFormSearch{margin-top:24px; }
	#ftSearchInput{
		height:50px;
		padding:17px 46px 17px 22px;
		font-size:1.5rem;
	}
	#ftSearchBtn{
		top:8px;
		right:8px;
		font-size:3.6rem;
	}
	footer .ftPageLink{
		margin-top:24px;
/*		padding:16px 0;*/
		text-align:center;
		font-size:1.2rem;/*1.3*/
	}
	footer .ftPageLink li{padding:0 12px;}
	footer .ftPageLink li a{padding:4px 0;}
	footer #copyrights{
		display:block;
		margin-top:32px;
		text-align:center;
	}
	footer #copyrights img{
		width:228px;
		height:auto;
		margin:0 auto;
	}
	#returnTop{
		width:72px;
		right:12px;
	}
	main{padding:0 3.2vw;}
	#mainContents{margin:0 auto;}
	#sideBar{margin:112px auto 42px;}
	#rankingSet{
		padding:1px 5.866vw 30px;
		border-radius:16px;
	}
	#rankingSet h2{margin-bottom:30px;}
	#rankingSet h2:before{
		width:171px;
		height:104px;
		margin-top:-26px;
		background-image:url("../img/side/ranking-ttl-sp.svg");
	}
	#rankingSet .rankList li+li{margin-top:24px;}
	#rankingSet .rankList li:nth-child(n+6){display:none;}
	#rankingSet.opens .rankList li:nth-child(n+6){display:flex;}
	#rankingSet .rankList li figure{width:31.724%;}
	#rankingSet .rankList li .postTitle{
		width:62.7586%;
		font-size:1.3rem;
	}
	#rankingSet .moreLink{
		margin-top:30px;
		text-align:center;
		line-height:1.0;
	}
	#rankingSet .moreLink button{
		position:relative;
		display:block;
		width:100%;
		padding:16px 28px;
		background-color:#fce6e1;
		border-radius:25px;
		color:#877d78;
		cursor:pointer;
	}
	#rankingSet .moreLink button .close,
	#rankingSet.opens .moreLink button .open{display:block;}
	#rankingSet.opens .moreLink button .close,
	#rankingSet .moreLink button .open{display:none;}
	#rankingSet .moreLink button svg{
		position:absolute;
		right:20px;
		top:calc(50% - 5px);
		display:block;
		width:10px;
		transform-origin:center center;
		transition:transform 0.4s;
	}
	#rankingSet.opens .moreLink button svg{transform:rotate(180deg);}
	#authorBox{
		margin-top:78px;
		padding:1px 7.466vw 36px;
		border-radius:16px;
	}
	#authorBox h2{margin-bottom:38px;}
	#authorBox h2:before{
		width:167px;
		height:67px;
		margin-top:-56px;
		background-image:url("../img/side/author-ttl-sp.svg");
	}
	.authorSec+.authorSec{margin-top:36px;}
	.authorSec figure{width:70px;}
	.authorSec .authorData{width:calc(100% - 82px);}
	.authorSec .authorPos{font-size:1.0rem;}
	.authorSec .authorName{
		margin-top:8px;
		font-size:1.4rem;
	}
	.authorSec .authorDescrip{margin-top:12px;}
	.authorSec .authorLink{margin-top:18px;}
	.sdBnr{
		max-width:372px;
		margin:30px auto 0;
	}
	.sdBnr a{
		width:85.71%;
		margin:0 auto;
	}
	.postSec .catTag{font-size:1.2rem;}
	.postSec .catTag li{margin-right:16px;}
	.postSec .catTag a:before{font-size:2.0rem;}
	.postSec .catTag span{padding-left:4px;}
	.postSec time{
		margin-top:4px;
		text-align:right;
		font-size:1.2rem;
	}
	.postSec .postTitle{
		font-size:1.5rem;
	}
	.postSec .postTitle:not(:first-child){padding:10px 0 8px;}
	.postSec .postTag li{
		margin-top:6px;
		margin-left:5px;
	}
	.postSec .postTag a{
		padding:4px 14px;
		border-radius:13px;
		font-size:1.0rem;
	}
}
@media screen and (max-width:766.98px){
}
@media screen and (min-width:767px) and (max-width:1159.98px){
}
@media screen and (min-width:1160px){
	body{font-size:1.5rem;}
	body:before{height:130px;}
	*[data-type="sp"]{display:none!important;}
	.swiper-pagination-bullet{
		width:10px;
		height:10px;
	}
	#gNavBtnPC{
		display:none;
		position:fixed;
		top:45px;
		right:50px;
		width:80px;
		height:80px;
		border:1px solid #f9cbca;
		border-radius:50%;
		background:url("../img/common/menu-txt.svg") no-repeat center 56px;
		z-index:105;
	}
	#gNavBtnPC:before,
	#gNavBtnPC:after,
	#gNavBtnPC span{
		width:35px;
		height:2px;
		left:22px;
		background-color:#ee909b;
	}
	#gNavBtnPC:before{top:18px;}
	#gNavBtnPC:after{top:44px;}
	#gNavBtnPC span{top:31px;}
	.menuEndup #gNavBtnPC{display:block;}
	#gNavCheck:checked ~ #gNavBtnPC{
		border-color:transparent;
		background-image:none;
	}
	#gNavCheck:checked ~ #gNavBtnPC:before,
	#gNavCheck:checked ~ #gNavBtnPC:after{background-color:#fff;}
	#gNavCheck:checked ~ #gNavBtnPC:before{transform:translateY(13px) rotate(-38deg);}
	#gNavCheck:checked ~ #gNavBtnPC:after{transform:translateY(-13px) rotate(38deg);}
	#gNavCheck:checked ~ #gNavBtnPC span{opacity:0;}
	header{
		padding-top:26px;
		padding-right:calc(50% - 570px);
		padding-left:calc(50% - 570px);
		transform-origin:center top;
		transform:translateY(-450px);
		transition:transform 0.4s;
	}
	#gNavCheck:checked ~ header{transform:translateY(0px);}
	header .htLogo{
		width:142px;
		top:15px;
		left:calc(50% - 71px);
	}
	#socialNavi{
		grid-column:1 / 2;
		grid-row:1 / 2;
		padding:7px 0;
	}
	#socialNavi li+li{margin-left:14px;}
	#globalNavi{
		width:100%;
		margin:0 auto;
		display:grid;
		grid-template-columns:172px 1fr 260px;
		grid-template-rows:auto auto;
	}
	#hdSiteNavi{
		width:100%;
		grid-column:1 / 4;
		grid-row:2 / 3;
		display:flex;
		justify-content:space-between;
		margin-top:28px;
		text-align:center;
		font-size:1.6rem;
	}
	#hdSiteNavi li{display:inline-block;}
	#hdSiteNavi li a{padding:0 4px 12px;}
	#hdSiteNavi li a:before{font-size:2.4rem;}
	#hdSiteNavi li a:after{
		content:"";
		display:block;
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		height:3px;
		opacity:0;
		transition:opacity 0.4s;
	}
	#hdSiteNavi li a:hover:after{opacity:1;}
	#hdSiteNavi li a span{padding-left:6px;}
	#searchBox{
		grid-column:3 / 4;
		grid-row:1 / 2;
	}
	#hdSearchInput{
		height:40px;
		padding:12px 35px 12px 18px;
		font-size:1.6rem;
	}
	#hdSearchBtn{
		top:8px;
		right:12px;
		font-size:2.4rem;
	}
	.menuEndup header{
		padding-top:138px;
		padding-bottom:56px;
		background-image:none;
		background-color:#877d78;
	}
	.menuEndup header .htLogo{top:45px;}
	.menuEndup header .htLogo img{opacity:0;}
	.menuEndup input[type="checkbox"]:checked ~ header .htLogo a:before{opacity:1;}
	.menuEndup #globalNavi{grid-template-columns:550px 590px;}
	.menuEndup #hdSiteNavi{
    grid-column:1 / 3;
    grid-row:1 / 2;
		margin:0 auto 42px;
	}
	.menuEndup #hdSiteNavi li a{color:#fff;}
	.menuEndup #hdSiteNavi li a:after{background-color:#fff;}
	.menuEndup #socialNavi{
    grid-column:1 / 2;
    grid-row:2 / 3;
		display:flex;
		justify-content:center;
		align-items:center;
		padding:20px 56px;
		border-radius:9px;
		background-color:#938a86;
	}
	.menuEndup #socialNavi:before{
		content:"";
		display:block;
		width:134px;
		height:13px;
		margin-right:55px;
		background:url("../img/common/ft-sns-ttl.svg") no-repeat left center / contain;
		border-right:1px solid #c9c5c3;
	}
	.menuEndup #socialNavi svg{
		width:auto;
		height:29px;
	}
	.menuEndup #socialNavi use{fill:#fff;}
	.menuEndup #searchBox{
    grid-column:2 / 3;
    grid-row:2 / 3;
		align-self:center;
	}
	.menuEndup #formSearch{padding-left:40px;}
	#trendBox{
		display:block;
		position:relative;
		top:0;
		left:0;
		width:100%;
		padding:10px 0;
		background-color:#f9c7c6;
		text-align:center;
		z-index:99;
	}
	#trendBox dl{
		display:table;
		margin:0 auto;
	}
	#trendBox dl > *{
		display:table-cell;
		vertical-align:middle;
	}
	#trendBox dl dt{width:84px;}
	#trendBox dl dt img{
		display:inline-block;
		vertical-align:middle;
	}
	#trendBox dl dd{padding-left:15px;}
	#trendBox .trendList li{
		display:inline-block;
		vertical-align:middle;
	}
	#trendBox .trendList li+li{margin-left:8px;}
	#trendBox .trendList li a{
		padding:4px 12px;
		background-color:#fff;
		border:1px solid #d8d8d8;
		border-radius:13px;
		font-size:1.2rem;
		line-height:1.0;
	}
	footer{
		display:grid;
		grid-template-columns:322px 1fr 670px;
		grid-template-rows:auto auto auto auto auto;
		padding:60px 0 90px;
		padding-right:calc(50% - 570px);
		padding-left:calc(50% - 570px);
	}
	footer li{display:inline-block;}
	footer .ftLogo{
		grid-column:1 / 2;
		grid-row:1 / 3;
		padding-bottom:35px;
	}
	footer .ftLogo a{width:180px;}
	footer .ftSocialBox{
		grid-column:1 / 2;
		grid-row:3 / 5;
		margin-bottom:25px;
		padding:28px 16px 23px;
	}
	footer .ftSocialBox dt{width:76px;}
	footer #ftFormSearch{
		grid-column:1 / 2;
		grid-row:5 / 6;
	}
	#ftSearchInput{
		height:50px;
		padding:17px 40px 17px 22px;
		font-size:1.6rem;
	}
	#ftSearchBtn{
		top:8px;
		right:8px;
		font-size:3.6rem;
	}
	footer #ftSiteNavi{
		grid-column:3 / 4;
		grid-row:2 / 4;
		align-self:flex-end;
		padding-bottom:15px;
		font-size:1.8rem;
		text-align:right;
	}
	footer #ftSiteNavi li{margin:0 0 38px 44px;}
	footer #ftSiteNavi li span{padding-left:8px;}
	footer .ftPageLink{
		grid-column:3 / 4;
		grid-row:4 / 5;
		padding:16px 0;
		border-top:2px solid #908782;
		border-bottom:2px solid #908782;
		text-align:right;
		font-size:1.4rem;
	}
	footer .ftPageLink li{padding:0 28px;}
	footer .ftPageLink li a{padding:4px 0;}
	footer #copyrights{
		grid-column:3 / 4;
		grid-row:5 / 6;
		padding-top:28px;
		text-align:right;
	}
	footer #copyrights img{
		width:auto;
		height:12px;
		margin:0 0 0 auto;
	}
	#returnTop{
		width:80px;
		right:40px;
	}
	main{
		width:1070px;
		grid-template-columns:720px auto 300px;
		grid-template-rows:auto;
		display:grid;
	}
	#mainContents{grid-column:1 / 2;}
	#sideBar{grid-column:3 / 4;}
	#sideBar h2{margin-bottom:40px;}
	#rankingSet{
		padding:1px 28px 40px;
		border-radius:26px;
	}
	#rankingSet h2:before{
		width:205px;
		height:124px;
		margin-top:-36px;
		background-image:url("../img/side/ranking-ttl-pc.svg");
	}
	#rankingSet .rankList li+li{margin-top:38px;}
	#rankingSet .rankList li figure{width:92px;}
	#rankingSet .rankList li .postTitle{
		width:140px;
		font-size:1.3rem;
	}
	#authorBox{
		padding:1px 25px 43px;
		margin-top:120px;
		border-radius:26px;
	}
	#authorBox h2{margin-bottom:38px;}
	#authorBox h2:before{
		width:175px;
		height:83px;
		margin-top:-70px;
		background-image:url("../img/side/author-ttl-pc.svg");
	}
	.authorSec+.authorSec{margin-top:50px;}
	.authorSec figure{width:86px;}
	.authorSec .authorData{width:150px;}
	.authorSec .authorPos{font-size:1.2rem;}
	.authorSec .authorName{
		margin-top:9px;
		font-size:1.5rem;
	}
	.authorSec .authorDescrip{margin-top:16px;}
	.authorSec .authorLink{margin-top:20px;}
	#sideBar .sdBnr{margin-top:30px;}
	.postSec .catTag{
		float:left;
		font-size:1.6rem;
	}
	.postSec .catTag li{margin-right:20px;}
	.postSec .catTag a:before{font-size:2.4rem;}
	.postSec .catTag span{padding-left:8px;}
	.postSec time{float:right;}
	.postSec .postTitle:not(:first-child){
		clear:both;
		font-size:2.0rem;
	}
	.postSec .postTitle:not(:first-child){padding:9px 0 6px;}
	.postSec .postTag li{margin-left:8px;}
	.postSec .postTag a{
		padding:4px 12px;
		border-radius:13px;
		font-size:1.2rem;
	}
}