@charset "utf-8";
/* CSS Document */
.chapter{
    max-width: 1180px;
	padding: 0 30px;
    margin: 0 auto 0 auto;
    text-align: left;
    box-sizing: border-box;
}

.contents main > section {
    max-width: 100%;
}

.red{
    color: #E60012;
}

.contents img{
    max-width: 100%;
}
.mincho{
	font-family: "FOT-筑紫明朝 Pr5N D", "ＭＳ Ｐ明朝", serif!important;
}

.onlyPc {
    display: unset;
}
.onlySp {
    display: none;
}

.buttonStyle {
    text-align: center;
    clear: both;
    margin-top: 50px;
}

.buttonStyle a {
    box-sizing: border-box;
    display: inline-block;
    padding: 10px 40px;
    color: #555;
    border: 2px solid #555;
    text-decoration: none;
    transition: all 300ms 0s ease;
    font-weight: 700;
    cursor: pointer;
}
.buttonStyle a:hover{
    background: #555;
    color: #fff;
}

.buttonStyle.shop a span {
    background: url("../../../../assets/images/common/icon/cart_hover.svg") 0 50% no-repeat;
    background-size: auto 100%;
    padding-left: 30px;
}

.buttonStyle.shop a:hover span{
    background:url("../../../../assets/images/common/icon/cart.svg") 0 50% no-repeat;
    background-size: auto 100%;
    padding-left: 30px;
}

#special_100th a.buttondesign{
	display: flex;
    justify-content: space-evenly;
    align-items: center;
	text-align: center;
	text-decoration: none;
	width: 32%;
	min-width: 240px;
	height: 65px;
	margin: 80px auto;
	font-weight: bold;
	background: #303030;
	color: #fff;
	position: relative;
	transition: 0.5s;
}

#special_100th a.buttondesign::before{
	content: "";
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	width: 8px;
	height: 8px;
	border-top: 1.5px solid #fff;
	border-right: 1.5px solid #fff;
	transform: rotate(45deg);
}

	#special_100th a.buttondesign:hover {
		opacity: 0.7;
	}

#special_100th a.buttondesign p{
	margin:0px;
}

/*------------------------------------------------------------------------------*/
.page {
    width:100%;
    margin:0 auto;
}
.ls0{letter-spacing: normal!important;}

/*------------------------------------------------------------------------------ヘッダー設定*/
.header {
    width:100%;
    height:50px;
    background-color: #FFF;
}

.header > a > img {
margin:10px 0 10px 20px;
float:left;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 1rem;
    font-weight: bold;
    z-index: 100;
}
#page-top a {
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
    color: #fff;
    width: 40px;
    height: 36px;
    background-image: url(	https://masking-tape.jp/en/mtartcontest/images/page_top.png);
    background-size: contain;
    text-align: center;
}
#page-top a:hover {
    text-decoration: none;
}

p.copyright{
    text-align: right;
}
/*------------------------------------------------------------------------------フッター設定*/
.footer {
    width:100%;
    padding: 10px 0;
    background-color: #FFF;
    text-align: center;
}

.footer > a > img {
    
}
footer .footerBox .copyright {

    font-size: 60%;

}
#2024aw .mincho{font-family: "FOT-筑紫明朝 Pr6 M", "ＭＳ Ｐ明朝", serif!important; letter-spacing:1px; line-height:1.7; }
#2024aw .mincho dt{font-size: 22px; margin-bottom: 10px;}
#2024aw .mincho dd{font-size: 15px; margin-bottom: 30px;}
#2024aw .mincho span.mini{font-family: "FOT-筑紫ゴシック Pr5N D", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;}
p.copy{
    float: right;
}
.sample{
	padding-top: 60px;
}
.sample img{
    width:100%;
	margin:0 auto;
}
.artist-box{
    width:960px;
	margin:0 auto;
}
.column-index{
clear:both;

}
.colums1{
	float: left;
	width: 144px;
	padding-right: 20px;
}
.colums1 img{
	margin-top: 0px;
}
.colums2{
	float: right;
	width: 85%;
	padding:0px 0  20px;
}
 .colums2 h5{
	font-size:18px;
	margin-bottom: 10px;
}

.mb50{margin-bottom:50px;}

.r-box{position:relative;}


