@charset "utf-8";

.page_title{
    text-align: center;
    background:rgba(255,223,43,0.5);
    padding:0.1em 0;
    font-size:2em;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight:normal;
    margin-bottom:30px;

}


section.item {
    display: flex;
    justify-content: center;
    align-content: flex;
    align-items: flex-start;
    flex-wrap:wrap;
}

section.item .left{
width:500px;
}

section.item .left .main_img{
width:100%;
margin-bottom:10px;
}

section.item .left ul.thumb_list {
display: flex;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;

}

section.item .left ul.thumb_list li img{
width:65px;
margin:0 10px 0 0;
padding-bottom:4px;
cursor:pointer;
}


section.item .left ul.thumb_list li img:hover,
section.item .left ul.thumb_list li img.on{
border-bottom:4px solid #ffd800;
padding-bottom:0;
}




section.item .right{
width:500px;
padding-left:60px;
}

section.item .right .item_header{
    display: flex;
    justify-content: space-between;
    font-size:0.9em;
    margin-bottom:10px;

}

section.item .right .item_header .category{
color:#bbb;
}

section.item .right .item_header .star{
color:#ffd800;
}

section.item .right h3{
font-size:0.9em;
}

section.item .right h2{
font-size:1.2em;
}

section.item .right h4{
font-size:0.8em;
color:#bbb;
margin-bottom:1em;
}

section.item .right p{
    padding:0 0 0 1em;
}

section.item .right .price{
font-size:1.2em;
margin-bottom:1em;
}

section.item .right .small{
font-size:10px;
}

section.item .right .red{
color:red;
}

section.item .right .action{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items:center;
    margin-bottom:1em;

}


section.item .right .action .btn{
background-color:#ffd800;
height:60px;
   display: flex;
    flex-wrap:wrap;
    justify-content: center;
    align-items:center;
}


section.item .right .action .btn.cart{
width:100%;
margin-bottom:10px;
}
section.item .right .action .btn.cart img{
height:40px;
}

section.item .right .action .btn.show_review,
section.item .right .action .btn.post_review{
width:calc(50% - 5px);

}

.from_tencho{

}
.from_tencho .title{
background-color:#ffd800;
font-size:1em;
padding:1em;
}
.from_tencho .content{

background-color:#fdf6ca;
font-size:1em;
padding:1em;
}


@media all and (min-width: 0) and (max-width: 736px) {
  



section.item .right{
padding-left:0;
}



}