@charset "utf-8";

/* font-family: "Jost", sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
/* font-family: 'Noto Sans JP', sans-serif; */
/* font-family: 'Noto Serif JP' sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
:root {
	--color-text      : #444444;
	--color-body      : #d2d2d2;
	
	--color-gray-300  : #898989;
	--color-gray-320  : #8b8b8b;
	--color-gray-900  : #202020;

	--color-white  : #ffffff;
	
	--font-gothic: 'Jost', 'Noto Sans JP', 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	--font-mincho: 'Noto Serif JP', '游明朝', YuMincho, 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
}

*{margin:0;padding:0;box-sizing: border-box;}
html {height:100%;}
a:focus, *:focus{ outline:none; }
main{display: block;}
img{height:auto;max-width:100%;vertical-align: bottom;}
ul li {list-style:none;}
ol,ul{list-style: none; list-style-type: none;}
.center{text-align:center;}
.clear{clear:both;}
.block{display:block;}
.bordernone{border: none !important;}
h1, h2, h3, h4, h5, h6  {font-weight: inherit;}
p{margin:0;}
em{font-style: normal;}
html {
	scroll-behavior: smooth;
}
body {
	position:relative;
	width:100%;
	height:100%;
	color: var(--color-text);
	background: var(--color-body);
	font-size: 1.4rem;
	font-family: var(--font-gothic);
	font-weight: 500;
	line-height:1.6;
}
@media screen and (min-width:768px){
  body{
    font-size: 1.6rem;
  }
}
body.no-scroll {
	overflow: hidden;
}
body.hedfix {
	margin-top: 83px;
}
a:hover img{
	opacity: .75;
}
a img,a{
	transition: all  0.5s;
}
a{
	text-decoration: none;
	outline: none;
	color: var(--color-text);
}
a:hover{
	color: var(--color-gray-320);
}
.imgleft{
	float:left;
	margin-right:15px;
}
.imgright{
	float:right;
	margin-left:15px;
}
.flexlist{
	display: flex;
}
.flex{
  display: flex;
}
.center{
  text-align: center;
}

/* header
------------------------------------------------------------- */

.header {
	position: fixed;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2000;
}
.header__inner {
	position: relative;
	display: flex;
	justify-content: space-between;
	max-width: 1650px;
	margin-inline: auto;
	padding-inline: 15px;
}
.header__logo {
	width: 120px;
	max-width: 15%;
	line-height: 1;
}
.header__logo .logo {
	display: block;
}
.-top .header__logo .logo02 img {
	filter: brightness(0) invert(1);
	transition: 0.3s;
}

.navi-wrapper {
	padding-block: 15px;
}

.gnavi {
	display: flex;
	width: 1200px;
	max-width: 100%;
	margin-right: -1%;
}
.gnavi li {
	flex-grow: 1;
}
.gnavi a {
	display: block;
	color: var(--color-gray-320);
	font-size: clamp(1.2rem, 1.5vw, 2rem);
	font-weight: 500;
	text-align: center;
}

.unavi {
	display: flex;
}
.unavi--sp {
	margin-right: 48px;
	gap: 1em;
	font-size: 1.8rem;
}
.unavi--drawer {
	margin-bottom: 1.5em;
	justify-content: center;
	gap: 1.5em;
}
.unavi__item--cart {
	position: relative;
}
.unavi li .icon {
	display: block;
	width: 1.5em;
	height: 1.5em;
	background: center / contain no-repeat;
}
.unavi--drawer li .icon {
	width: 2em;
	height: 2em;
}
.unavi li .icon.icon--user {
	background-image: url(../../images/treponti/common/icon_user.svg);
}
.unavi li .icon.icon--user.-gy {
	background-image: url(../../images/treponti/common/icon_user_gy.svg);
}
.unavi li .icon.icon--fav {
	background-image: url(../../images/treponti/common/icon_fav.svg);
}
.unavi li .icon.icon--fav.-gy {
	background-image: url(../../images/treponti/common/icon_fav_gy.svg);
}
.unavi li .icon.icon--cart {
	background-image: url(../../images/treponti/common/icon_cart.svg);
}
.unavi li .icon.icon--cart.-gy {
	background-image: url(../../images/treponti/common/icon_cart_gy.svg);
}
.unavi li .icon.icon--search {
	background-image: url(../../images/treponti/common/icon_serch.svg);
}
.unavi li .icon.icon--search.-gy {
	background-image: url(../../images/treponti/common/icon_serch_gy.svg);
}
.unavi .fs-client-cart-count {
	top: -4px;
	right: -5px;
	background: var(--color-gray-320);
}
.unavi--drawer .fs-client-cart-count {
	top: -4px;
	right: -5px;
	background: var(--color-gray-320);
}