.brandContainer {
  display: grid;
  padding: 0 30px;
  grid-template-columns: 200px 1fr;
  gap: 10px;
  margin-bottom: 30px;
}

.brandDescription {
  line-height: 2rem;
}

.brandDescriptionTitle {
  font-size: 18px;
}


/* accent
--------------------- */
.accent{
    position: relative;
}

.accent p.visual_text{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 550px;
    height: 400px;
}

/* lineupNav
--------------------- */
.lineupNav{
	padding: 20px 0;
	border-bottom: solid 1px #666;
	width:832px;
	overflow: hidden;
	margin: 0 auto;
}
	.lineupNav li {
		width: 50%;
		float: left;
		margin-top: 20px;
	}
	.lineupNav li img{margin: 0 0px 20px 0;height: 83px;}
	.lineupNav li:nth-child(2n) img{margin-right: 0px;}

/* lineupNav2
--------------------- */
.newLineupTitle {
    text-align: center;
    margin-bottom: 50px;
}

.lineupNav2 {
    max-width: 832px;
    margin: auto;
}
.lineupNav2 li {
    margin-bottom: 30px;
}
.lineupNav2 a:hover {
    opacity: 0.7;
    color: #333;
}
.lineupNav2 li .productLogo {
    padding-top: 20px;
    padding-bottom: 30px;
}
.lineupNav2 .itemInfo {
    display: grid;
    grid-template-columns: 1fr 409px;
    gap: 70px;
    text-align: left;
}
.lineupNav2 .productLogo {
    padding-bottom: 15px;
}
.lineupNav2 .productDescriptionTitle {
    font-size: 16px;
    text-align: left!important;
    line-height: 1.8;
}

/* section
--------------------- */
.newcollection .section + .section{
    text-align: left;
}

.newcollection .section{
	padding-top:90px;
}

/* newcollection
--------------------- */
.newcollection p.visual img{
	width:100%;
}

.newcollection .area{
	position:relative;
}


/* newcollectiontitle
--------------------- */
.newcollection .area.newcollectiontitle{
	text-align:center;
	padding:30px 0;
	letter-spacing:1px;
}

	.newcollection .area.newcollectiontitle p{
		text-align:center;
	}

	.newcollection .area.newcollectiontitle dl{
		margin-bottom: 35px;
	}

	.newcollection .area.newcollectiontitle dl dt{
		font-size:24px;
		font-weight:bold;
		line-height: 1.2;
	}
	.newcollection .area.newcollectiontitle dl dd{
		font-size:18px;
		font-weight:bold;
		padding:15px 0 30px;
	}

	.newcollection .newcollectiontitle dl.l-box dt{
		font-size:27px;
		font-weight:bold;
	}
	.newcollection .newcollectiontitle dl.l-box dd{
		font-size:18px;
		font-weight:bold;
		padding:15px 0 30px;
	}

.newcollection div.subsection{
	position:relative;
}

/* iteminfo
--------------------- */
.newcollection div.subsection .iteminfo{
	display: flex;
	flex-wrap: nowrap;
	padding:30px 0;
	align-items: center;
}

	.newcollection div.subsection .iteminfo .explain{
		box-sizing: border-box;
		width: 40%;
		padding: 0 40px;
		font-weight:bold;
		letter-spacing: 0.1em;
	}

		.newcollection div.subsection .iteminfo .explain img{
			padding-bottom:25px;
		}

		.newcollection div.subsection .iteminfo .explain p.lead{
			font-size:19px;
			font-weight:bold;
			padding-bottom:20px;
			display:block;
			line-height: 1.7;
			letter-spacing: 0;
			text-align: left;
		}
        .newcollection div.subsection .iteminfo .explain p.text{
			letter-spacing:0;
			text-align: left;
		}
	.newcollection div.subsection .iteminfo .image{
		text-align:right;
		width:60%;
		margin: 0;
		font-size:16px;
		font-weight:bold;
		letter-spacing:3px;
	}
	.newcollection div.subsection .iteminfo .image img{
		width:100%;
	}

	/* r-box
	--------------------- */
	.newcollection div.subsection .iteminfo.r-box{
		flex-flow: nowrap row-reverse;
	}
