@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Noto+Serif+JP&display=swap&subset=japanese');

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　共通
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#fea_masterpiece {	
	font-family: 'Noto Serif JP', serif;
	color: #333333;
}

#fea_masterpiece {
	margin-left: auto;
	margin-right: auto;
	padding-top:0px;
	}

#fea_masterpiece .top img{
	margin: 2% 0 0 0;
}

#fea_masterpiece .top p{
	margin: 2% 0 5% 0;
	font-size: 180%;
	font-weight: bold;
	text-align: left;
	color: #121212;
}

#fea_masterpiece .btn {
	text-align: center;
	color: #fff;
	background-color: #121212;
	font-size: 170%;
	padding: 3% 0 3% 0;
	margin: 0 5% 10% 5%;
    width: 100%;
	letter-spacing: 0.01em;
    font-family: "游ゴシック !important";
}

#fea_masterpiece .last{
	margin-bottom: 3%;
}

#fea_masterpiece .btn01{
	margin-top: -3%;
}

#fea_masterpiece .btn02{
	margin-bottom: 3%;
}

#fea_masterpiece .bggold{
	background-color: #9B844E;
	margin-bottom: 4%;
    margin-top: 8%;
}

#fea_masterpiece a{
	text-decoration: none;
}


#fea_masterpiece img {
	margin-bottom: 5%;
	padding: 0;
}

#fea_masterpiece .right {
	text-align: right;
	color: #121212;
	font-size: 150%;
	margin-bottom: 3%;
}

#fea_masterpiece hr{
	margin: 5% 0 10% 0;
}

#fea_masterpiece{
	width:100%;
}

#fea_masterpiece h3,h4 {
	font-size: 180%;
	font-weight: bold;
	text-align: left;
	color :#121212;
}

#fea_masterpiece h3,h4 {
	padding-top: 4%;
}

.pc{
	display: block;
}

.sp{
	display: none;
}

h2{
	font-size: 43px;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: 0.01em;
	text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff;
	margin-left: 3%;
}

.column{
	display: flex;
	align-items: center;
}

.masterpiece_intro p {
	color: #121212;
	font-size: 150%;
	margin: 3%;
}

.masterpiece_intro a{
	display: block;
	text-align: center;
	width: 90%;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　masterpiece01
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.masterpiece01 .pc{
    position: relative;
}

.masterpiece01 .column{
	position: absolute;
	top: 1%;
	left: 1%;
	width: 100%;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　masterpiece02
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.masterpiece02 .pc{
    position: relative;
}

.masterpiece02 .column{
	position: absolute;
	top: 1%;
	left: 1%;
	width: 100%;
}

.masterpiece02_inner{
	display: flex;
	align-items: center;
    justify-content: space-around;
    text-align: center;
	margin-top: -2%;
	margin-bottom: 5%;
	width: 94%;
}

.text{
	width: 49%;
	font-weight: bold;
	font-family: "游ゴシック";
}

.text p:nth-child(1){
    font-size: 25px;
	line-height: 0.5;
}

.text p:nth-child(2){
	color: #F36500;
    font-size: 35px;
}

.text p:nth-child(3){
	background-color: black;
    color: #fff;
    padding: 0 5px;
    width: 95%;
    margin: 0 auto;
    margin-bottom: 15px;
	font-size: 22px;
	height: 35px;
    line-height: 35px;
}

.text p:nth-child(n+4){
	font-size: 19px;
    line-height: 1.4;
}

.text02{
	font-size: 18px !important;
    letter-spacing: 0.001em;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　masterpiece03
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.btn_last{
	margin-bottom: 0;
}

.masterpiece03 .pc{
    position: relative;
}

.masterpiece03_inner{
	margin-top: -6%;
}

.masterpiece03 .column{
	position: absolute;
	top: 1%;
	left: 1%;
	width: 100%;
}

figcaption{
	background-color: #9B844E;
    color: white;
    font-size: 28px;
    font-weight: bold;
	text-align: center;
	font-family: "游ゴシック";
}

.masterpiece03_inner p{
	font-size: 50px;
    font-weight: bold;
	font-family: "游ゴシック";
	letter-spacing: 0.2em;
}

.masterpiece03_inner .column{
	width: 90%;
}

.masterpiece03_inner .column :nth-child(2n){
	padding: 0 1% 0 0.5%;
}

.shoes04{
	margin-left: 3%;
}


/*--------------------------
スマホ　640px以下の表示の場合
--------------------------*/
@media screen and (max-width:640px) {
#fea_masterpiece{
	width:100%;
}
	
#fea_masterpiece .btn {
	margin: 0 5% 10% 5%;
}

#fea_masterpiece .right{
	font-size: 4.5vw;
}

#fea_masterpiece .top p{
	font-size: 5.5vw;
	line-height: 1.5;
	text-align: center;
}

.masterpiece_intro p{
	text-align: justify;
	letter-spacing: 0.01em;
}

#fea_masterpiece h2{
	margin-left: 0;
	background-color: transparent;
}

#fea_masterpiece h3, h4{
	line-height: 1.2;
	text-align: center;
	font-size: 5.5vw;
	letter-spacing: 0.03em;
}

#fea_masterpiece h4{
	text-align-last: left;
}

.masterpiece_intro p{
	font-size: 4.5vw;
	line-height: 1.4;
}

.masterpiece_intro a{
	font-size: 3vw;
}

#fea_masterpiece .block-top-category {
	display:none;
}

figcaption{
	font-size: 2.5vw;
	letter-spacing: 0.01em;
}

.column{
	width: 95%;
}

.sp{
	display: block;
}

.pc{
	display: none;
}

.sp_column{
	display: flex;
	align-items: center;
	margin-bottom: 2vw;
}

.sp_column img{
	width: 18vw;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　masterpiece01
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#fea_masterpiece .btn01{
	margin-top: -2.5vh;
}

.masterpiece01 h2{
	font-size: 4vw;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　masterpiece02
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.masterpiece02_h4{
	font-size: 4.5vw;
}

.masterpiece02 h2{
	font-size: 5.2vw;
}

.text{
	width: 100%;
	margin-bottom: 2.5vh;
}

.masterpiece02_inner{
	display: block;
}

.text p:nth-child(1){
	font-size: 4vw;
	line-height: 0.9;
}

.text p:nth-child(2){
	font-size: 6vw;
	line-height: 1.4;
}

.text p:nth-child(3){
	margin-bottom: 0.5vh;
	margin-top: 0.5vh;
	font-size: 4.5vw;
	height: 3.5vh;
	line-height: 3.5vh;
}

.text p:nth-child(n+4){
	font-size: 3.5vw;
	line-height: 1.3;
}

.text02{
	font-size: 3.2vw !important;
}

.masterpiece02_inner{
	width: 100%;
	margin-top: 0;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　masterpiece03
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.masterpiece03 h2{
	font-size: 5.2vw;
}

.masterpiece03_inner p{
	font-size: 4.5vw;
	letter-spacing: 0.1em;
}

.masterpiece03_inner .column{
	width: 95%;
}

.shoes04{
	margin-left: 2%;
	width: 90%;
    margin-top: 2%;
}

}