.unavi .search-block {
  position: absolute;
  top: 55px;
  right: -35px;
  width: 70vw;
  transform: translateX(-50px);
  font-size: min(1.4rem,3.6vw);
  z-index: 10;
}
.search-block {
	background: #fff;
	border: 1px solid var(--color-gray-300);
}
.search-block form {
	display: flex;
}
.searchbox {
	flex:1;
	margin-right: 10px;
	height: 2.5em;
	line-height: 2.5;
}
.searchbox input {
	width: 100%;
	padding-inline: 8px;
	appearance: none;
	background: transparent;
	border: none;
	border-radius: 0;
	font: inherit;
	outline: none;
}
.submit01 {
    cursor: pointer;
	width: 40px;
	height: 100%;
	appearance: none;
	background: transparent;
	background: center / auto 70% no-repeat url(../../images/treponti/common/icon_serch.svg);
	border: none;
	border-radius: 0;
	font: inherit;
	outline: none;
}


/* drawer / hamburger
------------------------------------------------------------- */

.hamburger {
	position: fixed;
	position: absolute;
	top: 15px;
	right: 15px;
	display: block;
	width: 28px;
	touch-action: manipulation;
	z-index: 2200;
}
.hamburger__icon {
	position: relative;
	margin-top: 8px;
}
.hamburger__icon,
.hamburger__icon::before,
.hamburger__icon::after {
	display: block;
	width: 28px;
	height: 3px;
	background-color: var(--color-gray-320);
	transition: background-color .4s, transform .4s;
}
.hamburger__icon::before,
.hamburger__icon::after {
	content: "";
	position: absolute;
	right: 0;
}
.hamburger__icon::before {
	top: -7px;
}
.hamburger__icon::after {
	top: 7px;
}
.hamburger.active .hamburger__icon {
	background-color: transparent;
}
.hamburger.active .hamburger__icon::before {
	transform: translateY(7px) rotate(45deg);
}
.hamburger.active .hamburger__icon::after {
	transform: translateY(-7px) rotate(-45deg);
}
.hamburger__txt {
	display: block;
	margin-top: 10px;
	color: var(--color-gray-320);
	font-size: min(1rem,2.5vw);
	font-weight: 600;
}

.drawer {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 996;
	display: none;
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
	height: 100%;
	background: var(--color-body);
	transform: scale(1);
	transition: transform .4s;
	z-index: 2100;
}
.drawer__wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 12% 30px 8%;
	color: var(--color-text);
	font-size: clamp(1.8rem, 1.8vw, 2.4rem);
}
.drawer__wrapper a {
	color: inherit;
}
.drawer.active {
	transform: scale(1);
}

.dwnavi__wrapper {
	position: relative;
	padding-bottom: 50px;
	font-size: clamp(2.4rem, 2.4vw, 2.8rem);
}
.dwnavi__wrapper::after {
	content: '';
	position: relative;
	left: 60vw;;
	bottom: 0;
	display: block;
	width: 90px;
	height: 90px;
	background: right bottom / 90% auto url(../../images/treponti/common/logo_mark_bl.png) no-repeat var(--color-body);
}
.dwnavi {
	margin-top: 30px;
	letter-spacing: 1px;
}
.dwnavi > li {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--color-text);
}
.dwnavi a {
	display: block;
}

@media only screen and (max-width: 767px) {
	.gnavi {
		display:none;
	}
	.header ,
	.hamburger {
		transition: transform 0.3s;
	}
	.header.is-active,
	.hamburger.is-active {
		position: fixed;
		transform: translateY(-150%);
	}
	.header.is-active {
		background: linear-gradient(180deg, rgb(238, 238, 238) 0%, rgba(238, 238, 238, .8) 70%, rgba(238, 238, 238, 0) 98%);
	}
	.header.is-fixed,
	.hamburger.is-fixed {
		transform: translateY(0);
	}
	.header.is-active .header__logo .logo02 img {
		filter: none;
	}
}
@media only screen and (min-width: 768px) {
	.hamburger ,
	.unavi--sp {
		display:none !important;
	}
	.header ,
	.hamburger {
		transition: transform 0.3s;
	}
	.header.is-active {
		position: fixed;
		background: rgba(221, 221, 221, .8);
		transform: translateY(-300%);
	}
	.header.is-show {
		transform: translateY(0);
	}
	.header__logo {
		margin-bottom: -95px;
	}
	.header.is-show .logo02 img {
		filter: brightness(0) invert(1);
	}
	.navi-wrapper {
		padding-block: 25px;
	}
}


/* footer
------------------------------------------------------------- */