/*
	.newcollection div.subsection dl.iteminfo.r-box dt img{
		width:60%;
	}

	.newcollection div.subsection dl.iteminfo.r-box dd{
		position:absolute;
		top:10%;
		left:63%;
	}

	.newcollection div.subsection dl.iteminfo.r-box dd img{
		padding-bottom:25px;
	}

	.newcollection div.subsection dl.iteminfo.r-box dd span{
		font-size:22px;
		font-weight:bold;
		padding-bottom:20px;
		display:block;
	}
*/

	/* set
	--------------------- */
	.newcollection #set div.subsection dl.r-box dd{
		position:absolute;
		top:14%;
		left:63%;
	}

	/* pocket
	--------------------- */
	.newcollection #pocket div.subsection dl.l-box dt{
		top:1%;
	}

/* title
--------------------- */
.contents .title{
	text-align: left;
	font-size: 2.1rem;
	padding: 20px 0 10px;
	border-bottom: 2px solid black;
	  margin:0px auto 20px;
	clear: both;
}

	.contents .title small{
		margin-left: 2em;
		font-size: 1.6rem;
	}

    .contents #lineup06_3 .title{
        display: flex;
        justify-content: space-between;
    }
    .contents #lineup06_3 .title .c_red{
        color: #ff0000;
    }

/* tapelineupBox
--------------------- */
.contents ul.tapelineupBox{
	padding-top:20px; clear:both!important;
	overflow: hidden;
    margin: 0 auto;
    max-width: 700px;
}

.contents ul.tapelineupBox li dl{
	padding-bottom:15px;
}

.contents ul.tapelineupBox li dl dt{
	border: 1px solid #d5d5d5;
	margin-bottom: 10px;
}
.contents ul.tapelineupBox li dl dd{
	line-height: 1.3;
}

/* .setitems
--------------------- */
.contents .setitems{
	padding: 0 85px;
}

.contents .setitems .image{
	margin: 0;
	width: 43%;
	padding-right: 56px;
}
.contents .setitems ul.tapelineupBox{
	width: 58%;
	align-items: flex-start;
	margin-top: -22px;
}
.contents .setitems ul.tapelineupBox.col3 > li{
	width: 25.8%;
	margin-top: 22px;
}


#2024aw .newcollection div.subsection ul.wrap-tape li,
.newcollection ul.tapelineupBox li.column-two,
.newcollection ul.tapelineupBox li.column-three
{clear:both;}


.newcollection div.subsection ul li dl.block-three{
	width:auto;
	float: left;
	padding: 20px 58px 20px 0;
}
.newcollection div.subsection ul li dl.block-three:last-child{padding: 20px 0;}


.newcollection div.subsection ul li dl.block-two{
	width:450px;
	float: left;
	padding-right: 60px;
}
.newcollection div.subsection ul li dl.block-two:last-child{padding-right: 0;}
.newcollection ul.tapelineupBox li.column-two dl:nth-child(2n){
padding-right: 0;
}
.newcollection ul.tapelineupBox li.column-three dl{
	width:314px;
	float: left;
	padding-right: 9px;
}
.newcollection ul.tapelineupBox li.column-three dl:nth-child(3n){
padding-right: 0;
}

.newcollection div.section p.img100{
	margin:0;
	padding-bottom:0;
}
.newcollection div.section p.img100 img{
	width:100%;
}
.newcollection p.btn-movie{
	margin-top: 20px;
}

.newcollection ul.productlink{
	width:980px;
	margin:0 auto;
	padding-bottom:50px;
    text-align: center;
}

.newcollection ul.productlink li {
    display: inline-block;
    padding: 0px 10px;
}


ul#nav{text-align:left; width:830px; margin:30px auto 50px; padding-bottom:25px;
border-bottom:solid 2px #666;}
ul#nav li{display:inline; width:50%; padding-left:25px;}
ul#nav li img{margin-bottom:15px;}

.mini{font-size:80%;}


.newcollection div.subsection ul.five-tape li dl{
	width:18%;
	float: left;
	padding-right: 2.5%;
}
.newcollection div.subsection ul.five-tape li dl:nth-child(5n){
	padding-right: 0;
}
.newcollection div.subsection ul.five-tape li dl dt{
    margin-bottom:10px;
    border: 1px solid #ccc;
}
.newcollection div.subsection ul.five-tape li dl dt img{
	width: 100%;
}

.newcollection div.subsection ul.five-tape li dl dd{
    font-size: 107%;
}

.newcollection div.subsection ul.tapelineupBox.brightness{
    display: flex;
    flex-wrap: wrap;
}

