@charset "utf-8";


@import url(https://www.rakuten.ne.jp/gold/aranciato/assets/css/tmpl_component.css);



body {
    font-family: "Noto Serif JP", Serif;
    width: 100%;
    height: 100%;
    font-size: 1rem;
    font-weight:500;
    line-height:1.5;
    word-break: break-word;
    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
    letter-spacing:0.07rem;
    padding: 0;
    margin: 0;
    color:#333;
    background: #fcf7ed;
}



header {
    background: #fcf7ed;
    position:relative;
    z-index: 100;
}


a:hover {
	opacity: 1;
}





/* CSS Document */


/*


.noto-serif-jp-<uniquifier> {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


#attribute_tags ._attribute label:before {
    font-family: "Font Awesome 5 Free";
    content: '\f057';
    font-weight:900;
    margin-right: .4rem;
    color: #444;
    }


.poppins-regular {
  font-family: "Poppins", serif;
  font-weight: 400;
  font-style: normal;
}

.montecarlo-regular {
  font-family: "MonteCarlo", serif;
  font-weight: 400;
  font-style: normal;
}

.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
*/


.container {
	width:100%;
}



.intro-head {
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 8rem;
}

.intro-image {
	margin-bottom:8rem;
	width: 100%;
}

/*.intro-image {
	width: 100%;
	height: 70vh;
	margin-bottom:8rem;
	background-image: url(img/main.jpg);
	background-position:center top ;
	background-repeat:no-repeat;
	background-size:80%;
	background: url(https://image.rakuten.co.jp/aranciato/cabinet/pick-2025/main.jpg) center top no-repeat;
}*/


.caption {
	font-size: 1.6rem;
	font-weight:400;
	letter-spacing: 0.05rem;
	line-height: 1rem;
	margin-bottom:1rem;
	margin-left:.4rem;
}

.caption__deco--1 {
	display: inline-block;
	background: #fff;
	border: 1px solid #222;
	width: 6rem;
	height: 1.6rem;
	margin-right: .4rem;
}

.caption__deco--2 {
	color: #333;
	font-weight:600;
}


.intro-head h1 {
	font-family: 'MonteCarlo', serif;
	font-weight: 400;
	font-size: 12rem;
	letter-spacing: 0;
	line-height: 1em;
	text-align: center;
	font-kerning: auto;
	white-space: nowrap;
}



.intro-head h1::first-letter {
	letter-spacing: -.6rem;
}

.intro-head .sub {
	margin: 0 auto;
	width: 240px;
	font-size: 1.4rem;
	line-height:1;
	display: grid;
	grid-template-columns: repeat(4, auto);
	justify-items: center;
}






@media (max-width: 767.98px) {


.intro-image {
	margin-bottom:2.4rem;
}

.intro-head {
	margin-bottom:3.2rem;
}

.intro-head h1 {
	font-size: 6.4rem;
	margin-left:-.6rem;
}


.intro-head h1::first-letter {
	letter-spacing: -0.4rem;
}

.caption {
	font-size: 1.2rem;
	line-height:1.6;
    margin-bottom: 1rem;
    margin-left: 0rem;
}

.caption__deco--1 {

}

.intro-head .sub {
	font-size: 1.2rem;
	width:50%;
}



}




/* おでかけとは */

.outline {
	position: relative;
	max-width:1000px;
	width:90%;
	margin:0 auto ;
	padding:3.2rem 4rem;
/*	background: #fff;*/
}



.outline:before {
	position:absolute;
	left:0;
	top:0;
	content:"";
	width:160px;
	height:240px;
	border-top:1px solid #222;
	border-left:1px solid #222;
}

.outline:after {
	position:absolute;
	right:0;
	bottom:0;
	content:"";
	width:160px;
	height:240px;
	border-bottom:1px solid #222;
	border-right:1px solid #222;
}


.outline__deco--1 {
	position:absolute;
	left:3px;
	top:3px;
	content:"";
	width:159px;
	height:239px;
	border-top:3px solid #222;
	border-left:3px solid #222;
}

.outline__deco--2 {
	position:absolute;
	right:3px;
	bottom:3px;
	content:"";
	width:159px;
	height:239px;
	border-bottom:3px solid #222;
	border-right:3px solid #222;
}


.outline h2 {
	font-size:1.6rem;
	font-weight:500;
	margin:0 0 1.6rem 0;
	text-align: center;
}

.outline h2 span {
	font-size:.7em;
}

.outline p {
	line-height:2;
}



@media (max-width: 767.98px) {

	.outline h2 {
    	font-size: 1.4rem;
    }

	.outline {
		padding:3.2rem 2.4rem;
	}

}


/* アイテムカテゴリー */

.toc {
	max-width: 1000px;
	width:90%;
	margin:8rem auto ;
}


.toc h2 {
	font-size:1.6rem;
	font-weight:500;
	margin:0 0 1.6rem 0;
	text-align: center;

}


.tocList {
	display:grid;
	grid-template-columns: repeat(4,1fr);
	border-left:1px solid #222;
	border-top:1px solid #222;
}


.tocList li {
	border-right:1px solid #222;
	border-bottom:1px solid #222;
}

.tocList li a {
	margin-bottom:2px;
	border-bottom:3px solid #fcf7ed;
	text-align: center;
	display:grid;
	padding:.8rem;
	letter-spacing: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.tocList li a:hover {
	border-bottom:3px solid #222;
	background: rgba(0, 0, 0, 0.1);
}




@media (max-width: 767.98px) {
	

	.toc {
		margin: 4rem auto;
	}

    .toc h2 {
        font-size: 1.4rem;
    }


	.tocList {
		display:grid;
		grid-template-columns: repeat(2,1fr);
	}


}



/* contents */

.contents {
	margin-bottom:8rem;
	position:relative;
	z-index: 1;
}

.contents-head__inner {
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
	padding-bottom:1rem;
}



.contents-head__inner h2 {
	font-family: 'MonteCarlo', serif;
	font-weight: 400;
	font-size: 6rem;
	letter-spacing: 0;
	line-height: 1em;
	text-align: center;
	font-kerning: auto;
	white-space: nowrap;

}



.contents-head__inner .sub {
	z-index:100;
	font-size: 1rem;
	font-weight:600;
	text-align: center;
}

.contents-head__inner .lead {
	line-height:2;
	letter-spacing: 0;
	margin-top:2.4rem;
	text-align: center;
}

#contents--01 .contents-head__inner .sub,
#contents--03 .contents-head__inner .sub {
	padding-top:1.6rem;
}


@media (max-width: 767.98px) {


.contents {
	margin-bottom: 4rem;
}

.contents-head__inner h2 {
	font-size: 5.6rem;
}

.contents-head__inner .lead {
	text-align: left;
}


}



.contents-img {
	width: 100%;
	height: 70vh;
	position: sticky;
	top: 0;
	left: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index:-1;
}

.contents-head {
	position:relative;
	z-index: 300;
	margin-top:-200px;
	padding-top:180px;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(252, 247, 237, 1) 30%);
}