.footer {
	color: #FFF;
}
.footer__inner {
	max-width: 1360px;
	margin: 0 auto;
	padding: 60px 50px;
}
.footer a {
	color: inherit;
}
.footer__logo {
	width: 100px;
	margin-inline: auto;
}
.footer__logo a {
	display: block;
}
.footer__logo img {
	width: 100%;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.fnavi {
	font-size: clamp(1.8rem, 1.8vw, 2.4rem);
}
.fnavi a {
	display: block;
	text-decoration: none;
}

@media only screen and (max-width: 767px) {
	.fnavi {
		margin-top: 30px;
		font-weight:500;
		letter-spacing:1px;
	}
	.fnavi > li {
		margin-bottom: 8px;
		padding-bottom: 8px;
		border-bottom: 1px solid var(--color-text);
	}
	.fnavi a {
		display: block;
	}
}
@media only screen and (min-width: 768px) {
	.footer__inner {
		display: flex;
		align-items: center;
		gap: min(100px,7%);
		padding: 120px 15px;
	}
	.fnavi__wrapper {
		flex: 1;
	}
	.footer__logo {
		max-width: 15%;
	}
	.fnavi {
		display: flex;
		flex-wrap: wrap;
		gap: .5em 2em;
	}
}


/* /////////////////////////////////////////////////////////////////////////////

 メインコンテンツ

///////////////////////////////////////////////////////////////////////////// */


.main {
	max-width: 1290px;
	margin-inline: auto;
	padding: 0 15px;
	font-size: clamp(1.4rem, 1.8vw, 2.4rem);
}
.main .mv ,
.main .content {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
}

.content {
	clear: both;
	overflow: hidden;
	zoom: 100%;
}
.footer ,
.content--trico {
	background: calc(100% - 10px) 0 / 18px auto url(../../images/treponti/common/bg_stripe.svg) repeat-y var(--color-gray-900);
}
.content--trico {
	color: var(--color-body);
}
.content--gy01 {
	background: var(--color-body);
}
.content--gy02 {
	background: var(--color-gray-320);
	color: var(--color-gray-900);
}
.content--gy03 {
	background: var(--color-text);
	color: #FFF;
}
.content--bl {
	background: var(--color-gray-900);
	color: #FFF;
}

.content a {
	color: inherit;
}

.content__inner {
	max-width: 1290px;
	margin: 0 auto;
	/*padding: 13vw 15px;*/
	padding: 13vw 7vw;
}
.content__inner--slim {
	/*padding: 9vw 15px;*/
	padding: 9vw 7vw;
}
.content__inner--top-min {
	padding-top: 15px;
}
.content__inner--full {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}
.content__inner--sp_full {
	padding-left: 0;
	padding-right: 0;
}

a.content__inner {
	display: block;
	max-width: none;
	text-decoration: none;
}
a.content__inner .title_block {
	margin-bottom: 0;
}
a.content__inner:hover {
	background: rgb(255 255 255 / 20%);
	backdrop-filter: saturate(1.1) brightness(1.15);
}

.content__inner + .content__inner {
	padding-top: 0;
}


@media only screen and (max-width: 1260px) {
	.content--trico .content__inner {
		padding-inline: 40px;
	}
}
@media only screen and (min-width: 768px) {
	.main .mv ,
	.main .content {
		margin-right: calc(50% - 50vw + 7.5px);
		margin-left: calc(50% - 50vw + 7.5px);
	}
	.footer ,
	.content--trico {
		background-position: calc(100% - 40px) 0;
		background-size: 35px auto;
	}
	.content__inner {
		/*padding: 10vw 15px;*/
		padding: 10vw 3vw;
	}
	.content__inner--slim {
		/*padding: 6vw 15px;*/
		padding: 6vw 3vw;
	}
	.content__inner--slim-nobtm {
		/*padding: 10vw 15px 0;*/
		padding: 10vw 3vw 0;
	}
	.content__inner--top-min {
		padding-top: 20px;
	}
	.content__inner--linkbox {
		padding: 9vw 15px;
	}
}

/* タイトル
-----------------------------------------------------------*/

/* title */
.title_block {
	margin-bottom: 10vw;
}
.title_block_small {
	margin-bottom: 5vw;
}
.title_block_min {
	margin-bottom: 3vw;
}
.title_block.-wh {
	color: #FFF;
}
.title_block :where(h1,h2,h3) {
	line-height: 1.1;
}
.title_block .catch {
	margin-bottom: .5em;
}
.title_block .catch--underline {
	position: relative;
}
.title_block .catch--underline::after {
	position: absolute;
	content: '';
	left: calc(50% - 4em);
	bottom: -.2em;
	width: 8em;
	height: 0;
	border-top: 1px solid var(--color-text);
}
.title_block .size_box {
	margin-bottom: .5em;
}
.title_block .size_box .size {
	display: inline-block;
	padding: 0 .2em;
	border-top: 1px solid var(--color-text);
	border-bottom: 1px solid var(--color-text);
	font-weight: 600;
}
.title_block .en {
	display: block;
	font-size: clamp(3rem, 4.5vw, 6rem);
	font-weight: 400;
	letter-spacing: .1em;
	color: var(--color-gray-900);
}
.title_block .en-about {
	display: block;
	font-size: clamp(3rem, 4.5vw, 6rem);
	font-weight: 400;
	letter-spacing: .1em;
	color: var(--color-white);
}
.title_block .en-treponti {
	display: block;
	font-size: clamp(3rem, 4.5vw, 6rem);
	font-weight: 400;
	letter-spacing: .1em;
	color: var(--color-body);
}
.title_block .en-link-all {
	display: block;
	font-size: clamp(3rem, 4.5vw, 6rem);
	font-weight: 400;
	letter-spacing: .1em;
	color: var(--color-body);
}
.title_block .en-link-catalog {
	display: block;
	font-size: clamp(3rem, 4.5vw, 6rem);
	font-weight: 400;
	letter-spacing: .1em;
	color: var(--color-gray-320);
}
.title_block .en--bold {
	font-weight: 600;
}
.title_block .en--jp {
	letter-spacing: 0;
}
.title_block .en--small {
	font-size: clamp(1.6rem, 2vw, 2.8rem);
}
.title_block .en--medium {
	position: relative;
	display: inline-block;
	padding: 0 .2em .4em;
	font-size: clamp(2rem, 3vw, 4rem);
	font-weight: 700;
	letter-spacing: 0;
}
.title_block .en--series {
	position: relative;
	display: inline-block;
	padding: 0 .1em .3em;
	font-size: clamp(2.5rem, 2.5vw, 4.5rem);
	font-weight: 700;
	letter-spacing: 0;
}
.title_block .en--series::after {
	position: absolute;
	display: block;
	content: '';
	left: 0;
	bottom: .2em;
	width: 100%;
	height: 2px;
	background: var(--color-text);
}
.title_block .en--type {
	position: relative;
	display: inline-block;
	padding: 0 .1em .3em;
	font-size:clamp(2rem, 3vw, 4rem);
	font-weight: 600;
	letter-spacing: 0;
}
.title_block .en--type::after {
	position: absolute;
	display: block;
	content: '';
	left: 0;
	bottom: .2em;
	width: 100%;
	height: 2px;
	background: var(--color-text);
}
.title_block .en--product {
	font-size: clamp(3rem, 4.5vw, 5rem);
	letter-spacing: 0;
}
.title_block .jp {
	display: block;
	font-weight: 400;
	font-size: clamp(1.6rem, 2.2vw, 3rem);
	color: var(--color-gray-900);
}
.title_block .jp--series {
	display: block;
	font-weight: 400;
	font-size: clamp(1.6rem, 2.2vw, 2.8rem);
	color: var(--color-gray-900);
}
.title_block .jp-trenpoti {
	display: block;
	font-weight: 400;
	font-size: clamp(1.6rem, 2.2vw, 3rem);
	color: var(--color-body);
}
.title_block .en + .jp {
	margin-top: .5em;
}
.title_block .en-treponti + .jp-trenpoti {
	margin-top: .5em;
}
.title_small {
	margin-bottom: .5em;
	font-size: clamp(1.8rem, 2.8vw, 3.6rem);
	font-weight: 600;
}

.title_min {
	margin-bottom: .5em;
	font-size: clamp(1.6rem, 2.2vw, 3rem);
	font-weight: 600;
}

@media only screen and (min-width: 768px) {
	/*.title_block {
		margin-bottom: 10vw;
	}*/
	.title_block .size_box {
		margin-bottom: .2em;
	}
}

/* テキスト
-----------------------------------------------------------*/

.text_block {
	line-height: 1.6;
}
.text_block p:not(:last-child) {
	margin-bottom: 1.8em;
}
.text_block dl:not(:last-child) {
	margin-bottom: 1.8em;
}

.list_disc {
	padding-left: 30px;
}
.list_disc li {
	list-style-type: disc;
}

.-text--s {
	font-size: 90%;
}
.-text--ss {
	font-size: 80%;
}
.-text--mark {
	padding-left: 1em;
	text-indent: -1em;
}
@media screen and (min-width:768px){
	.-text--s {
		font-size: 70%;
	}
	.-text--ss {
		font-size: 65%;
	}
}

/* ボタンボックス
-----------------------------------------------------------*/

.btn_box {
	clear: both;
	color: var(--color-text);
	text-align: center;
}
.btn_box:not(:first-child) {
	margin-top: 30px;
}

.btn_box a {
	display: inline-block;
	width: 400px;
	max-width: 100%;
	padding: .25em;
	background: var(--color-gray-900);
	color: #d2d2d2;
	font-size: clamp(1.6rem, 2.2vw, 3rem);
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}
.btn_box a:hover {
	opacity: .6;
}
.btn_box .btn--small {
	font-size: inherit;
}
.btn_box .btn--large {
	width: 600px;
}
.btn_box .btn--gy {
	background: var(--color-gray-320);
	color: var(--color-gray-900);
}
.btn_box .btn--dgy {
	background: var(--color-text);
}
.btn_box .btn--fw400 {
	font-weight: normal;
}

.btn_list {
	display: flex;
	justify-content: center;
	gap: 10px;
}
.btn_list-series {
	display: flex;
	justify-content: center;
	gap: 10px;
	width: 80%;
    margin: auto;
}
.btn_box-80 {
    width: 70%;
}
.btn_list .btn_box {
	margin-top: 0;
}
@media only screen and (min-width: 768px) {
	.btn_box a {
		display: inline-block;
		width: 400px;
		max-width: 100%;
		padding: .25em;
		background: var(--color-gray-900);
		color: #d2d2d2;
		font-size: clamp(1.6rem, 2.2vw, 3rem);
		font-weight: 600;
		text-align: center;
		text-decoration: none;
	}
	.btn_list {
		display: flex;
		gap: 20px;
	}
	.btn_list--column {
		flex-direction: column;
	}
	.btn_box .btn--full {
		width: 100%;
		max-width: none;
	}
}


/* bnr_list
----------------------------------------------------------- */

.bnr_list {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
.bnr_list:not(:last-child) {
	margin-bottom: 30px;
}
.bnr_list__item ,
.bnr_list__item--3col ,
.bnr_list__item--4col {
	width: calc((100% - 15px) / 2);
}
.bnr_list__item--full {
	width: 100%;
}
.bnr_list a {
	display: block;
	text-decoration: none;
}
.bnr_list__name {
	display: block;
	margin-top: .5em;;
	font-size: clamp(1.6rem, 2vw, 2.8rem);
	text-align: center;
}

@media only screen and (min-width: 768px) {
	.bnr_list {
		gap: 20px;
	}
	.bnr_list:not(:last-child) {
		margin-bottom: 80px;
	}
	.bnr_list__item {
		width: calc((100% - 20px * 3) / 4);
	}
	.bnr_list__item--3col {
		width: calc((100% - 20px * 2) / 3);
	}
	.bnr_list__item--2col {
		width: calc((100% - 20px * 1) / 2);
	}
	.bnr_list__item--full {
		width: 100%;
	}
}


/* table
------------------------------------------------------------- */

.tbl {
	width: 100%;
	margin: 0 auto 15px;
	border-collapse: collapse;
}
.tbl th {
	padding: 5px;
	border-bottom: 1px solid var(--color-text);
	font-weight: normal;
	white-space: nowrap;
}
.tbl th u {
	font-weight: 600;
}
.tbl--typesize thead th {
	line-height: 1.4;
	vertical-align: bottom;
}
.tbl tbody th {
	font-size: clamp(1.6rem, 2.2vw, 3rem);
}
.tbl td {
	padding: 5px;
	border-bottom: 1px solid var(--color-text);
	text-align: center;
}

.tbl-min thead tr {
	background: var(--color-text);
	color: #FFF;
}
.tbl-min th ,
.tbl-min td {
	font-weight: 600;
}
.tbl-min tbody th {
	font-size: inherit;
}

@media only screen and (max-width: 767px) {
	.tbl_wrap {
		position: relative;
		margin: 0 -15px;
		overflow-x: auto;
		width: calc(100% + 30px);
		-webkit-overflow-scrolling: touch;
	}
	.tbl_wrap .tbl {
		min-width: 580px;
		margin-left: 20px;
	}

}

@media only screen and (min-width: 768px) {
	.tbl-min tbody th {
		text-align: left;
	}
}


/* item_list
----------------------------------------------------------- */

.item_list {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}
.item_list:not(:last-child) {
	margin-bottom: 30px;
}
.item_list__item {
	max-width: calc((100% - 40px * 2) / 3);
}
.item_list__item--full {
	width: 100%;
}
.item_list a {
	display: block;
	text-decoration: none;
}

@media only screen and (max-width: 767px) {
	.item_list--vertical img {
		max-width: 100%;
		max-height: 25vh;
		width: auto;
		height: auto;
	}
	.item_list--leash li {
		width: auto;
		max-width: none;
		flex: 4;
	}
	.item_list--leash li:nth-child(2) {
		flex: 5;
	}
}
@media only screen and (min-width: 768px) {
	.item_list {
		justify-content: space-between;
		gap: 40px;
	}
	.item_list:not(:last-child) {
		margin-bottom: 80px;
	}
	.item_list__item {
		max-width: calc((100% - 40px * 2) / 3);
	}
}


/* movie
------------------------------------------------------------- */

.movie_box {
	margin-bottom: 8px;
	aspect-ratio: 16 / 9;
	overflow: hidden;
}
.movie_box iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.movie_list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.movie_list__title {
	display: block;
	margin-top: .5em;
	text-align: center;
}

@media only screen and (min-width: 768px) {
	.movie_list {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap: 25px;
	}
	.movie_list__item {
		width: calc((100% - 25px * 2) / 3);
	}
	.movie_list--2col {
		gap: 40px;
	}
	.movie_list--2col .movie_list__item {
		width: calc((100% - 40px) / 2);
	}
}


/* -----------------------------------------------------------------------------

 home / top 

----------------------------------------------------------------------------- */

/* mv : top / lower 共通
------------------------------------------------------------- */

.mv--top {
	background: #FFF;
}
.mv--top .mv_splide {
	max-width: 100%;
}
.mv--top .mv_splide img{
	width: 100%;
}
.mv--lower {
	padding-top: 100px;
}
.mv_splide {
	max-width: 1790px;
	margin-inline: auto;
}
.mv_splide .more {
	position: absolute;
	display: block;
	left: 15px;
	bottom: 15px;
	padding: 2px 6px 4px;
	background: var(--color-gray-900);
	color: var(--color-gray-320);
	font-size: min(2rem,5vw);
	line-height: 1;
	z-index: 10;
}
.mv_splide .splide__pagination {
	bottom: -40px;
}
.mv_splide .splide__pagination__page {
	width: 1.4rem;
	height: 1.4rem;
	margin: 0 4px;
	background: #FFF;
	opacity: 1;
}
.mv_splide .splide__pagination__page.is-active {
	background: var(--color-gray-300);
	transform: none;
}

.mv__image {
	text-align: center;
}
.mv__image--wide {
	position: relative;
	overflow: hidden;
	aspect-ratio: 5 / 3;
}
.mv__image--wide img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	top: 0;
	left: 0;
}

.mv__catch {
	padding: 40px 15px;
	background: var(--color-body);
	font-size: clamp(2rem, 3vw, 4rem);
	font-weight: 700;
	text-align: center;
	line-height: 1.4;
	color: var(--color-gray-900);
}
.mv--top .mv__catch {
	padding: 60px 15px 40px;
}

@media only screen and (min-width: 768px) {
	.mv--lower {
		padding-top: 165px;
		padding-bottom: 10px;
	}
	.mv_splide {
		margin: 0 3vw;
	}
	.mv_splide .more {
		display: none;
	}
	.mv_splide .splide__pagination {
		bottom: -60px;
	}
	.mv_splide .splide__pagination__page {
		width: 2rem;
		height: 2rem;
		margin: 0 8px;
	}
	.mv__image--wide {
		aspect-ratio: 120 / 42;
	}
	.mv__catch {
		padding: 120px 15px;
		color: var(--color-gray-900);
	}
	.mv--top .mv__catch {
		padding: 130px 15px 120px;
	}
}

/* top-madein
------------------------------------------------------------- */

.top-madein .text_block {
	font-size: clamp(1.6rem, 2vw, 2.8rem);
}

@media only screen and (max-width: 767px) {
	.top-madein__body {
		margin-bottom: 30px;
	}
}
@media only screen and (min-width: 768px) {
	.top-madein {
		display: flex;
		gap: min(100px,8%);
	}
	.top-madein__body {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		flex: 1;
	}
	.top-madein__body .title_block {
		margin-bottom: 0;
	}
	.top-madein__body .btn_box {
		text-align: left;
		margin-top: 0;
	}
	.top-madein__image {
		width: 500px;
		max-width: 45%;
	}
}

/* top-series
------------------------------------------------------------- */

.top-series__item:not(:last-child) {
	margin-bottom: 80px;
}

@media only screen and (min-width: 768px) {
	.top-series__item:not(:last-child) {
		margin-bottom: 10vw;
	}
}

/* phil-about
------------------------------------------------------------- */

.phil-about__text a {
	color: #FFF;
	text-decoration: underline;
}

@media only screen and (max-width: 767px) {
	.phil-about__image {
		margin-bottom: 2em;
		text-align: center;
	}
	.phil-about__image img {
		width: 75%;
	}
}
@media only screen and (min-width: 768px) {
	.phil-about__body {
		display: flex;
		gap: min(80px,8%);
	}
	.phil-about__image {
		width: 500px;
		max-width: 40%;
	}
	.phil-about__text {
		flex: 1;
	}
}


/* phil-harness
------------------------------------------------------------- */

.phil-harness__item:not(:last-child) {
	margin-bottom: 40px;
}
.phil-harness__text dt{
	font-weight: 700;
}

@media only screen and (max-width: 767px) {
	.phil-harness__image {
		margin-bottom: 2em;
		text-align: center;
	}
	.phil-harness__image img {
		width: 75%;
	}
}
@media only screen and (min-width: 768px) {
	/*.phil-harness {
		padding-top: 100px;
	}*/
	.phil-harness__item:not(:last-child) {
		margin-bottom: 120px;
	}
	.phil-harness__item {
		display: flex;
		gap: min(70px,8%);
	}
	.phil-harness__item.-reverse {
		flex-direction: row-reverse;
	}
	.phil-harness__item.-alcenter {
		align-items: center;
	}
	.phil-harness__image {
		width: 500px;
		max-width: 40%;
	}
	.phil-harness__text {
		flex: 1;
	}
}

@media only screen and (min-width: 768px) {
	.top-category {
		padding-bottom: 100px;
	}
}


/* dog-info
------------------------------------------------------------- */

.dog-info__head {
	margin-bottom: 15px;
	text-align: center;
}
.dog-info__head .title {
	position: relative;
	display: inline-block;
	font-size: clamp(2rem, 2.3vw, 3rem);
	font-weight: 600;
	color: var(--color-gray-900);
}
.dog-info__head .title::after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	border-top: 1px solid var(--color-text);
}
.dog-info__body .weight_box {
	font-size: clamp(2rem, 3vw, 4rem);
	white-space: nowrap;
}
.dog-info__body .weight_box .unit {
	font-size: 75%;
}
.dog-info__body--flex {
	display: flex;
	gap: 20px;
}
.dog-info__body--flex > * {
	flex: 1;
}