.newcollection div.subsection ul.tapelineupBox.brightness li{
    width: calc(20% - 20px);
    padding: 10px;
}

.newcollection div.subsection ul.tapelineupBox.brightness li dl{
    width: auto;
    float: none;
    padding-right: 0;
}

.newcollection div.subsection ul.three-tape{
    width: 900px;
    margin: auto;
}

.newcollection div.subsection ul.three-tape li{
	width: 33%;
    float: left;
    margin-bottom: 30px;
}
.newcollection div.subsection ul.three-tape.col2 li{
	width: 50%;
}
.newcollection div.subsection ul.three-tape li dl{
	width: 245px;
    margin: auto;
}
.newcollection div.subsection ul.three-tape li dl dt{margin-bottom:10px;}

.newcollection div.subsection ul.three-tape li dl dd{
    white-space: nowrap;
    font-size: 107%;
}

.contents .tapebasicBoxLineupBox ul.tapelineupBox{
  display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px 50px;
}

/* dl.eco
--------------------- */
.contents section dl.eco {
    max-width: 700px;
    margin: 20px auto 50px;
    border: 3px solid #6bb477;
    border-radius: 10px;
    padding: 14px 40px 14px 80px;
    display: flex;
    align-items: center;
    gap: 40px;
    justify-content: flex-start;
}
.contents section dl.eco dt {
    flex-shrink: 0;
}
.contents section dl.eco dd {
    color: #6bb477;
    font-size: 1.8rem;
    letter-spacing: 0.04em;
    line-height: 1.5;
}

/* ul.flow
--------------------- */
.contents section ul.flow {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.contents section ul.flow li {
    position: relative;
    width: 28%;
    max-width: 310px;
}
.contents section ul.flow li:before {
    content: "";
    position: absolute;
    width: 27px;
    height: 41px;
    background: url("../../../assets/images/lineup/special/2024aw/flow_arrow.png") 0 0 no-repeat;
    background-size: cover;
    top: 32%;
    right: -21%;
}
.contents section ul.flow li:last-child:before {
    display: none;
}
.contents section ul.flow dt img {
    width: 100%;
}
.contents section ul.flow dd {
    margin-top: 10px;
    color: #6bb477;
    font-size: 1.9rem;
    text-align: center;
    line-height: 1.3;
}


/* SP用
-------------------------------------------- */

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

.onlyPc {
    display: none;
}
.onlySp {
    display: unset;
}

.contents main > section {
    margin-left: 0;
    margin-right: 0;
}


.contents .wide .container{
    margin-left: 4%;
    margin-right: 4%;
}    

.contents .title {
    text-align: left;
    font-size: 18px;
}
	
#special_100th a.buttondesign{
	margin: 20px auto;
}

.brandContainer{
	grid-template-columns: 1fr;
}

/* title
--------------------- */
.contents .title{
	font-size: 1.8rem;
	line-height: 1.4;
}

	.contents .title small{
		display: block;
		margin: 2px 0 0 0;
		font-size: 1.2rem;
	}

    .contents #lineup06_3 .title{
        flex-direction: column-reverse;
    }
    .contents #lineup06_3 .title .c_red{
        font-size: 1.5rem;
    }



/* accent
--------------------- */
.accent p.visual_text {
    display: none;
}


/* lineupNav
--------------------- */
.lineupNav {
    width: auto;
}
.lineupNav li {
    width: auto;
    float: none;
}
.lineupNav li img {
	height: auto;
}
.column-index {
    display: none;
}

/* lineupNav2
--------------------- */
.newLineupTitle {
    text-align: center;
    margin-bottom: 30px;
}
.lineupNav2 {
    max-width: 382px;
}
.lineupNav2 li:last-of-type {
    margin-bottom: 0;
}
.lineupNav2 li .itemInfo {
    display: flex;
    flex-direction: column-reverse;
    gap: 0;
}
.lineupNav2 li .productImageContainer {
    margin-bottom: 20px;
}
.lineupNav2 li .productLogo {
    padding-top: 0;
    zoom: 0.7;
}
.lineupNav2 .productDescriptionTitle {
    font-size: 15px;
}

/* section
--------------------- */
.newcollection .section + .section{
    text-align: left;
}

.newcollection .section + .section{
	padding-top:40px;
}

