@charset "utf-8";
/* CSS Document */

/*------基本CSS（PC用記述記載）------*/
#pi6 .contentsWrap{
font-family: serif;
}

#pi6 a:hover{
text-decoration: none!important;
}

#pi6 p.fvText, #pi6 .itemList .itemList6 .itemSpec6, #pi6 .summerConer {
margin-top: 8%;
}

#pi6 p.title {
color: #7da8bb;
}

#pi6 .autumnConer {
background-color: #c1ae96;
padding: 3% 0;
margin-top: 15%;
}

#pi6 .button_1{
background-color: #f1eee9;
}

#pi6 .button_1:hover{
background-color: #000;
}

#pi6 .button_1 a:hover{
color: #f1eee9!important;
}

#pi6 .button_2{
background-color: #fff;
}

#pi6 .button_2:hover{
background-color: #000;
}

#pi6 .button_2 a:hover{
color: #fff!important;
}

#pi6 .button_3{
background-color: #c1ae96;
}

#pi6 .button_3:hover{
background-color: #fff;
}

#pi6 .button_3 a:hover{
color: #c1ae96!important;
}

#pi6 div#item_01, #pi6 div#item_02, #pi6 div#item_03, #pi6 div#item_04, #pi6 div#item_05 {
background: #f1eee9;
padding: 3% 0;
margin-top: 25%;
}

#pi6 .itemList .itemname { 
font-size: 18px!important;
}
#pi6 .itemList .price_info {
margin-top: 3px;
}
#pi6 .itemList2 .price{
font-size: 20px!important;
}

#pi6 .itemList .price:after {
content: none;
}

#pi6 .itemSpec6 {
border-bottom: 1px dashed;
}

#pi6 .conerTitle {
margin-top: 10%;
}

#pi6 ul.codeSpec6 {
width: 88%;
}

#pi6 .itemList .itemList6 .itemSpec6, #pi6 .itemSpec6 {
padding: 0 3%;
}

#pi6 .autumnCode{
color:#fff;
}

#pi6 .mixCorner .price_down {
margin-right: 20px;
}

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

#pi6 a{
text-decoration: none;
color: #000;
}

#pi6 .price_down1 {
margin-right: 6%;
}

#pi6 .corner{
margin-top: 15%;
}

#pi6 .price_info.pricebox1 .price  {
font-size: 12px!important;
}

#pi6 .autumnConer {
margin-top: 30%;
}

#pi6 span.subTitle{
display: block;
}

#pi6 .autumnImg2 {
margin-left: 15%;
}

#pi6 div#item_01, #pi6 div#item_02, #pi6 div#item_03, #pi6 div#item_04, #pi6 div#item_05 {
margin-top: 35%;
}

}