@media only screen and (max-width: 767px) {
	.dog-info__item {
		margin-bottom: 30px;
	}
}
@media only screen and (min-width: 768px) {
	.dog-info {
		display: flex;
		flex-direction: column;
		gap: 30px;
	}
	.dog-info__content {
		display: flex;
		gap: 30px;
	}
	.dog-info__item--type {
		flex: 1;
	}
	.dog-info__item--weight {
		flex: 2;
	}
	.dog-info__item--size {
		flex: 5;
	}
	.dog-info__body--medium .list_disc {
		font-size: 96%;
		letter-spacing: -.05em;
	}
}
@media only screen and (min-width: 961px) {
	.dog-info {
		flex-direction: row;
	}
	.dog-info__content {
		flex: 1;
	}
}

/* cmn-sizes
------------------------------------------------------------- */

.cmn-sizes__list {
	display: flex;
	gap: 20px;
	justify-content: center;
	align-items: flex-end;
	margin-bottom: 30px;
	text-align: center;
}
.cmn-sizes__list li:nth-child(1) {
	width: 35%;
}
.cmn-sizes__list li:nth-child(2) {
	width: 25%;
}
.cmn-sizes__list .fig {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 35vw;
}
.cmn-sizes__list .label {
	display: block;
	color: var(--color-gray-320);
	font-size: clamp(1.6rem, 2.2vw, 3rem);
}
.cmn-sizes__list .text {
	display: block;
	padding: .5em;
	background: var(--color-text);
	font-size: clamp(1.2rem, 1.4vw, 2rem);
	color: var(--color-white);
}
.cmn-sizes__catch {
	font-size: clamp(2rem, 3vw, 4rem);
	font-weight: 700;
	text-align: center;
}

