@charset "utf-8";

@media only screen and (min-width: 769px), print {

/*2022～　リニューアル版　特集ページ
=================================*/
.SPOnly{
	display: none;
}
.topMessage{
	margin-top: 40px;
}

.longLife_contents01{
	padding: 70px 0 30px;
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.longLife_leftBox{
	width:445px
}
.longLife_imgBox{
	position: relative;
	display: flex;
	flex-wrap: wrap;
    border-bottom: 4px dotted #ae9250;
}
.longLife_imgBox figure{
	order: 1;
}
.longLife_imgBox .emblem_box{
	order: 2;
}
.emblem_box .emblem{
	position: absolute;
	top: -55px;
    left: 13px;
	width:120px;
}
.emblem_age{
	position: absolute;
	font-size: 2.2rem;
	left:38px;
	top:-47px;
	font-weight: 600;
}
.emblem_age span{
	font-size: 3.2rem;
	font-weight: bold;
}
.longLife_imgBox .mainImg img{
	border-radius: 18px;
}
.longLife_birth{
	margin-top: 0 !important;
	font-size: 1.4rem;
}
.longLife_imgBox h2{
	font-size: 1.8rem;
    padding: 15px 8px 6px 45px;
	margin-top: 5px;
    color: #ae9250;
    font-weight: 600;
	order: 3;
}
.longLife_imgBox h2 span{
	padding: 7px 15px;
	background-color: #efe9db;
	border-radius: 20px;
	margin-left: 15px;
	font-size: 16px;
}

/* どうぶつアイコン
=================================*/
/* 犬 */
#bigdog .longLife_imgBox h2,
#mediumdog01 .longLife_imgBox h2,
#mediumdog02 .longLife_imgBox h2,
#smalldog .longLife_imgBox h2{
    background: url(/special/long_life/img/index_ic_dog.png) no-repeat 7px center;
    background-size: 33px auto;
}
/* ねこ */
#cat01 .longLife_imgBox h2,
#cat02 .longLife_imgBox h2{
    background: url(/special/long_life/img/index_ic_cat.png) no-repeat 7px center;
    background-size: 30px auto;
}
/* 鳥 */
#bird01 .longLife_imgBox h2,
#bird02 .longLife_imgBox h2{
    background: url(/special/long_life/img/index_ic_bird.png)  no-repeat 0px 8px;
    background-size: 46px 37px;
}
/* うさぎ */
#rabbit .longLife_imgBox h2{
    background: url(/special/long_life/img/index_ic_rabit.png) no-repeat 7px 2px;
    background-size: 31px auto;
}
/* ねずみ */
#degu .longLife_imgBox h2{
    background: url(/special/long_life/img/index_ic_degu.png) no-repeat 2px 0px;
    background-size: 41px auto;
}
/* チンチラ */
#chinchilla .longLife_imgBox h2{
    background: url(/special/long_life/img/index_ic_chinchilla.png) no-repeat 2px 1px;
    background-size: 43px auto;
}
/* カメ */
#turtle .longLife_imgBox h2{
    background: url(/special/long_life/img/index_ic_turtle.png) no-repeat 0px 2px;
    background-size: 45px auto;
}
/* フェレット */
#ferret .longLife_imgBox h2{
    background: url(/special/long_life/img/index_ic_ferret.png) no-repeat 25px 8px;
    background-size: 33px auto;
}
/* モモンガ */
#momonga .longLife_imgBox h2{
    background: url(/special/long_life/img/index_ic_momonga.png) no-repeat 20px 2px;
    background-size: 40px auto;
}
/* リス */
#squirrel .longLife_imgBox h2{
	background: url(/special/long_life/img/index_ic_squirrel.png) no-repeat 2px 0px;
	background-size: 45px auto;
}
/* モルモット */
#guinea-pig .longLife_imgBox h2{
    background: url(/special/long_life/img/index_ic_guinea_pig.png) no-repeat 19px 0px;
    background-size: 44px auto;
}
/* トカゲ */
#lizard .longLife_imgBox h2{
        background: url(/special/long_life/img/index_ic_lizard.png) no-repeat 18px 0px;
        background-size: 46px auto;
}
/* ヘビ */
#snake .longLife_imgBox h2{
    background: url(/special/long_life/img/index_ic_snake.png) no-repeat 2px 5px;
    background-size: 44px auto;
}

