@charset "utf-8";

/*
************************************************************************
* アルバム
* @copyright Revolme Inc.
************************************************************************
*/
.title-lv2
{
	text-align:left;
}
.title-lv2 .main
{
	line-height:1.7;
}
/* == スマートフォンサイズ ======================================================*/
@media screen and (max-width: 767px) {
	.title-lv2
	{
	}
}
/*
************************************************************************
* アルバム　内部リンク
************************************************************************
*/
ul li {
    list-style: none;
    margin: 0;
}
.album-link
{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;

    margin:-1em;
}
.album-link > .album-link-item
{
    width:calc(25% - 2em);
    margin:1em;
}
.album-link > .album-link-item:hover
{
    text-decoration:none;
}
.album-link > .album-link-item .image
{
    border-radius:0.5em;
    overflow:hidden;
}
.album-link > .album-link-item .title
{
    margin-top:1.0em;
    line-height:1;
}
.album-link > .album-link-item .title:after
{
    content:"";

    display:inline-block;

    width:0.5em;
    height:0.5em;

    border-right:1px solid #000000;
    border-bottom:1px solid #000000;

    transform:rotate(45deg) skew(5deg, 5deg);

    margin-left:0.5em;
    margin-bottom:0.25em;
}
.album-link > .album-link-item .title
{
    font-size:1.6rem;
    margin-bottom: 0.5em;
}
.album-link > .album-link-item .price
{
    font-size: 1.8rem;
    line-height: 1;
}
.album-link > .album-link-item .price > .ff-amiri
{
    font-size: 2.2rem;
}
.album-link > .album-link-item .price > .tax
{
    font-size: 1.4rem;
}
.album-link > .album-link-item .price > .tax > .ff-amiri
{
    font-size: 1.8rem;
}
/*
.album-link > .album-link-item .price > span
{
    font-size: 2.0rem;
    line-height: 1;
}
.album-link > .album-link-item .price > .yen
{
    font-size: 1.6rem;
}
*/
.album-link > .album-link-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;
}

/*
************************************************************************
* アルバム
************************************************************************
*/
.album-list + hr {
    margin-top: 45px;
}
.album-list > .album-image .image
{
    /*border-radius:0.5em;*/
    overflow:hidden;
}

.album-list > .title
{
    font-size: 2.4rem;
    line-height: 1;
    margin-bottom: 1em;
    margin-left: 20px;
    margin-right: 20px;
}
.album-list > .title .name
{
     margin-bottom: 0.5em;
     line-height: 1;
}
.album-list > .title > .price
{
    font-size: 2.6rem;
}
.album-list > .title > .price > .ff-amiri
{
    font-size: 3.2rem;
}
.album-list > .title > .price > .tax
{
    font-size: 2.0rem;
}
.album-list > .title > .price > .tax > .ff-amiri
{
    font-size: 2.6rem;
}

.album-list > .title > .price > .size
{
	font-style: normal;
    font-size: 2.2rem;
    margin-right: 0.5em;
}
/*
.album-list > .title > .price > .yen
{
    font-size: 2.8rem;
}
.album-list > .title > .price > .tax
{
    font-size: 2.2rem;
    margin-right: 1em;
}
*/

.album-list > .outline
{
    margin-left: 20px;
    margin-right: 20px;
}
.album-list > .outline > .copy
{
    font-size: 2.4rem;
    line-height: 1;
    margin-bottom: 1.5em;
}
.album-list > .outline > .box-01
{
    width: 55%;
    float: left;
}
.album-list > .outline > .box-02
{
    width: 45%;
    float: right;
    font-size: 1.4rem;
}
.album-list > .outline > .box-01 > .spec
{
    font-size: 1.4rem;
    line-height: 1.78;
    margin-bottom: 2.5em;
}
.album-list > .outline > .box-01 > .decription
{
    font-size: 1.4rem;
    line-height: 1.78;
}
.album-list > .outline > .box-02 > .tx-01
{
    font-size: 1.8rem;
}
.album-list > .outline > .box-02 > .tx-02
{
    margin-bottom: 1em;
}
.album-list > .outline > .box-02 > .tx-01
{
    margin-bottom: 0.6em;
}
.album-list > .outline > .box-02 > .tx-01.mt
{
	margin-top:30px;
}
.album-list > .outline > .box-02  .price
{
    font-size: 1.8rem;
}
.album-list > .outline > .box-02 > .caption
{
    font-size: 1.3rem;
    color: #999999;
}
.album-list > .title .label
{
    display: inline-block;
    width: 66px;
    margin-left: 1em;
    padding: 4px 0;
    border-radius: 0.5em;

    text-align: center;
    vertical-align: bottom;
    background-color: #bca53c;
    color: #fff;

    text-indent: 0.5em;
    font-size: 1.6rem;
    line-height: 1;
}

