@charset "utf-8";

html{
	font-size: 62.5%;
	height: 100%;
}
body{
    line-height: 1.5;
    font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
}
a{
	color: #000000;
    display: block;
	cursor: pointer;
}
a:hover{
	color: #000000;
}
img{
	width: 100%;
}
section{
	margin-bottom: 70px;
}
.row>*{
	padding-left: 15px;
	padding-right: 15px;
}
.sp{
	display: none !important;
}
@media screen and (max-width: 768px) {
  .pc {
    display: none !important; 
  } 
  .sp {
    display: block !important; 
  } 
}
/***** common *****/
/* h2,h3 */
h1,h2{
	font-size: 4rem;
	font-weight: 700;
	margin-bottom: 50px;
}
h3{
	font-size: 2.4rem;
	font-weight: 700;
	margin-bottom: 20px;
}
.h2__center,
.h3__center{
	text-align: center;
}
.h2__left,
.h3__left{
	text-align: left;
}
.h2__orange{
	text-align: center;
}
.h2__orange span{
	font-weight: 700;
	color: #EA5503;
}
/* txt */
h3+p{
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 20px;
}
.bold-18{
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 10px;
}
.bold-18+p{
	font-size: 1.4rem;
	line-height: 1.2;
}
/* margin */
.mb20{
	margin-bottom: 20px;
}
/* bk */
.bk__outer{
	margin: 40px calc(50% - 50vw) 70px;
	background-color: #000;
}
.bk__outer2 {
	margin: 0 calc(50% - 50vw) 0px;
	background-color: #000204;
}
.bk__inner{
	margin: 0 auto;
	padding-top: 70px;
	padding-bottom: 70px;
}
.bk__outer .bk__inner{
	color: #ffffff !important;
}
.bk-darkgray{
	background-color: #242424;
}
.bk-lightgray{
	background-color: #4A4A4A;
}
.bk-lightgray{
	background-color: #4A4A4A;
}
.bk-palegray{
	background-color: #efefef;
}
/* link */
.link{
	color: #AFAFAF;
}
.link:hover{
	color: #AFAFAF;
	text-decoration: underline;
}
.link.active{
	color: #EA5503;
	text-decoration: underline;
}
/* btn */
.btn-center{
	margin: 40px auto 50px;
}
.btn__box-three{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 50px;
}
.btn__box-three a{
	flex: 0 0 33.33%;
	margin-right: 15px;
	margin-left: 15px;
}

.btn__box-three-bl {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 50px;
	margin-bottom: 100px;
}
.btn__box-three-bl a{
	flex: 0 0 33.33%;
	margin-right: 15px;
	margin-left: 15px;
}

