@charset "utf-8";
#daikanyama202202 {
	font-family: YakuHanJP,tbudgothic-std, sans-serif;
	font-weight: 400;
	font-size: 10px;
	color: #000000;
	text-align: left;
	overflow-x: auto;
	-webkit-text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	min-width: 980px;
}
#daikanyama202202 .sp {
	display: none !important;
}

/*heder*/
#daikanyama202202  #lp_header {
	width: 100%;
	padding-top: 50.71%;
	margin: 0 auto 70px;
	position: relative;
	overflow: hidden;
	text-align: center;
	opacity: 0;
	transition: opacity 0.8s linear 0.4s;
}
#daikanyama202202.is-loded  #lp_header {
	opacity: 1;
}
#lp_header .bg_img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#lp_header .bg_img img {
	position: absolute;
}
#daikanyama202202 #lp_header .bg_img .bg01 {
	width: 34.5%;
	left:6.8%;
	bottom: -40px;
	opacity: 0;
}
#daikanyama202202.is-loded #lp_header .bg_img .bg01 {
	opacity: 1;
	transition: opacity 1s ease-in 1.2s;
	/*animation: in 2s linear backwards;*/
}
#daikanyama202202  .bg_img .bg02 {
	width: 33.2%;
	right: 4.21%;
	top: -124px;
	opacity: 0;
}
#daikanyama202202.is-loded #lp_header .bg_img .bg02 {
	opacity: 1;
	transition: opacity 0.8s ease-in 1.6s;
}
#daikanyama202202  .bg_img .bg03 {
	width: 12.4%;
	left: 4%;
	bottom: 154px;
	opacity: 0;
	transition: all 0.6s linear 2s;
}
#daikanyama202202.is-loded  .bg_img .bg03 {
	left: 4%;
	opacity: 1;
	transform: scale(1);
	transition: all 0.6s linear 2.2s;
}
#daikanyama202202  .bg_img .bg04 {
	width: 15.9%;
	left: 0;
	bottom: 0;
	opacity: 0;
}
#daikanyama202202.is-loded  .bg_img .bg04 {
	opacity: 1;
	transition: all 0.8s linear 2s;
}
#daikanyama202202  .bg_img .bg05 {
	width: 57%;
	right: 14.3%;
	bottom: -20px;
	z-index: 2;
	opacity: 0;
}
#daikanyama202202.is-loded  .bg_img .bg05 {
	opacity: 1;
	transition: all 1s linear 1.8s;
}
#daikanyama202202  .bg_img .bg06 {
	width: 65%;
	right: -1.2%;
	bottom: -52px;
	opacity: 0;
	transform: scale(0.99);
}
#daikanyama202202.is-loded  .bg_img .bg06 {
	right: -1.2%;
	bottom: -50px;
	opacity: 1;
	transform: scale(1);
	transition: all 0.8s linear 1.6s;
}
#daikanyama202202.is-loded #lp_header .ld_txt {
    transition: opacity .8s linear 2.4s;
}


#lp_header #lp_title {
	width:354px;
	letter-spacing: 0;
	margin:0 auto 24px;
}
#lp_header .ld_txt {
	width:100%;
	position: absolute;
	bottom: 23%;
	left: 0;
	z-index: 3;
}
#lp_header .ld_txt  div {
	margin-bottom: 26px;
}
#lp_header .ld_txt div p {
	font-size: 1.5em;
}
#lp_header .ld_txt div.ld p.en {
	margin-top: 0.3em;
	font-size: 2em;
	letter-spacing: .082em;
}
#lp_header .ld_txt div.ld p {
	font-size: 1.1em;
	line-height: 1.8;
	letter-spacing: 0;
}
#daikanyama202202 #lp_nav {
	opacity: 0;
}
#daikanyama202202.is-loded #lp_nav {
	opacity: 1;
	transition: opacity 1s linear 2.8s;
}
#lp_nav {
	width:100%;
	margin-bottom: 12%;
	display:flex;
	align-items: center;
	justify-content: center;
}
#lp_nav  li {
    font-size: 1.4em;
    margin: 0 1.5em;
    letter-spacing: 0.042em;
}
#lp_nav  li a {
	display: block;
	position: relative;
	padding-right: 20px;
	opacity: 1;
}
#lp_nav  li a::after {
	width: 100%;
	height: 1px;
	background: #000;
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
}
#lp_nav  li a:hover{
	opacity: 0.5;
	transition: opacity 0.2s linear 0s;
}
#lp_nav  li a img {
	width: 14px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