.longLife_profile{
	position: relative;
	margin-top: 10px;
}
.longLife_profile p{
	margin-left:43px;
	margin-top: 0;
}
.longLife_name{
	font-size:2.4rem;
	letter-spacing: 0.30em;
	font-weight: bold;
}
.longLife_name span{
	font-size:3.5rem;
}
.owner_message{
	margin-top: 0;
    padding: 20px 15px 10px;
    border-radius: 18px;
	width:330px;
	min-height: 347px;
}
.owner_message dt{
	font-size: 1.4rem;
	text-align: center;
	background-color: #fff;
	font-weight: bold;
	border-radius: 50px;
}
.owner_message dt:nth-of-type(2){
	margin-top: 20px;
}
.owner_message dd{
	font-size: 1.4rem;
	color: #fff;
	padding: 7px 0 10px;
	line-height: 1.6;
}
/* #dfaf04 */
.color_dfaf04 .emblem_age,
.color_dfaf04 .longLife_profile p,
.color_dfaf04 .owner_message dt{
	color:#dfaf04;
}
.color_dfaf04 .owner_message {
	background-color:#dfaf04;
}

/* #a2b44b */
.color_a2b44b .emblem_age,
.color_a2b44b .longLife_profile p,
.color_a2b44b .owner_message dt{
	color:#a2b44b;
}
.color_a2b44b .owner_message {
	background-color:#a2b44b;
}

/* #d58e80 */
.color_d58e80 .emblem_age,
.color_d58e80 .longLife_profile p,
.color_d58e80 .owner_message dt{
	color:#d58e80;
}
.color_d58e80 .owner_message {
	background-color:#d58e80;
}

/* #b0aecd */
.color_b0aecd .emblem_age,
.color_b0aecd .longLife_profile p,
.color_b0aecd .owner_message dt{
	color:#b0aecd;
}
.color_b0aecd .owner_message {
	background-color:#b0aecd;
}

/*特集ページ(画像なし）*/
.noImg .longLife_contents01 {
	padding-top: 30px;
}
.noImg .longLife_contents01{
	display: block;
}
.noImg  .longLife_leftBox {
	width: 85%;
}
.noImg .longLife_leftBox {
    margin-left: 120px;
}
.noImg .emblem_box .emblem {
	top: -20px;
	left: -120px;
}
.noImg .emblem_age {
	left: -93px;
	top: -10px;
}
.noImg .longLife_imgBox h2 {
	padding-left: 70px;
    background-position: 25px center !important;
}
.noImg .longLife_profile p{
	margin-left: 25px;
}

/* 1桁数字調整*/
#squirrel .emblem_age,
#degu .emblem_age,
#chinchilla .emblem_age,
#snake .emblem_age{
	left: 50px;
}
#ferret .emblem_age,
#guinea-pig .emblem_age,
#lizard .emblem_age{
	left: -80px;
}



/* バックナンバー */
.backNumber_Area{
	margin-top:50px ;
}
.title01{
	border-top: 2px solid #AD924F;
	border-bottom: 2px solid #AD924F;
	padding: 7px 0;
}
.longLife_h2{
	font-size: 2.4rem;
    text-align: center;
    font-weight: bold;
    color: #AD924F;
    background: url(/special/long_life/img/index_bg01.jpg) no-repeat left top/100% 100%;
    padding: 10px 0;
}
.backNumber_wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 32px 20px;
	justify-content: left;
	gap: 11px
}
.backNumber_link{
	position: relative;
    text-align: center;
    border: 1px solid #AD924F;
    border-radius: 8px;
}
.backNumber_link a {
	display: inline-block;
    color: #AD924F;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 25px 90px 26px;
	border-radius: 8px;
}
.backNumber_link a::before {
	content: "";
    border-left: 9px solid #AD924F;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    position: absolute;
    left: 71px;
    top: 26px;
    transform: translateY(50%);
} 

}