/***********************************************
* 共通
************************************************/
:root {
    --main-color: #00a1cc;
    --sub-color: #5fc6dd;
    --btn-color: #344389;
}

.content-inner{
    margin:0;
    padding:0;
    line-height: 2;
	font-family: 'Noto Sans JP', sans-serif!important;
	font-size:16px;
}
body.popular_with_2025 section{
    padding: 80px 0px;
}

body.popular_with_2025 .wrap {
	width: 90%;
    max-width: 1040px;
    display: block;
    margin: 0 auto;
}
*, *:before, *:after {
    box-sizing: border-box;
}
@media (min-width: 1080px) {
    .content .pankuzu {
        width: 78%!important;
}
}
@media (max-width: 480px) {
body.popular_with_2025 section{
    padding: 50px 0px;
}
body.popular_with_2025 section.mb{
    padding-bottom: 40px;
}
}

/***********************************************
* 背景ストライプ、白BOX
************************************************/

body.popular_with_2025 section.stripe {
	background-size: auto auto;
    background-color: #bae2f8;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 8px, #d7eefb 8px, #d7eefb 16px );
}

body.popular_with_2025 .white_box{
    background:#FFF;
    border-radius:30px;
    padding: 3em 2em 0;
}

body.popular_with_2025 .white_box.model {
	margin-bottom: 40px;
}

body.popular_with_2025 .white_box .title_box {
	background: #4293C1;
	color: #fff;
	font-size: 30px;
	padding: 15px 30px;
	display: table;
	line-height: 1.5;
	font-weight: bold;
	min-width: 60%;
	text-align: center;
    position: absolute;
    top: -35px;
    left: 50%;
	transform: translate(-50%, 0%);
}

@media (max-width: 767px) {

	body.popular_with_2025 .white_box .title_box {
		font-size: 20px;
	}
}
@media (max-width: 480px) {

	body.popular_with_2025 .white_box .title_box {
		min-width: 80%;
		font-size: 18px;
        padding: 15px;
	}
	#model_rank .white_box.model p {
    text-align: left!important;
    font-size: 14px!important;
	}
}

/***********************************************
* 見出し
************************************************/

body.popular_with_2025 h2 {
	font-size: 30px;
	font-weight: bold;
}

.popular_with_2025 h2.slash_style {
    position: relative;
    text-align: center;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.popular_with_2025 h2.slash_style > .inner {
    display: flex;
    align-items: center;
}

.popular_with_2025 h2.slash_style > .inner.small {
	font-size: 20px;
	line-height: 1;
}


.popular_with_2025 h2.slash_style:before {
    content: "";
    width: 1px;
    height: 50px;
    background: #000;
    transform: rotate(-20deg);
    left: -2em;
    position: absolute;
    top: 0;
}
.popular_with_2025 h2.slash_style:after{
    content:"";
    width: 1px;
    height: 50px;
    background:#000;
    transform: rotate(20deg);
    right: -2em;
    position: absolute;
    top: 0;
}

.popular_with_2025 h2 span.color{
	color: var(--main-color);
    display: flex;
    align-items: center;
}
.popular_with_2025 h2 span.subcolor{
	color: var(--sub-color);
}

.popular_with_2025 h2 span.icon:before{
	content: "";
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	background-image:url(../../../image/lp/popular_with_boys/2027/icon_bag.svg);
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 10px;
	filter: invert(69%) sepia(51%) saturate(1346%) hue-rotate(164deg) brightness(68%) contrast(81%);
}
.popular_with_2025 h2 span.icon.subcolor:before {
	filter: invert(68%) sepia(77%) saturate(291%) hue-rotate(146deg) brightness(91%) contrast(88%);
}


@media (max-width: 767px) {

	body.popular_with_2025 h2 {
		font-size: 20px;
	}

	.popular_with_2025 h2.slash_style > .inner {
		flex-wrap: wrap;
	    justify-content: center;
	    align-items: baseline;
	}
	.popular_with_2025 h2.slash_style:before {
		left: 0;
		top: auto;
		bottom: 0;
	}
	.popular_with_2025 h2.slash_style:after {
		right: 0;
		top: auto;
		bottom: 0;
	}

	.popular_with_2025 h2 span.color {
		font-size: 25px;
		width: 100%;
	    justify-content: center;
	}

}
@media (max-width:480px) {
.popular_with_2025 h2.slash_style > .inner {
	font-size: 17px;
	letter-spacing: -0.01em;
	}
	.popular_with_2025 h2.slash_style:before {
		left: 8px;
	}
	.popular_with_2025 h2.slash_style:after {
        right: 8px;
	}
}



/***********************************************
* メインビジュアル、パンくず
************************************************/

body.popular_with_2025 .popular_2025_style_header_parts{
    margin-top: 0;
    padding: 1em;
    position: relative;
    height: 70vh;
    min-height: 700px;
    background-size: cover;
	background-position: center;
}
body.popular_with_2025 .popular_2025_style_header_parts .h1_sub{
	position: absolute;
    left: 8%;
    top: 8%;
	width: 40%;
	max-width: 580px;
}
body.popular_with_2025 .popular_2025_style_header_parts .h1_sub img{width: 100%;}
body.popular_with_2025 .popular_2025_style_header_parts .h1_sub span{display: none;}
body.popular_with_2025 .popular_2025_style_header_parts h1 {
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    color: #FFF;
    text-align: center;
    font-size: 3.5vw;
    text-shadow: 0 0 15px rgba(0,0,0,0.2);
    width: 40%;
    max-width: 500px;
    position: relative;
}

body.popular_with_2025 .popular_2025_style_header_parts h1 > img.bg {
	width: 100%;
	height: auto;
}
body.popular_with_2025 .popular_2025_style_header_parts h1 > span.text {
	position: absolute;
	width: 100%;
	height: auto;
	color: #001014;
	left: 0;
	top: 13%;
	line-height: 1.8;
    font-size: min(3.3vw, 42px);
    font-weight: bold;
}
body.popular_with_2025 .popular_2025_style_header_parts h1 > span.text > span.sub_text {
	background: var(--main-color);
	color: #fff;
    font-size: 70%;
	padding: 0 3%;
	border-radius: 5px;
	display: table;
	margin: 0 auto;
}
body.popular_with_2025 .popular_2025_style_header_parts h1 > span.text > span.main_text {
	text-decoration: underline;
    text-underline-offset: 30%;
    text-decoration-thickness: 1px;
	text-decoration-color: #000;
}
.detail{
	position: absolute;
    left: 8%;
	width: 44%;
	max-width: 640px;
	bottom: -55px;
}
.detail ul{
	
	display: flex;
	width: 100%;
	
}
.detail ul li{
	background: url(../../../image/lp/popular_with_boys/2027/main_detail_bg.png) no-repeat top left;
	background-size: 100% auto;
	width: 33%;
	margin: 0px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	line-height: 1.5;
	font-size: 23px;
	aspect-ratio: 1 / 1.1;
	padding-top: 20px;
	position: relative;
}
.detail ul li span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -60%);
	width: 100%;
	line-height: 1.4;
}
.detail ul li span span{
	display: inline-block;
	margin-top: 5px;
	font-size: 12px;
	position: static;
	transform: translate(0%, 0%);
	font-weight: normal;
}

