@charset "utf-8";


/** #PC
===================================*/



/** font
===================================*/
.psycho-pass_01 p{
	font-size:16px;
}

/** base
===================================*/

.fadeIn {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fadeIn.show {
  opacity: 1;
  transform: translateY(0);
}

/* ディレイ用のクラス */
.delay-0 { transition-delay: 0s; }
.delay-1 { transition-delay: 0.1s; }
.delay-2 { transition-delay: 0.2s; }
.delay-3 { transition-delay: 0.3s; }
.delay-4 { transition-delay: 0.4s; }
.delay-5 { transition-delay: 0.5s; }
.delay-6 { transition-delay: 0.6s; }
.delay-7 { transition-delay: 0.7s; }
.delay-8 { transition-delay: 0.8s; }
.delay-9 { transition-delay: 0.9s; }
.delay-10 { transition-delay: 1.0s; }

/** header
===================================*/
header {
}

/** layout
===================================*/

.l-mainarea{
	max-width: 940px;
	width: 100%;
	padding:20px;
	margin:0 auto;
}

.l-background{
	background-image: url('../../img/psycho-pass/bg.webp');
	background-repeat: repeat;
	background-position: center;
	background-size: auto;
}

.l-itemblock{
	background-color: #ffffff;
	padding:4rem;
	width: 100%;
	margin:4rem auto;
}


/** parts
===================================*/

a.c-textLink{
	color:#9999ff!important;
	text-decoration: underline!important;
}
a.c-textLink:hover{
}
.c-btn__cta{
	width: 60%;
	margin:0 auto;
}

.c-heading__h3{
	display:inline-block;
	text-align: center;
	margin:2rem auto 1rem;
	width: 100%;
	line-height: 1.5;
	font-weight: 700;
}
.c-heading__h3::after{
	display: block;
	content:"";
	width:3rem;
	height: 5px;
	margin:1.0rem auto 0.5rem;
	background-color: #0b1229;
}

.c-copyright__text{
	text-align: right;
	font-size:0.8rem!important;
}

.c-item__text{
	font-size:1.1rem!important;
	display: inline-block;
	margin:0 auto;
	width: 100%;
	text-align: center;
}

.c-itemInfo{
	width: 80%;
	margin:0 auto 2rem;
	display: block;
}

.c-itemInfo p{
	margin-bottom:.5rem;
}

.c-itemInfo__name{
	font-size:1.2rem!important;
	font-weight: bold;
}
.c-itemInfo__name br{
	display: none;
}
.c-itemInfo__notice{
	font-size: 0.9rem!important;
}

.c-pcOnly{
	display: inline-block;
}
.c-spOnly{
	display: none;
}


/** Section
===================================*/

/* fv */
.l-fv__main{
	max-width: 1200px;
	width: 100%;
	padding:20px;
	margin:0 auto;
}
.p-fv__logo{
	display: block;
	margin:2rem auto;
	width: 60%;
}
.p-fv__mainImg{
	width:60%;
	margin: 1rem auto;
	text-align: right;
	font-size:0.8rem;
}

/* intro */
.l-section__intro{
	padding:3rem 0;
	background-image: url('../../img/psycho-pass/intro_bg.webp');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}

/* message */
.l-section__message h2{
	text-align: center;
	border-bottom: solid 1px #000000;
	margin-bottom:1rem;
	padding-bottom:.5rem;
	display: flex;
	justify-content: center;
	font-weight: 700;
}

.l-section__message p{
	margin-bottom: 1rem;
}

.p-intro__messageImg{
	width: 80%;
	display: block;
	margin-inline:auto;
}

.p-message__logo img{
	width: 50%!important;
	display: block;
	margin:0 auto 3rem;
}

/* special gift */
/* .l-section_gift{
	background-color: #f2f2f2;
	padding:3rem;
	margin:2rem auto;
}

.p-gift__heading{
	text-align: center;
	margin:1rem auto;
}
.p_gift_heading--lead{
	border-bottom:solid 1px #0b1229;
	width: fit-content;
	display: block;
	margin:0 auto;
	font-size:1.2rem!important;
}
.p_gift_heading--main{
	font-size:1.8rem!important;
}

.p-gift__board{
	width:50%;
	margin: auto;
	display: block;
}
.p-gift__mainImg{
	display: block;
	margin:1rem auto 2rem;
}

.p-gift__text{
	margin:1rem auto;
	text-align: center;
}
.p-gift__text p{
	margin-bottom:1rem;
}

.p-gift__notice{
	font-size:0.8rem!important;
} */

/* items */
.l-section__items{
	margin:4rem auto;
}
.p-items__logo{
	width: 50%!important;
	display: block;
	margin:0 auto 1rem;
}

/* uaji */
.l-section__items--uraji .c-heading__h3{
		margin-top:0.5rem;
}

.p-uraji__mainImg{
	width:90%;
	margin: 1rem auto;
	text-align: right;
	font-size:0.8rem;
}

/* suit */
.l-section__items--suit .c-item__text span{
	display: block;
}
.p-suit__mainImg{
	width:100%;
	margin: 1rem auto;
	text-align: right;
	font-size:0.8rem;
}

/* vest */
.l-section__items--vest{
	margin:2rem auto;
}
.p-vest__mainImg{
	width:80%;
	margin: 1rem auto;
	text-align: right;
	font-size:0.8rem;
}

/* shirt */
.p-shirt__mainImg{
	width:80%;
	margin: 1rem auto;
	text-align: right;
	font-size:0.8rem;
}
.p-shirt__detail{
	border:solid 1px #231815;
	padding:1rem;
	margin-top:1rem;
}

.p-shirt__detail p{
	text-align: center;
	margin:0 auto 1rem;
	font-size:1.1rem!important;
}

/* limit */
.l-section__limit{
	border:solid 1px #000000;
}

.l-section___limit--intro{
	padding:2rem 1rem 3rem;
	position: relative;
	width: 100%;
	background-image: url('../../img/psycho-pass/line.webp');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.l-section___limit--intro h3{
	text-align: center;	
	font-size:2.0rem;
	margin-bottom:.5rem;
	font-weight: 700;
}

.l-section___limit--intro p{
	text-align: center;	
}

.l-limit__main{
	padding:0rem 1rem 1rem;
}


.c-limit__item--text{
	text-align: center;
}

.l-section__limit .c-heading__h3{
	font-weight: 500!important;

}


/* tie */
.p-tie__mainImg{
	width:100%;
	margin: 1rem auto;
	text-align: right;
	font-size:0.8rem;
}

/* pin */
.p-pin__tag{
	background-color: #0b1229;
	color:#ffffff;
	width: fit-content;
	padding:0.45rem 0.5rem 0.5rem;
	text-align: center;
	display: block;
	margin:0.25rem auto;
	font-size:1.1rem;
	line-height: 0.8;
}
.l-section___limit--pin .c-heading__h3{
	margin-top:0.5rem;
}
.p-pin__mainImg{
	width:100%;
	margin: 1rem auto;
	text-align: right;
	font-size:0.8rem;
}
.p-pin__itemImg{
	display:flex;
	justify-content: center;
	gap:1rem;
	margin:0 auto;
	width: 70%;
}
.p-pin__price{
	display:flex;
	justify-content: center;
	gap:1rem;
	width: 70%;
	margin:0 auto;
}
.p-pin__price .c-itemInfo{
	width: 50%!important;
}
.p-pin__mainImg-cr{
	display: block;
}


/* flow */
.l-section-flow{
	margin-bottom:4rem;
}
.p-flow__gr{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem;
	margin-bottom:1rem;
}
.p-flow__box {
	max-width: calc(33.333% - 1.333rem);
}
.p-flow__box p:first-child{
	font-weight: bold;
}


/* experience */
.l-section-experience{
	background-color: #f2f2f2;
	padding:3rem 8rem;
	margin:2rem auto;
}

.l-section-experience hr{
	border:none;
	overflow: visible;
	margin-block:3rem;
}
.l-section-experience hr::after{
	content:"";
	display: block;
	margin:0 auto;
	background-color: #0b1229;
	width: 3rem;
	height: 5px;
}

.l-section-experience h4{
	text-align: center;
	border-bottom: solid 1px #0b1229;
	margin-bottom:0.5rem;
	padding-bottom:0.5rem;
}

.p-experience__heading_special{
	text-align:right!important;
}

/* difference */
.l-section-difference{
	margin:4rem auto 2rem;
}
.p-difference__logo img{
		width: 35%!important;
		display: block;
		margin:0rem auto;
}

.p-difference__message{
	width: 80%;
	display: block;
	margin:1rem auto 3rem;
}

.p-difference__message p{
	margin-bottom:1rem;
}

/** drawer
===================================*/
.drawer_nav {
}




/** navi
===================================*/
#gnav {
}

.gnavi {
}

.gnavi > li {
}

.gnavi > li a {
}



/** eyecatch
===================================*/
.main_slider {
}

.main_slider .swiper-slide {
	width: 1040px;
}



/** contents_all
===================================*/
#contents_wrap {
}

