/* CSS Document */
@import url('items.css');
@import url('common1.css');


/* CSS Document */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
}
#topimage{
	text-align:center;
	margin:0 auto 1%;
}
#season_main >h3{
	color:#555555;
	width:100%;
	line-height:1;
	float:none;
	font-weight:bold;
	border-left:5px solid #36a9d3;
	padding-top:6px;
	padding-left:20px;
	padding-bottom:9px;
	margin-bottom:9px;
}
.season_navi ul{
	border:1px solid #36a9d3;
	width:100%;
	box-sizing:border-box;
}
.season_navi li{
	text-align:center;
	font-weight:500;
	border-left:1px solid #36a9d3;
}
.season_navi li:first-child{
	border-left:0;
}
.season_navi li a{
	display:block;
}
.season_navi .active a{
	background:#36a9d3;
	color:#ffffff;
}
.season_navi a{
	transition:background-color 0.2s,color 0.2s;
}
.season_lineup{
	border-width:1px;
	border-style:solid;
	border-color:#b3d8e6;
}
.season_lineup ul{
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.season_lineup li{
	position:relative;
	box-sizing:border-box;
	padding-right:1em;
	border-bottom:1px dotted #adb3c1;
}
.season_lineup li:last-child{
	padding-bottom:0;
	margin-bottom:0;
	border-bottom:0;
}
.season_lineup li a{
	display:block;
}
.season_lineup li i{
	position:absolute;
	top:0.3em;
	right:0;
	width:1em;
	height:1em;
}
.season_lineup li.dc i{
	color:#cfafde;
}
.season_lineup li.dog i{
	color:#9cd2d3;
}
.season_lineup li.cat i{
	color:#f6b9b4;
}
.category{
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	letter-spacing: 0.1em;
}
.dogcat .category{
/*	background-color:#cfafde;*/
background: rgb(175,221,222);
background: linear-gradient(90deg, rgba(175,221,222,1) 0%, rgba(175,221,222,1) 50%, rgba(246,185,180,1) 50%, rgba(246,185,180,1) 100%);
}
.dog .category{
	background-color:#afddde;
}
.cat .category{
	background-color:#f6b9b4;
}

.item_section h4{
	background-repeat: repeat-x;
	background-position: left bottom;
}
.dogcat.item_section h4{
	background-image:url(../image/border1.png);
}
.dog.item_section h4{
	background-image:url(../image/border2.png);
}
.cat.item_section h4{
	background-image:url(../image/border3.png);
}
.itembox .tag ul{
	display:flex;
	flex-wrap:wrap;
	line-height:0;
}
/*2022/08/17追加*/
.itembox .tag.anno_tag ul{align-items: flex-end;}
.itembox .tag.anno_tag ul span{
	line-height: 1.9;
	font-size: .75em;
	display: block;}
/*以上*/
.item_about figcaption{
	font-weight:bold;
/*	margin-bottom:2%;*/
	color:#4e4e4e;
}
.tag{
	width:100%;
}
.item_section .itembox{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom:1px solid #d4d4d4;
}
.item_section .itembox:last-of-type{
	border-bottom:0;
	padding-bottom:0;
	margin-bottom:0;
}

.item_section .itembox h4{
	width:100%;
}
.item_section .item_image{
	line-height:0;
	border:1px solid #d9d9d9;
	text-align:center;
	overflow:hidden;
	box-sizing: border-box;
}
.item_section  .item_data{
	width:100%;
}
.item_section .item_data h5,.item_section .item_data dt{
	font-weight:bold;
}
.item_section .item_data >ul{
	border:1px solid #e9e9e9;
	background:#f4f4f4;
/*	font-size: 1em;*/
}
.item_section .item_data dd li{
/*	display:flex;*/
	width:100%;
	margin-bottom:5px;
}
.item_section .item_data dd h5,.item_section .item_data .cap{
	font-weight:bold;
}
.item_section .item_data .cap{
	margin-right:5px;
}
.series_navi li{
	text-align:center;
	font-weight:500;
}
.itemStyleother .tag ul{
	display:flex;
}
.series_navi > ul{
	display:flex;
	flex-wrap:wrap;
}
.series_navi li a{
	color:#ffffff;
	display:block;
	position:relative;
	font-size:1.429em;
}
:root{
	--series1-color:#77b4ea;
	--series2-color:#a4dad7;
}
.series_navi li:first-child a{
	/*background: #48bee4;20220802修正*/
/*	background: #871a23;*/
	background:var(--series1-color);
}
.series_navi li:last-child a{
	/*background: #5aaf5a;20220802修正*/
/*	background: #757677;*/
	background:var(--series2-color);
}
.series_navi a:after{
	content:"";
	display:block;
	width:0;
	height:0;
	border-width:5px;
	border-style:solid;
	border-color:#ffffff transparent transparent transparent;
	position:absolute;
	top:0;
	bottom:0;
	right:1em;
	margin:auto;
}
.itemStyleother >ul{
	display:flex;
	flex-wrap:wrap;
}
.itemStyleother >ul >li{
	align-items: flex-start;
}
.itemStyleother.item_section .itembox{
	display:block;
	border:0;
}
.itemStyleother h5,.itemStyleother .item_spec dt{
	font-weight:500;
}
.itemStyleother h5{
	font-size:1.429em;
}
.itemStyleother >ul >li h5,.itemStyleother >ul >li >.item_image,.itemStyleother >ul >li .item_spec{
	width:100%;
}
.itemStyleother .series_image{
	margin-right:auto;
	margin-left:auto;
	max-width:356px;
}
.itemStyleother .series_image ul{
	border-width:1px 1px 0;
	border-style:solid;
	display:flex;
	/*border-color:#007bc7;20210703修正*/
	border-color: var(--series1-color);
}
.itemStyleother .series_image li{
	box-sizing:border-box;
	width:50%;
	text-align:center;
	cursor: pointer;
	transition: color 0.2s,background-color 0.2s;
}
.itemStyleother .series_image .series1 li:first-child{
	border-right:1px solid #007bc7;
}
.itemStyleother .series_image .series1{
	border-color:#6e777c;
	color:#6e777c;
}

.itemStyleother .series_image li:hover,.itemStyleother .series_image li.active{
	color:#ffffff;
}
.series2 .series_image ul{
	/*border-color: #5aaf5a;20220802修正*/
	border-color: var(--series2-color);
}
.series1 .series_image li:hover,.series1 .series_image li.active{
	/*background: #48bee4;20220802修正*/
	background: var(--series1-color);
}
.series2 .series_image li:hover,.series2 .series_image li.active{
	/*background: #5aaf5a;2022修正*/
	background: var(--series2-color);
}
.itemStyleother .series_image .image{
	position:relative;
	border-width:1px;
	border-style:solid;
	border-color:#d9d9d9;
}
.itemStyleother .series_image .image >div{
	position:absolute;
	top:0;
	left:0;
	transition:all 0.3s;
	z-index:1;
	opacity:0;
}
.itemStyleother .series_image .image >div.active{
	position:relative;
	z-index:5;
	opacity:1;
}
.itemStyleother .itembox .item_data{
	margin-top:0;
}
.sizes{
	padding-left:2em;
	text-indent:-2em;
}
.ind1{
	padding-left: 1em;
}
.ano01{
	color: #f00;
    margin-top: 1.5em;
    padding: 0.3em 0.6em;
    border: 1px solid #f00;
    text-align: center;
}
/*PC
----------------------------------------------------*/
@media screen and (min-width:1081px),print{
	.season_navi{
		width:980px;
		margin-right:auto;
		margin-left:auto;
	}
	#season_main{
		width:980px;
		margin-right:auto;
		margin-left:auto;
	}
	#season_main h3{
		font-size:1.429em/*20px*/;
	}
	.season_navi ul{
		font-size:1.143em/*16px*/;
		margin-bottom:20px;
	}
	.season_navi li{
		font-size:1.143em/*16px*/;
	}
	.season_navi li a{
		padding-top:20px;
		padding-bottom:20px;
	}
	.season_lineup{
		padding:20px;
	}
	.season_lineup li{
		width:49%;
		font-size:0.857em/*12px*/;
		padding-bottom:10px;
		margin-bottom:10px;
	}
	.season_lineup li:nth-last-child(2){
		padding-bottom:0;
		margin-bottom:0;
		border-bottom:0;
	}
	.item_section{
		margin-top:50px;
		margin-bottom:70px;
	}
	.item_section .category{
		font-size:1.429em/*20px*/;
		padding:5px;
	}
	.item_section .visual{
		margin-bottom:20px;
	}
	#item_section2 .visual{
		margin-bottom:0;
	}
	.item_section .itembox{
		padding-bottom:50px;
		margin-bottom:50px;
	}
	.itembox .tag{
		margin-bottom:20px;
	}
	.itembox .tag li:not(:last-child){
		margin-right:5px;
	}
	.item_section h4{
		font-size:1.429em/*20px*/;
		padding-bottom:10px;
		margin-bottom:20px;
	}
	.item_data h5,.item_about figcaption{
		margin-bottom:10px;
	}
	.item_section .item_image{
		padding:20px;
	}
	.item_section .item_data{
		margin-top:30px;
	}
	.item_section .item_data >ul{
		font-size:0.857em/*12px*/;
		padding:20px;
	}
	.item_section .item_data ul dt{
		float:left;
		margin-right:0.5em;
	}
	.item_section .item_data ul dd{
		overflow: hidden;
	}
	.series_navi{
		width:820px;
		margin-right:auto;
		margin-left:auto;
	}
	.series_navi li{
		width:400px;
	}
	.series_navi a{
		padding:15px;
	}
	.itemStyleother .tag{
		margin-bottom:30px;
	}
	.itemStyleother .tag li{
		margin-right:10px;
	}
	.itemStyleother.item_section .itembox{
		margin-right:40px;
		margin-bottom:40px;
	}
	.itemStyleother.item_section .itembox:nth-of-type(2n){
		margin-right:0;
	}
	.itemStyleother h5{
		margin-bottom:10px;
	}
	.itemStyleother >ul{
		margin-top:50px;
	}
	.itemStyleother .series1{
		margin-bottom:40px;
	}
	.itemStyleother >ul >li{
		width:470px;
	}
	.itemStyleother .item_spec dt{
		margin-top:20px;
		margin-bottom:10px;
	}
	.itemStyleother .series_image ul li{
		padding:10px;
	}
}
/*PC & Tablet
----------------------------------------------------*/
@media screen and (min-width:751px),print{
	.season_navi a:hover{
		background:#36a9d3;
		color:#ffffff;
	}
	.season_navi ul{
		display: table;
		table-layout: fixed;
		font-size:1.143em/*16px*/;
		margin-bottom:20px;
	}
	.season_navi li{
		display:table-cell;
		font-size:1.143em/*16px*/;
	}
	.series_navi ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	.itemStyleother .itembox:nth-of-type(2n){
		margin-right:0;
	}
	.itemStyleother .itembox:last-of-type,.itemStyleother .itembox:nth-last-of-type(2){
		margin-bottom:0;
	}

}
/*Tab&Phone
--------------------------------------------------*/
@media screen and (max-width:1080px){
	.season_navi,#season_main{
		width:90%;
		margin-right:auto;
		margin-left:auto;
	}
	.season_navi{
		margin-bottom:5%;
	}
	.season_navi a{
		padding:3%;
	}
	.season_lineup{
		padding:3%;
		margin-bottom:3%;
	}
	.season_lineup li{
		width:100%;
		padding-bottom:2%;
		margin-bottom:2%;
	}
	.season_lineup li:last-child{
		margin-bottom:0;
	}
	.item_section{
		padding-top:5%;
		padding-bottom:7%;
	}
	.item_section .tag{
		margin-bottom:3%;
	}
	.item_section .tag li{
		margin-right:1%;
		margin-bottom:1%;
	}
	.item_section .category{
		padding:1%;
	}
	.item_section .visual{
		margin-bottom:5%;
	}
	.itembox{
		padding-bottom:7%;
		margin-bottom:7%;
	}
	.item_section h4{
		padding-bottom:2%;
		margin-bottom:3%;
	}
	.item_data h5,.item_about figcaption{
		margin-bottom:1%;
	}
	.item_about .item_image{
		padding:5%;
	}
	.item_data{
		margin-top:3%;
	}
	.item_data >ul{
		padding:3%;
	}
	.item_data li dd ul{
		padding:1% 3%;
	}
	.season_lineup li,.item_section .item_data >ul{
		font-size:0.857em/*12px*/;
	}
	.item_section .category{
		font-size:1.429em;
	}
	.series_navi li a{
		padding:3%;
		padding-right:calc(3% + 1em + 10px);
	}
	.itemStyleother h5{
		margin-bottom:2%;
	}
	.itemStyleother .item_spec dt{
		margin-top:3%;
		margin-bottom:1%;
	}/*
	.itemStyleother .item_spec dd{
		font-size:0.857em;
	}*/
	.itemStyleother .series_image li{
		padding:3%;
	}
	.attention{
		font-size:0.667em;
	}
	.model_photo{
		width:80%;
		margin-right:auto;
		margin-left:auto;
	}
	/*2022/08/17追加*/
