/*　--------------------
メインビジュアル
--------------------  */
.main-visual img {
    width: 100%;
    }

.main-exp img{
	display: block;
	margin: 80px auto 0;
	width: 80%;
	max-width: 920px;
	}

@media screen and (max-width: 768px) {
	.main-PC {
		display: none;
	}
	
    .main-SP {
        display: block;
        width: 100%;
        }
	
	.main-exp img{
		margin: 60px auto 0;
		width: 90%;
		}
	}





/*　--------------------
main-contents共通
--------------------  */
.contents{
/*    background: #fff;*/
	width: 100%;
	display: block;
	margin: 50px auto 0;
	padding: 50px 0 80px;
    text-decoration: none;
    text-decoration-line: none;
    }

.contents-02 , .contents-03 {
	width: 84%;
	max-width: 1260px;
	background: #fff;
	}


.category-title {
    width: 420px;
	display: block;
	margin: 10px auto 10px;
    }



@media screen and (max-width: 768px) {
    .contents{
        padding: 30px 0;
		width: 90%;
        }

    .contents-title {
        margin: 0 0 15px;
        }

    .category-title {
		width: 80%;
		margin: 10px auto 0;
		}

    .contents-txt {
        display: block;
        margin: auto;
        text-align: center;
        width: 94%;
        font-size: 22px;
        line-height: 2.2;
        }
}



/*　--------------------
01
--------------------  */
.tokuten{
	margin: auto;
	}

.tokuten-PC {
	display: block;
	margin: auto;
	width: 80%;
	max-width: 900px;
	}

.tokuten-SP {
	display: none;
	}

@media screen and (max-width: 768px) {
	.tokuten-PC {
		display: none;
		}

	.tokuten-SP {
		display: block;
		width: 90%;
		}
    }


/*　--------------------
02
--------------------  */
.books {
	width: 90%;	
	margin: 50px auto;
	}

.book {
	width: 185px;
	display: inline-block;
	height: 360px;
	padding: 5px 20px;
	line-height: 1.3;
	text-align: left;
	float: left;
	}

.books::after {
    content: "";
    display: block;
    clear: both;
	}

.book img {
	display: block;
	width: 100%;
	margin: auto;
	}

.book-title {
	margin-top: 7px;
	font-size: 20px;
	font-weight: 700;
	color: #514a4c;
	}

.book-author {
	margin-top: 2px;
	}

@media screen and (max-width: 768px) {
	.books {
		margin: 50px auto 10px;
		}
	.book {
		width: 43.5%;
		height: 280px;
		padding: 5px 10px;
		}
	.book-title {
		margin-top: 7px;
		font-size: 16px;
		}
	.book-author {
		margin-top: 2px;
		font-size: 13px;
		}
}









/*　--------------------
store List
--------------------  */
.shops {
    display: block;
    margin: auto;
    text-align: center;
    }

.shoplist_btn {
    text-align: center;
    display: inline-block;
    text-decoration: none;
    font-size: 28px;
    margin: 20px auto;
    padding: 20px 60px;
    border-radius: 60px;
    color: #fff;
    background: rgb(174,33,255);
background: linear-gradient(119deg, rgba(125,0,190,0.6) 0%, rgba(250,40,135,0.75) 100%);
    }   

.shoplist_btn a{
    text-decoration: none;
    }

@media screen and (max-width: 768px) {
    .shoplist_btn {
        font-size: 20px;
		font-weight: 700;
        margin: 20px auto;
        padding: 10px 20px;
        border-radius: 60px;
        color: #fff;
        background: rgb(174,33,255);
    background: linear-gradient(119deg, rgba(174,33,255,0.6) 0%, rgba(255,119,174,0.75) 100%);
        }  
}