@media (max-width: 1299px) {

	body.popular_with_2025 .popular_2025_style_header_parts h1 {
		top: 50%;
		left: 5%;
		transform: translateY(-50%);
	}
	body.popular_with_2025 .popular_2025_style_header_parts .h1_sub {
    left: 5%;
    top: 10%;
	}
	
	.detail {left: 5%;}
	.detail ul li span span{font-size: 11px;}
	.detail ul li{font-size: 19px;}
}

@media (max-width: 1029px) {

	body.popular_with_2025 .popular_2025_style_header_parts h1 {
		top: auto;
		bottom: 70px;
		left: 5%;
		transform: none;
		position: absolute;
	}
	body.popular_with_2025 .popular_2025_style_header_parts .h1_sub {
    left: 5%;
    top: auto;
        bottom: 430px;
	}
	.detail ul li span span{font-size: 9px;}
	.detail ul li{font-size: 16px;}
}
@media (max-width: 850px) {
    body.popular_with_2025 .popular_2025_style_header_parts .h1_sub {
       bottom: 370px;
    }
	.detail ul li span span{font-size: 9px;}
	.detail ul li{font-size: 13px;}
}

@media (max-width: 767px) {



	body.popular_with_2025 .popular_2025_style_header_parts {
	    height: auto;
	    aspect-ratio: 4 / 5;
	    width: 100%;
	    min-height: 0;
	    background-position: bottom right 20%;
		margin-bottom: 77%;
	}
	body.popular_with_2025 .popular_2025_style_header_parts h1 {
		width: 60%;
		top: 100%;
		bottom: auto;
		left: 50%;
		right: auto;
		transform: translate(-50%, -50%);
	}
	body.popular_with_2025 .popular_2025_style_header_parts h1 > span.text {
		font-size: 5vw;
	}

	body.popular_with_2025 .popular_2025_style_header_parts .h1_sub{position: static;width: 100%;}
	body.popular_with_2025 .popular_2025_style_header_parts .h1_sub img{display: none;}
	body.popular_with_2025 .popular_2025_style_header_parts .h1_sub span{
		display: block;
		color: #fff;
		font-weight: bold;
		margin: 10px;
        font-size: 22px;
        line-height: 1.6;
		text-shadow: 1px 2px 8px #555;
	}
	.detail{
		width: 58%;
        top: 140%;
        bottom: auto;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%);
		aspect-ratio: 1 / 1;
	}
	.detail ul li{
		position: absolute;
		bottom: 30px;
		left: 0;
		width: 46.5%;
		font-size: 19px;
	}
	.detail ul li:first-child{
		top: 0;
		bottom: auto;
		left: 50%;
		transform: translate(-50%, 0%);
	}
	.detail ul li:last-child{
		top: auto;
		bottom: 30px;
		left: auto;
		right: 0;
	}
	.detail ul li span span {
        font-size: 13px;
    }
}
@media (max-width: 640px) {
	body.popular_with_2025 .popular_2025_style_header_parts{margin-bottom: 93%;}
	.detail ul li{
		
	}
	.detail ul li span span {
        font-size: 10px;
    }
	.detail{
		width: 70%;
		top: 147%;
	}
}
@media (max-width: 480px) {
	body.popular_with_2025 .popular_2025_style_header_parts .h1_sub span{
		font-size: 18px;
	}
	    body.popular_with_2025 .popular_2025_style_header_parts h1 {
        width: 70%;
	}
    .detail {
        width: 90%;
		top: 158%;
}
	.popular_with_2025.boy .popular_2025_style_header_parts{margin-bottom: 113%;}
}