.album-list > .outline .icon-album:before
{
    content: "";
    display: inline-block;
    width: 23px;
    height: 20px;
    background-image: url(../../../_img/icon/album.svg);
    background-position: 0 50%;
    background-repeat: no-repeat;
    margin-right: 0.5em;
    vertical-align: text-top;
	transform: translateY(0.2em);
}
.album-list > .outline .icon-rankup:before
{
    content: "";
    display: inline-block;
    width: 23px;
    height: 23px;
    background-image: url(../../../_img/icon/rankup.svg);
    background-position: 0 50%;
    background-repeat: no-repeat;
    margin-right: 0.2em;
    margin-left: 0.3em;
    vertical-align: -.2em;
}



/* == ブレークポイント ==========================================================*/
@media screen and (max-width: 1100px) {

}
/* == スマートフォンサイズ ======================================================*/
@media screen and (max-width: 767px) {

/*
************************************************************************
* アルバム　内部リンク
************************************************************************
*/

    .album-link
    {
        margin:-0.75em;
    }
    .album-link > .album-link-item
    {
        width:calc(50% - 1.5em);
        margin:0.75em;
    }
    .album-link > .album-link-item:hover
    {
    }
    .album-link > .album-link-item .image
    {
    }
    .album-link > .album-link-item .title
    {
        font-size: 2.6rem;
        margin-top:1.0em;
        line-height:1;
    }
    .album-link > .album-link-item .title:after
    {
        content:"";

        display:inline-block;

        width:0.55em;
        height:0.55em;

	    margin-left:0.5em;
	    margin-bottom:0.2em;
    }
	.album-link > .album-link-item .price
	{
	    font-size: 2.4rem;
	    line-height: 1;
	}
	.album-link > .album-link-item .price > .ff-amiri
	{
	    font-size: 3.2rem;
	}
	.album-link > .album-link-item .price > .tax
	{
	    font-size: 2.0rem;
	}
	.album-link > .album-link-item .price > .tax > .ff-amiri
	{
	    font-size: 2.6rem;
	}
    /*
    .album-link > .album-link-item .price > span
    {
        font-size: 3.2rem;
    }
    .album-link > .album-link-item .price > .yen
    {
        font-size: 2.4rem;
    }
    */
    .album-link > .album-link-item .title > span
    {
        font-size:2.6rem;
    }
    .album-link > .album-link-item .title > span.sub
    {
        font-size: 2.0rem;
    }
    .album-link > .album-link-item .label
    {
        right: 0.5em;
        top: 0.5em;
        width: 10vw;
        font-size: 1.8rem;
    }
    /*
	************************************************************************
	* アルバム
	************************************************************************
	*/
    .album-list + hr {
        margin-top: 6vw;
    }
    .album-list > .album-image
    {
        margin-left: 3vw;
        margin-right: 3vw;
    }
    .album-list > .album-image .image
    {
        /*border-radius:0.5em;*/
        overflow:hidden;
    }

    .album-list > .title
    {
        font-size: 3.6rem;
        margin-bottom: 1em;
        margin-left: 3vw;
        margin-right: 3vw;
    }
    .album-list > .title .name
    {
         margin-bottom: 0.5em;
    }
	.album-list > .title > .price
	{
	    font-size: 3.6rem;
	}
	.album-list > .title > .price > .ff-amiri
	{
	    font-size: 4.4rem;
	}
	.album-list > .title > .price > .tax
	{
	    font-size: 3.0rem;
	}
	.album-list > .title > .price > .tax > .ff-amiri
	{
	    font-size: 3.6rem;
	}

    /*
    .album-list > .title > .price
    {
        font-size: 4.4rem;
    }
    .album-list > .title > .price > .size
    {
        font-size: 3.0rem;
    }
    .album-list > .title > .price > .yen
    {
        font-size: 3.6rem;
    }
    .album-list > .title > .price > .tax
    {
        font-size: 3.0rem;
    }
    */

    .album-list > .outline
    {
        margin-left: 3vw;
        margin-right: 3vw;
    }
    .album-list > .outline > .copy
    {
        font-size: 3.0rem;
        margin-bottom: 1.0em;
        line-height: 1.4;
    }
    .album-list > .outline > .box-01
    {
        width: 100%;
        float: none;

    }
    .album-list > .outline > .box-02
    {
        width: 100%;
        float: none;
        font-size: 2.4rem;
        margin-top: 5.3vw;
    }
    .album-list > .outline > .box-01 > .spec
    {
        font-size: 2.4rem;
        margin-bottom: 1.5em;
    }
    .album-list > .outline > .box-01 > .decription
    {
        font-size: 2.4rem;
        line-height: 1.78;
    }
    .album-list > .outline > .box-02 > .tx-01
    {
        font-size: 2.6rem;
    }
	.album-list > .outline > .box-02 > .tx-01.mt
	{
		margin-top:4vw;
	}
    .album-list > .outline > .box-02 > .tx-02
    {
    }
    .album-list > .outline > .box-02 > .tx-01
    {

    }
    .album-list > .outline > .box-02  .price
    {
        font-size: 2.8rem;
    }
    .album-list > .outline > .box-02 > .caption
    {
        font-size: 2.2rem;
    }
    .album-list > .title .label
    {
        width: 11vw;
        padding: 1vw 0;

        font-size: 2.2rem;
    }
    .album-list > .outline .icon-album:before
    {
        width: 4.8vw;
        height: 4.13vw;
    }

}

