﻿@charset "UTF-8";
body #birthstone {
  padding-left: 0;
  width: 980px;
	margin: 0 auto;
}
body #main {
  width: 100%;
  margin: 0 auto;
}
#main .contents_wrapper {
  width: 100%;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-position:center;
}
#main .contents_wrapper .contents_header h2 {
  /*margin-top:30px;*/
}
#main .contents_wrapper .sns_btn {
  text-align: left;
  margin-top: 44px;
  margin-bottom: 32px;
}

#main .contents_wrapper .sns_btn > div{
  display: inline-block;
  vertical-align: top;
  margin-left: 6px;
}
#main .contents_wrapper p, #main .contents_wrapper div, #main .contents_wrapper span, #main .contents_wrapper li {
  font-size: 1.5rem;
  font-size:15px;
  line-height: 1.8em;
  color: #333;
}
#main .contents_wrapper .contents_main .monthly_btn {
    width: 980px;
	height:132px;
	margin:22px 20px 20px;
}
#main .contents_wrapper .contents_main .monthly_btn .btn_second {
	padding:0 20px;
}
#main .contents_wrapper .contents_main .monthly_btn li {
    float: left;
}
#main .contents_wrapper .contents_main .monthly_text {
	font-size:1.5rem;
	font-size:15px;
	text-align:center;
	padding-top:15px;
}
#main .contents_wrapper .contents_main .text_lead {
	padding:0 30px 30px;
	font-size:1.3rem;
	font-size:13px;
}
#main .contents_wrapper .contents_main .pink {
	font-size:1.6rem;
	font-size:16px;
	color:#e95a85;
}
#main .contents_wrapper .contents_main .birthstone_btn {
    position: relative;
    width: 980px;
	padding:10px 10px 20px;
}
#main .contents_wrapper .contents_main .btn_upper {
	height:76px;
	padding-bottom:6px;
}
#main .contents_wrapper .contents_main .btn_lower {
	height:76px;
}
#main .contents_wrapper .contents_main .birthstone_btn li {
    float: left;
}
.stonebtn01 {
	background: url("../img/stonebtn01.png") no-repeat;
	padding-right:6px;
}
.stonebtn01 a {
	width: 155px;
	height: 70px;
	background: url("../img/stonebtn01.png")no-repeat;
	display: block;
	text-indent: -9999px;
}
.stonebtn01 a:hover {
	background-image: url("../img/stonebtn01_on.png");
	opacity:1;
	filter: alpha(opacity=100);
}
.stonebtn02 {
	background: url("../img/stonebtn02.png") no-repeat;
	padding-right:6px;
}
.stonebtn02 a {
	width: 155px;
	height: 70px;
	background: url("../img/stonebtn02.png")no-repeat;
	display: block;
	text-indent: -9999px;
}
.stonebtn02 a:hover {
	background-image: url("../img/stonebtn02_on.png");
	opacity:1;
	filter: alpha(opacity=100);
}
.stonebtn03 {
	background: url("../img/stonebtn03.png") no-repeat;
	padding-right:6px;
}
.stonebtn03 a {
	width: 155px;
	height: 70px;
	background: url("../img/stonebtn03.png")no-repeat;
	display: block;
	text-indent: -9999px;
}
.stonebtn03 a:hover {
	background-image: url("../img/stonebtn03_on.png");
	opacity:1;
	filter: alpha(opacity=100);
}
.stonebtn04 {
	background: url("../img/stonebtn04.png") no-repeat;
	padding-right:6px;
}
.stonebtn04 a {
	width: 155px;
	height: 70px;
	background: url("../img/stonebtn04.png")no-repeat;
	display: block;
	text-indent: -9999px;
}
.stonebtn04 a:hover {
	background-image: url("../img/stonebtn04_on.png");
	opacity:1;
	filter: alpha(opacity=100);
}
.stonebtn05 {
	background: url("../img/stonebtn05.png") no-repeat;
	padding-right:6px;
}
.stonebtn05 a {
	width: 155px;
	height: 70px;
	background: url("../img/stonebtn05.png")no-repeat;
	display: block;
	text-indent: -9999px;
}
.stonebtn05 a:hover {
	background-image: url("../img/stonebtn05_on.png");
	opacity:1;
	filter: alpha(opacity=100);
}
.stonebtn06 {
	background: url("../img/stonebtn06.png") no-repeat;
}
.stonebtn06 a {
	width: 155px;
	height: 70px;
	background: url("../img/stonebtn06.png")no-repeat;
	display: block;
	text-indent: -9999px;
}
.stonebtn06 a:hover {
	background-image: url("../img/stonebtn06_on.png");
	opacity:1;
	filter: alpha(opacity=100);
}
.stonebtn07 {
	background: url("../img/stonebtn07.png") no-repeat;
	padding-right:6px;
}
.stonebtn07 a {
	width: 155px;
	height: 70px;
	background: url("../img/stonebtn07.png")no-repeat;
	display: block;
	text-indent: -9999px;
}
.stonebtn07 a:hover {
	background-image: url("../img/stonebtn07_on.png");
	opacity:1;
	filter: alpha(opacity=100);
}
.stonebtn08 {
	background: url("../img/stonebtn08.png") no-repeat;
	padding-right:6px;
}
.stonebtn08 a {
	width: 155px;
	height: 70px;
	background: url("../img/stonebtn08.png")no-repeat;
	display: block;
	text-indent: -9999px;
}
.stonebtn08 a:hover {
	background-image: url("../img/stonebtn08_on.png");
	opacity:1;
	filter: alpha(opacity=100);
}
.stonebtn09 {
	background: url("../img/stonebtn09.png") no-repeat;
	padding-right:6px;
}
.stonebtn09 a {
	width: 155px;
	height: 70px;
	background: url("../img/stonebtn09.png")no-repeat;
	display: block;
	text-indent: -9999px;
}
.stonebtn09 a:hover {
	background-image: url("../img/stonebtn09_on.png");
	opacity:1;
	filter: alpha(opacity=100);
}
.stonebtn10 {
	background: url("../img/stonebtn10.png") no-repeat;
	padding-right:6px;
}
.stonebtn10 a {
	width: 155px;
	height: 70px;
	background: url("../img/stonebtn10.png")no-repeat;
	display: block;
	text-indent: -9999px;
}
.stonebtn10 a:hover {
	background-image: url("../img/stonebtn10_on.png");
	opacity:1;
	filter: alpha(opacity=100);
}
.stonebtn11 {
	background: url("../img/stonebtn11.png") no-repeat;
	padding-right:6px;
}
.stonebtn11 a {
	width: 155px;
	height: 70px;
	background: url("../img/stonebtn11.png")no-repeat;
	display: block;
	text-indent: -9999px;
}
.stonebtn11 a:hover {
	background-image: url("../img/stonebtn11_on.png");
	opacity:1;
	filter: alpha(opacity=100);
}
.stonebtn12 {
	background: url("../img/stonebtn12.png") no-repeat;
}
.stonebtn12 a {
	width: 155px;
	height: 70px;
	background: url("../img/stonebtn12.png")no-repeat;
	display: block;
	text-indent: -9999px;
}
.stonebtn12 a:hover {
	background-image: url("../img/stonebtn12_on.png");
	opacity:1;
	filter: alpha(opacity=100);
}
#main .contents_wrapper .contents_main .birthstone {
	width:475px;
	float:left;
	margin:15px 0;
}
#main .contents_wrapper .contents_main .second {
	margin-left:30px;
}
#main .contents_wrapper .contents_main .end {
	margin-bottom:50px;
}
#main .contents_wrapper .contents_main .birthstone .bs_back {
	background: url("../img/birthstone.png");
}
#main .contents_wrapper .contents_main .birthstone .bs_text01, .bs_text02, .bs_text03, .bs_text04, .bs_text05, .bs_text06, .bs_text07, .bs_text08, .bs_text09, .bs_text10, .bs_text11, .bs_text12 {
	text-align:center;
	font-size:2.7rem !important;
	font-size:27px !important;
	font-weight:bold;
	padding:0;
}
#main .contents_wrapper .contents_main .birthstone .bs_text01 {
	color:#a71b1d;
}
#main .contents_wrapper .contents_main .birthstone .bs_text02 {
	color:#634a8b;
}
#main .contents_wrapper .contents_main .birthstone .bs_text03 {
	color:#20a8bc;
}
#main .contents_wrapper .contents_main .birthstone .bs_text04 {
	color:#666666;
}
#main .contents_wrapper .contents_main .birthstone .bs_text05 {
	color:#007726;
}
#main .contents_wrapper .contents_main .birthstone .bs_text06 {
	color:#b08521;
}
#main .contents_wrapper .contents_main .birthstone .bs_text07 {
	color:#ed100f;
}
#main .contents_wrapper .contents_main .birthstone .bs_text08 {
	color:#697213;
}
#main .contents_wrapper .contents_main .birthstone .bs_text09 {
	color:#0068b7;
}
#main .contents_wrapper .contents_main .birthstone .bs_text10 {
	color:#e94250;
}
#main .contents_wrapper .contents_main .birthstone .bs_text11 {
	color:#d7691d;
}
#main .contents_wrapper .contents_main .birthstone .bs_text12 {
	color:#0e234a;
}
#main .contents_wrapper .contents_main .birthstone .bs_content01, .bs_content02, .bs_content03, .bs_content04, .bs_content05, .bs_content06, .bs_content07, .bs_content08, .bs_content09, .bs_content10, .bs_content11, .bs_content12 {
	padding:0 15px;
	height:202px;
}
#main .contents_wrapper .contents_main .birthstone .bs_content01 {
	background-image: url("../img/stone01.png");
}
#main .contents_wrapper .contents_main .birthstone .bs_content02 {
	background-image: url("../img/stone02.png");
}
#main .contents_wrapper .contents_main .birthstone .bs_content03 {
	background-image: url("../img/stone03.png");
}
#main .contents_wrapper .contents_main .birthstone .bs_content04 {
	background-image: url("../img/stone04.png");
}
#main .contents_wrapper .contents_main .birthstone .bs_content05 {
	background-image: url("../img/stone05.png");
}
#main .contents_wrapper .contents_main .birthstone .bs_content06 {
	background-image: url("../img/stone06.png");
}
#main .contents_wrapper .contents_main .birthstone .bs_content07 {
	background-image: url("../img/stone07.png");
}
#main .contents_wrapper .contents_main .birthstone .bs_content08 {
	background-image: url("../img/stone08.png");
}
#main .contents_wrapper .contents_main .birthstone .bs_content09 {
	background-image: url("../img/stone09.png");
}
#main .contents_wrapper .contents_main .birthstone .bs_content10 {
	background-image: url("../img/stone10.png");
}
#main .contents_wrapper .contents_main .birthstone .bs_content11 {
	background-image: url("../img/stone11.png");
}
#main .contents_wrapper .contents_main .birthstone .bs_content12 {
	background-image: url("../img/stone12.png");
}
#main .contents_wrapper .contents_main .birthstone .bs_title {
	font-size:2.4rem;
	font-size:24px;
	font-weight:bold;
}
#main .contents_wrapper .contents_main .birthstone .bs_btn a {
    background-color: #b1b0af;
    background-size: 100% auto;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	float:right;
	width:415px;
	margin-right:15px;
	margin-top:15px;
}
#main .contents_wrapper .contents_main .birthstone .bs_btn a span {
    background-image: url("../img/icon01.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #ffffff;
    display: block;
    font-size: 2.1rem;
	font-size:21px;
	width:92%;
}
#main .contents_wrapper .contents_main .birthstone .bs_btn a:hover {
    opacity: 0.8;
    text-decoration: none;
}