/***********************************************
* メインビジュアル下テキスト
************************************************/
.bnr_box{
	width: 90%;
    max-width: 940px;
	margin: 100px auto 0px;
}
.bnr_box ul{overflow: hidden;}
.bnr_box ul li{
	width: 48%;
	float: left;
}
.bnr_box ul li:last-child{float: right;}
.bnr_box ul li div{
	margin-bottom: 20px;
	position: relative;
	padding: 50px 0px 10px;
}
.bnr_box ul li div span{
	background: #333A7A;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	border-radius: 8px;
    position: absolute;
    width: 100%;
    top: 20px;
    padding: 8px 0px 10px 80px;
    font-size: 2rem;
    line-height: 1;
	left: 0;
}
.bnr_box ul li div img{
	height: 43px;
    position: absolute;
    top: 13px;
    z-index: 1;
    transform: translate(-240%, 0%);
    left: 50%;
}
.bnr_box ul li:last-child div span{padding-left: 90px;}
.popular_2025_style_introductory_text {
    text-align: center;
    font-size: 124%;
}
.popular_2025_style_introductory_text span.note {
    padding: 0 0.5em;
    display: table;
    margin: auto;
    margin-top: 1em;
    font-size: 74%;
    border-bottom: 1px solid #000;
}
.popular_2025_style_introductory_text u{
    text-decoration: none;
    background: linear-gradient(transparent 60%, #f9e2b8 60%);   
    font-weight: bold;
    color:#000;
}
.popular_2025_style_introductory_text .kome{
	margin-top: 30px;
	font-size: 80%;
}
@media (max-width: 767px) {
	body.popular_with_2025 section.toptext{padding-top: 0;}
	.popular_2025_style_introductory_text {
		text-align: left;
		font-size: 16px;
		padding: 0 5%;
	}

}
@media (max-width: 640px) {
.bnr_box ul li{
	width: 100%;
	float: none!important;
}
.bnr_box{margin-bottom: 30px;}
}
/***********************************************
* バナー、リンク
************************************************/
.bnr-one{
	width: 450px;
	margin: 0px auto 50px;
}
.catalog-link{
	background-color: var(--btn-color);
	background-image: url(../../../image/lp/popular_with_boys/2027/arrow_boy.svg);
	background-repeat: no-repeat;
	background-position: right 20px center;
    color: #fff;
    border-radius: 100px;
    text-align: center;
    width: 450px;
    margin: 50px auto 120px;
    border: solid 3px #FFF;
    background-size: 28px auto;
    font-weight: bold;
    font-size: 2.3rem;
}
.catalog-link a{display: block;padding: 15px 30px;}
.catalog-link.m0{margin-bottom: 0px;}
@media (max-width: 640px) {
	.bnr-one{width: 90%;}
	.catalog-link{margin-bottom: 80px;width: 90%;}
	
}
@media (max-width: 480px) {
	.catalog-link{
		font-size: 1.8rem;
    width: 100%;
	}
	.w90{width: 90%!important;}
}
/***********************************************
* ランキング
************************************************/
#model_rank .white_box.model{
	padding-top: 51%;
	padding-bottom: 60px;
	position: relative;
}
#model_rank .white_box.model#colorcombi{
	background: #FFF url(../../../image/lp/popular_with_boys/2027/c-combi_img.webp) no-repeat top left;
	background-size: 100% auto;
	margin-bottom: 90px;
}
#model_rank .white_box.model#colorstitch{
	background: #FFF url(../../../image/lp/popular_with_boys/2027/c-stitch_img.webp) no-repeat top left;
	background-size: 100% auto;
	margin-bottom: 90px;
}
#model_rank .white_box.model#simplestitch{
	background: #FFF url(../../../image/lp/popular_with_boys/2027/s-stitch_img.webp) no-repeat top left;
	background-size: 100% auto;
	margin-bottom: 90px;
}
#model_rank .white_box.model#halfkabuse{
	background: #FFF url(../../../image/lp/popular_with_boys/2027/neo_img.webp) no-repeat top left;
	background-size: 100% auto;
	margin-bottom: 70px;
}

#model_rank .white_box.model p{
	text-align: center;
	font-size: 18px;
}
ol.ranking {
	list-style-type: none;
	display: table;
	padding: 0;
	margin: 30px auto 40px;
	
	display: block;
}

ol.ranking > li {
	display: flex;
	flex-wrap: wrap;
	line-height: 1.5;
	padding: 25px 15px;
	position: relative;
	width: 900px;
	justify-content: space-between;
	align-items: center;
	
	max-width: 100%;
	width: auto;
	display: grid;
	grid-template-columns: 110px 240px  calc(100% - 350px);
	grid-template-rows: auto auto;
}
ol.ranking > li:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: repeating-linear-gradient(90deg, transparent, transparent 6px, rgba(0, 0, 0, 1) 6px, rgba(0, 0, 0, 1) 12px );
}

ol.ranking > li:last-child:after {
	display: none;
}

ol.ranking > li > div {
	margin: 0 20px;
}

ol.ranking > li .rank {
	background-image: url(../../../image/lp/popular_with_boys/2027/rank4_boy.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: bold;
	font-size: 26px;
    aspect-ratio: 1;
	grid-column: 1 / 2;
	grid-row: 1 / 3;
}
ol.ranking > li:first-child .rank {
	background-image:url(../../../image/lp/popular_with_boys/2027/rank1.svg);
}
ol.ranking > li:nth-child(2) .rank {
	background-image:url(../../../image/lp/popular_with_boys/2027/rank2.svg);
}
ol.ranking > li:nth-child(3) .rank {
	background-image:url(../../../image/lp/popular_with_boys/2027/rank3.svg);
}

ol.ranking > li .image {
	aspect-ratio: 1;
	grid-column: 2 / 3;
	grid-row: 1 / 3;
	width: 200px;
	position: relative;
}
ol.ranking > li .image span{
	position: absolute;
	right: -10px;
    bottom: 10px;
    width: 75px;
}
ol.ranking > li .image.circle {
	border-radius: 50%;
	overflow: hidden;
}
ol.ranking > li .image > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

ol.ranking > li .product{
	width: 540px;
	grid-column: 3 / 4;
	grid-row: 1 / 2;
	width: calc(100% - 40px);
}
ol.ranking > li .product .number {
	background: var(--main-color);
	color: #fff;
	display: inline-block;
	line-height: 1.5;
	padding: 0 10px;
	border-radius: 5px;
	margin-bottom: 5px;
}
ol.ranking > li .product .name {
	font-weight: bold;
    font-size: 18px;
	margin-bottom: 8px;
}
ol.ranking > li .product .color {
	font-size: 14px;
}
ol.ranking > li .product .price {
	font-weight: bold;
	font-size: 22px;
	text-align: right;
}
ol.ranking > li .product .price .tax {
	font-size: 70%;
}
ol.ranking > li .link  {
	display: flex;
	align-items: center;
	grid-column: 3 / 4;
	grid-row: 2 / 3;
	justify-content: flex-end;
}

ol.ranking > li .link > a.btn {
	display: inline-block;
	text-decoration: none;
	background: var(--btn-color);
	color: #fff;
    padding: 15px 40px;
	border-radius: 100px;
}
ol.ranking > li .link > a.btn:after {
	content: "\2192";
	display: inline;
	margin-left: 0.5em;
}
#model_rank .white_box.model .purchaser{
	width: 93%;
	overflow: hidden;margin: 0px auto;
}
#model_rank .white_box.model .purchaser h3{
	text-align: center;
	color: #00A1CC;
	font-weight: bold;
	font-size: 24px;
	margin: 50px 0px 25px;
}
#model_rank .white_box.model .purchaser .purchaser-text{
	width: 65%;
	float: right;
}
#model_rank .white_box.model .purchaser .purchaser-text .purchaser-title{
	color: #00A1CC;
    font-weight: bold;
    font-size: 18px!important;
    margin-bottom: 20px;
	line-height: 1.5;
}
#model_rank .white_box.model .purchaser .purchaser-text h4{
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 14px;
}
#model_rank .white_box.model .purchaser .purchaser-text h4 span{
	font-size: 12px;
	font-weight:normal;
}
#model_rank .white_box.model .purchaser .purchaser-text p{
	text-align: left!important;
	font-size: 14px;
	font-weight: normal;
}
#model_rank .white_box.model .purchaser img {
    width: 100%;
    display: block;
	width: 30%;
	float: left;
}
.btn-sp{pointer-events: none;}