@media only screen and (min-width: 768px) {
	.cmn-sizes__list {
		gap: 60px;
		margin-bottom: 60px;
	}
	.cmn-sizes__list .fig {
		height: 320px;
	}
}


/* cmn-points
------------------------------------------------------------- */

.cmn-points {
	padding: 30px 20px;
	background: var(--color-body);
	color: var(--color-text);
}
.cmn-points__num {
	margin-bottom: 15px;
}
.cmn-points__num .point {
	position: relative;
	display: inline-block;
	font-size: clamp(2rem, 3vw, 4rem);
	font-weight: 600;
}
.cmn-points__num .point::after {
	position: absolute;
	content: '';
	left: 0;
	bottom: .2em;
	width: 100%;
	height: 0;
	border-top: 2px solid var(--color-text);
}
.cmn-points__item:not(:last-child) {
	margin-bottom: 30px;
}
.cmn-points__title {
	margin-bottom: .5em;
	font-size: clamp(1.6rem, 2.2vw, 3rem);
	font-weight: 600;
}
@media only screen and (min-width: 768px) {
	.cmn-points {
		padding: 40px;
	}
	.cmn-points__item:not(:last-child) {
		margin-bottom: 40px;
	}
	.cmn-points__text {
		padding-left: 1.5em;
	}
}