.contents-body {
	position:relative;
	width: 100%;
	margin-top:-1rem;
	padding-top: 2.4rem;
	padding-bottom:2.4rem;
	z-index:400;
    background: #fcf7ed;
}


.contents-body__inner {
	max-width: 1000px;
    width: 90%;
    margin:0 auto 6rem;
}


.contents-img {
	border-top: 2px solid #000;
}


#contents--01 .contents-img {
	background-image: url(https://image.rakuten.co.jp/aranciato/cabinet/pick-2025/mv_02.jpg);
}

#contents--02 .contents-img {
	background-image: url(https://image.rakuten.co.jp/aranciato/cabinet/pick-2025/mv_01.jpg);
}

#contents--02b .contents-img {
	background-image: url(https://image.rakuten.co.jp/aranciato/cabinet/pick-2025/mv_01b.jpg);
}

#contents--03 .contents-img {
	background-image: url(https://image.rakuten.co.jp/aranciato/cabinet/pick-2025/mv_04.jpg);
}

#contents--04 .contents-img {
	background-image: url(https://image.rakuten.co.jp/aranciato/cabinet/pick-2025/mv_03.jpg);
}

#contents--05 .contents-img {
	background-image: url(https://image.rakuten.co.jp/aranciato/cabinet/pick-2025/mv_05.jpg);
}

#contents--06 .contents-img {
	background-image: url(https://image.rakuten.co.jp/aranciato/cabinet/pick-2025/mv_06.jpg);
}