@media (max-width: 1029px) {

	ol.ranking > li {
	    grid-template-columns: 70px 240px calc(100% - 310px);
	}

	ol.ranking > li > div {
		margin: 0;
	}

	ol.ranking > li .image {
		width: 200px;
		margin: 0 20px;
	}

	ol.ranking > li .image.circle {
		border-radius: 0;
		display: flex;
		align-items: center;
		
	}
	ol.ranking > li .image.circle > img {
		border-radius: 50%;
		height: auto;
		aspect-ratio: 1;
	}
}

@media (max-width: 767px) {

	ol.ranking > li {
		display: block;
		padding: 20px 0;
	}
	ol.ranking > li .rank {
		margin: auto;
		margin-bottom: 10px;
	}
	ol.ranking > li .image {
		margin: 0 auto 10px;
	}
	ol.ranking > li .product {
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
	}
	ol.ranking > li .product .price{text-align: center;margin: 10px 0px;}
	ol.ranking > li .link {
		margin: 0 auto 15px;
		justify-content: center;
	}
	
	ol.ranking > li{
		width: 46%;
		display: inline-block;
		margin-right: 5%;
		vertical-align: top;
	}
	ol.ranking > li:nth-child(3),ol.ranking > li:nth-child(5){margin-right: 0;}
	ol.ranking > li .image {
        width: 100%;
	}
	ol.ranking > li:first-child{width: 100%;}
	ol.ranking > li:after {display: none;}
	ol.ranking > li:first-child:after {display: block;}
	ol.ranking > li:first-child .image span {
    position: absolute;
    right: 40px;
    bottom: 50px;
    width: 125px;
}
	ol.ranking > li .image span {
    position: absolute;
    right: -5px;
    bottom: 15px;
    width: 38%;
}
}
@media (max-width: 480px) {
	#model_rank .white_box.model#colorcombi{
	background: #FFF url(../../../image/lp/popular_with_boys/2027/c-combi_img_sp.webp) no-repeat top left;
	background-size: 100% auto;
	padding-top: 70% !important;
	margin-bottom: 50px;
}
	#model_rank .white_box.model#colorstitch{
	background: #FFF url(../../../image/lp/popular_with_boys/2027/c-stitch_img_sp.webp) no-repeat top left;
	background-size: 100% auto;
		padding-top: 70% !important;
		margin-bottom: 50px;
}
	#model_rank .white_box.model#simplestitch{
	background: #FFF url(../../../image/lp/popular_with_boys/2027/s-stitch_img_sp.webp) no-repeat top left;
	background-size: 100% auto;
		padding-top: 70% !important;
		margin-bottom: 50px;
}
	#model_rank .white_box.model#halfkabuse{
	background: #FFF url(../../../image/lp/popular_with_boys/2027/neo_img_sp.webp) no-repeat top left;
	background-size: 100% auto;
		padding-top: 70% !important;
		margin-bottom: 55px;
}
	.btn-sp{pointer-events:auto;}
	
	ol.ranking{margin-top: 0px;}
	.popular_with_2025 h2.slash_style{margin-bottom: 20px;}
	.model ol.ranking > li{position: relative;}
	ol.ranking > li .product .number {
    font-size: 14px;
	}
	ol.ranking > li .product {
		text-align: left;
	}
	ol.ranking > li .product .price {
	text-align: right;
		font-size:18px;
	}
	ol.ranking > li .product .name {
	font-size: 16px;
	}
	ol.ranking > li .product .color {
    font-size: 13px;
}
	#model_rank .white_box.model{
		padding: 180px 1.5em 0;
	}
	.model ol.ranking > li:after {display: none;}
	.model ol.ranking > li:first-child:after {display: block;}
	#colorcombi.model ol.ranking > li .link,
	#colorstitch.model ol.ranking > li .link,
	#simplestitch.model ol.ranking > li .link,
	#halfkabuse.model ol.ranking > li .link,
	ol.ranking > li .link{
		position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
	}
	#colorcombi ol.ranking > li .link > a.btn,
	#colorstitch ol.ranking > li .link > a.btn,
	#simplestitch ol.ranking > li .link > a.btn,
	#halfkabuse ol.ranking > li .link > a.btn,
	ol.ranking > li .link > a.btn{
		padding: 0px;
        height: 90%;
        border-radius: 0px;
        width: 100%;
	}
	
	ol.ranking > li:nth-child(n+2) .rank {
        margin: inherit;
        margin-bottom: 0px;
        font-size: 14px;
        width: 40px;
    }
	.model ol.ranking > li .product .name {
        font-size: 14px;
        line-height: 1.4;
    }
	.model ol.ranking > li .product .number {
        font-size: 12px;
    }
	.model ol.ranking > li .product .price {
        text-align: left;
        font-size: 16px;
    }
	.model ol.ranking{margin-bottom: 0px;}
	
	#model_rank .white_box.model .purchaser h3 {
    font-size: 20px;
	}
	.model.white_box.model .purchaser img {
    width: 100%!important;
    float: none!important;
    margin-bottom: 20px;
}
	.model.white_box.model .purchaser .purchaser-text {
    width: 100%!important;
    float: none!important;
    padding-bottom: 30px;
}
	.model.white_box.model .purchaser .purchaser-text h4 {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.5;
}
	ol.ranking > li .image span{bottom: 5px;}
	ol.ranking > li:first-child .image {
        width: 70%;
	}
	    ol.ranking > li:first-child .image span {
        position: absolute;
        right: -10px;
        bottom: 10px;
        width: 35%;
    }
}