#daikanyama202202 .section {
	/*width: 68.57%;*/
	width: 960px;
	margin: 0 auto 200px;
}
#daikanyama202202 .section .iteminfoArea {
	margin-bottom: 100px;
}
#daikanyama202202 .section .item_title {
text-align: center;
    font-size: 2.1em;
    font-weight: 400;
    letter-spacing: 0.12em;
    font-family: montserrat, sans-serif;
}
#daikanyama202202 .section .item_title  span {
	display: block;
	font-size: 1.5em;
	font-weight: 400;
	margin-bottom: 1em;
}
#daikanyama202202 .section .imageArea img {
	display: inline-block;
}
#daikanyama202202 .section .items_area .items {
	width: 49.3%;
}
#daikanyama202202 .section .items_area .items ul {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
#daikanyama202202 .section .items_area .items ul li {
	width: 33.3%;
	margin-bottom: 2em;
	height: 100%;
}
#daikanyama202202 .section .items_area#item01 .items ul li .cgImg {
	width: 100%;
	position: relative;
	height: 158px;
	background: url(../images/itemcg01.jpg) 0 0 no-repeat;
	background-size: 158px auto;
	animation: splice 2s steps(1) infinite; 
	margin-bottom: 5px;
}
#daikanyama202202 .section .items_area#item02 .items ul li .cgImg {
	width: 100%;
	position: relative;
	height: 158px;
	background: url(../images/itemcg02.jpg) 0 0 no-repeat;
	background-size: 158px auto;
	animation: splice 2s steps(1) infinite; 
	margin-bottom: 5px;
}

@keyframes splice { 
    0% { 
        background-position: 0 0; 
    } 
 
    33.33% { 
        background-position: 0 -158px; 
    } 
 
    66.66% { 
        background-position: 0 -316px; 
    } 
} 
#daikanyama202202 .section .items_area .items ul li img {
	display: block;
	margin-bottom: 0.6em;
}
#daikanyama202202 .section .items_area .itemsInfo {
	width: 49.3%;
	position: absolute;
	text-align: center;
	font-size: 1.4em;
}
#daikanyama202202 .section .items_area .itemsInfo h3 {
	font-size: 1.2em;
	letter-spacing: 0;
	margin-bottom: 0;
}
#daikanyama202202 .section .items_area .items_bImg {
	width: 46%;
}
#daikanyama202202 .section .name {
	font-size: 1.2em;
	letter-spacing:0.045em;
	text-align: center;
}
#daikanyama202202 .section .textArea p {
	font-size: 1.3em;
	margin-bottom: 1em;
	line-height: 1.7;
}
#daikanyama202202 .section .items_area {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 100px;
}


/*bag*/
#daikanyama202202 .section#bag .items_area .items ul {
	padding-top: 20%;
}
#daikanyama202202 .section#bag .item_title {
	width: 48%;
	margin: 20% 0 0 9.4%;
}
#daikanyama202202 .section#bag .item_title img {
	width: 16%;
}
#daikanyama202202 .section#bag .imageArea .l_img {
    width: 49%;
    transform: translate(-8%, 0.8em);
}
#daikanyama202202 .section#bag .imageArea .r_img {
	width: 27%;
	margin: 0 0 0 6%;
	transform: translateY(-38%);
}
#daikanyama202202 .section#bag .textArea{
	padding-left: 58%;
	margin-top: -17%;
}
#daikanyama202202 .section#bag .items_area#item02 {
	flex-direction: row-reverse;
}
#daikanyama202202 .section#bag .items_area .itemsInfo {
	left: 0;
	bottom: 12%;
}
#daikanyama202202 .section#bag .items_area#item02 {
	padding-bottom: 8.6em;
}
#daikanyama202202 .section#bag .items_area#item02 .itemsInfo {
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
#daikanyama202202 .section#bag .items_area#item02 .items_bImg {
	position: relative;
}
#daikanyama202202 .section#bag .items_area#item02 .items_bImg .subimg{
	width: 26%;
	position: absolute;
	right: -6%;
	top: 6%;
}

