@charset "UTF-8";
/* CSS Document */
body {display: block;margin: 0;}
.pc { display:none; }
.sp { display:block; }
/*topビジュアル*/
.main_voat_top {position: relative;padding-top: 1em;}

.page_title h2.sec-ttl{color:#fff;}
.page_title h2.sec-ttl span{color:#fff;}

.page_title {
position: absolute;
top: 42%;
right: 21%;
letter-spacing: 8px;}

/*説明*/
.about_wrap {
position: relative;
overflow: hidden;
height: 310px;}

.pearl img {
width: 36%;
position: absolute;
top: 0em;
left: 19em;}
	
.pearl2 img {
width: 27%;
position: absolute;
top: 13em;
left: 2em;}

.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
font-weight: bold;
text-align: center;
font-size: 1.1rem;
letter-spacing: 3px;
line-height: 1.8;
color: #1a1a1a;}

.about_sub_text {
font-family: 'Noto Sans JP', sans-serif;
text-align: center;
font-size: 0.6rem;
padding: 0 5%;
letter-spacing: 1.1px;}	

/*recommend*/
.recommend_wrap {position: relative;margin-top: 7%;margin-bottom: 10%;overflow: hidden;height: 285px;}
.singer{position:absolute;top: 0%;left: -3em;}
.singer img {width: 293px;height: auto;}

.pearl3 img {
width: 34%;
position: absolute;
top: 0em;
right: -2em;}

.recommend_right {
position: absolute;
right: 5%;
top: 5em;}

.recommend_title h2.rec_sec-ttl{font-size:1rem;font-family: 'Noto Sans JP', sans-serif;}
ul.recommend_list{padding-inline-start: 0px;font-size:0.9rem;font-family: 'Noto Sans JP', sans-serif;}

/*price*/
.price_inner{padding: 0 3% 5%;}

.price-table thead td {background: #3FC6D1;}
.price-table thead td {
color: #FFF;
font-size: 1rem;
font-weight: bold;}

.price-table td {
padding: 1em .5em;
text-align: center;
background: #FFF;
border: solid 1px #CCC;
font-family: 'Noto Sans JP', sans-serif;}

table {
border-collapse: collapse;
border-spacing: 0;}

tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;}

tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;}

tfoot {
display: table-footer-group;
vertical-align: middle;
border-color: inherit;}

.price-table td.td-y span {
position: absolute;
top: -1em;
left: -1em;
font-size: 60%;
font-weight: bold;
background: #ED1E79;
padding: .3em .4em;
color: #fff;
border-radius: 12px;}

.price-table td.td-y {
background: #fffbd7;
position: relative;}

.notice {
font-size: 1rem;
line-height: 1.4;
color: #3FC6D1;
text-align: center;
margin-bottom: 0;
font-family: 'Noto Sans JP', sans-serif;
/* display: block; */}


/*SP版設定*/
@media screen and (max-width:320px){
/*topビジュアル*/
.page_title {
position: absolute;
top: 42%;
right: 16%;
letter-spacing: 8px;}
	
.page_title .sec-ttl .ja {
display: block;
margin-top: 0.2rem;
font-size: 1rem;
font-weight: normal;
line-height: 1.53;}	
	
/*説明*/
.about_wrap {
position: relative;
overflow: hidden;
height: 300px;}
	
.pearl img {
width: 40%;
position: absolute;
top: 0em;
left: 16em;}
	
.pearl2 img {
width: 32%;
position: absolute;
top: 10em;
left: -1em;}	
	
.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
text-align: center;
font-size: 1rem;
letter-spacing: 3px;
line-height: 1.8;
color: #1a1a1a;}

.about_sub_text {
font-family: 'Noto Sans JP', sans-serif;
text-align: center;
font-size: 0.1rem;
padding: 0 5%;
right: 0px;
left: 0px;
letter-spacing: -0.7px;
z-index: 2;
position: absolute;}

.recommend_wrap {
position: relative;
overflow: hidden;
height:0%;
/*margin-top: 47%;
margin-bottom: 15%;*/}
	
.pearl3 img {
width: 34%;
position: absolute;
top: 0em;
right: -1em;}	
	
.singer{position:static;}	
.recommend_right {
/* position: absolute; */
position: static;
right: 5%;
top: 5em;
text-align: center;}

.recommend_title h2.rec_sec-ttl {font-size: 1rem;}
ul.recommend_list {
padding-inline-start: 0px;
font-size: 0.9rem;}

.notice {
font-size: 0.8rem;
line-height: 1.4;
color: #3FC6D1;
text-align: center;
margin-bottom: 0;
display: block;}
	
}

@media screen and (min-width:768px){
.pc { display:block; }
.sp { display:none; }
/*topビジュアル*/
.main_voat_top {padding-top: 0;}	
	
.page_title {
position: absolute;
top: 30%;
left: 2%;
right: 0%;
letter-spacing: 8px;}
	
/*説明*/
.about_wrap {height: 440px;}

.pearl img {
width: 36%;
position: absolute;
top: 0em;
left: 39em;}
	
.pearl2 img {
width: 27%;
position: absolute;
top: 13em;
left: 2em;}
	
.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
text-align: center;
font-size: 2.1rem;
letter-spacing: 3px;
line-height: 1.8;
color: #1a1a1a;}

.about_sub_text {font-size: 1rem;letter-spacing: 2.5px;}
	
/*recommend*/
.singer{position:static;}	
.singer img{width:500px;height:auto;}
.pearl3 img {
width: 27%;
position: absolute;
top: 1em;
right: -2em;}
	
.recommend_wrap {
position: relative;
margin-top: 5%;margin-bottom: 6%;height: 0%;}
	
.recommend_right {
position: absolute;
right: 5%;
top: 5em;}

.recommend_title h2.rec_sec-ttl {
font-size: 1.3rem;
letter-spacing: 2px;}
	
ul.recommend_list {
padding-inline-start: 0px;
font-size: 1.1rem;
letter-spacing: 3px;}
	
/*price*/
.price_inner{padding: 0 9% 3%;}	

.price-table {
font-size: 0.8rem;
margin-bottom: 30px;
width: 100%;
padding: 0 10% 0 10%;
/* text-align: center; */}	

	
.price-table thead td {font-size: 1rem;}
.price-table td {padding: 1em 1em;}

.notice {font-size: 0.9rem;text-align: center;}	
	


}

@media screen and (min-width:1024px){
/*topビジュアル*/
.main_voat_top {padding-top: 0;}
	
.page_title h2.sec-ttl{color:#fff;}
.page_title h2.sec-ttl span{color:#fff;}
.page_title {
position: absolute;
top: 33%;
right: 0%;
left: 0%;
letter-spacing: 8px;}
	
/*説明*/
.about_wrap {height: 480px;}

.pearl img {
width: 31%;
position: absolute;
top: 4em;
left: 52em;}
	
.pearl2 img {
width: 27%;
position: absolute;
top: 13em;
left: 2em;}

.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
text-align: center;
font-size: 2.4rem;
letter-spacing: 6px;
line-height: 1.8;
color: #1a1a1a;}	
	
.about_sub_text {font-size: 1rem;}
	
/*recommend*/
.recommend_wrap{position:relative;margin-top: 10%;margin-bottom: 6%;}
.singer{position:static;}	
.singer img{width:500px;height:auto;}
	
.pearl3 img {
width: 27%;
position: absolute;
top: 1em;
right: -3em;}
	
.recommend_right {
position: absolute;
right: 6%;
top: 7em;}

.recommend_title h2.rec_sec-ttl {
font-size: 2rem;
letter-spacing: 3px;}
	
ul.recommend_list{padding-inline-start: 0px;font-size:1.3rem;letter-spacing: 3px;}
	
/*price*/	
.price-table {
font-size: 1rem;
margin-bottom: 30px;
width: 100%;
padding: 0 10% 0 10%;
/* text-align: center; */}	

.notice {font-size: 1rem;text-align: center;}
	
	
}

@media screen and (min-width:1440px){
	
.pearl img {
width: 29%;
position: absolute;
top: 0em;
left: 76em;}

.pearl2 img {
width: 27%;
position: absolute;
top: 13em;
left: -6em;}	
	
	
.recommend_wrap {
position: relative;
/* margin-top: 10%; */
/* margin-bottom: 6%; */
margin: 10% 14% 6%;}
	
.pearl3 img {
width: 27%;
position: absolute;
top: 1em;
right: 1em;}
	
	
	
}