.pc { display: block !important; }
.sp { display: none !important; }	


#birthstone .t-list {
width: 100%;
border: solid 1px #eee;
border-collapse: collapse;
}
#birthstone .t-list td {
border: solid 1px #eee;
border-collapse: collapse;
padding: 8px;
}
#birthstone .t-list tr.bg01 {
background: #edeafb;
}
#birthstone .t-list tr.bg02 {
background: #faf9ff;
}
#birthstone .t-list th {
border: solid 1px #eee;
border-collapse: collapse;
padding: 8px;
font-weight: normal;
}
#birthstone .t-list thead tr {
background: #b6aed9;
}
#birthstone .t-list thead tr th {
color: #fff;
}
#birthstone .t-list tr td {
text-align: left;
	padding-left: 3%;
}
#birthstone .t-list tr td li {
padding: 0 15px 0 0;
margin: 0px;
}
#birthstone .t-list tr td ul {
margin: 0px;
padding: 0px;
}

#birthstone .month{
	width: 15%;
}
#birthstone h4 {
font-size: 210%;
text-align: center;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 4%;
}
#birthstone h5 {
font-size: 180%;
margin-top: 0;
text-align: center;
padding: 0px;
margin-bottom: 4%;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
}
#birthstone h3 {
border: none;
background: url("../images/contents/birthstone/ttl.png") repeat-x;
background-size: 120%;
}
#birthstone h3 {
color: #333;
padding: 2px 10px 2px 0;
margin: 40px 0 20px 0;
border-bottom: none;
text-align: center;
font-weight: normal;
font-size: 160%;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
}
#birthstone ul li {
display: inline;
font-size: 100%;
}

#birthstone ul li a{
display: inline;
font-size: 100%;
color: #333;
text-decoration: none;
}

#birthstone ul li a:hover{
	text-decoration: underline;
}

#birthstone ul {
text-align: left;
}
#birthstone .box {
background: #f4f4f4;
padding: 1% 1% 4% 1%;
position: relative;
margin-top: 7%;
}
#birthstone .box .pic {
position: absolute;
width: 40%;
margin-top: -6%;
margin-left: 1%;
}
#birthstone .box .pic img {
width: 100%;
}
#birthstone .box div {
margin-left: 45%;
line-height: 220%;
}
#birthstone .bnr {
display: flex;
flex-wrap: wrap;
margin-top: 7%
}
#birthstone .bnr .s-bnr {
width: 49.5%;
margin-top: 1.5%;
box-sizing: border-box;
border: solid 1px #dad0f2;
padding: 1%;
background: url("../images/contents/birthstone/btn-bg.png") no-repeat right bottom; 
}
#birthstone .bnr .s-bnr:nth-child(2n) {
margin-left: 1%;
}
#birthstone .ss-bnr {
display: flex;
flex-wrap: wrap;
align-items: center;
}

#birthstone .txt-pc{
	display: block;
}


.bnr .s-bnr .pic {
width: 40%;
}
.bnr .s-bnr .txt {
width: 60%;
text-align: center;
}
.bnr .s-bnr .pic img {
width: 100%;
}
.boxlink {
cursor: pointer;
}
.boxlink a {
color: #333;
font-size: 110%;
text-decoration: none;
}
.boxlink a:hover {
text-decoration: underline
}


@media only screen and (max-width: 767px){


.pc { display: none !important; }
.sp { display: block !important; }

#birthstone .t-list tr td li {
padding: 0 0.3% 0 0;
white-space: nowrap;
}

#birthstone .t-list th{
white-space: nowrap;
}


#birthstone .box {
padding: 0%;
position: relative;
margin-top: 0;
background: #fff;
}
#birthstone .box .pic {
position: relative;
width: 80%;
margin: 0 auto;

}
#birthstone .box .pic img {
width: 100%;
}
#birthstone .box div.txt{
margin-left: 0;
line-height: 120%;
background: #f4f4f4;
padding: 3%;

}

#birthstone h4 {
font-size: 160%;
margin-top: 2%;
	padding-top: 3%;
	font-weight: normal;
	padding-bottom: 2%;
}
#birthstone h5 {
font-size: 130%;
margin-bottom: 4%;
	font-weight: normal;
}



#birthstone .bnr {
display: flex;
flex-wrap: wrap;
margin-top: 4%
}
#birthstone .bnr .s-bnr {
width: 49.5%;
margin-top: 1.5%;
box-sizing: border-box;
border: solid 1px #eee;
padding: 1%;
background: url("../images/contents/birthstone/btn-bg-sp.png") no-repeat right bottom; 

}
#birthstone .bnr .s-bnr:nth-child(2n) {
margin-left: 1%;
}
#birthstone .ss-bnr {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.bnr .s-bnr .pic {
width: 100%;
text-align: center;
}
.bnr .s-bnr .txt {
width: 100%;
text-align: center;
font-size: 90%;
}

.bnr .s-bnr .txt span{
display: block;
}
.bnr .s-bnr .pic img {
width: 60%;
}
.boxlink {
cursor: pointer;
}
.boxlink a {
color: #333;
font-size: 110%;
text-decoration: none;
}
.boxlink a:hover {
text-decoration: underline
}	




}