/*knit*/
#daikanyama202202 #kint  {
	padding-top: 18%;
	background: url(../images/knit_bg.jpg) no-repeat 0 0;
	background-size: 100% auto;
}
#daikanyama202202 #kint .section .iteminfoArea {
	margin-bottom: 190px;
}
#daikanyama202202 #kint .section .item_title {
	margin-bottom: 276px;
	padding-left: 36.3%;
}
#daikanyama202202 #kint .item_title img {
    width: 12%;
}
#daikanyama202202 #kint .section .iteminfoArea .textArea {
	padding-left: 6%;
}
#daikanyama202202 #kint .section .items_area .items {
	width: 54%;
	margin-top: -2%;
}
#daikanyama202202 #kint .section .items_area#item05,
#daikanyama202202 #kint .section .items_area#item03 {
	flex-direction: row-reverse;
	padding-bottom: 4em;
}
#daikanyama202202 #kint .section .items_area#item03 {
	margin-bottom: 220px;
}
#daikanyama202202 #kint .section .items_area#item04 {
	padding-bottom: 8%;
}
#daikanyama202202 #kint .section .items_area .items_bImg .name {
	margin-top: -2em;
}
#daikanyama202202 #kint .section .items_area#item04 .items ul li img {
	width: 84%;
	margin: 0 auto;
}
#daikanyama202202 #kint .section .items_area#item04 .items_bImg img {
	display: block;
	width: 74%;
	margin: 0 auto;
}
#daikanyama202202 #kint .section .items_area .itemsInfo {
	bottom: 0;
}
#daikanyama202202 #kint .section .items_area#item03 .itemsInfo {
	right: 0;
	bottom: -7%;
}
#daikanyama202202 #kint .section .items_area#item05 .itemsInfo {
	right: 0;
	bottom: -7%;
}
#daikanyama202202 #kint .section .items_area#item05 {
	padding-top: 6%;
}
#daikanyama202202 #kint .section .items_area#item05 .bg-img {
	width: 16%;
	position: absolute;
	top: -8%;
	left: -6%;
}

#daikanyama202202 .section .items_area#item06 {
	margin-bottom: 90px;
}
#daikanyama202202 .section#goods {
	position: relative;
	margin-bottom: 0;
}
#daikanyama202202 .section#goods .item_title {
    width: 35%;
    position: absolute;
    transform: translate(54%, 180%);
}
#daikanyama202202 .section#goods .iteminfoArea {
	background: url(../images/ilst_04.jpg) no-repeat 0 0;
	background-size: 100% auto;
	padding-top: 57.29%;
}
#daikanyama202202 .section#goods .textArea {
	padding-left: 46%;
	margin-top: -15.8%;
}
#daikanyama202202 .section#goods .name {
	font-size: 1.4em;
	letter-spacing: 0;
	margin-top: 1em;
}
#daikanyama202202 #goods .item_title img {
    width: 23%;
}
#daikanyama202202 .section#goods .items_area .items.l ul.lbx li:nth-child(4) div.simg .name {
	font-size: 1em;
	margin-top: 1em;
	white-space: nowrap;
}
#daikanyama202202 .section#goods .items_area .items.l ul.lbx li:nth-child(4) div.simg + .name {
	margin-top: 2em;
}
#daikanyama202202 .section .items_area .items.l {
	width: 100%;
}
#daikanyama202202 .section .items_area .items.l ul.lbx li:nth-child(-n + 2) {
	width: 44%;
	margin: 0 2% 4%;
}
#daikanyama202202 .section .items_area .items.l ul.lbx li:nth-child(5),
#daikanyama202202 .section .items_area .items.l ul.lbx li:nth-child(4),
#daikanyama202202 .section .items_area .items.l ul.lbx li:nth-child(3) {
	width: 54%;
	margin-bottom: 14%;
}

#daikanyama202202 .section#goods .items_area .items.l ul.lbx li:nth-child(4) div.simg{
	display: flex;
	justify-content: center;
}
#daikanyama202202 .section#goods .items_area .items.l ul.lbx li:nth-child(4) div.simg div {
	width: 16%;
	margin: 0 1.4%;
}
#daikanyama202202 .section .items_area .items.l ul.lbx.onl li {
	width: 100%;
	margin: 0 auto;
}
#daikanyama202202 .section#goods .items_area .items.l ul.lbx li:nth-child(5) div.simg {
	width: 90%;
	margin: 0 auto 3em;
}