/* cmn-attention
------------------------------------------------------------- */

.cmn-attention__list {
	margin-bottom: 50px;
}
.cmn-attention__list li {
	position: relative;
	margin-bottom: 1.5em;
	padding-left: 2em;
}
.cmn-attention__list li::before {
	position: absolute;
	content: '\FF1E';
	top: 0;
	left: 0;
}

@media only screen and (min-width: 768px) {
	.cmn-attention__list {
		margin-bottom: 80px;
		padding-left: 1.5em;
	}
}


/* lower-series
------------------------------------------------------------- */

.lower-series .catch,
.lower-series .size_box{
	color: var(--color-gray-900);
}
.lower-series .series-kana{
	font-size: clamp(2rem, 2.5vw, 4rem);
}
.lower-series__item:not(:last-child) {
	margin-bottom: 80px;
}
.lower-series__image {
	flex: 1;
	text-align: center;
}
.lower-series__content .title_min{
	font-weight: 700;
}
.lower-series .btn_box{
	width: 80%;
	margin: auto;
}

@media only screen and (max-width: 767px) {
	.lower-series__image {
		margin-bottom: 15px;
	}
	.lower-series__image img {
		max-width: 50%;
		max-height: 25vh;
		margin: 1vw 0;
		width: auto;
		height: auto;
	}
}
@media only screen and (min-width: 768px) {
	.lower-series__item:not(:last-child) {
		margin-bottom: 160px;
	}
	.lower-series__body {
		display: flex;
		align-items: center;
		gap: 40px;
	}
	.lower-series__content {
		width: 50%;
	}
	.lower-series .btn_box{
		width: 630px;
    	max-width: 100%;
	}
}



