@charset "utf-8";
/*common*/
#mainFV .fvSlider{
	width:100%;
	height:100%;
}
#mainFV .fvSlider .slick-slide{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
#mainFV .fvSlider .slick-slide:before{
	content:"";
	display:block;
	width:100%;
	height:0;
}
#mainFV figcaption h1{
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:50%;
	background-color:rgba(255,255,255,0.7);
}
#mainFV figcaption h1 img{
	display:block;
	width:56.30252%;
	height:auto;
}
#message{
	background-position:center top;
	background-repeat:no-repeat;
}
#message .lead{line-height:2.777;}
#problems{background:url("../img/top/problems-bg.png") repeat #f5f5f5;}
#problems > *{
	position:relative;
	z-index:0;
}
#problems:before,
#problems:after{
	content:"";
	display:block;
	width:100%;
	position:absolute;
	left:0;
}
#problems:before{
	background:url("../img/top/problems-bg-top.png") repeat-x;
	background-size:auto 100%;
	z-index:-1;
}
#problems:after{
	bottom:0;
	background:url("../img/top/problems-bg-btm.png") repeat-x;
	background-size:auto 100%;
	z-index:0;
}
#problems .leadBtm img{margin:0 auto;}
#problems .leadBtm .lead{
	position:relative;
	display:block;
	border:4px solid #ecebea;
	background-color:#fff;
	border-radius:10px;
	line-height:1.0;
}
#problems .problemsList li{
	display:block;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
}
#problems .problemsList li.pop02{background-image:url("../img/top/problems-cirlce02.png");}
#problems .problemsList li.pop03{background-image:url("../img/top/problems-cirlce03.png");}
#problems .problemsList li.pop04{background-image:url("../img/top/problems-cirlce04.png");}
#problems .problemsList li.pop07{background-image:url("../img/top/problems-cirlce07.png");}
#problems .problemsList li div{
	position:relative;
	text-align:center;
}
#problems .problemsList li p{
	display:block;
	line-height:1.6;
	text-align:left;
}
#problems .problemsList li .more{
	display:inline-block;
	position:relative;
	line-height:1.0;
	background-color:#555555;
	color:#fff;
}
#problems .problemsList li .more:after{content:"→";}
.lineupSec,
.lineupSec *{display:block;}
.lineupSec .ranking[data-rank]{position:relative;}
.lineupSec .ranking figure{position:relative;}
.lineupSec .ranking figure .rankingFg02{position:absolute;}
.lineupSec .ranking[data-rank="1"]:before,
.lineupSec .ranking[data-rank="1"]:after{
	content:"";
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	background-position:left top;
	background-size:contain;
}
.lineupSec .ranking[data-rank] .rankTag{
	display:block;
	position:absolute;
	z-index:1;
}
.lineupSec .ranking .txtBox{text-align:left;}
.lineupSec .ranking .txtBox h4 > *{display:block;}
.lineupSec .ranking .txtBox p{line-height:2.0;}
.lineupSec .ranking .detailLink{
	text-align:center;
	line-height:1.0;
}
.lineupSec .ranking .detailLink a{
	border:1px solid #555;
	background-color:#fff;
	color:#282828;
	transition:all 0.4s;
	vertical-align:middle;
}
.lineupSec .ranking .detailLink a:hover{
	background-color:#555;
	color:#fff;
}
.lineupSec .ranking .detailLink a:after{
	content:"→";
	display:inline-block;
	vertical-align:middle;
}
#lineupCat .ranking[data-rank="1"]:before{background-image:url("../img/top/lucat-bg01.svg");}
#lineupDog .ranking[data-rank="1"]:before{background-image:url("../img/top/ludog-bg01.svg");}
#lineupDog .ranking[data-rank="2"] figure:before{
	content:"";
	display:block;
	position:absolute;
	background:url("../img/top/rank-new.svg") no-repeat center center / contain;
}
#familySec{
	width:100%;
	background:url("../img/top/family-bg.webp") no-repeat center bottom;
}
main section#familySec .ttl{
	display:block;
	width:100%;
	color:#555555;
	line-height:1.2;
	text-align:left;
}
main section#familySec .ttl > *{text-align:left;}
#familySec .familyBox{text-align:left;}
#familySec .familyTtl > *{
	display:block;
	line-height:1.0;
}
#familySec .familyTtl small{color:#eb755b;}
#familySec .familyBox p{line-height:2.0;}
#familySec .detailLink{
	text-align:center;
	line-height:1.0;
}
#familySec .detailLink a{
	display:block;
	width:100%;
	border:1px solid #555;
	background-color:#fff;
	color:#282828;
	transition:all 0.4s;
	vertical-align:middle;
}
#familySec .detailLink a:hover{
	background-color:#555;
	color:#fff;
}
#familySec .detailLink a:after{
	content:"→";
	display:inline-block;
	vertical-align:middle;
}
#love{width:100%;}
#love,
#love > *,
main section#love h2.ttl > *{text-align:left;}
#love p{line-height:1.875;}
#love .moreLink a{
	display:block;
	text-align:center;
	background-color:#555555;
	color:#fff;
	line-height:1.0;
}
#love .moreLink a:after{
	content:"→";
	display:inline-block;
}
#livingSec{
	background:url("../img/top/family-bg.webp") no-repeat center bottom;
	text-align:left;
	color:#555;
}
main section#livingSec .ttl{
	text-align:left;
	line-height:1.125;
}
main section#livingSec .sttl{
	display:block;
	line-height:1.0;
	text-align:left;
}
#livingSec p{line-height:1.333;}
#livingSec .detailLink{
	text-align:left;
	line-height:1.0;
}
#livingSec .detailLink a{
	display:inline-block;
	border:1px solid #555;
	background-color:#555;
	color:#fff;
	line-height:1.5;
	transition:all 0.4s;
	vertical-align:middle;
}
#livingSec .detailLink a:hover{
	background-color:#fff;
	color:#282828;
}
#livingSec .detailLink a:after{
	content:"→";
	display:inline-block;
	vertical-align:middle;
}
#instagram .lead{line-height:1.6;}
#instagram .instagramList{position:relative;}
#instagram .instagramList .instaFollow{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	text-align:center;
}
#instagram .instagramList .instaFollow > *{display:block;}
#instagram .instagramList .instaFollow img,
#instagram .instagramList .instaFollow svg{width:100%;height:auto;}
#instagram .instagramList .instaFollow path{fill:#fff;}
#instagram .instagramList .instaFollow a path{transition:all 0.4s;}
#instagram .instagramList .instaFollow a:hover{opacity:1;}
#instagram .instagramList .instaFollow a:hover path{fill:#ff0;}
#instagram .instagramList .instaFollow:before{
	content:"";
	display:block;
	background:url("../img/top/insta-icon.svg") no-repeat center center/contain;
}
.lightBoxGroup{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	justify-content:center;
	align-items:center;
	background-color:rgba(0,0,0,0.8);
	z-index:-1;
}
.lightBoxGroup.show{
	display:flex;
	z-index:1000;
}
#lBoxClose{
	position:absolute;
	background-color:transparent;
}
#lBoxClose img{width:100%;height:auto;}
.lightBoxGroup .hide{display:none!important;}
.lightBoxGroup .slick-arrow{
	position:absolute;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	background-color:transparent;
	z-index:1;
	cursor:pointer;
}
.lightBoxGroup .slick-prev{background-image:url("../img/common/prev-btn.svg");}
.lightBoxGroup .slick-next{background-image:url("../img/common/next-btn.svg");}
.lightBoxGroup .slick-dots{
	position:absolute;
	left:0;
	bottom:43px;
	width:100%;
	vertical-align:top;
	line-height:1.0;
	font-size:0;
	text-align:center;
}
.lightBoxGroup .slick-dots li{
	display:inline-block;
	border-radius:50%;
	overflow:hidden;
}
.lightBoxGroup .slick-dots li button{background-color:#bebebe;}
.lightBoxGroup .slick-dots li.slick-active button{background-color:#5aa897;}
#problemsLightBoxGroup{overflow:hidden;}
.problemsLightBox{
	position:relative;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center top;
}
.problemsLightBox:before{
	content:"";
	display:block;
	width:100%;
	height:0;
}
.problemsLightBox .detailLinks{
	position:absolute;
	display:block;
	trnasition:all 0.4s;
}
.problemsLightBox a.detailLinks:hover{background-color:rgba(255,255,255,0.7);}
@media (max-width:900px){
	#mainFV .fvSlider .slider01{background-image:url("../img/top/fv01-sp.jpg");}
	#mainFV .fvSlider .slider02{background-image:url("../img/top/fv02-sp.jpg");}
	#mainFV .fvSlider .slick-slide:before{padding-top:140%;}
	#mainFV figcaption{padding-top:12vw;}
	#mainFV figcaption > *{margin:0 auto;}
	#mainFV figcaption h1{
		width:50vw;
		height:50vw;
		margin:0 45vw 12vw 5vw;
	}
	#mainFV figcaption h2{
		width:73.333vw;
		text-align:left;
	}
	#mainFV figcaption h2 img{
		width:16.533vw;
		margin-left:0;
		margin-right:auto;
	}
	#message{
		padding:74px 8vw 182px;
		background-image:url("../img/top/message-bg-sp.png");
		background-size:auto 100%;
	}
	#message h2.ttl small img{width:176px;}
	#message .lead{margin-top:38px;}
	#problems{padding-top:22px;}
	#problems:before,
	#problems:after{height:5px;}
	#problems:before{top:-5px;}
	#problems h2{margin-bottom:21px;}
	#problems h2.ttl small{margin-bottom:-27px;}
	#main #problems h2.ttl small img{width:184px;}
	#problems .problemsList{
		display:flex;
		flex-direction:column;
		width:100%;
	}
	#problems .problemsList li{position:relative;}
	#problems .problemsList li.pop01{
		order:1;
		width:77.067vw;
		height:58.4vw;
		margin:0 auto 0 1.6vw;
		padding:19.733vw 0 0 9.067vw;
		background-image:url("../img/top/problems-cirlce01-sp.png");
	}
	#problems .problemsList li.pop02{
		order:2;
		width:59.467vw;
		height:78.133vw;
		margin:-7.558vw 2.133vw 0 auto;
		padding:20vw 0 0 9.0667vw;
	}
	#problems .problemsList li.pop03{
		order:3;
		width:56.267vw;
		height:68.267vw;
		margin:-33.529vw auto 0 2.4vw;
		padding:30.4vw 0 0 9.0667vw;
	}
	#problems .problemsList li.pop04{
		order:7;
		width:58.667vw;
		height:66.133vw;
		margin:2.94vw 4vw 0 auto;
		padding:30.9333vw 0 0 11.4667vw;
	}
	#problems .problemsList li.pop05{
		order:6;
		width:79.467vw;
		height:58.133vw;
		margin:-4.8vw auto 0 2.4vw;
		padding:19.2vw 0 0 9.3333vw;
		background-image:url("../img/top/problems-cirlce05-sp.png");
	}
	#problems .problemsList li.pop06{
		order:5;
		width:75.2vw;
		height:64.266vw;
		margin:0 0 0 auto;
		padding:25.6vw 0 0 6.4vw;
		background-image:url("../img/top/problems-cirlce06-sp.png");
	}
	#problems .problemsList li.pop06 div{width:46vw;}
	#problems .problemsList li.pop07{
		order:4;
		width:80.533vw;
		height:68.8vw;
		margin:-15.294vw 2.933vw 0 auto;
		padding:19.467vw 0 0 34.4vw;
		z-index:-1;
	}
	#problems .problemsList li div{width:40vw;}
	#problems .problemsList li p,
	#problems .problemsList li .more{font-size:3.4667vw;}
	#problems .problemsList li .more{
		margin-top:3.2vw;
		padding:2.1333vw 5.3333vw;
	}
	#problems .problemsList li .more:after:after{
		display:inline-block;
		margin-left:2.1333vw;
	}
	#problems .leadBtm{
		position:relative;
		z-index:1;
		margin:4.7vw 4vw 0;
		transform: translateY(36px);
	}
	#problems .leadBtm img{width:47.7333vw;}
	#problems .leadBtm .lead{
		margin-top:-2.1333vw;
		padding:4px 30px;
		font-size:1.3rem;
		line-height:2.3;
		text-align:center;
	}
	#main #problems h2.ttl small img{width:184px;}
	.lineupSec{padding-top:76px;}
	.lineupSec h2.ttl small{margin-bottom:-30px;}
	#main .lineupSec h2.ttl small img{width:156px;}
	.lineupSec .fgTop{
		position:relative;
		z-index:2;
	}
	#main .lineupSec .ranking figure .rankingFg02{
		width:49.333vw;
		bottom:-13.333vw;
		right:-1.0666vw;
	}
	.lineupSec .ranking .txtBox{margin-top:8vw;}
	.lineupSec .ranking .txtBox h4 small{
		font-size:1.2rem;
		color:#fff;
	}
	.lineupSec .ranking .txtBox h4 span{
		margin-top:10px;
		font-size:2.0rem;
	}
	.lineupSec .ranking .txtBox h4 span.txtNote{
		margin-top:6px;
		font-size:1.2rem;
	}
	.lineupSec .ranking .txtBox p{
		margin-top:16px;
		font-size:1.3rem;
	}
	.lineupSec .ranking .detailLink{
		margin-top:14px;
		font-size:1.5rem;
	}
	.lineupSec .ranking .detailLink a{padding:20px 1vw;}
	.lineupSec .ranking .detailLink a:after{margin-left:12px;}
	.lineupSec .ranking[data-rank="1"]{
		position:relative;
		width:92vw;
		padding:24.5333vw 0 49.8667vw 0;
		margin-bottom:-24.5333vw;
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		text-align:left;
		z-index:0;
	}
	.lineupSec .ranking[data-rank="1"] .fg01{width:96vw;}
	.lineupSec .ranking[data-rank="1"] .fg02,
	.lineupSec .ranking[data-rank="1"] .fg03{
		width:42.1333vw;
		margin-bottom:7.4667vw;
	}
	.lineupSec .ranking[data-rank="1"] .rankTag{
		width:27.2vw;
		top:8vw;
	}
	.lineupSec .ranking[data-rank="2"],
	.lineupSec .ranking[data-rank="3"]{
		width:84vw;
		display:block;
		margin:0 auto;
		vertical-align:top;
	}
	.lineupSec .ranking[data-rank="2"]{margin-bottom:19.2vw;}
	#lineupDog .ranking[data-rank="2"] figure:before{
		width:22.66667vw;
		height:22.1333vw;
		right:8.53333vw;
		top:-12.5333vw;
	}
	.lineupSec .ranking[data-rank="2"] .rankTag,
	.lineupSec .ranking[data-rank="3"] .rankTag{
		width:20.2667vw;
		top:-12.5333vw;
	}
	.lineupSec .ranking[data-rank="2"] figure,
	.lineupSec .ranking[data-rank="3"] figure{
		width:92vw;
		margin:0 -4vw;
	}
	#lineupCat .fgTop{
		width:44.533vw;
		margin:19px auto -11.2vw -1.8667vw;
	}

	#lineupCat .ranking[data-rank="1"]{
		margin-top:-10.1333vw;
		margin-left:8vw;
		background:url(../img/top/lucat-sttl.svg) #d5e8e4 no-repeat center top;
		background-size:80.2898% auto;
	}
	#lineupCat .ranking[data-rank="1"]:before{
		width:13.8667vw;
		height:37.3333vw;
		top:104.5333vw;
		right:-3.4667vw;
	}
	#lineupCat .ranking[data-rank="1"] .rankTag{right:3.7333vw;}
	#lineupCat .ranking[data-rank="1"] .fg01{margin:0 0 4vw -4vw;}
	#lineupCat .ranking[data-rank="1"] .fg02{margin-left:-4vw;}
	#lineupCat .ranking[data-rank="1"] .fg03{margin-right:8vw;}
	#lineupCat .ranking[data-rank="1"] .txtBox{margin:0 6.9333vw 0 5.3333vw;}
	#lineupCat .ranking[data-rank="2"] .rankTag,
	#lineupCat .ranking[data-rank="3"] .rankTag{left:2.1333vw;}
	#lineupDog .fgTop{
		width:30.6667vw;
		margin:-20px 0 0 auto;
	}
	#lineupDog .ranking[data-rank="1"]{
		margin-top:-15.7333vw;
		margin-right:8vw;
		background:url(../img/top/ludog-sttl.svg) #f8e2dd no-repeat center top;
		background-size:88.40579% auto;
	}
	#lineupDog .ranking[data-rank="1"]:before{
		width:16.8vw;
		height:45.6vw;
		top:75.7333vw;
		left:-5.0667vw;
	}
	#lineupDog .ranking[data-rank="1"] .rankTag{left:3.7333vw;}
	#lineupDog .ranking[data-rank="1"] .fg01{margin:0 -4vw 4vw 0;}
	#lineupDog .ranking[data-rank="1"] .fg02{margin-left:8vw;}
	#lineupDog .ranking[data-rank="1"] .fg03{margin-right:-4vw;}
	#lineupDog .ranking[data-rank="1"] .txtBox{margin:0 5.3333vw 0 6.9333vw;}
	#lineupDog .ranking[data-rank="2"] .rankTag,
	#lineupDog .ranking[data-rank="3"] .rankTag{left:-4vw;}
	#familySec{padding:20vw 4vw 13.333vw;}
	#familySec .ttl{margin-bottom:38px;}
	#familySec .ttl > *{display:block;}
	#familySec .ttl strong{font-size:3.0rem;}
	#familySec .ttl strong+strong{margin-top:8px;}
	#familySec .ttl small{
		margin-top:18px;
		margin-bottom:0;
		font-size:1.6rem;
	}
	#familySec .familyBox{width:100%;}
	#familySec .familyBox+.familyBox{margin-top:48px;}
	#familySec .familyTtl{margin-top:34px;}
	#familySec .familyTtl small{font-size:0.8rem;}
	#familySec .familyTtl strong{
		margin-top:14px;
		font-size:2.3rem;
	}
	#familySec .familyBox p{
		margin-top:16px;
		font-size:1.3rem;
	}
	#familySec .detailLink{margin-top:10px;}
	#familySec .detailLink a{padding:20px 1vw;}
	#familySec .detailLink a:after{margin-left:12px;}
	#love{
		margin-top:26.133vw;
		padding:4.8vw 8vw 11.2vw;
		background:url("../img/top/love-bg-sp.jpg") center top no-repeat;
		background-size:cover;
	}
	#love h2.ttl{margin-bottom:20px;}
	#love h2.ttl small{margin-bottom:-75px;}
	#main #love h2.ttl small img{
		width:282px;
		margin-left:-6.1333vw;
	}
	#love p{font-size:1.4rem;}
	#love .moreLink{margin-top:30px;}
	#love .moreLink a{
		padding:20px 10px;
		font-size:1.4rem;
	}
	#love .moreLink a:after{margin-left:14px;}
	#livingSec{padding:32px 4vw 56px;}
	#livingSec .ttl{font-size:3.0rem;}
	#livingSec .sttl{
		margin-top:10px;
		font-size:1.6rem;
	}
	#livingSec picture{margin:6px auto 12px;}
	#livingSec p{
		margin-top:32px;
		font-size:1.3rem;
	}
	#livingSec .detailLink{margin-top:10px;}
	#livingSec .detailLink a{
		width:100%;
		padding:20px 1vw;
		text-align:center;
	}
	#livingSec .detailLink a:after{margin-left:12px;}
	#instagram{
		width:92vw;
		margin:68px 4vw 90px;
	}
	#instagram h2.ttl small{margin-bottom:-33px;}
	#main #instagram h2.ttl small img{width:211px;}
	#instagram .lead{
		margin:16px auto 28px;
		font-size:1.3rem;
	}
	#instagram .instagramList{
		width:100%;
		max-width:600px;
		margin:0 auto;
		padding-top:82.8985%;
		background:url("../img/top/insta-fg-sp.jpg") no-repeat center top;
		background-size:contain;
	}
	#instagram .instagramList .instaFollow{
		position:relative;
		width:100%;
		margin-top:5px;
		padding:6.666% 13.333% 6.3768% 48.9855%;
		box-sizing:border-box;
		border-radius:6px;
		background-image:url("../img/top/insta-bg-sp.png");
	}
	#instagram .instagramList .instaFollow:before{
		width:11%;
		padding-top:11%;
		position:absolute;
		top:0;
		left:0;
		margin:12.1739% 0 0 18.55%;
	}
	#instagram .instagramList .instaFollow a{margin-top:9.23%;}
	#lBoxClose{
		width:7vw;
		height:7vw;
		right:6vw;
		top:6vw;
	}
	.lightBoxGroup .slick-arrow{
		width:9.274vw;/*10.666vw*/
		height:9.274vw;/*10.666vw*/
		bottom:3.7vw;/*4.266vw*/
	}
	.lightBoxGroup .slick-prev{left:10.133vw;}
	.lightBoxGroup .slick-next{right:10.133vw;}
	.lightBoxGroup .slick-dots{bottom:7vw;}
	.lightBoxGroup .slick-dots li{
		width:2.3182vw;/*2.666vw*/
		height:2.3182vw;/*2.666vw*/
		margin:0 0.927vw;/*0 1.066vw*/
	}
	#problemsLightBoxGroup{
		width:80vw;/*92vw*/
		height:151.42vw;/*174.133vw*/
		border-radius:10px;
	}
	.problemsLightBox:before{padding-top:188.985%;}
	.problems01{background-image:url("../img/top/problems-pop-sp01.jpg");}
	.problems02{background-image:url("../img/top/problems-pop-sp02.jpg");}
	.problems03{background-image:url("../img/top/problems-pop-sp03.jpg");}
	.problems04{background-image:url("../img/top/problems-pop-sp04.jpg");}
	.problems05{background-image:url("../img/top/problems-pop-sp05.jpg");}
	.problems06{background-image:url("../img/top/problems-pop-sp06.jpg");}
	.problems07{background-image:url("../img/top/problems-pop-sp07.jpg");}
	.problemsLightBox .detailLinks{
		width:52.833%;
		height:0;
		padding-top:10.4347%;
		top:0;
		left:0;
		margin:92.463% 0 0 23.768%;
	}
}
@media (min-width:640px) and (max-width:900px) and (orientation: portrait){
	.lightBoxGroup .slick-arrow{
		width:6vw;
		height:6vw;
		bottom:3vw;
	}
	.lightBoxGroup .slick-prev{left:7vw;}
	.lightBoxGroup .slick-next{right:7vw;}
	.lightBoxGroup .slick-dots{bottom:5.3vw;}
	.lightBoxGroup .slick-dots li{
		width:1.4vw;
		height:1.4vw;
		margin:0 0.8vw;
	}
	#problemsLightBoxGroup{
		width:60vw;
		height:113.5652174vw;
		border-radius:10px;
	}
}
@media (min-width:900.02px){
	#mainFV .fvSlider .slider01{background-image:url("../img/top/fv01-pc.jpg");}
	#mainFV .fvSlider .slider02{background-image:url("../img/top/fv02-pc.jpg");}
	#mainFV .fvSlider .slick-slide:before{padding-top:47.96875%;}
	#mainFV figcaption > *{
		display:block;
		position:absolute;
	}
	#mainFV figcaption h1{
		width:31.041666vw;
		height:31.041666vw;
		left:13.229166vw;
		top:8.4895833vw;
	}
	#mainFV figcaption h2{
		width:6.3vw;
		right:7.29166vw;
		top:6.145833vw;
	}
	#pankuzu{
		padding-bottom:0;
		margin-bottom:-32px;
	}
	#message{
		height:830px;
		padding-top:180px;
		background-image:url("../img/top/message-bg-pc.png");
	}
	#message h2.ttl small img{width:252px;}
	#message .lead{
		margin-top:92px;
		font-size:1.8rem;
	}
	#problems{
		height:1287px;
		padding-top:28px;
	}
	#problems:before,
	#problems:after{height:11px;}
	#problems:before{top:-11px;}
	#problems h2.ttl small img{width:262px;}
	#problems .problemsList{
		width:1200px;
		height:calc(100% - 156px);
		position:absolute;
		top:156px;
		left:calc(50% - 600px);
		z-index:2;
	}
	#problems .problemsList li{position:absolute;}
	#problems .problemsList li.pop01{
		width:396px;
		height:358px;
		left:198px;
		top:307px;
		padding:118px 0 0 50px;
		background-image:url("../img/top/problems-cirlce01-pc.png");
		z-index:2;
	}
	#problems .problemsList li.pop02{
		width:341px;
		height:447px;
		right:-4px;
		top:22px;
		padding:118px 0 0 50px;
	}
	#problems .problemsList li.pop03{
		width:319px;
		height:388px;
		left:0;
		bottom:154px;
		padding:170px 0 0 50px;
		z-index:1;
	}
	#problems .problemsList li.pop04{
		width:334px;
		height:375px;
		right:217px;
		top:280px;
		padding:172px 0 0 63px;
	}
	#problems .problemsList li.pop05{
		width:430px;
		height:330px;
		left:0px;
		top:11px;
		padding:112px 0 0 50px;
		background-image:url("../img/top/problems-cirlce05-pc.png");
	}
	#problems .problemsList li.pop06{
		width:403px;
		height:344px;
		right:-11px;
		top:643px;
		padding:137px 0 0 34px;
		background-image:url("../img/top/problems-cirlce06-pc.png");
	}
	#problems .problemsList li.pop06 div{width:262px;}
	#problems .problemsList li.pop07{
		width:461px;
		height:384px;
		right:183px;
		bottom:365px;
		padding:117px 0 0 198px;
	}
	#problems .problemsList li div{
		width:222px;
		font-size:2.0rem;
	}
	#problems .problemsList li .more{
		width:130px;
		margin-top:20px;
		padding:12px 30px;
		font-size:1.4rem;
	}
	#problems .problemsList li .more:after{
		position:absolute;
		top: calc(50% - 7px);
		right: 8px;
	}
	#problems .leadBtm{
		position:absolute;
		width:860px;
		left:calc(50% - 430px);
		bottom:-26px;
		text-align:center;
		z-index:1;
	}
	#problems .leadBtm img{
		width:305px;
		margin-bottom:-11px;
	}
	#problems .leadBtm .lead{
		padding:22px 0;
		font-size:1.8rem;
	}
	.lineupSec{
		padding-top:140px;
		padding-left:calc(50% - 600px);
		padding-right:calc(50% - 600px);
	}
	#main .lineupSec h2.ttl small img{width:223px;}
	.lineupSec h3{
		position:absolute;
		left:0;
		width:100%;
		background-repeat:repeat-y;
		background-position:center top;
		z-index:-1;
	}
	#main .lineupSec h3 img{margin:0 auto;}
	#main .lineupSec .ranking figure .rankingFg02{
		width:272px;
		right:-32px;
		bottom:-84px;
	}
	.lineupSec .ranking .txtBox h4 small{
		font-size:1.3rem;
		color:#fff;
	}
	.lineupSec .ranking .txtBox h4 span{
		margin-top:16px;
		font-size:2.6rem;
	}
	.lineupSec .ranking .txtBox h4 span.txtNote{
		margin-top:12px;
		font-size:1.6rem;
	}
	.lineupSec .ranking .txtBox p{
		margin-top:36px;
		font-size:1.4rem;
	}
	.lineupSec .ranking .detailLink{
		margin-top:54px;
		font-size:1.6rem;
	}
	.lineupSec .ranking .detailLink a{padding:18px;}
	.lineupSec .ranking .detailLink a:after{margin-left:18px;}
	.lineupSec .ranking[data-rank="1"]{
		position:relative;
		width:100%;
		margin-bottom:180px;
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		text-align: left;
	}
	.lineupSec .ranking[data-rank="1"] figure{
		display:inline-block;
		height:150px;
		vertical-align: top;
	}
	.lineupSec .ranking[data-rank="1"] .fg01{
		width:600px;
		margin-right:20px;
	}
	.lineupSec .ranking[data-rank="1"] .fg02,
	.lineupSec .ranking[data-rank="1"] .fg03{
		width:220px;
		margin-bottom:40px;
	}
	.lineupSec .ranking[data-rank="1"] .txtBox{
		width:460px;
		min-height:276px;
	}
	.lineupSec .ranking[data-rank="2"],
	.lineupSec .ranking[data-rank="3"]{
		width:460px;
		position:relative;
		padding-bottom:110px;
		display:inline-block;
		vertical-align:top;
	}
	.lineupSec .ranking[data-rank="2"]{margin-right:78px;}
	.lineupSec .ranking[data-rank="2"] h4,
	.lineupSec .ranking[data-rank="3"] h4{margin-top:24px;}
	.lineupSec .ranking[data-rank="1"] .rankTag{width:144px;}
	.lineupSec .ranking[data-rank="2"] .rankTag,
	.lineupSec .ranking[data-rank="3"] .rankTag{
		width:112px;
		left:-52px;
		top:-67px;
	}
	.lineupSec .ranking[data-rank="2"] .detailLink,
	.lineupSec .ranking[data-rank="3"] .detailLink{
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
	}
	#lineupCat .fgTop{
		width:326px;
		margin:-108px 0 60px 66px;
	}
	#lineupCat h3{
		top:358px;
		height:1005px;
		background-image:url("../img/top/lucat-bg.gif");
	}
	#lineupCat h3 img{
		width:804px;
		transform:translateX(128px);
	}
	#lineupCat .ranking[data-rank="1"]{padding-right:100px;}
	#lineupCat .ranking[data-rank="1"]:before{
		width:97px;
		height:266px;
		top:-70px;
		right:-40px;
	}
	#lineupCat .ranking[data-rank="1"] .txtBox{margin:0 0 0 640px;}
	#lineupCat .ranking[data-rank="1"] .rankTag{
		left:417px;
		top:-88px;
	}
	#lineupDog .fgTop{
		width:209px;
		margin:-89px 140px 0 auto;
	}
	#lineupDog h3{
		top:440px;
		height:1678px;
		background-image:url("../img/top/ludog-bg.gif");
	}
	#lineupDog h3 img{
		width:856px;
		transform:translateX(-103px);
	}
	#lineupDog .ranking[data-rank="1"]{
		margin-top:63px;
		flex-direction:row-reverse;
		padding-left:100px;
	}
	#lineupDog .ranking[data-rank="1"]:before{
		width:119px;
		height:323px;
		top:-42px;
		left:-52px;
	}
	#lineupDog .ranking[data-rank="1"] .txtBox{margin:0 640px 0 0;}
	#lineupDog .ranking[data-rank="1"] .rankTag{
		right:427px;
		top:-87px;
	}
	#familySec{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		padding:212px calc(50% - 500px) 160px;
	}
	#familySec .ttl{margin-bottom:100px;}
	#familySec .ttl strong{font-size:6.0rem;}
	#familySec .ttl strong:first-child{display:block;}
	#familySec .ttl strong:not(:first-child){display:inline-block;}
	#familySec .ttl small{
		display:inline-block;
		margin-left:56px;
		font-size:2.4rem;
	}
	#familySec .familyBox{width:460px;}
	#familySec .familyTtl{margin-top:26px;}
	#familySec .familyTtl small{font-size:1.2rem;}
	#familySec .familyTtl strong{
		margin-top:16px;
		font-size:3.2rem;
	}
	#familySec .familyBox p{
		margin-top:40px;
		font-size:1.5rem;
	}
	#familySec .detailLink{margin-top:36px;}
	#familySec .detailLink a{padding:18px;}
	#familySec .detailLink a:after{margin-left:18px;}
	#love{
		height:680px;
		padding-top:65px;
		margin-top:160px;
		background:url("../img/top/love-bg-pc.jpg") center top no-repeat;
	}
	#love > *{
		width:620px;
		margin:0 auto;
		transform:translateX(-250px);
	}
	#love h2.ttl small{margin-top:74px;}
	#main #love h2.ttl small img{
		width:405px;
		margin-left:-59px;
	}
	#love p{font-size:1.6rem;}
	#love .moreLink{margin-top:24px;}
	#love .moreLink a{
		width:280px;
		padding:20px 16px;
		font-size:1.4rem;
	}
	#love .moreLink a:after{margin-left:15px;}
	#livingSec{
		display:grid;
		grid-template-columns:48.65% 46.8933%;
		grid-template-rows:1fr auto auto 1fr;
		column-gap:4.4567%;
	  place-content:center;
	}
	#livingSec picture{
		grid-column:2 / 3;
		grid-row:1 / 5;
		align-self:center;
	}
	#livingSec .ttl{
		grid-column:1 / 2;
		grid-row:1 / 2;
		align-self:self-end;
		font-size:8.0rem;
	}
	#livingSec .sttl{
		grid-column:1 / 2;
		grid-row:2 / 3;
		margin-top:94px;
		font-size:3.2rem;
	}
	#livingSec p{
		grid-column:1 / 2;
		grid-row:3 / 4;
		margin-top:40px;
		font-size:1.8rem;
	}
	#livingSec .detailLink{
		margin-top:50px;
		grid-column:1 / 2;
		grid-row:4 / 5;
		align-self:self-start;
	}
	#livingSec .detailLink a{padding:18px;}
	#livingSec .detailLink a:after{margin-left:18px;}
	#instagram{
		width:1000px;
		margin:116px auto 186px;
	}
	#main #instagram h2.ttl small img{width:301px;}
	#instagram .lead{
		margin:25px auto 75px;
		font-size:1.5rem;
	}
	#instagram .instagramList{
		width:1000px;
		height:748px;
		background:url("../img/top/insta-fg-pc.jpg") no-repeat center top;
	}
	#instagram .instagramList .instaFollow:before{
		width:53px;
		height:53px;
	}
	#instagram .instagramList .instaFollow{
		position:absolute;
		top:0;
		left:505px;
		width:240px;
		height:240px;
		background-image:url("../img/top/insta-bg-pc.png");
	}
	#instagram .instagramList .instaFollow p{
		width:172px;
		margin:24px auto 20px;
	}
	#instagram .instagramList .instaFollow a{width:180px;}
	#lBoxClose{
		width:30px;
		height:30px;
		top:calc(50% - 368px);
		left:calc(50% + 460px);
	}
	.lightBoxGroup .slick-arrow{
		width:40px;
		height:40px;
		bottom:28px;
	}
	.lightBoxGroup .slick-prev{left:365px;}
	.lightBoxGroup .slick-next{right:365px;}
	.lightBoxGroup .slick-dots li{
		width:10px;
		height:10px;
		margin:0 4px;
	}
	#problemsLightBoxGroup{
		width:1000px;
		height:644px;
		border-radius:10px;
	}
	.problemsLightBox:before{padding-top:64.4%;}
	.problems01{background-image:url("../img/top/problems-pop-pc01.jpg");}
	.problems02{background-image:url("../img/top/problems-pop-pc02.jpg");}
	.problems03{background-image:url("../img/top/problems-pop-pc03.jpg");}
	.problems04{background-image:url("../img/top/problems-pop-pc04.jpg");}
	.problems05{background-image:url("../img/top/problems-pop-pc05.jpg");}
	.problems06{background-image:url("../img/top/problems-pop-pc06.jpg");}
	.problems07{background-image:url("../img/top/problems-pop-pc07.jpg");}
	.problemsLightBox .detailLinks{
		width:180px;
		height:36px;
		top:478px;
		left:106px;
	}
}
@media (min-width:900.02px) and (max-height:800px){
	#problemsLightBoxGroup{
    width:700px;
    height:450px;
	}
	#lBoxClose{
		width:21px;
		height:21px;
		top:calc(50% - 257px);
		left:calc(50% + 322px);
	}
	.lightBoxGroup .slick-dots{bottom:29px;}
	.lightBoxGroup .slick-arrow{
		width:28px;
		height:28px;
		bottom:20px;
	}
	.lightBoxGroup .slick-prev{left:255px;}
	.lightBoxGroup .slick-next{right:255px;}
	.problemsLightBox .detailLinks {
		width:126px;
		height:25px;
		top:335px;
		left:74px;
	}
}
@media screen and (min-width:900.02px){
	#lineupDog .ranking[data-rank="2"] figure:before{
		width:153px;
		height:148px;
		right:-2px;
		top:-66px;
	}
}
@media screen and (min-width:900.02px) and (max-width:1719.98px){
	#livingSec{padding:44px 2vw 30px;}
	#livingSec .ttl,
	#livingSec .sttl,
	#livingSec p,
	#livingSec .detailLink{margin-left:13.247%;}
}
@media screen and (min-width:1720px){
	#livingSec{padding:44px calc(50% - 853px) 30px;}
	#livingSec .ttl,
	#livingSec .sttl,
	#livingSec p,
	#livingSec .detailLink{margin-left:226px;}
}