.btn-black{
	max-width: 320px;
	width: 100%;
	height: 46px;
	line-height: 46px;
	color: #ffffff;
	background-color: #000000;
	border: solid 1px #fff;
	position: relative;
	text-align: center;
	font-size: 1.5rem;
	margin-bottom: 15px;
	transition: all .3s;
}
.btn-black:hover{
	color: #000000;
	background-color: #ffffff;
	transition: all .3s;
}
.btn__main-black::after{
	content: url(../images/common/icon_window-white.svg);
	width: 20px;
	height: 20px;
	position: absolute;
	right: 20px;
}
.btn-black:hover.btn__main-black::after {
	content: url(../images/common/icon_window-black.svg);
}
.btn__arrow-black::after{
	content: url(../images/common/icon_arrow-white.svg);
	width: 20px;
	height: 20px;
	position: absolute;
	right: 20px;
}
.btn-black:hover.btn__arrow-black::after{
	content: url(../images/common/icon_arrow-black.svg);
}
.btn-white{
	max-width: 320px;
	width: 100%;
	height: 46px;
	line-height: 46px;
	color: #000000;
	background-color: #ffffff;
	border: solid 1px #000000;
	position: relative;
	text-align: center;
	font-size: 1.5rem;
	margin-bottom: 15px;
	transition: all .3s;
}
.btn-white:hover{
	color: #ffffff;
	background-color: #000000;
	border-color: #fff;
	transition: all .3s;
}
.btn__main-white::after{
	content: url(../images/common/icon_window-black.svg);
	width: 20px;
	height: 20px;
	position: absolute;
	right: 20px;
}
.btn__arrow-white::after{
	content: url(../images/common/icon_arrow-black.svg);
	width: 20px;
	height: 20px;
	position: absolute;
	right: 20px;
}
.btn-white:hover.btn__arrow-white::after{
	content: url(../images/common/icon_arrow-white.svg);
}
.btn-white:hover.btn__main-white::after {
	content: url(../images/common/icon_window-white.svg);
}
.btn__more{
	font-size: 14px;
	color: #ffffff;
	border: solid 1px #ffffff;
	border-radius: 50px;
	padding: 10px 30px;
	max-width: 100px;
	text-align: center;
	margin-bottom: 15px;
	text-decoration: unset;
	transition: all .3s;
}
.btn__more::after{
	content: url(/images/common/icon_window-white.svg);
	width: 20px;
	height: 20px;
	padding-left: 5px;
}
.btn__more:hover{
	background-color: #000000;
	color: #fff;
	transition: all .3s;
}
.btn__more:hover::after {
}
.btn__more-white{
	color: #ffffff;
	border: solid 1px #ffffff;
}
.btn__more-white:hover{
	color: #000;
	background-color: #ffffff;
}
.btn__more-white::after{
	content: url(../images/common/icon_arrow-white.svg);
	vertical-align: middle;
}
.btn__more-white:hover::after{
	content: url(../images/common/icon_arrow-black.svg);
}
.btn__more-window::after{
	content: url(../images/common/icon_window-white.svg);
}
.btn__more-window:hover::after{
	content: url(../images/common/icon_window-black.svg);
}
.btn_hakuto {
	height: fit-content;
	line-height: 1.5;
	font-weight: 700;
	padding: 10px 0;
}
.btn_hakuto .f12 {
	font-size: 1.2rem;
}
.btn__main-white.btn_hakuto::after {
	content: url(../images/common/icon_window-black.svg);
	width: 20px;
	height: 20px;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

/* swiper opacity gradient */
.flicking-viewport::before,
.flicking-viewport::after {
	content: "";
	display: block;
	width: 200px;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 2;
	pointer-events: none;
}
.flicking-viewport::before {
	left: 0;
	background: -moz-linear-gradient(to right, #fff 0%, transparent 100%);
	background: -webkit-linear-gradient(to right, #fff 0%, transparent 100%);
	background: linear-gradient(to right, #fff 0%, transparent 100%);
}
.flicking-viewport::after {
	right: 0;
	background: -moz-linear-gradient(to right, #fff 0%, transparent 100%);
	background: -webkit-linear-gradient(to right, #fff 0%, transparent 100%);
	background: linear-gradient(to right, transparent 0%, #fff 100%);
}
.at8040-products .flicking-viewport::before,
.at8040-products .flicking-viewport::after {
	display: none;
}
.black .flicking-viewport::before,
.black .flicking-viewport::after {
	content: "";
	display: block;
	width: 200px;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 2;
}
.black .flicking-viewport::before {
	left: 0;
	background: linear-gradient(to right, #000 0%, transparent 100%);
}
.black .flicking-viewport::after {
	right: 0;
	background: linear-gradient(to right, transparent 0%, #000 100%);
}

/* asterisk */
.asterisk{
	display: flex;
	font-size: 1.4rem;
}
.asterisk::before{
	content: "※";
	display: block;
	padding-right: 5px;
}
/* sec__slider-main */
.sec__slider-main{
	overflow: hidden;
	background-color: #fff;
}
.sec__slider-main .bk__inner{
	color: #000;
}
/* **** loading ****/
#loading {
	width: 100%;
	height: 100%;
	transition: all 1s;
	background-color: #000204;
	position: fixed;
  top: 0;
  left: 0;
  z-index: 102;
}
#loading .header__inner {
	display: flex;
	justify-content: space-between;
	transition: 1s;
}
.spinner,
.spinner:after {
  border-radius: 50%;
  width: 80px;
  height: 80px;
}
.spinner {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 4px solid rgba(255, 255, 255, 0.2);
  border-right: 4px solid rgba(255, 255, 255, 0.2);
  border-bottom: 4px solid rgba(255, 255, 255, 0.2);
  border-left: 4px solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.fin-load {
	opacity: 0;
	visibility: hidden;
}
/* **** header ****/
header{
	background-color: #000204;
	position: fixed;
	width: 100%;
	z-index: 105;
}
/* 固定ヘッダー調整 */
.container.mtnone {
	margin-top: 0;
}
.container.mtnone .watch-sec {
	padding-top: 90px;
}

.header__inner{
	display: flex;
	max-width: 1440px;
	margin: auto;
	position: relative;
}
.logo__attesa img{
	height: 80px;
	width: auto;
}
.logo__citizen{
	margin: auto 0;
	width: 240px;
}
.logo__citizen img{
	display: inline-block;
	height: 30px;
}
.nav{
	display: flex;
	margin-left: auto;
	/* margin-right: 50px; */
	margin-right: auto;
}
.nav__list{
	margin-right: 40px;
}
.nav__list:last-of-type{
	margin-right: 0;
}
.nav__list label {
	font-size: 1.4rem;
}
.nav__list a:hover{
	color: #B5B5B5;
}
.humburger{
    display: none;
}
/* nav child */
.nav__list-child {
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 80px;
	transform: translateX(-50%);
	width: 100%;
	max-width: 1200px;
	z-index: 3;
	background-color: #242424;
	height: 0;
	min-height: 0;
	transition: min-height .5s;
}
.nav__list-child > li > a {
	font-size: 1.4rem;
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: solid 1px #ffffff;
	padding-bottom: 15px;
	margin-top: 15px;
	margin-bottom: 0px;
    line-height:1.2;
    height:50px;
}
.nav__list-child > li > a::after{
	display: block;
	content: url(../images/common/icon_arrow-white.svg);
}
.nav__list-child.no1.active {
	min-height: 85px;
}
.nav__list-child.no2.active {
	min-height: 170px;
	transition: .5s;
}
/* dropdown menu追加20220925 */
.nav__list-child {
	overflow: hidden;
}
.nav__list:hover .nav__list-child.no1 {
	overflow: visible;
	min-height: 85px;
	position: absolute;
	left: 50%;
	top: 80px;
	transform: translateX(-50%);
	width: 100%;
	height: 170px;
	max-width: 1200px;
	z-index: 3;
	background-color: #242424;
	min-height: 0;
}
.nav__list:hover .nav__list-child.no2 {
	overflow: visible;
	min-height: 170px;
	position: absolute;
	left: 50%;
	top: 80px;
	transform: translateX(-50%);
	width: 100%;
	height: 170px;
	max-width: 1200px;
	z-index: 3;
	background-color: #242424;
	min-height: 0;
}
/***** breadcrumb *****/
.breadcrumb{
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 50px;
	padding-right: 15px;
	border-bottom: solid 1px #ddd;
	font-size: 1.4rem;
	margin-bottom: 40px;
}
/***** top *****/
/* mv */
.top-mainvisual{
	margin: 0 calc(50% - 50vw)!important;
	margin-top: -40px!important;
	overflow: hidden;
	padding-top: 80px;
}
.slider-mainvisual{
	position: relative;
	overflow: hidden;
}
.top-mainvisual .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{
	position: relative;
	margin-top: 25px;
	text-align: center;
}
.top-mainvisual .swiper-pagination-bullet {
	width: 30px;
	height: 6px;
	border-radius: 0;
	background-color: #D1D1D1;
}
.top-mainvisual .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #fff;
}
	.top-mainvisual a {
	display: flex;
}
.slider-mainvisual .swiper-button-next,
.slider-mainvisual .swiper-button-prev {
    width: 6vw;
    height: 6vw;
}
/* lead */
.top-lead__txt{
	font-size: 3.2rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.8;
}
.top-lead .container > picture > img{
	display: block;
	width: 100%;
	max-width: 906px;
	margin: 0 auto 15px;
}
.top-no1__box{
	color: #fff;
	max-width: 730px;
	margin: 0 auto;
}
.top-no1__box .col-8{
	margin: auto;
}
.top-no1__ttl{
	font-size: 2.8rem;
	font-weight: 700;
	margin-bottom: 20px;
}
.top-no1__txt{
	font-size: 1.8rem;
	font-weight: 500;
	margin-bottom: 20px;
}
.sup {
	font-size: .75em;
}
.asterisk.pc{
	display: flex;
}
.asterisk.sp{
	display: none;
}
/* new-lineup */
.new-lineup {
	margin: 0 calc(50% - 50vw);
    overflow-x: hidden;
		position: relative;
}

.slider-mainvisual .swiper-button-next,
.slider-mainvisual .swiper-button-prev,
.new-lineup .swiper-button-next,
.new-lineup .swiper-button-prev {
	position: absolute;
	color: transparent;
	-moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.swiper-button-prev::after,
.swiper-button-next::after,
.swiper-button-prev::before,
.swiper-button-next::before {
	content: "";
	width: 6px;
	height: 24px;
	display: block;
	background-color: #fff;
	position: absolute;
}
.slider-mainvisual .swiper-button-prev::after,
.slider-mainvisual .swiper-button-next::after,
.slider-mainvisual .swiper-button-prev::before,
.slider-mainvisual .swiper-button-next::before {
	background-color: #fff;
}
.swiper-button-prev::before {
	transform: rotate(45deg) translateY(-9px);
	-webkit-transform: rotate(45deg) translateY(-9px);
}
.swiper-button-prev::after {
	transform: rotate(-45deg) translateY(9px);
	-webkit-transform: rotate(-45deg) translateY(9px);
}
.swiper-button-next::before {
	transform: rotate(-45deg) translateY(-9px);
	-webkit-transform: rotate(-45deg) translateY(-9px);
}
.swiper-button-next::after {
	transform: rotate(45deg) translateY(9px);
	-webkit-transform: rotate(45deg) translateY(9px);
}
/* 商品名高さ変になるの調整 */
.new-lineup .lineup-height {
	height: 230px;
	display: flex;
	color: #fff;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
.new-lineup .watchsearch__result-name,
.new-lineup .watchsearch__result-fee,
.new-lineup .watchsearch__result-txt {
 margin-bottom: 0;
}
.new-lineup .watchsearch__result-name {
	height: 70px;
}
.new-lineup .watchsearch__result-fee,
.new-lineup .watchsearch__result-txt {
	height: 50px;
}
/* ここまで！ */

/* point */
.top-point .top-point__box:first-of-type p,
.at8040-point .top-point__box:first-of-type p {
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 20px;
}
.top-point__box{
	margin-bottom: 50px;
}
.top-point__box:last-of-type{
	margin-bottom: 0;
}
.top-point__box-img{
	max-width: 900px;
	margin: auto;
}
.slider-point{
	overflow: hidden;
}
.slider-point .row{
	justify-content: center;
	gap: 20px;
}
.slider-point .col-lg-4 {
	padding-left: 15px;
	padding-right: 15px;
	/* margin: 0 auto 20px; */
}
.slider-point .col-lg-4 a:hover img {
	opacity: 0.8;
}
.slider-point picture {
	display: inline-block;
}
.txt-bigger {
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 20px;
}
.bold-name {
	font-size: 2.4rem;
	font-weight: 700;
	margin-bottom: 10px;
}
.txt-bigger {
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 20px;
}
/* series */
.top-series__banner{
	height: 352px;
	width: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff;
	position: relative;
	transition: all .3s;
	margin-bottom: 50px;
}
.top-series__banner:hover{
	color: #fff;
	opacity: .8;
	transition: all .3s;
}
.top-series__banner1{
	background-image: url(../images/home/series/top-series_01pc.png?230906);
}
.top-series__banner2{
	background-image: url(../images/home/series/top-series_02pc.png?230906);
}
.top-series__banner3{
	background-image: url(../images/home/series/top-series_03pc.png?230906);
	color: #000;
}
.top-series__banner3:hover{
	color: #000;
}
.top-series__banner4{
	background-image: url(../images/home/series/top-series_04pc.png?230906);
}
.top-series__banner-info{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%);
}
.top-series__banner2 .top-series__banner-info{
	left: 80px;
}
.top-series__banner-ttl{
	margin-bottom: 35px;
}
.top-series__banner1 .top-series__banner-ttl img{
	width: auto;
	height: 80px;
}
.top-series__banner2 .top-series__banner-ttl img,
.top-series__banner3 .top-series__banner-ttl img{
	width: auto;
	height: 50px;
}
.top-series__banner-txt{
	font-size: 2.2rem;
	font-weight: 700;
	margin-bottom: 10px;
}
.top-series__banner-txt+p{
	font-size: 1.6rem;
}
.bk__outer .bk__inner .top-series__banner-txt{
	color: #ffffff !important;
}
/* learn */
.learn{
	padding-top: 70px;
	padding-bottom: 70px;
	color: #ffffff;
	overflow: hidden;
}
.slider-learn__box{
	background-color: #fff;
	text-align: center;
	padding: 1px;
}
.slider-learn__box:hover{
	opacity: .8;
}
.slider-learn__txt{
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 1.6rem;
	height: 47px;
}
.slider-learn picture img {
	width: 100%;
	height: auto;
}
/* tec */
.tec .h2__orange{
	text-align: left;
}
.tec .h2__orange+p{
	line-height: 2;
	font-size: 1.8rem;
}
.tec .col-lg-6:last-of-type{
	margin: auto;
}
/* history */
.history img{
	margin-bottom: 20px;
}
.history__banner{
	max-width: 180px;
	margin: auto;
	margin-top: 30px;
}
.history a {
	color: #fff;
}
.history .aniv-35 {
	padding-bottom: 30px;
	margin-bottom: 50px;
	border-bottom: 1px solid #ddd;
}
.hakuto-bn p {
	text-align: center;
}
.hakuto-bn .asterisk {
	justify-content: center;
}
@media screen and (max-width: 767.98px) {
	.hakuto-bn .asterisk {
		justify-content: flex-start;
		text-align: left;
	}
}
/***** Styling *****/
/* styling-top */
.styling-top {
	padding-top: 120px;
}
.styling-business .container,
.styling-private .container,
.styling-personal .container {
	margin-bottom: 0;
}
.styling-top .container,
.styling-business .container,
.styling-private .container,
.styling-personal .container {
	position: relative;
}
.styling-top.bk__outer,
.styling-private.bk__outer {
	background-color: transparent;
}
.styling-top .col-md-3,
.styling-top .col-md-4,
.styling-business .col-md-4,
.styling-private .col-md-4,
.styling-personal .col-md-4 {
	padding-left: 15px;
	padding-right: 15px;
}
.styling-top .btn__more {
	margin: 0 auto;
}
.styling-business,
.styling-private,
.styling-personal {
	padding-top: 50px;
	padding-bottom: 70px;
}
.styling-top .swiper-wrapper,
.styling-business .swiper-wrapper,
.styling-private .swiper-wrapper,
.styling-personal .swiper-wrapper {
	flex-wrap: wrap;
}
/* .styling-top .btn__more:nth-of-type(-n+3), */
.styling-business .col-md-4:nth-of-type(-n+3) .btn__more,
.styling-private .col-md-4:nth-of-type(-n+3) .btn__more,
.styling-personal .col-md-4:nth-of-type(-n+3) .btn__more {
	margin-bottom: 50px;
	margin-top: 30px;
}
.styling-top.bk__outer,
.styling-business.bk__outer,
.styling-private.bk__outer,
.styling-business .slider-lead,
.styling-personal .slider-lead {
	margin-bottom: 0;
}
.styling-top img,
.styling-business img,
.styling-private img,
.styling-personal img {
	margin-bottom: 20px;
}
.styling-top .watchsearch__result-name,
.styling-business .watchsearch__result-name,
.styling-private .watchsearch__result-name,
.styling-personal .watchsearch__result-name {
	text-align: center;
	height: 70px;
}

/* 3枚のスライダー */
.three-slider-navi .swiper-slide:not(.swiper-slide-active){
	opacity: 0.5;
}

.three-slider-navi .swiper-pagination-bullets{
	margin-top: 25px;
	text-align: center;
}

.three-slider-navi .swiper-pagination-bullet{
	width:30px;
	height: 6px;
	border-radius: 0;
}

.three-slider-navi .swiper-pagination-bullet{
	background-color: #D1D1D1;
}

.three-slider-navi .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #000;
}


.three-slider-navi.black-slider .swiper-pagination-bullet{
	background-color: #fff;
}

.three-slider-navi.black-slider .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #fff;
}

.three-slider-navi{
	overflow: hidden;
}

.three-slider-navi .swiper-button-prev,
.three-slider-navi .swiper-button-next {
	top: 25%;
}
	

/***** black titanium *****/
.container > .black-lead:first-of-type {
	margin-top: 100px;
}
.container-fuluid.black .black-tec,
.container-fuluid.black .black-fit,
.container-fuluid.black .top-point{
	margin-bottom: 0!important;
}
/* lead */
.container-fuluid.black{
	background-color: #000;
	color: #ffffff;
	padding-top: 80px;
	overflow: hidden;
	padding-bottom: 100px;
}
.black-lead .col-md-6:last-of-type{
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: flex-end;
}
.black-lead .col-md-6:last-of-type .watchsearch__result-info,
.black-lead .col-md-6:last-of-type .result-fee{
	margin-bottom: 0;
}
.black-lead .result-fee,
.black-lead .result-name {
	color: #fff;
}

.black-lead__img{
	max-width: 245px;
}
/* black-wearing */
.black-wearing .slider-lead{
    overflow: hidden;
}
.black-wearing .col-md-4 {
	padding-left: 15px;
	padding-right: 15px;
}
.black-wearing .watchsearch__result-name {
	text-align: center;
	height: 70px;
	margin: 20px auto 30px;
	color: #fff;
}
.black-wearing__txt{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 1.8rem;
}
.black-wearing .btn__more{
	margin: 0 auto;
}
/* lineup */
.container-fuluid.black .h2__line::before,
.container-fuluid.black .h2__line::after{
	background-color: #ffffff;
}
.black-lineup .watchsearch__result-name,
.black-lineup .watchsearch__result-fee,
.black-lineup .watchsearch__result-txt{
	color: #ffffff!important;
}
.container-fuluid.black .watchsearch__result::after{
	background-color: transparent;
}
/* black-tec */
.black-tec .row{
	margin-bottom: 50px;
}
.black-tec .row:last-of-type{
	margin-bottom: 0!important;
}
.black-tec .row .col-md-6{
	margin: auto;
}
.black-tec p{
	text-align: left;
	line-height: 2;
}
/* black-fit */
.black-fit .h2__orange{
	text-align: left;
}
.black-fit__img + p {
	text-align: left;
	font-size: 1.6rem;
	margin-top: 10px;
}
.black-fit .row .col-md-6 {
	margin: auto;
}
.black-fit .col-md-6:last-of-type{
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: flex-end;
}
.black-fit .col-md-6:last-of-type .watchsearch__result-info,
.black-fit .col-md-6:last-of-type .result-fee{
	margin-bottom: 0;
}
.black-fit .bk__inner {
	padding-top: 0;
}

/***** AT8040 *****/
.container-fuluid.at8040 .at8040-tec {
	margin-bottom: 0!important;
}
/* at8040-mv */
.container-fuluid.at8040 {
	padding-top: 80px;
	overflow: hidden;
	padding-bottom: 100px;
}
.at8040-mv {
	background: url(../images/at8040/at8040__mv-pc.png) no-repeat center;
	background-size: cover;
	padding: 70px 0;
}
.at8040-mv .container {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 32px;
}
.at8040-mv .row {
	align-items: center;
}
.at8040-mv h2 {
	font-size: 4rem;
}
.at8040-mv .at8040-lead__img {
	max-width: 280px;
}
.at8040-mv .col-md-4 {
	display: flex;
    align-items: center;
	justify-content: center;
}
@media screen and (max-width: 767.98px) {
	.container-fuluid.at8040 {
		padding-top: 0;
	}
	.at8040-mv {
		background: url(../images/at8040/at8040__mv-sp.png) no-repeat center;
		background-size: cover;
		padding: 30px 0 50px;
	}
	.at8040-mv .container {
		padding-left: 15px;
	}
	.at8040-mv h2 {
		font-size: 3.3rem;
	}
	.at8040-mv .col-md-4 {
		margin-top: 70px;
		flex-direction: column;
	}
	.at8040-mv .at8040-lead {
		margin-top: 30px;
	}
}

/* mv */
.at8040-mainvisual {
	margin-top: -40px!important;
	/* padding-top: 40px; */
	padding-top: 60px;
}
/* at8040-wearing */
.at8040-wearing.bk__outer {
	background-color: transparent;
}
.at8040-wearing .col-md-4 {
	padding-left: 15px;
	padding-right: 15px;
}
.at8040-wearing .watchsearch__result-name {
	text-align: center;
	height: 70px;
	margin: 20px auto 30px;
}
.at8040-wearing .btn__more{
	margin: 0 auto;
}
.at8040-wearing .at8040__slide-txt {
	font-size: 2.8rem;
	font-weight: 700;
	text-align: center;
}

/* at8040-tec */
.at8040-tec .row{
	margin-bottom: 50px;
}
.at8040-tec .row:last-of-type{
	margin-bottom: 0!important;
}
.at8040-tec .row .col-md-6{
	margin: auto;
}
.at8040-tec p{
	text-align: left;
	line-height: 2;
}
/* point, learn */
.at8040-point,
.at8040-point + .learn {
	margin-bottom: 0;
}
.at8040-point + .learn {
	color: initial;
}
.at8040-point.bk__outer {
	margin-bottom: 0;
}



/***** technology *****/
.technology-mv {
	padding-top: 170px;
}


/***** watchsearch *****/
.watchsearch__cat{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	max-width: 840px;
	margin: 0 auto 20px;
}
/* watchsearch cat追加20220925 */
.watchsearch__cat {
	margin-bottom: 50px
}
.watchsearch__link-list label {
	border: solid 1px #CCCCCC;
	border-radius: 50px;
	padding: 10px 30px;
}
.watchsearch__link-list:hover label {
	border: solid 1px #EA5503;
	color: #EA5503;
}
input[name="price_range"]:checked {
	border: solid 1px #EA5503;
	color: #EA5503;
}


.watchsearch__cat-list{
	flex: 0 0 33.33%;
	text-align: center;
	background-color: #000000;
	border: solid .5px #CCCCCC;
}
.watchsearch__cat-list.active{
	background-color: #EA5503;
}
.watchsearch__cat-list a{
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-weight: 500;
}
.watchsearch__link{
	max-width: 840px;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	justify-content: center;
	margin:0 auto 100px;
}
.watchsearch__link-list{
	margin-bottom: 10px;
}
.watchsearch__link-list a{
	margin-right: 20px;
}
.watchsearch__result{
	text-align: center;
	padding-top: 50px;
	border: solid 1px transparent;
	transition: all .4s;
}
.watchsearch__result:hover{
	border: solid 1px #ddd;
	transition: all .4s;
}
.watchsearch__result-info{
	margin-bottom: 30px;
	position: relative;
}
.watchsearch__result::after{
	content: "";
	display: block;
	width: 90%;
	/* height: 1px;
	background-color: #ddd; */
	border-bottom: 1px solid #ddd;
	margin: 50px auto 0;
}
.icon__new::before{
	content: "new";
	width: 45px;
	height: 16px;
	color: #fff;
	font-size: 1rem;
	line-height: 16px;
	text-transform: uppercase;
	background-color: #EA5503;
	position: absolute;
	top: 0;
	left: 10px;
}
.icon__movie::after{
	content: "紹介動画";
	width: 45px;
	height: 16px;
	color: #fff;
	font-size: 1rem;
	line-height: 16px;
	text-transform: uppercase;
	background-color: #005CCC;
	position: absolute;
	top: 20px;
	left: 10px;
}
.watchsearch__result img{
	width: 100%;
	max-width: 191px;
	margin: 0 auto;
	margin-bottom: 30px;
	transform: translateX(10px);
}
.watchsearch__result-name,
.watchsearch__result-fee,
.result-name,
.result-fee{
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 30px;
}
.watchsearch__result-txt{
	margin-bottom: 30px;
}
.watchsearch__result-name span,
.watchsearch__result-fee span,
.result-name span,
.result-fee span{
	display: block;
	font-size: 1.4rem;
	font-weight: 400;
}
.watchsearch__result-movie{
	font-size: 1.4rem;
	font-weight: 700;
	vertical-align: middle;
	margin-bottom: 30px;
}
.watchsearch__result-movie::before{
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #EA5503;
	margin-right: 5px;
}
.watchsearch__result .btn__more{
	margin:0 auto;
}
.watchsearch__result .btn__more:hover {
	color: #000;
}
/***** footer *****/
footer{
	background-color: #000204;
	position: relative;
}
.footer__inner{
	padding-right: 15px;
    padding-left: 15px;
	padding-bottom: 20px;
	max-width: 1110px;
	margin: 0 auto;
}
.footer__sns{
	display: flex;
	justify-content: center;
	margin: auto;
}
.footer__sns a{
	margin-right: 20px;
}
.footer__sns a:last-of-type{
	margin-right: 0;
}
.footer__list{
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
    width: 100%;
	max-width: 400px;
    margin: 105px auto 40px;
}
.footer__list a{
	font-size: 1.4rem;
	margin-right: 20px;
	margin-bottom: 10px;
	color: #fff;
}
small{
	display: block;
	text-align: center;
	/* color: #777777; */
	font-size: 1.1rem;
}

/* 追加20220925 */
.l-foot__wrap.u-wrap .l-foot__copyright {
	display: block;
	text-align: center;
	color: #777777;
	font-size: 1.1rem;
}
input[type="checkbox"] {
	display: none
}

@media screen and (max-width: 1030px) {
	/***** header *****/
	header{
		height: 80px;
		z-index: 106;
	}
	header.open{
		position: fixed;
		top: 0;
		width: 100%;
	}
	header.open+.container{
		margin-top: 100px;
	}
	.header__inner{
		justify-content: space-between;
		padding-right: 15px;
		padding-left: 15px;
		position: relative;
	}
	.logo__attesa{
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		height: 60px;
		width: auto;
	}
	.logo__citizen{
		position: absolute;
		width: initial;
		top: 20px;
		right: 20px;
		transform: translateY(0);
	}
	_::-webkit-full-page-media, _:future, :root .logo__citizen{
		width: 70px;
	 }
	.humburger.open .logo__citizen{
		transform: translateY(-20%);
	}
	.nav__list a{
		font-size: 1.6rem;
		text-align: left;
	}
	.nav__list label {
		font-size: 1.6rem;
	}

	/* nav child */
	.nav__list-child {
		position: inherit;
		left: inherit;
		top: inherit;
		transform: inherit;
		margin: auto;
	}
	.nav__list-child > li > a {
		border-bottom: solid 1px #ffffff;
		padding-bottom: 10px;
		margin-top: 10px;
		margin-bottom: 0px;
		/* line-height:1; */
		height:50px;
	}
	.nav__list-child > li:first-of-type a{
		margin-top: 0;
	}
	.nav__list-child.active{
		min-height: inherit;
		height: 100%;
		padding: 15px 0;
	}
	/* humburger */
	.humburger{
        display: block;
        position: relative;
        cursor: pointer;
        width: 50px;
        height:60px;
        z-index: 50;
    }
    .humburger span{
        display: inline-block;
        width: 45%;
        height: 2px;
        border-radius: 10px;
        position: absolute;
        left: 0;
        transition: all .4s;
        background-color: #fff;
    }
	.humburger.open{
        position: fixed;
		top: 0;
        left: 15px;
    }
    .humburger span:nth-of-type(1n){
        top:20px;
    }
    .humburger span:nth-of-type(2n){
        top:28px;
    }
    .humburger span:nth-of-type(3n){
        top:36px;
    }
    .humburger.open span:nth-of-type(1n){
        top:18px;
        transform: translateY(6px) rotate(-45deg);
    }
    .humburger.open span:nth-of-type(2n){
        opacity: 0;
    }
    .humburger.open span:nth-of-type(3n){
        top:30px;
        transform: translateY(-6px) rotate(45deg);
    }

		/* spナビ追加20220925 */
input[id="ddm-popular"],
input[id="ddm-learn"] {
	display: none;
}
.nav__list:hover .nav__list-child.no1,
.nav__list:hover .nav__list-child.no2 {
	height: 0;
}
.nav__list:hover .col-lg-4 {
	display: none;
}
input[id="ddm-popular"]:checked ~ .nav__list-child.no1 {
	overflow: visible;
    min-height: 85px;
    position: static;
    left: 50%;
    top: 80px;
    transform: translateX(0);
		height: 170px;
    width: 100%;
    max-width: 1200px;
    z-index: 3;
    background-color: #242424;
}
input[id="ddm-learn"]:checked ~ .nav__list-child.no2 {
	overflow: visible;
    min-height: 85px;
    position: static;
    left: 50%;
    top: 80px;
    transform: translateX(0);
    width: 100%;
		height: 170px;
    max-width: 1200px;
    z-index: 3;
    background-color: #242424;
}
input[id="ddm-popular"]:checked ~ .nav__list-child.no1 .col-lg-4 {
	display: block;
}
input[id="ddm-learn"]:checked ~ .nav__list-child.no2 .col-lg-4 {
	display: block;
}
.nav__list-child > li > a {
	margin-top: 10px;
}
.nav__list-child > li:first-of-type > a {
	margin-top: 10px;
}
	/***** breadcrumb *****/
	.breadcrumb{
		padding-left: 15px;
		margin-bottom: 20px;
	}
	/* top-mv */
	.slider-mainvisual .swiper-button-next,
	.slider-mainvisual .swiper-button-prev {
		position: absolute;
		color: transparent;
	}
	/* new-lineup */
	.new-lineup .swiper-button-next,
	.new-lineup .swiper-button-prev {
		position: absolute;
		color: transparent;
	}
}
/* top new-lineupのsp幅に合わせて */
@media screen and (max-width: 450px) {
	.new-lineup {
		margin: 0 calc(50% - 50vw);
	}
	_::-webkit-full-page-media, _:future, :root .logo__attesa {
		left: 46%;
		height: 60px;
		width: 208px;
	 }
	.logo__attesa {
		left: 46%;
		height: 60px;
		width: 208px;
	}
}

.responsive {
		width: 100%;
		aspect-ratio: 16/9;
		}

/* withattesa アテッサに戻るボタン移動用 */
.btn.fadeUp.center {
	display: block;
	margin: 0 auto;
}

/* .new-lineup調整用 */
.new-lineup-wrapper {
	/* max-width: 850px; */
	margin: 0 auto;
}
/* .new-lineup .swiper-wrapper {
	justify-content: center;
} */
/* .new-lineup .swiper-button-next,
.new-lineup .swiper-button-prev {
	display: none;
} */
@media (max-width: 991.98px) {
	/* .new-lineup .swiper-button-next,
	.new-lineup .swiper-button-prev {
		display: none;
	} */
}
@media screen and (max-width: 767.98px) {
	.new-lineup .swiper-button-next,
	.new-lineup .swiper-button-prev {
		display: block;
	}
}



.actline_learn {
	margin-bottom: 0;
}