/***********************************************
* スタッフコメント
************************************************/

.comment {
	display: flex;
	justify-content: center;
}
.comment > .image{
	width: 150px;
	display: flex;
	align-items: center;
}
.comment > .image.bottom {
	align-items: flex-end;
}
.comment > .image > img {
	width: 100%;
	display: block;
}

.comment > .image > img.circle {
	border-radius: 50%;
	overflow: hidden;
}

.comment > .text{
	max-width: calc(100% - 150px);
}
.comment > .text .fukidashi{
	background: #fcf7e8;
	position: relative;
    margin-left: 60px;
	padding: 20px;
	border-radius: 15px;
	margin-top: 15px;
	margin-bottom: 10px;
}

.comment > .text .fukidashi:before {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 100%;
	top: 20%;
	background: #fcf7e8;
	clip-path: polygon(100% 0, 0 50%, 100% 100%);
}

.comment > .text .fukidashi .title {
	color: var(--sub-color);
	border-bottom: 1px solid var(--sub-color);
	margin-bottom: 10px;
	display: inline-block;
    font-size: 20px;
}

.comment > .text .fukidashi .title > h3,
.comment > .text .fukidashi .title > h4 {
	color: var(--sub-color);
	margin: 0;
	display: inline;
	font-weight: bold;
	font-size: 100%;
}
.comment > .text .fukidashi .title > span {
    font-size: 80%;
}

.comment > .text .fukidashi .title > a {
    margin: 0 1em;
    text-decoration: none;
    background: var(--sub-color);
    color: #fff;
    border-radius: 100px;
    font-size: 65%;
    padding: 4px 10px;
    vertical-align: middle;
    white-space: nowrap;
}
.comment > .text .fukidashi .title > a:after {
	content: ">";
	display: inline;
	margin-left: 1em;
}


.comment > .text .fukidashi p {
	margin: 0;
	font-size: 15px!important;
	text-align: left!important;
	font-weight: normal!important;
}

@media (max-width: 1029px) {

	.comment > .text .fukidashi:before {
		top: 50%;
		transform: translateY(-50%);
	}
}

@media (max-width: 767px) {

	.comment {
		flex-wrap: wrap;
	    flex-direction: column-reverse;
	    align-items: center;
	}
	.comment > .text {
    	width: 100%;
    	max-width: 100%;
    }
	.comment > .text .fukidashi {
		width: 100%;
		margin: 0;
	}
	.comment > .text .fukidashi .title {
		width: 100%;
		text-align: center;
		line-height: 1.5;
		padding-bottom: 10px;
	}
	.comment > .text .fukidashi .title > span {
		display: block;
		text-align:center;
	}
	.comment > .text .fukidashi p {
		font-size: 14px!important;
	}
	.comment > .text .fukidashi:before {
		top: 100%;
		left: 10%;
		height: 20px;
		transform: rotate(-125deg);
	}
	
	.comment > .image > img.circle {
		margin-bottom: 30px;
		margin-top: 10px;
	}
}
@media (max-width: 480px) {
.comment > .text .fukidashi .title > h3{
	font-size: 18px;
}
.comment > .text .fukidashi .title > span {
    font-size: 80%;
}
}

/***********************************************
* モデル別ランキングのアンカー
************************************************/

#model_rank {
	padding-top: 0;
	padding-bottom: 0;
}
#model_rank.pt120 {
	padding: 70px 0px 0px;
}
.anchor_list {
	background-image: url(../../../../../image/lp/popular_with_boys/2027/lineup_img.webp);
	background-size: cover;
	background-position: center top 20%;
	position: relative;
	z-index: 0;
	padding-top: 100px;
	padding-bottom: 100px;
}

.anchor_list h2 {
	color: #fff;
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}
.anchor_list h2 > .inner {
	display: flex;
	justify-content: center;
}
.anchor_list h2 span.boy {
	color: var(--sub-color);
}

@media (max-width: 767px) {

	.anchor_list {
	    background-position: center right 40%;
	    padding-top: 50px;
	    padding-bottom: 50px;
	}

	.anchor_list h2 > .inner {
		flex-wrap: wrap;
	}
#model_rank.pt120 {
    padding: 80px 0px 0px;
}
}


.anchor_list p{
	color: #FFF;
	text-align: center;
}
.anchor_list .wrap{
	width: 96%;
    max-width: 800px!important;
}
.anchor_list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style-type: none;
	padding: 0;
	margin-top: 30px;
}
.anchor_list ul > li{
	width: 45%;
	padding: 15px;
	min-width: 280px;
}
.anchor_list ul > li > a {
	text-decoration: none;
	color: #000;
	border: 2px solid var(--main-color);
	width: 100%;
	display: block;
	text-align: center;
	padding: 10px;
	border-radius: 100px;
	font-weight: bold;
	white-space: nowrap;
	background: #fff url(../../../image/lp/popular_with_boys/2027/icon_mark2.png) no-repeat center right 20px;
	background-size: 20px auto;
}

@media (max-width: 480px) {
	.anchor_list {
	background-image: url(../../../image/lp/popular_with_boys/2027/lineup_img_sp.webp);
	background-size: cover;
}
	
	body.popular_with_2025 .anchor_list h2{
		margin-bottom: 20px;
	}
.anchor_list p{
	text-align: left;
	font-size: 14px;
}
.anchor_list ul > li {
    width: 100%;
    padding: 0px;
	}
	.anchor_list ul > li+li{margin-top: 20px;}
	
	#model_rank.pt120 {
    padding: 70px 0px 0px;
}
}