.newcollection .section{
	padding-top: 0;
}

/* iteminfo
--------------------- */
.newcollection div.subsection .iteminfo{
    margin-top: 20px;
	display: block;
	padding:30px;
}

	.newcollection div.subsection .iteminfo .explain{
		width: auto;
		padding: 0;
	}

		.newcollection div.subsection .iteminfo .explain p.lead{
			font-size:1.8rem;
			padding-bottom:0.5em;
		}
	.newcollection div.subsection .iteminfo .image{
		text-align:center;
		width:auto;
		margin: 2em 0 0 0;
	}
	
.colums1 {
    float: none;
    width: auto;
    padding-right: 0;
    text-align: center;
    margin-bottom: 20px;
}

.colums2 {
    float: none;
    width: auto;
}
    

.newcollection div.subsection dl a{
	display: block;
	text-align: center;
}

/* .tapelineupBox
--------------------- */

.newcollection div.subsection ul.tapelineupBox li dl dt{
    overflow: hidden;
    border: 1px solid #d5d5d5;
}

.newcollection div.subsection ul.tapelineupBox li dl dt img{
	width: 100%;
	height: 60px;
	object-fit: cover;
	margin-bottom: 0;
}
.newcollection div.subsection #ten_piece ul.tapelineupBox li dl dt img{
	object-fit:initial;
}

/* .setitems
--------------------- */
.contents .setitems{
	padding: 0 0;
}

.contents .setitems .image{
	margin: 0;
	width: auto;
	padding:0 12vw 4vw 12vw;
}
.contents .setitems ul.tapelineupBox{
	width: auto;
	align-items: flex-start;
	margin-top: -12px;
}
.contents .setitems ul.tapelineupBox.col3 > li{
	width: 31%;
	margin-top: 12px;
}
.contents .setitems ul.tapelineupBox li dl dt {
    margin-bottom: 4px;
}
.contents .setitems ul.tapelineupBox.col3 > li dl dt img{
	height: 2em;
}
.contents .setitems ul.tapelineupBox.col3 > li dl dd{
	font-size: 1.4rem;
}
	
/* .sample
--------------------- */
.sample{
    margin-bottom: 0px;
    padding-top: 20px;
}
	
/* .productlink
--------------------- */
.newcollection ul.productlink {
    width: auto;
}

.newcollection ul.productlink li{
    margin-bottom: 20px;
}

.newcollection div.subsection ul.five-tape li dl {
    width: 100%;
    padding-right: 0;
    float: none;
}
.newcollection div.subsection ul.five-tape li:nth-child(5n) dl {
    padding-right: 4%;
}

    .newcollection div.subsection ul.five-tape li:nth-child(2n) dl {
        padding-right: 0;
    }
    
.newcollection div.subsection ul.three-tape {
    width: auto;
}
    
.newcollection div.subsection ul.three-tape li,
.newcollection div.subsection ul.three-tape.col2 li{
    width: 48%;
    margin-right: 4%;
}
.newcollection div.subsection ul.three-tape li:nth-child(2n){
    margin-right: 0;
}

.newcollection div.subsection ul.three-tape li dl {
    width: auto;
    height: 100% !important;
}    
.newcollection div.subsection ul.three-tape li dl dt img {
    height: 100%;
}

.newcollection div.subsection ul.three-tape li dl dd {
    white-space: inherit;
}

.newcollection div.subsection .tapebasicBoxLineupBox ul.tapelineupBox li dl dt img
{
  min-width: 100%;
  height: 100%;
}
.brandContainer {
	display: none;
}

/* dl.eco
--------------------- */
.contents section dl.eco {
    width: auto;
    padding: 20px 4%;
    gap: 14px;
    margin: 0 30px 30px;
}
.contents section dl.eco dt {
    zoom: 0.8;
}
.contents section dl.eco dd {
    font-size: 1.5rem;
    line-height: 1.8;
    letter-spacing: 0;
}

/* ul.flow
--------------------- */
.contents section ul.flow {
    display: block;
}
.contents section ul.flow li {
    width: auto;
    margin: 0 auto 60px;
}
.contents section ul.flow li:last-child {
    margin-bottom: 20px;
}
.contents section ul.flow li:before {
    top: auto;
    right: auto;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    bottom: -45px;
}
.contents section ul.flow dd {
    font-size: 1.5rem;
}
}