#main_contents {
}

#main_wrap {
}

#home_article {
}



/** side
===================================*/
#side {
}



/** footer
===================================*/
#footer {
}

.footer_inner {
}

.copyright {
	text-align: center;
}

.copyright address {
	font-style: normal;
	font-size: 0.8em;
}


/** slideMenu
===================================*/
#slideMenu {
	height: 100%;
	background-color: #fff;
}



/** top
===================================*/



/** page
===================================*/



/** product
===================================*/



/** product_category
===================================*/



/** single
===================================*/



/** category
===================================*/



/** search
===================================*/



/** 404
===================================*/












/*--------------------------------------------------------------------
  === [MEDIA QUERY] ====================================
--------------------------------------------------------------------*/

/** PC only
===================================*/
@media screen and (min-width: 1230px) {

}/* @media */



/** small-PC
===================================*/
@media screen and (max-width: 1229px) {
.conteiner_l {
}

}/* @media */



/** mini-PC
===================================*/
@media screen and (max-width: 1129px) {
.conteiner_l {
}

}/* @media */



/** Tablet
===================================*/
@media screen and (max-width: 1039px) {
/** tb-base
===================================*/


/** tb-header
===================================*/



/** tb-navi
===================================*/



/** tb-eyecatch
===================================*/



/** tb-contents_all
===================================*/



/** tb-side
===================================*/



/** tb-footer
===================================*/



/** tb-slideMenu
===================================*/



/** tb-drawer
===================================*/



/** tb-top
===================================*/



/** tb-page
===================================*/



/** tb-product
===================================*/



/** tb-product_category
===================================*/



/** tb-single
===================================*/



/** tb-category
===================================*/



/** tb-search
===================================*/



/** tb-404
===================================*/



}/* @media */