/***********************************************
* 他の色のランドセルを見る
************************************************/
#other{
	text-align: center;
}
#other h2{
	margin-bottom: 40px;
}
#other ul{
	display: flex;
    flex-wrap: wrap;
}
#other ul li {
    width: calc(25% - 1%);
    margin-right: 0.5%;
    text-align: center;
    border: solid 1.5px #FFF;
    border-radius: 8px;
}
#other ul li a {
    display: block;
    color: #FFF;
    padding: 15px 10px;
    font-size: 1.1rem;
    border: solid 3px #FFF;
    border-radius: 8px;
    background: #000;
	font-size: 14px;
}
#other ul li:nth-child(n+5) {
    margin-top: 7px;
}
#other ul li:nth-child(2) a{background:#2C5CA6; }
#other ul li:nth-child(3) a{background:#7BBEE8; }
#other ul li:nth-child(4) a{background:#103662; }
#other ul li:nth-child(5) a{background:#264828; }
#other ul li:nth-child(6) a{background:#723D3D; }
#other ul li:nth-child(7) a{background:#AC0E0F; }
#other ul li:nth-child(8) a{background:#DA7C8F; }
#other ul li:nth-child(9) a{background:#BA8EBC; }
#other ul li:nth-child(10) a{background:#FFF;color: #000;padding: 0px;}
#other ul li:nth-child(10) a span{display: block;border: solid 1px #000;padding: 14px 9px;border-radius: 6px;}
#other ul li:nth-child(11) a{background:#E5C7A0; }
#other ul li:nth-child(12) a{background:#A5A5A5; }
#other ul li:nth-child(13) a{background:#E5C951; }
#other ul li:hover{border-color:#000;}
#other ul li:hover:nth-child(2){border-color:#2C5CA6;}
#other ul li:hover:nth-child(3){border-color:#7BBEE8;}
#other ul li:hover:nth-child(4){border-color:#103662;}
#other ul li:hover:nth-child(5){border-color:#264828;}
#other ul li:hover:nth-child(6){border-color:#723D3D;}
#other ul li:hover:nth-child(7){border-color:#AC0E0F;}
#other ul li:hover:nth-child(8){border-color:#DA7C8F;}
#other ul li:hover:nth-child(9){border-color:#BA8EBC;}
#other ul li:hover:nth-child(10){border-color:#000;}
#other ul li:hover:nth-child(11){border-color:#E5C7A0;}
#other ul li:hover:nth-child(12){border-color:#A5A5A5;}
#other ul li:hover:nth-child(13){border-color:#E5C951;}

@media (min-width: 1080px) {
#other ul li {
    width: calc(20% - 1%);
}
#other ul li:nth-child(4) {
    margin-right: 0.5%;
}
#other ul li:nth-child(5) {
    margin-top: 0px;
}
}
@media (max-width: 767px) {
	#other ul li {
    width: calc(33.33333% - 1%);
	}
	#other ul li:nth-child(n+4) {
    margin-top: 7px;
}
}
@media (max-width: 640px) {
	#other ul li {
    width: calc(50% - 1%);
	}
	#other ul li:nth-child(n+3) {
    margin-top: 7px;
}
}
@media (max-width: 480px) {
#other h2{
	font-size: 21px;
        margin-bottom: 20px;
}
#other ul li a {
    padding: 15px 8px;
    font-size: 13px;
}
}
/***********************************************
* こだわりの条件で検索
************************************************/
#search{padding-top: 20px;}
#search .wrap{
	background: #FAF6E6;
	text-align: center;
	padding: 60px;
	border-radius: 20px;
	margin-bottom: 40px;
}
#search .wrap h2{margin-bottom: 20px;}
#search .wrap .link {
    margin-top: 40px;
}
#search .wrap .link > a.btn {
    display: inline-block;
    text-decoration: none;
    background: var(--btn-color);
    color: #fff;
    padding: 15px 40px;
    border-radius: 100px;
	line-height: normal;
}
#search .wrap .link > a.btn:after {
    content: "\2192";
    display: inline;
    margin-left: 0.5em;
}
@media (max-width: 480px) {
#search{padding: 0px;}
#search p{
		font-size: 15px;
    text-align: left;
	}
#search .wrap {
    background: #FAF6E6;
    text-align: center;
    padding: 40px 30px;
    border-radius: 0px;
    margin-bottom: 0px;
    width: 100%;
}
}

/***********************************************
* 人気の別売りパーツ
************************************************/
body.popular_with_2025 #model_rank #parts .white_box.model{margin-top: 0px;}
#model_rank #parts .white_box.model {
	background: #fff;
	padding-top: 80px;
}
#parts h2.slash_style:before,#parts h2.slash_style:after{display: none;}
#parts p.text{text-align: center;font-weight: normal!important;}
#parts .btn > a {
    display: table;
    width: 500px;
    max-width: 100%;
    background: var(--btn-color);
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    font-size: 26px;
    font-weight: bold;
    border-radius: 200px;
    text-align: center;
    position: relative;
    z-index: 0;
    border: 5px solid #fff;
}
#parts .btn > a:before {
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    z-index: 0;
    border-radius: 50%;
}
#parts .btn > a:after {
    content: "";
    display: block;
    width: 0.5em;
    height: 0.5em;
    background: var(--btn-color);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    z-index: 1;
}
#parts .mt{margin-top: 50px;}

@media (max-width: 480px) {
#model_rank #parts .white_box.model {
    padding: 40px 1.5em 0;
	margin: 0px;
    }
.popular_with_2025 #parts h2.slash_style > .inner {
        font-size: 19px;
    }
#parts p.text {
    text-align: left;
    font-size: 14px;
}
	#parts .btn > a {font-size: 18px; width: 100%;}
}
/***********************************************
* よくある質問
************************************************/
.popular_with_2025 #faq{padding-top: 50px;}
.popular_with_2025 #faq h2.slash_style {
	margin-top: 50px;
}


.popular_with_2025 #faq h2.slash_style:before,
.popular_with_2025 #faq h2.slash_style:after {
    height: 80px;
}

.text_center {
	text-align: center;
}

@media (max-width: 767px) {

	.text_center {
		text-align: left;
	}

}


.faq_list {
	margin-top: 60px;
}
.faq_list .item {
	background: #f7f7f7;
	margin-bottom: 40px;
	padding: 5px 50px 0px;
	border-radius: 15px;
}
.faq_list .item.pb{padding-bottom: 40px;}
.faq_list .item .q {
	position: relative;
	padding-left: 100px;
	padding-top: 35px;
	padding-bottom: 35px;
	cursor: pointer;
	background: url(../../../image/lp/popular_with_boys/2027/icon_mark2.png) no-repeat center right;
	background-size: 20px auto;
}
.faq_list .item .q.on{
	background: url(../../../image/lp/popular_with_boys/2027/icon_mark3.png) no-repeat center right;
	background-size: 20px auto;
}
.faq_list .item .a {
	position: relative;
	padding-left: 100px;
	padding-top: 0px;
}