#daikanyama202202 .section .item07info {
	padding: 120px  0 4% 0;
	text-align: center;
	font-size: 1.3em;
	position: relative;
}
#daikanyama202202 .section .item07info::before {
	width: 16%;
	height: 1px;
	display: block;
	content: '';
	background: #000;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
#daikanyama202202 .section .item07info h3 {
	font-size: 1.4em;
	font-weight: 400;
    letter-spacing: 0.045em;
    font-family: montserrat, sans-serif;
    margin-bottom: 1em;
}
#daikanyama202202 .section .items_area#item07 {
	margin-bottom: 120px;
}
#daikanyama202202 .section .items_area#item07 {
	margin-bottom: 140px;
}
#daikanyama202202 .section .items_area#item08 .items,
#daikanyama202202 .section .items_area#item07 .items {
	width: 100%;
}
#daikanyama202202 .section .items_area#item07 .items ul li {
	margin-top: 6%;
}
#daikanyama202202 .section .items_area#item08 .items ul li {
	margin: 0 3%;
}
#daikanyama202202 .section .items_area#item06 .bg-img {
    position: absolute;
    width: 17%;
    right: 5%;
    bottom: -150px;
}
#daikanyama202202 .section .items_area#item08 .bg-img {
    position: absolute;
    width: 17%;
    right: -10%;
    border: 0;
    bottom: -180px;
}
#daikanyama202202 .section .items_area#item07 .items ul li img {
	width: 74%;
	display: block;
	margin: 0 auto;
}
#daikanyama202202 .section#goods .name span.itemprice2 {
	padding: 0 0.5em;
}
#daikanyama202202 .section#goods .name span.itemname {
	padding-right:  0.5em;
}
#daikanyama202202 .section .items_area#item07 .name .itemname {
	display: block;
}
#daikanyama202202 .section .items_area#item08 .name .itemname {
display: inline-block;
}
#daikanyama202202 .daikanyama_lonk {
	position: relative;
}
#daikanyama202202 .daikanyama_lonk a {
	background:  rgba(161,160,157,1);
	display: block;
	width: 37.8%;
	max-width: 530px;
	height: 100%;
	box-sizing: border-box;
	margin: 0 auto 165px;
	padding: 40px 0;
	text-align: center;
	color: #FFF;
	font-size: 1.1em;
}
#daikanyama202202 .daikanyama_lonk a:hover {
	background:  rgba(161,160,157,0.6);
	transition:  background 0.2s linear 0s;
}
	#daikanyama202202 .daikanyama_lonk a  h3 {
	text-align: center;
	width: 25%;
	margin: 0 auto 20px;
}
#daikanyama202202 #footer {
	width: 100%;
	background: #ddc8c7;
	padding: 160px 0 60px 0;
	text-align: center;
}
#daikanyama202202 #footer .inner {
	width: 80%;
	margin: 0 auto;
}
#daikanyama202202 #footer .inner a, 
#daikanyama202202 #footer .inner p {
	color: #FFF;
}
#daikanyama202202 #footer .inner p {
	margin-top: 20px;
	line-height: 2;
	font-size: 1.1em;
	font-family: montserrat, sans-serif;
	font-weight: 500;
	letter-spacing: 0.084em;
}
#daikanyama202202 #footer .inner ul {
	width: 5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 37px auto 20px;
}
#daikanyama202202 #footer .inner ul li {
	width: 31%;
}
#daikanyama202202 #footer .inner div.cct_logo {
	width: 9%;
	margin: 6em auto 2em;
}
#daikanyama202202 #footer .inner div.cct_logo svg {
	fill: #FFF;
}
#daikanyama202202  .iteminfo06 {
    padding: 0 0 120px;
    text-align: center;
    font-size: 1.3em;
}
#daikanyama202202  .itemlink a {
    font-size: 11px;
    font-weight: 600;
}
@media screen and (max-width:1200px) {
	#lp_header .ld_txt {
	bottom: 20%;
	}
}
@media screen and (max-width:1000px) {
	#lp_header .ld_txt {
	bottom: 14%;
	}
}
