@charset "utf-8";
/*------基本CSS（PC用記述記載）------*/
/* CSS Document */

#all_wrapper { 
overflow: hidden; 
} 

/* 共通CSS */
#al1 {
    font-size: 16px;
}
#al1 a{
    text-decoration: none;
	color: #000000;
}
#al1 img{
    width: 100%;
    height: auto;
}
#al1 .codeSpec6 a:hover, #al1 .brandTop:hover{
    opacity: 0.75;
}

	
/* FV */

#al1 .spBnr {
    display: none;
}

#al1 .fvBnr img {
    margin-bottom: 60px;
}
	
#al1 .fvBnr .fvText {
    font-size: 15px;
	text-align: center;
	line-height: 2.2;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 1.3px;
}

/*　coner　*/
#al1 .coner{
    margin-bottom: 140px;
	font-family: 'Noto Serif JP', serif;
	}
	
#al1 .coner:nth-of-type(even){
background-color: #f9e8e4;
padding: 100px 0; 
width: 100vw;
margin: 0 calc(50% - 50vw) 140px ;
}


#al1 .subTtle3Text {
	font-size: 14px;
	letter-spacing: 1.6px;
	line-height: 2.2;
	padding-top: 20px;
}


/*　商品陳列 パターン6（画像コーディネート）*/	

#al1 .itemList .itemImg6,#al1 .itemList .codeSpec6 {
    width: 500px;
	margin: 0 auto;
}

#al1 .itemList .codeSpec6 .pricebox {
    margin-bottom: 5px;
	text-decoration: underline;
}

#al1 .itemList .price:before {
    content: '￥';
    font-size: 14px;
}

#al1 .itemList .price:after {
    content: '（税込）';
    font-size: 10px;
}


/*アニメーション要素のスタイル*/
#al1 .animation{
	opacity : 0;
	visibility: hidden;
	transition: 1.5s;
	transform: translateY(100px);
}

/*アニメーション要素までスクロールした時のスタイル*/
#al1 .active{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}




/*------横幅が520px以下CSS（SP用記述記載）------*/
@media screen and (max-width: 520px) {

/* 共通CSS */
#al1{
    width: 100%;
    margin: 0 auto;
    max-width: 750px;
}

/* FV */
#al1 .fvBnr .pcBnr {
    display: none;
}

#al1 .fvBnr .fvText {
    padding: 5% 5% 0;
	font-size: 12px;
	 letter-spacing: 1.6px;
	 text-align: center;
}



 /* 見出しパターン3（画像+テキスト）*/
 
#al1 .subTtle3Text {
    margin: 5%;
	font-size: 12px;
	letter-spacing: 1.8px;
	line-height: 2.4;
	padding-top: 0;
}


/*　coner　*/
#al1 .coner{
    margin-bottom: 18%!important;
}
	
#al1 .coner:nth-of-type(even){
background-color: #f9e8e4;
padding: 15% 0;
}
	
#al1 .itemList .itemImg6{
width: 90%;
}

#al1 .itemList .codeSpec6 {
width: 80%;
}


#al1 .itemList .pricebox{
margin-top: 2%;
margin-bottom: 0;
}


/*アニメーション要素のスタイル*/
#al1 .animation{
	opacity : 0;
	visibility: hidden;
	transition: 1.8s;
	transform: translateY(100px);
}

/*アニメーション要素までスクロールした時のスタイル*/
#al1 .active{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}


/*　ボタン　*/
#al1 .itemList .itemBtn {
    width: 50%;
text-align: center;
    font-size: 11px;
	line-height: 2;
    margin: 5% auto 0;
	color: #000;
	padding: 10px;
	border: 1px solid #000;
	box-sizing: border-box;
}



}