.faq_list .item .q:before,
.faq_list .item .a:before {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	position: absolute;
	left: 0;
	top: 0px;
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    width: 50px;
    height: 50px;
    font-size: 25px;
    font-weight: bold;

}
.faq_list .item .q:before {
	content: "Q";
	color: var(--main-color);
	background: #fff;
	position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
}
.faq_list .item .a:before {
	content: "A";
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
	background: var(--main-color);
	color: #fff;
}


.faq_list .item .a p.bd{border-top: 1px solid #cbcbcb;padding-top: 30px;}

.faq_list .item .slide{display: none;}
.faq_list .item .slide.pb{padding-bottom: 35px;}
.faq_list .item .comment > .text .fukidashi,
.faq_list .item .comment > .text .fukidashi:before {
	background: #fff;
}

.faq_list .item .comment {
	margin-top: 40px;
}

.faq_list .item .a .image {
	display: flex;
	justify-content: space-between;
	margin: 15px auto;
}

.faq_list .item .a .image > img {
	height: auto;
	object-fit:cover;
}

.faq_list .item .a .image > img:first-child {
	width: calc(60% - 10px);
}

.faq_list .item .a .image > img:nth-child(2) {
	width: calc(40% - 10px);
}

@media (max-width: 767px) {

	.popular_with_2025 #faq {
		padding-bottom: 0;
	}

	.popular_with_2025 #faq h2 span.color {
		width: 100%;
	    text-align: center;
	    display: block;
	    margin-bottom: 10px;
	}

	.faq_list .item {
		padding: 30px 15px;
	}
	
	.faq_list .item .q {
		padding-left: 70px;
	}
	.faq_list .item .a {
		padding-left: 70px;
	}
	
	.faq_list .item h3{padding-right: 40px;}

}
@media (max-width: 480px) {

	.popular_with_2025 #faq {
		font-size: 15px;
		padding-bottom: 25px;
		padding-top: 20px;
	}
	.faq_list {
    margin-top: 30px;
}
	.faq_list .item {
        padding: 0px 15px;
		        margin-bottom: 20px;
    }
	.faq_list .comment > .image > img.circle {
        margin-bottom: 0px;
	}
}


.footer-catalog {
	padding-top: 50px;
	padding-bottom: 50px;
	background-size: auto auto;
	background-color: #bae2f8;
	background-image: repeating-linear-gradient(135deg, transparent, transparent 8px, #d7eefb 8px, #d7eefb 16px );
	margin-bottom: 80px;
}
.footer-catalog .catalog-link{
	margin: 0px auto;
}
.footer-catalog .btn {
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}

.footer-catalog .btn > a {
	display: table;
	width: 500px;
	max-width: 100%;
	background: var(--btn-color);
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	font-size: 26px;
	font-weight: bold;
	border-radius: 200px;
	text-align: center;
	position: relative;
	z-index: 0;
	border: 5px solid #fff;
}
.footer-catalog .btn > a:before {
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	background: #fff;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	z-index: 0;
	border-radius: 50%;
}
.footer-catalog .btn > a:after {
	content: "";
	display: block;
	width: 0.5em;
	height: 0.5em;
	background: var(--btn-color);
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	position: absolute;
	top: 50%;
	right: 24px;
	transform: translateY(-50%);
	z-index: 1;
}



@media (max-width: 767px) {

	.footer-catalog .btn > a {
    	padding: 20px 0;
		font-size: 20px;
		width: 100%;
	}

}



/***********************************************
* 男の子
************************************************/
.popular_with_2025.boy .popular_2025_style_header_parts {
    background-image: url(../../../image/lp/popular_with_boys/2027/main_visual_boy.webp);
	background-position: center right;
}

@media (max-width: 1299px) {

	.popular_with_2025.boy .popular_2025_style_header_parts {
		background-position: center right 20%;
	}
}
@media (max-width: 480px) {
.popular_with_2025.boy .popular_2025_style_header_parts {
    background-image: url(../../../image/lp/popular_with_boys/2027/main_visual_boy_sp.webp);
	background-position: 100%;
}
}
/***********************************************
* 女の子
************************************************/


/***********************************************
* 池田屋ランドセルが選ばれる理由
************************************************/
#reason{padding: 90px 0 0;}
#reason h2{
	text-align: center;
	margin-bottom: 40px;
}
#reason ul{
	display: flex;
    flex-wrap: wrap;
}
#reason ul li{
	width: calc(50% - 2.5%);
    margin-right: 5%;
}
#reason ul li:nth-of-type(2n){margin-right: 0;}
#reason ul li:nth-child(n+3){margin-top: 70px;}
#reason ul li h3{
	font-weight: bold;
	margin: 10px 3px 10px;
	font-size: 18px;
	line-height: 1.7;
}
#reason ul li p{padding: 0px 3px;}
#reason ul li img{width: 100%;}
#reason .link{
	text-align: center;
	margin: 80px auto 40px;
}
#reason a.btn {
    display: inline-block;
    text-decoration: none;
    background: var(--btn-color);
    color: #fff;
    padding: 15px 40px;
    border-radius: 100px;
}
#reason a.btn:after {
    content: "\2192";
    display: inline;
    margin-left: 0.5em;
}
@media (max-width: 480px) {
#reason {
    padding: 50px 0 0;
}
#reason h2{
	margin-bottom: 0px;
}
#reason ul li {
    width: 100%;
    margin-right: 0;
}
#reason ul li:nth-child(n+2) {
    margin-top: 25px;
}
#reason ul li h3 {
    margin: 5px 3px 10px;
    font-size: 17px;
	}
	#reason ul li p{font-size: 14px;}
#reason .link {
    margin: 50px auto 0px;
}
	#reason a.btn{width: 100%;}
}


/***********************************************
* 男の子に人気のカラーTOP3
************************************************/
#popular_rank.boy h2.slash_style:before,
#popular_rank.boy h2.slash_style:after{
	display: none;
}
#popular_rank.boy ul{
	width: 90%;
	margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
