@charset "utf-8";

@media only screen and (max-width: 768px) {

	/*2022～　リニューアル版　トップページ
=================================*/
	.PCOnly {
		display: none;
	}

	.topMessage {
		margin-top: 25px
	}

	.longLife {
		margin-top: 25px;
	}

	.longLife_topContents {
		display: flex;
		flex-wrap: wrap;
		margin-top: 10vw;
		font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
		align-items: flex-end;
	}

	.longLife_imgBox_top {
		position: relative;
		width: 50%;
	}

	.emblem_top {
		position: absolute;
		top: -19%;
		left: 2%;
		width: 35%;
	}

	.emblem_age_top {
		position: absolute;
		font-size: 3vw;
		left: 4.5vw;
		top: -6vw;
		color: #ae9250;
		font-weight: 600;
	}

	.emblem_age_top span {
		font-size: 4.5vw;
		font-weight: bold;
	}

	.longLife_imgBox_top .mainImg_top img {
		border-radius: 22px;
	}

	.longLife_profile_top {
		width: 50%;
		padding-left: 15px;
	}

	.longLife_category_top {
		font-size: 4vw;
		padding: 3vw 0 3px 10vw;
		background: url(/special/long_life/img/index_ic_dog.png) no-repeat 1.5vw center;
		background-size: 6vw auto;
		color: #ae9250;
		font-weight: 600;
		border-bottom: 2px dotted #ae9250;
		margin-top: 0 !important;
	}

	.longLife_name_top {
		font-size: 3.5vw;
		color: #ae9250;
		margin-top: 7px !important;
		font-weight: bold;
	}

	.longLife_name_top span {
		font-size: 5.5vw;
	}

	.longLife_birth_top {
		margin-top: 0 !important;
	}

	.longLife_birth_top li {
		font-size: 2.5vw;
		color: #ae9250;
	}

	.longLife_topbutton {
		color: #fff;
		background-color: #ae9250;
		border-radius: 8px;
		text-align: center;
		margin-top: 1vw !important;
		position: relative;
		font-size: 2.5vw;
		letter-spacing: 0.15em
	}

	.longLife_topbutton a {
		color: #fff;
		padding: 3vw 10vw;
		display: inline-block;
	}

	.longLife_topbutton a::before {
		content: "";
		border-left: 8px solid #ffffff;
		border-bottom: 4px solid transparent;
		border-top: 4px solid transparent;
		position: absolute;
		right: 2vw;
		top: 3.5vw;
		transform: translateY(50%);
	}

	/*ねこ*/
	.top_cat .longLife_category_top {
		background: url(/special/long_life/img/index_ic_cat.png) no-repeat 1.5vw center;
		background-size: 6vw auto;
	}

	/*フェレット*/
	.top_ferret .longLife_category_top {
		background: url(/special/long_life/img/index_ic_ferret.png) no-repeat 1.5vw 1.5vw;
		background-size: 6.4vw auto;
	}

	/*鳥*/
	.top_bird .longLife_category_top {
		background: url(/special/long_life/img/index_ic_bird.png) no-repeat 0 1.3vw;
		background-size: 8.3vw 6.8vw;
	}

	/*うさぎ*/
	.top_rabbit .longLife_category_top {
		background: url(/special/long_life/img/index_ic_rabit.png) no-repeat 1.5vw 0.8vw;
		background-size: 5.8vw 7.4vw;
	}

	/*リス*/
	.top_squirrel .longLife_category_top {
		background: url(/special/long_life/img/index_ic_squirrel.png) no-repeat 0.5vw 1.0vw;
		background-size: 8.0vw auto;
	}

	/*ねずみ*/
	.top_degu .longLife_category_top {
		background: url(/special/long_life/img/index_ic_degu.png) no-repeat 0.5vw 1.0vw;
		background-size: 8.0vw auto;
	}

	/*チンチラ*/
	.top_chinchilla .longLife_category_top {
		background: url(/special/long_life/img/index_ic_chinchilla.png) no-repeat 0.5vw 0.8vw;
		background-size: 8.0vw auto;
	}

	/*カメ*/
	.top_turtle .longLife_category_top {
		background: url(/special/long_life/img/index_ic_turtle.png) no-repeat 0.5vw 1.8vw;
		background-size: 7.5vw auto;
	}

	/*ヘビ*/
	.top_snake .longLife_category_top {
		background: url(/special/long_life/img/index_ic_snake.png) no-repeat 0.5vw 1.4vw;
		background-size: 8.0vw auto;
	}

	/*モモンガ*/
	.top_momonga .longLife_category_top {	
		background: url(/special/long_life/img/index_ic_momonga.png) no-repeat 1.5vw 0.8vw;
		background-size: 7.3vw auto;
	}

	/*モルモット*/
	.top_guinea_pig .longLife_category_top {
		background: url(/special/long_life/img/index_ic_guinea_pig.png) no-repeat 1.5vw 0.8vw;
		background-size: 8.0vw auto;
	}

	/*トカゲ*/
	.top_lizard .longLife_category_top {
		background: url(/special/long_life/img/index_ic_lizard.png) no-repeat 1.5vw 0.8vw;
		background-size: 8.0vw auto;
	}
	
	.noImg_top .top_momonga .longLife_category_top,
	.noImg_top .top_guinea_pig .longLife_category_top,
	.noImg_top .top_lizard .longLife_category_top {
		background-position: 3vw center;
	}

	/* 2025　あいちゃん 調整*/
	.top_mediumdog .longLife_category_top{
		font-size: 3.7vw;
		padding: 3vw 0 3px 8.5vw;
	}
	.top_mediumdog .longLife_category_top span{
		font-size: 2.7vw;
		margin-left: 5px;
		padding: 5px 8px;
	}


	/* 年齢一桁 */
	.top_squirrel .emblem_age_top,
	.top_degu .emblem_age_top,
	.top_chinchilla .emblem_age_top,
	.top_snake .emblem_age_top{
		left: 6.5vw;
	}
	/* 画像なし年齢一桁 */
	.noImg_top .top_ferret .emblem_age_top,
	.noImg_top .top_guinea_pig .emblem_age_top,
	.noImg_top .top_lizard .emblem_age_top {
		left: 6.5vw;
	}
	/* 連続記録 */
	.longLife_category_top span {
		padding: 5px 10px;
        background-color: #efe9db;
        border-radius: 20px;
        margin-left: 14px;
        font-size: 3.0vw;
	}

	.specialFeature_button {
		margin-top: 80px;
		position: relative;
	}

	.specialFeature_button a {
		display: inline-block;
		width: 100%;
		padding: 5vw 15vw;
		background-color: #F7F5E4;
		color: #AD924F;
		border: 2px solid #AD924F;
		border-radius: 8px;
		font-size: 18px;
		font-weight: bold;
	}

	.specialFeature_button::after {
		content: "";
		border-left: 10px solid #AD924F;
		border-bottom: 7px solid transparent;
		border-top: 7px solid transparent;
		position: absolute;
		right: 4vw;
		top: 5.5vw;
		transform: translateY(50%);
	}

	.backNumber_Area {
		margin-top: 50px;
	}

	.title01 {
		border-top: 2px solid #AD924F;
		border-bottom: 2px solid #AD924F;
		padding: 1vw 0;
	}

	.longLife_h2 {
		font-size: 1.8rem;
		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;
		justify-content: space-between;
		margin: 0 auto;
		padding: 6vw 0;
	}

	.backNumber_link {
		position: relative;
		text-align: center;
		border: 1px solid #AD924F;
		border-radius: 8px;
		margin-bottom: 3vw;
		width: 49%;
	}

	.backNumber_link a {
		display: inline-block;
		color: #AD924F;
		font-size: 3.5vw;
		font-weight: 600;
		padding: 6vw 13vw 6vw 18vw;
		border-radius: 8px;
	}

	.backNumber_link a::before {
		content: "";
		border-left: 7px solid #AD924F;
		border-bottom: 5px solid transparent;
		border-top: 5px solid transparent;
		position: absolute;
		left: 15vw;
		top: 5.5vw;
		transform: translateY(50%);
	}

	/*2024～　トップページ(画像なし）*/
	.noImg_top .longLife_topContents {
		display: block;
	}

	.noImg_top .longLife_topContents+.longLife_topContents {
		margin-top: 13vw;
	}

	.noImg_top .longLife_profile_top {
		width: 100%;
		padding-left: 18vw;
	}

	.noImg_top .longLife_category_top {
		padding-left: 10.5vw;
		background-position: 4vw center;
	}

	.noImg_top .longLife_profile_wrap {
		padding-left: 4vw;
	}

	.noImg_top .emblem_top {
		top: -1vw;
		width: 37%;
	}

	.noImg_top .emblem_age_top {
		top: 0.5vw;
		left: 4.8vw;
	}

}