/*
************************************************************************
* スライド
************************************************************************
*/
.slide
{
	margin-left:20px;
	margin-right:20px;
}
.slide ul.slide-list
{
	margin:0px;
	padding:0px;
}
.slide .slide-list li.slick-slide
{
	margin:0px;
	padding:0px;
	width:100%;
}
.slide .slide-list li.slick-slide img
{
	border-radius:0.5em;
	width:100%;
}
.slide .slick-prev,
.slide .slick-next
{
    z-index:100;
    font-size:inherit;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 60px;
    height: 60px;

    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slide .slick-prev:hover,
.slide .slick-prev:focus,
.slide .slick-next:hover,
.slide .slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slide .slick-prev:hover:before,
.slide .slick-prev:focus:before,
.slide .slick-next:hover:before,
.slide .slick-next:focus:before
{
    opacity: 1;
}
.slide .slick-prev.slick-disabled:before,
.slide .slick-next.slick-disabled:before
{
    opacity: .25;
}
.slide .slick-prev:before,
.slide .slick-next:before
{
    font-size:inherit;

    content:'';
    display:block;

    width: 60px;
    height: 60px;

    border-radius:100%;
    border:1px solid rgba(0,0,0,1.0);
    background-color:rgba(0,0,0,1.0);

    opacity: 1.00;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slide .slick-prev:hover:before,
.slide .slick-next:hover:before
{
    opacity: .6;
}
.slide .slick-prev:after,
.slide .slick-next:after
{
    content:'';
    display:block;
    position: absolute;

    top:calc(50% + 0.0em);
    left:calc(50% + 0.0em);

    width: 1.0em;
    height: 1.0em;
    
    border:0px solid rgba(0,0,0,0.0);
    border-right:1px solid rgba(255,255,255,1.0);
    border-bottom:1px solid rgba(255,255,255,1.0);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slide .slick-prev
{
    left:calc(0% - 30px);
}
.slide .slick-prev:after
{
	transform:translate(-25%, -50%) rotate(135deg) skew(10deg, 10deg);
}

.slide .slick-next
{
    right:calc(0% - 30px);
}
.slide .slick-next:after
{
	transform:translate(-75%, -50%) rotate(-45deg) skew(10deg, 10deg);
}
.slide .slick-dots
{
	position:absolute;
	top:calc(100% + 0.5em);
	width:100%;
}
.slide .slick-dots li button:before
{
	content:'';

	border-radius:100%;
	border:1px solid #222222;
	background-color:transparent;

	width:1.2em;
	height:1.2em;

    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
.slide .slick-dots li.slick-active button:before
{
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;

	background-color:#222222;
}
/* == スマートフォンサイズ ======================================================*/
@media screen and (max-width: 767px) {
	.slide
	{
		margin-left:3vw;
		margin-right:3vw;
	}
	.slide .slick-prev,
	.slide .slick-next
	{
	    width: 6.6vw;
	    height: 6.6vw;
	}
	.slide .slick-prev:before,
	.slide .slick-next:before
	{
	    width: 6.6vw;
	    height: 6.6vw;
	}
	.slide .slick-prev:after,
	.slide .slick-next:after
	{
	    width: 2.0vw;
	    height: 2.0vw;
	}
	.slide .slick-prev
	{
	    left:calc(0% - 3.3vw);
	}
	.slide .slick-next
	{
	    right:calc(0% - 3.3vw);
	}
	.slide .slick-dots
	{
		display:none !important;
	}
}