.itembox .tag.anno_tag ul span{font-size: .7em;}
/*以上*/
}

/*Tablet
----------------------------------------------------*/
@media screen and (min-width:751px) and (max-width:1080px){
	.model_photo{
		width:40%;
	}
	#season_main h3{
		font-size:1.429em/*20px*/;
	}
	.itemStyle1 .item_about{
		width:55%;
		align-self: flex-end;
	}
	.item_section h4{
		font-size:1.429em;
	}
	.series_navi li{
		width:48%;
	}
	.itemStyleother .series1{
		margin-bottom:5%;
	}
	.itemStyleother .itembox{
		width:48%;
		margin-right:4%;
		padding-bottom:0;
	}
}


/*Phone
----------------------------------------------------*/
@media screen and (max-width:750px){
	.item_section h4{
		font-size:1.200em;
	}
/*	.item_section h4,.itemStyleother h5{
		font-size:calc((0.625rem + ((1vw - 3.2px) * 3.125) * 1.429));
	}*/
	.season_navi li{
		border-left:0;
	}
	.season_navi li:nth-child(2){
		border-top:1px solid #36a9d3;
		border-bottom:1px solid #36a9d3;
	}
	/*
	.itembox .tag ul{
		justify-content: space-between;
	}*/
	.itemStyleother .tag ul{
		flex-wrap:wrap;
	}
	.itembox .tag li,.itemStyleother .tag li{
		max-width:32.3%;
		margin-bottom:1%;
		line-height:0;
	}/*
	.itembox .tag li:nth-child(3n){
		margin-right:0;
	}*/
	
	.item_about{
		width:100%;
	}
	.itembox .model_photo{
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:5%;
	}
	.itemStyleother .itembox{
		width:100%;
	}
	.series_navi{
		flex-wrap:wrap;
		font-size:calc((1rem + ((1vw - 3.2px) * 3.125)) * 0.426666666666667);
	}
	.series_navi li{
		width:100%;
		font-size:1.8em
	}
	ul.series1 {
	    margin-bottom: 5%;
	}
.ano01{
    text-align: left;
}
	.ano01 span{
		display: inline-block;
		padding-left: 1em;
		text-indent: -1em;
	}
}
.fs90{
	font-size:0.9em;
}