/* lower-product
------------------------------------------------------------- */

.lower-product .catch,
.lower-product .size_box{
	color: var(--color-gray-900);
}
.lower-product .series-kana{
	font-size: clamp(2rem, 2.5vw, 3rem);
}
.lower-product__list {
	display: flex;
	flex-direction: column;
	gap: 50px;
}
.lower-product__item .title_block {
	margin-bottom: 20px;
}
.lower-product__image {
	flex: 1;
	text-align: center;
}
.lower-product .btn_box{
	width: 80%;
	margin: auto;
}

@media only screen and (max-width: 767px) {
	.lower-product__image img {
		max-width: 50%;
		max-height: 25vh;
		width: auto;
		height: auto;
		margin: 1vw 0 6vw 0;
	}
}
@media only screen and (min-width: 768px) {
	.lower-product {
		padding-bottom: 70px;
	}
	.lower-product__list {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 80px 50px;
	}
	.lower-product__item {
		position: relative;
		width: calc((100% - 50px) / 2);
		padding-bottom: 4em;
	}
	.lower-product__item .title_block .catch--underline {
		margin-top: 1.7em;
	}
	.lower-product__item .btn_box {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
	}
	.lower-product__image {
		display: flex;
		justify-content: center;
		align-items: center;
		aspect-ratio: 5 / 3;
	}
	.lower-product__image img {
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.lower-product .btn_box{
		width: 605px;
    	max-width: 100%;
	}
}


/* cmn-qa
------------------------------------------------------------- */

.cmn-qa__item:not(:last-child) {
	margin-bottom: 30px;
}
.cmn-qa__label {
	position: relative;
	margin-bottom: .25em;
	padding-left: 1.5em;
	font-size: clamp(1.6rem, 2.2vw, 3rem);
	font-weight: 600;
}
.cmn-qa__label::before {
	position: absolute;
	content: 'Q.';
	top: 0;
	left: 0;
}
.cmn-qa__text {
	position: relative;
	margin-left: 2em;
	padding-left: 2em;
}
.cmn-qa__text::before {
	position: absolute;
	content: 'A.';
	top: 0;
	left: 0;
}
.cmn-qa__text .btn{
	width: 60%;
}

@media only screen and (min-width: 768px) {
	.cmn-qa {
		padding-top: 70px;
	}
	.cmn-qa__text .btn{
        width: 400px;
        max-width: 100%;	}
}


/* info-size
------------------------------------------------------------- */

.info-size__body {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.info-size__tbl-wrap .tbl {
    width: 90%;
}
.info-size__tbl-wrap .tbl-min thead tr {
    background: var(--color-text);
    color: var(--color-body);
}
.info-size__tbl-wrap th,
.info-size__tbl-wrap td{
	font-weight: 700;
}
.info-size__list {
	display: flex;
	margin-block: 40px;
	font-weight: 600;
	text-align: center;
}
.info-size__list li:not(.mark) {
	flex: 1;
}
.info-size__list li.mark {
	width: 1em;
}
.info-size__list li u {
	white-space: nowrap;
	font-weight: 700;
}
.info-size__list li .fig {
	display: block;
	margin-top: 1em;
}
.info-size__text u{
	font-weight: 700;
}

@media only screen and (min-width: 768px) {
	.info-size__body {
		flex-direction: row;
		gap: 80px;
	}
	.info-size__tbl-wrap {
		width: 400px;
		max-width: 40%;
	}
	.info-size__text {
		flex: 1;
	}
}



/* info-typesize
------------------------------------------------------------- */

.info-typesize__item {
	width: 880px;
	max-width: 100%;
	margin-inline: auto;
}
.info-typesize__item--slim {
	width: 600px;
}

.info-typesize__item:not(:last-child) {
	margin-bottom: 40px;
}
.info-typesize .tbl--typesize th{
	color: var(--color-gray-900);
}

@media only screen and (max-width: 767px) {
}
@media only screen and (min-width: 768px) {
	.info-typesize {
		padding-top: 70px;
	}
	.info-typesize__item:not(:last-child) {
		margin-bottom: 120px;
	}
}



/* xxxxxxxx
------------------------------------------------------------- */

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



.-center {
	text-align: center;
}
.-left {
	text-align: left;
}
.-right {
	text-align: right;
}

@media only screen and (max-width: 767px) {
	.sp_hide {
		display: none;
	}
	.sp_center {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
}
@media only screen and (min-width: 768px) {
	.pc_hide {
		display: none;
	}
	.pc_center {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
}