@charset "UTF-8";

#feature-product{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 1em;
background: #f7f7f7;
}

#feature-product li{
width: 48%;
}

#feature-product li.featureproduct_link{
text-align:center;
}

#feature-product li.featureproduct_link .featureproduct_sold{
min-width: 350px;
min-height: 65px;
border-radius: 5px;
display: inline-flex;
flex-flow: column;
align-items: center;
justify-content: center;
text-align: center;
text-decoration: none !important;
padding: 8px 52px;
font-size: 16px;
font-weight: bold;
color: #D0D0D0;
border: solid 2px #D0D0D0;
background-position: calc(100% - 20px) 50%;
background-repeat: no-repeat;
background-size: 30px auto;
line-height: 1.2;
}

#feature-product span:before{
content: none;
}

#feature-product .model_name{
font-weight: bold;
font-size: 120%;
}

#feature-product .release_date,
#feature-product .item_price{
margin-top: 0.5em;
}

#artist_profile{
overflow: hidden;
margin-top: 60px;
padding-top: 60px;
border-top: 1px solid #f7f7f7;
}

#artist_profile span:before{
content: none;
}

#artist_profile p:first-of-type{
margin-top:0;
}

#artist_profile .artist_photo{
float: left;
padding: 0 40px 0 0;
width: calc(25% + 40px);
max-width: 600px;
background: #fff;
}

#artist_profile .artist_photo img{
width: 100%;
}

#artist_profile .artist_name{
font-size: 120%;
font-weight: bold;
}

.block-page-block .highlight{
padding: 1em;
border: 1px solid #D0D0D0;
}

.block-page-block .highlight h4{
border-color: #D0D0D0;
}

.block-page-block h4.heading{
font-size: 1.5em;
}

.block-page-block div:not(.goods-detail--storeinfo--body) > h2.heading{
display: inline-block;
background: var(--sub-color2);
color: #fff;
padding: 0.2em 1.2em;
border-radius: 9999px;
margin: 0 auto 2em;
font-size: 1.5em;
}

.block-page-block div:not(.goods-detail--storeinfo--body) > h2.heading:after{
content: none;
}

.block-page-block div:not(.goods-detail--storeinfo--caption) > p.heading{
font-size: 1.2em;
font-weight: bold;
}

.block-page-block hr.slim-line{
background: none;
border-top: 1px solid #eee;
height: 0;
}

.block-page-block p.indent{
position: relative;
padding-left: 1em;
}

.block-page-block p.indent:before{
position: absolute;
top:0;
left: 0;
content: "●";
width: 1em;
height: 1.5em;
}

.block-page-block #detail > ul{
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
flex-wrap: wrap;
padding: 0 2em;
}

.block-page-block #detail > ul:nth-child(n+2){
margin-top: 3em;
}

.block-page-block #detail > ul:nth-child(even){
background: #f7f7f7;
padding: 3em 2em;
}

.block-page-block #detail > ul > li{
width: calc(50% - 20px);
}



@media only screen and (max-device-width: 999px) {

#feature-product li{
width: 100%;
}

#feature-product li.featureproduct_link{
margin-top:1em;
}

#feature-product li.featureproduct_link .featureproduct_sold{
width: 100%;
min-width: auto;
min-height: 6.5rem;
padding: 0.8rem 4.8rem;
font-size: 1.6rem;
background-position: calc(100% - 2.0rem) 50%;
background-size: 2.0rem auto;
}

#feature-product .model_name{
font-size: 2rem;
}

#feature-product .release_date,
#feature-product .item_price{
font-size: 1.5rem;
}

#artist_profile{
margin-top: 6rem;
padding-top: 6rem;
}

#artist_profile .artist_photo{
padding: 0 1rem 0 0;
width: calc(40% + 1rem);
}

.block-page-block #detail > ul{
padding: 0 1.5em;
gap: 1em;
}

.block-page-block div:not(.goods-detail--storeinfo--body) > h2.heading{
font-size: 2rem;
}

.block-page-block h4.heading{
font-size: 2rem;
}

.block-page-block div:not(.goods-detail--storeinfo--caption) > p.heading{
font-size: 1.8rem;
}

.block-page-block #detail > ul:nth-child(n+2){
margin-top: 2em;
}

.block-page-block #detail > ul:nth-child(even){
background: #f7f7f7;
padding: 2em 1.5em;
}

.block-page-block #detail > ul > li{
width: 100%;
}

.block-page-block p.indent{
font-size: 1.6rem;
}





}