#contents--07 .contents-img {
	background-image: url(https://image.rakuten.co.jp/aranciato/cabinet/pick-2025/mv_07.jpg);
}



@media (max-width: 767.98px) {


#contents--01 .contents-img {
	background-image: url(https://image.rakuten.co.jp/aranciato/cabinet/pick-2025/mv_02_sp.jpg);
}

#contents--02 .contents-img {
	background-image: url(https://image.rakuten.co.jp/aranciato/cabinet/pick-2025/mv_01_sp.jpg);
}

#contents--02b .contents-img {
	background-image: url(https://image.rakuten.co.jp/aranciato/cabinet/pick-2025/mv_01b_sp.jpg);
}

#contents--03 .contents-img {
	background-image: url(https://image.rakuten.co.jp/aranciato/cabinet/pick-2025/mv_04_sp.jpg);
}

#contents--04 .contents-img {
	background-image: url(https://image.rakuten.co.jp/aranciato/cabinet/pick-2025/mv_03_sp.jpg);
}

#contents--05 .contents-img {
	background-image: url(https://image.rakuten.co.jp/aranciato/cabinet/pick-2025/mv_05_sp.jpg);
}

#contents--06 .contents-img {
	background-image: url(https://image.rakuten.co.jp/aranciato/cabinet/pick-2025/mv_06_sp.jpg);
}

#contents--07 .contents-img {
	background-image: url(https://image.rakuten.co.jp/aranciato/cabinet/pick-2025/mv_07_sp.jpg);
}


}



.item-Block {
	background:#fcf7ed;
}


.item-List {
	display:grid;
}

.item-List.item-List--2col{
	grid-template-columns: 1fr 1fr;
	/*margin-bottom: 2.4rem;*/
	grid-column-gap: 4rem;
}

.item-List.item-List--3col{
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 4rem;
}

.item-List__cassette {
	margin:2.4rem 0;
}


.item-List.item-List--2col .item-List__brand {
	font-size:1.6rem;
	font-weight:600;
	margin-top: .4rem;
	letter-spacing: -0.005rem;
}

.item-List.item-List--2col .item-List__name {
	font-size:.8rem;
	font-weight:500;
	letter-spacing: -0.005rem;
}


.item-List.item-List--3col .item-List__brand {
	font-size:1.4rem;
	font-weight:600;
	letter-spacing: -0.005rem;
}

.item-List.item-List--3col .item-List__name {
	font-size:.8rem;
	font-weight:500;
	letter-spacing: -0.005rem;
}

.attention {
	margin-top:.4rem;
	font-size:.7rem;
}






@media (max-width: 767.98px) {



.item-List.item-List--2col {
	display: block;
}

.item-List.item-List--3col{
	grid-template-columns: 1fr 1fr;
	grid-column-gap: .8rem;
}


.item-List.item-List--3col .item-List__brand {
	font-size:1rem;
	font-weight:600;
	letter-spacing: -0.005rem;
}

.item-List.item-List--3col .item-List__name {
	font-size:.7rem;
	font-weight:500;
	letter-spacing: -0.005rem;
}



.contents-body__inner {
    margin: 0 auto 3rem;
}


}

.tag-List {
	margin-top: .8rem;
}


.tag {
	display: inline-block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	color: #222;
	border:1px solid #222;
	font-size: .7rem;
	margin-right: .2rem;
	padding: .2rem .4rem .2rem;
}



/* btn */

.btn {
	width: 90%;
	max-width: 400px ;
	text-align: center;
	margin:0 auto ;
	border-radius: 2rem;
}

.btn--primary {
	color:#fff;
	font-weight:400;
	padding:.9rem 1rem 1rem;
	background: #222;
}


.arrow {
	display:inline-block;
	width:.6rem;
	height:.6rem;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	transform: rotate(45deg);
	margin-right:.8rem;
	margin-top:-0.01rem;
}

.closing {
	margin-bottom:8em;
	font-size:14px;

}

.closing p {
	font-family: 'Hannari', 'Cormorant' ,serif;
	font-size:1.6rem;
	line-height:1.6;
	text-align: center;
	margin-bottom:1.6rem;
}





@media (max-width: 767.98px) {

.closing p {
	font-size: 1rem;
	line-height: 1.6;
}

}







/* footer */

footer {
	background: #333;
}


.footer__copyright {
	font-family: "Poppins", serif;
	font-weight:400;
}