#popular_rank.boy ul li{
	width: calc( 33.33333% - 2.7% );
    margin-right: 4%;
	text-align: center;
}
#popular_rank.boy ul li img{
	width: 70%;
}
#popular_rank.boy ul > li .rank {
    background-image: url(../../../image/lp/popular_with_boys/2027/rank1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    font-size: 26px;
    aspect-ratio: 1;
	margin: 0px auto 20px;
}
#popular_rank.boy ul > li:nth-child(2) .rank {
	background-image:url(../../../image/lp/popular_with_boys/2027/rank2.svg);
}
#popular_rank.boy ul > li:nth-child(3) .rank {
	background-image:url(../../../image/lp/popular_with_boys/2027/rank3.svg);
}
#popular_rank.boy ul li:nth-child(3){margin-right: 0;}
#popular_rank.boy ul li .color{
	text-align: center;
	color: #FFF;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 20px;
	margin-top: 20px;
}
#popular_rank.boy ul li .black{background:#000000;}
#popular_rank.boy ul li .blue{background:#2d5ca6;}
#popular_rank.boy ul li .navy{background:#0F3662;}
#popular_rank.boy .link{text-align: center;}
#popular_rank.boy a.btn {
    display: inline-block;
    text-decoration: none;
    background: var(--btn-color);
    color: #fff;
    padding: 15px 40px;
    border-radius: 100px;
	margin: 60px 0px;
}
#popular_rank.boy a.btn:after {
    content: "\2192";
    display: inline;
    margin-left: 0.5em;
}
#popular_rank.boy ul li p{text-align: left;font-size: 15px;}


@media (max-width: 480px) {
	#popular_rank.boy ul li{
		width: 100%;
		margin-right: 0;
		position: relative;
		padding-bottom: 40px;
	}
	#popular_rank.boy ul li:nth-child(n+2){
		padding-top: 40px;
	}
	#popular_rank.boy ul li:nth-child(n+2):before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: repeating-linear-gradient(90deg, transparent, transparent 6px, rgba(0, 0, 0, 1) 6px, rgba(0, 0, 0, 1) 12px);
}
	#popular_rank.boy a.btn {
		margin: 20px 0px 50px;
		width: 90%;
	}
}
/***********************************************
* バナー
************************************************/
.bnr{
	width: 90%;
    max-width: 1040px;
    display: block;
    margin: 0 auto;
	padding: 30px 0 80px;
}
.bnr ul{
	display: flex;
    flex-wrap: wrap;
}
.bnr ul li{
	width: calc( 50% - 2.5% ) ;
    margin-right: 5%;
	text-align: center;
}
.bnr ul li:last-child{margin-right: 0!important;}
.bnr ul li a{
	background-color:#00A1CC;
	background-image: url(../../../image/lp/popular_with_boys/2027/tenpo_icon.svg),url(../../../image/lp/popular_with_boys/2027/icon_mark.png);
	background-repeat: no-repeat;
	background-position: center left 50px,center right 40px;
	background-size: 50px auto,30px auto;
	color: #FFF;
	padding: 45px 0px;
    border-radius: 10px;
    font-size: 19px;
	display: block;
}
.bnr ul li:last-child a{
	background-image: url(../../../image/lp/popular_with_boys/2027/tenjikai_icon.svg),url(../../../image/lp/popular_with_boys/2027/icon_mark.png);
	background-size: 40px auto,30px auto;
}
.bg-y{
	background: #FAF6E6;
	padding: 80px 0px;
    margin-bottom: 120px;
}
.bg-y.m0{margin-bottom: 0px;}
.bg-y .catalog-link{
	margin: 20px auto 0;
}
.bg-y p{
	text-align: center;
	font-weight: bold;
}
.bg-y p::before{
	    content: "";
    width: 4px;
    height: 27px;
    border-left: 1.5px solid #000;
    transform: rotate(-42deg);
    display: inline-block;
    position: relative;
    margin-right: 20px;
    top: 8px;
}
.bg-y p::after{
	content: "";
    width: 4px;
    height: 27px;
    border-left: 1.5px solid #000;
    transform: rotate(42deg);
    display: inline-block;
    position: relative;
    margin-left: 15px;
    top: 8px;
}
@media (max-width: 950px) {
	.bnr ul li a{background-position: center left 25px,center right 40px;}
}
@media (max-width: 767px) {
	.bnr ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	
.bg-y .bnr ul li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 0px;
    }
.bg-y .bnr ul li a{
	background-position: center top 30px, center bottom 30px;
	padding: 90px 0px 80px;
}
}
@media (max-width: 480px) {
.bnr ul li a{
	background-image: url(../../../image/lp/popular_with_boys/2027/tenpo_icon.svg), url(../../../image/lp/popular_with_boys/2027/icon_mark.png);
    background-repeat: no-repeat;
    background-position: center left 25px, center right 20px;
    background-size: 40px auto, 25px auto;
	font-size: 17px;
	padding: 35px 0px;
}
.bnr ul li:last-child a{
	background-image: url(../../../image/lp/popular_with_boys/2027/tenjikai_icon.svg),url(../../../image/lp/popular_with_boys/2027/icon_mark.png);
	background-size: 35px auto,25px auto;
}
.bnr {
    padding: 0px 0 50px;
}
    .bnr ul li {
        margin-bottom: 20px;
    }
	
.bg-y {
   margin-bottom: 80px;
   padding: 50px 0px;
}
.bg-y.m50{margin-bottom: 50px;}
.bg-y .bnr {
        padding: 0px 0 25px;
    }
.bg-y .bnr ul li a {
   padding: 58px 0px 45px;
	letter-spacing: -0.01px;
	background-position: center top 20px, center bottom 15px;
	background-size: 33px auto, 22px auto;
	font-size: 14px;
}
.bg-y .bnr ul li:last-child a {
	background-position: center top 17px, center bottom 15px;
    background-size: 25px auto, 22px auto;
}
.bg-y p {
    padding: 0px 20px;
    font-size: 1.4rem;
	letter-spacing: -0.01px;
}
.bg-y p::before{
	height: 20px;
	margin-right: 10px;
	top: 5px;
}
.bg-y p::after{
	height: 20px;
	margin-left: 5px;
	top: 5px;
}
.bg-y .catalog-link {
   width: 90%;
}
	#parts{padding-bottom: 20px;}
}