/** SmartPhone
===================================*/
@media screen and (max-width: 767px) {
/** base
===================================*/


.l-mainarea{
	max-width: 100%;
	width: 100%;
	padding:1rem 0.5rem;
	margin:0 auto;
}

.l-itemblock{
	margin:1rem auto;
	padding:2rem 1rem;
}



/** parts
===================================*/

.c-btn__cta{
	width: 100%;
}

.c-heading__h3{
	font-size:7vw;
	line-height:1.5;
	margin-top:1rem;
}

.c-heading__h3 span{
	display: block;
	margin-bottom:0.5rem;
}
.c-heading__h3::after{
	margin:0.5rem auto 0.5rem;
}

.c-itemInfo{
	width: 100%;
}

.c-itemInfo__name{
	font-size:1.0rem!important;
}
.c-itemInfo__name br{
	display: block;
}

.c-item__text{
	font-size:1.0rem!important;
}

.c-limit__item--text span{
	display: block;
}

.c-pcOnly{
	display: none;
}
.c-spOnly{
	display: inline-block;
}


/** sp-top
===================================*/

.p-fv__logo{
	width: 100%;
}
.l-fv__main{
	max-width: 100%;
	width: 100%;
}

.p-fv__mainImg{
	width: 100%;
}



/** sp-product
===================================*/

.p-fv__mainImg{
	width: 100%;
}
/* message */
.p-message__logo img{
	width: 100%!important;
	margin-bottom:1rem;
}

.l-section__message h2{
	padding-bottom: 0.5rem;
	flex-direction: column;
	font-size:5vw
}

/* special gift */
/* 
.l-section_gift{
	padding:2rem 1rem;
}

.p_gift_heading--lead{
	font-size:1.2rem!important;
}

.p_gift_heading--main{
	font-size:1.8rem!important;
}

.p-gift__board{
	width:100%;
}

.p-gift__text{
	text-align:left;
}
.p-gift__text br{
	display: none;
} */

/* items */
.l-section__items{
	margin-bottom:2rem;
}
.p-items__logo {
	width: 100%!important;
	margin-bottom:1rem;
}

/* vest */
.l-section__items--vest{
	margin-bottom:2rem;
}
.p-vest__mainImg{
	width:100%;
}

/* shirt */
.p-shirt__mainImg{
	width: 100%;
}

/* limit */
.l-section___limit--intro{
	padding:2rem 1rem;
}
.l-section___limit--intro h3{
	font-size:6vw!important;
}
.l-section___limit--intro p span{
	display: block;
}
.l-limit__main  .c-heading__h3{
	font-size:5vw!important;
}

/* pin */
.p-pin__mainImg-cr{
	display: block;
	margin-top:0;
}
.p-pin__itemImg{
	width: 100%;
}

.p-pin__price{
	flex-direction: column;
	width: 100%!important;
}
.p-pin__price .c-itemInfo{
	width: 100%!important;
}
.p-pin__price .c-itemInfo{
	margin-bottom:0;
}


/* flow */
.l-section-flow{
	padding:1rem 0;
}
.p-flow__gr{
	flex-wrap: nowrap;
	flex-direction: column;
}
.p-flow__box {
	max-width: 100%;
	display: flex;
	justify-content: space-between;
	gap:1rem;
}
.p-flow__box > * {
	flex: 1 1 0;
}

/* experience */

.l-section-experience{
	padding:1rem 1rem;
}

.l-section-experience .c-heading__h3::after{
	margin:1rem auto 0.5rem;
}

.p-experience__heading_special{
	text-align:center!important;
}

.l-section-experience h4{
	font-size:6vw;
}
.l-section-experience h4 span{
	display: block;
}

.l-section-experience hr{
	margin-block:2rem;
}

/* difference */
.l-section-difference{
	margin:4rem auto;
}
.l-section-difference .c-heading__h3::after{
	margin:1rem auto 0.5rem;
}

.p-difference__logo img{
		width: 50%!important;
}

.p-difference__message{
	width: 100%;
}

.c-item__text span{
	display: block;
}

/** sp-product_category
===================================*/



/** sp-single
===================================*/



/** sp-category
===================================*/



/** sp-search
===================================*/



/** sp-404
===================================*/





}/* @media */