@charset "utf-8";

/**ここから選択ボタン**/
.gift_btn{
width: 100%;
display: flex;
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
margin: 50px 0;
}
.gift_img{text-align: center;}
.gift_img img:hover {
opacity: 0.8;
transition: all 0.5s 0s ease;/*transitionの記述を追加*/
}
.gift_btn > div{width: 25%;}
.gift_item{background-color: #ab9756;}

@media screen and (max-width: 601px) {
.gift_btn> div{width: 50%;
}}

/**ここからギフト・マナーのバナー**/
.fs-pt-column__item{
margin: 0 auto;
}
.fs-pt-column__item img:hover {
opacity: 0.8;
transition: all 0.5s 0s ease;/*transitionの記述を追加*/
}
/**商品一覧**/
.item_img{text-align: center;}
.item_img img:hover {
opacity: 0.8;
transition: all 0.5s 0s ease;/*transitionの記述を追加*/
}
.item_name{
text-align: center;margin:0;}
*, *:before, *:after {
box-sizing: border-box;
}
.itemlist:before, *:after {
box-sizing: border-box;
}
.g_itemlist{
width: 100%;
display: flex;
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
}
.g_itemlist > div{
width: 25%;
padding: 10px;
}
@media screen and (max-width: 601px) {
.g_itemlist> div{
width: 50%;
}}
/**ここから色指定**/
/**ページ各コンテンツ見出し**/
.sub_title{
color: #313131;   /* 文字色指定 */
}
/**ここから選択ボタン**/
.g_gift_wrapper{text-align: center;margin: 50px 0;}
.gift_tbtn{text-align: center;background-color: #ab9756; border: 1px solid #FFF;}
.gift_tbtn p {text-decoration: none;font-weight: bold;color: #FFF;}
.gift_btn{
width: 100%;
display: flex;
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
}
.gift_btn > div{
width: 25%;
padding: 10px;
}
@media screen and (max-width: 601px) {
.gift_btn> div{
width: 50%;
}}
img {
    border-style: none;
    max-width: 100%;
    height: auto;
}