@charset "utf-8";

/*
************************************************************************
* 無料オプション
* @copyright Revolme Inc.
************************************************************************
*/
/*
************************************************************************
* 無料撮影グッズ
************************************************************************
*/
.goods-list
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;

	margin:-1em;
}
.goods-list > .goods-list-item
{
	width:calc(25% - 2em);
	margin:1em;
}
.goods-list > .goods-list-item .image
{
	/*border-radius:0.5em;*/
	overflow:hidden;
}
.goods-list > .goods-list-item .title
{
	margin-top:1.0em;
	line-height:1;
}
.goods-list > .goods-list-item .title > span
{
	font-size:1.6rem;
}


/* == ブレークポイント ==========================================================*/
@media screen and (max-width: 1100px) {
	.goods-list > .goods-list-item
	{
		width:calc(33.33333% - 2em);
	}
}
/* == スマートフォンサイズ ======================================================*/
@media screen and (max-width: 767px) {
	.goods-list > .goods-list-item
	{
		width:calc(50% - 2em);
	}
	.goods-list > .goods-list-item .title > span
	{
		font-size:2.6rem;
	}
}

/*
************************************************************************
* 有料オプション
************************************************************************
*/
.option-list
{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;

    margin:-1em;
}
.option-list > .option-list-item
{
    width:calc(25% - 2em);
    margin:1em;
    position: relative;
}
.option-list > .option-list-item:hover
{
    text-decoration:none;
}
.option-list > .option-list-item .image
{
    border-radius:0.5em;
    overflow:hidden;
}
.option-list > .option-list-item .image img
{
	width:100%;
}
.option-list > .option-list-item .title
{
    margin-top:1.0em;
    margin-bottom: 1.0em;
    line-height:1.4;
}
.option-list > .option-list-item .title .main
{
	display:inline-block;
	font-size:1.6rem;
}
.option-list > .option-list-item .title .sub
{
	display:inline-block;
	font-size:1.4rem;
	margin-top:0.25em;
	margin-left:-0.5em;
}
.option-list > .option-list-item .price
{
    line-height:1;
    margin-top:0.8em;
    margin-bottom: 0.5em;
	color:#958626;
}
.option-list > .option-list-item .price .price-title
{
	color:#000000;
	font-size:1.4rem;
	margin-bottom:0.5em;
	line-height:1.2;
}
.option-list > .option-list-item .price .price-description
{
	color:#000000;
	font-size:1.4rem;
	line-height:1.4;
}
.option-list > .option-list-item .price .tax-separate
{
	display:inline-block;
	font-size:1.8rem;
}
.option-list > .option-list-item .price .tax-separate .amount
{
	font-size:2.4rem;
}
.option-list > .option-list-item .price .tax-include
{
	display:inline-block;
	font-size:1.3rem;
	margin-left: -0.6em;
}
.option-list > .option-list-item .price .tax-include .amount
{
	font-size:1.6rem;
}
.option-list > .option-list-item .detail
{
	transition-duration:0.3s;
	transition-property:all;
	transition-timing-function:ease;
}
.option-list > .option-list-item .detail a
{
    text-decoration: none;
    border-bottom: 1px solid #000;
    font-size: 1.4rem;
}
.option-list > .option-list-item .detail a:hover
{
    text-decoration: none;
}
.option-list > .option-list-item .detail:hover {
    border-bottom: none;
	opacity:0.7;
}
.option-list > .option-list-item div.detail:after
{
    content: " > ";
}
.option-list > .option-list-item div.detail.ext-link:after
{
    content: "";
    display:inline-flex;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	background-image:url(../../../_img/icon/link.svg);
	width:0.9em;
	height:0.9em;
}
.option-list > .option-list-item .price > span
{
    font-size:2.0rem;
    line-height:1;
}
.option-list > .option-list-item .price > span.sub
{
    font-size:1.2rem;
    margin-right: 0.5em;
    line-height: 1;
}
.option-list > .option-list-item .price .yen
{
    font-size:1.6rem;
    line-height:1;
}
.option-list > .option-list-item .label
{
    position: absolute;
    right: 6px;
    top: 6px;
    width: 54px;
    text-align: center;
    background-color: #bca53c;
    font-size: 1.4rem;
    color: #fff;
    border-radius: 0.5em;
    text-indent: 0.5em;
}


/* == ブレークポイント ==========================================================*/
@media screen and (max-width: 1100px) {
    .option-list > .option-list-item
    {
        width:calc(33.33333% - 2em);
    }
}
/* == スマートフォンサイズ ======================================================*/
@media screen and (max-width: 767px) {
    .option-list > .option-list-item
    {
        width:calc(50% - 2em);
    }
	.option-list > .option-list-item .title .main
	{
		font-size:2.6rem;
	}
	.option-list > .option-list-item .title .sub
	{
		font-size:2.2rem;
	}
    .option-list > .option-list-item .price > span
    {
        font-size:3.2rem;
    }
	.option-list > .option-list-item .price .price-title
	{
		font-size:2.2rem;
	}
	.option-list > .option-list-item .price .price-description
	{
		font-size:2.2rem;
	}
	.option-list > .option-list-item .price .tax-separate
	{
		font-size:2.4rem;
	}
	.option-list > .option-list-item .price .tax-separate .amount
	{
		font-size:3.2rem;
	}
	.option-list > .option-list-item .price .tax-include
	{
		font-size:2.0rem;
	}
	.option-list > .option-list-item .price .tax-include .amount
	{
		font-size:2.4rem;
	}
    .option-list > .option-list-item .detail a
    {
        font-size: 2.40rem;
    }
    .option-list > .option-list-item .label
    {
        right: 0.5em;
        top: 0.5em;
        width: 10vw;
        font-size: 1.8rem;
    }
}