@charset "Shift_JIS";

#contentsBox{
	width:1024px;
	margin:50px auto 0 auto;
	padding:0;
}
#contentsBox h1{
	margin:0;
	padding:0;
}
.main-img{
	width:100%;
	margin:0 auto;
	display: block;
}
.amazon{
	margin:5px 0 30px 1em;
	padding:0;
	list-style-type: decimal;
	list-style-position: outside;
}
.amazon li{
	font-size:12px;
	color:#666;
}

.gift-info{
	background:#0BA2EF;/*メインカラー*/
	padding:2.34%;
	color:#FFF;
	margin-bottom:20px;
}
.gift-info-h2{
	color:#FFF;
	font-weight:bold;
	font-size:22px;
	text-align: center;
	margin:0 auto;
	padding:0 auto;
}
.gift-info-area{
/*	display: flex;
	justify-content: space-between;
	padding:*/
}
.gift-info-1,.gift-info-2{
	/*width: calc((1024px - 7.02%) / 2);*/
	text-align: center;
}
/*.gift-info-1{  ★.gift-info-1があったとき（Amazonギフトがあったとき）
	padding-bottom:20px;
	border-bottom: #FFF dashed 1px;
	margin-bottom:10px;
}*/
.gift-info-img{
	width:40%;
	display: block;
	margin:10px auto 0 auto;
}
.gift-info-h5{
	color:#FFF;
	font-weight:lighter;
	font-size:18px;
	margin:20px auto 10px auto;
	padding:6px 12px;
	border:#FFF solid 1px;
	border-radius: 20px;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px;
	text-align: center; 
	display: inline-block;
}
.gift-info-1 p{
	text-align: left;
	margin:0;
	padiing:0;
	font-size:16px;
}
.blue-s-txt{
	color:#0BA2EF;/*メインカラー*/
	font-size:12px;
	margin-bottom:20px;
	display: block;
}
.top-box-area {
	margin: 20px auto ;
	width:1024px;
	padding:0;
  }
.top-box-area .top-info{
	float:right;
}
.btn-area1{
	text-align: center;
	margin:30px 0;
	padding:0;
	padding:0;

}
.btn-area2{
	display: flex;
	justify-content: space-between;
	text-align: center;
	margin:30px 0;
	padding:0;
	padding:0;
}
.point-btn{
	width: calc((1024px - 10%) / 2);
	color:#FFF;
	font-weight:bold;
	text-align: center;
	font-size:16px;
	border-bottom: #0879A5 solid 7px;
	background: #0BA2EF;/*メインカラー*/
	line-height:60px;
	height:60px;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
}
.point-btn a{
	color:#FFF;
	text-decoration: none;
	display: block;
	
}
.get-area{
	background: #FEF7DA;
	padding:0 0 2.34% 0;
	margin:30px auto;
	text-align: center;
}
.get-area h2{
	margin:0;
	padding:0;
}
.get-area h2 img{
	display: block;
	width:100%;
}
.more-area{
	display: flex;
	justify-content: center;
	margin:20px auto 0 auto;
	padding:0;
	hegith:125px;
	
}
.more-img img{
	width:227px;
	display: inline-block;
	margin-right:30px;
}
.more-banner{
	
}

.box-line {
    display: flex;
    justify-content: space-between;
    text-align: center;
	margin-bottom:20px;
}

.point-box {
    display: flex;
    flex-direction: column; /* 縦並びにする */
    justify-content: flex-start;
    width: calc((1024px - 40px) / 3);
    flex-wrap: wrap;
}

.point-box h3 {
    background: #0BA2EF; /* メインカラー */
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-weight: bold;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    color: #FFF;
    margin: 0;
    width: 100%;
}

.point-box h3 span {
    font-size: 14px;
    margin-left: 5px;
}

.bg {
    background: #E2F4FD; /* 薄いブルー */
    padding: 10px;
    width: 100%; /* 横幅を100%に設定 */
    flex-grow: 1; /* <h3>と同じ高さに伸ばす */
    display: flex; /* 必要に応じて内容が縦に並ぶ */
    flex-direction: column; /* 必要に応じて縦並び */
}

.present-box {
    background: #FFF;
    width: 100%;
    padding: 20px 10px;
    height: 200px;
    display: flex; /* フレックスボックスにする */
    flex-direction: column; /* 縦並びにする */
    justify-content: center; /* 縦方向で中央寄せ */
}

.mt10 {
    margin-top: 10px;
}

.present-box p {
    font-weight: bold;
	margin:0 auto 5px auto;
}

.present-box-s-txt {
    font-size: 12px;
}

.giftee_box-img {
    width: 178px;
}
/*折り畳みstart*/
.acd-check{
    display: none;
}
.acd-label{
    background: #cde9f7;
    color: #0ba2ef;
	font-weight:bold;
    display: block;
    margin-bottom: 1px;
    padding: 10px;
    position: relative;
	margin-top:20px;
}
.acd-label:after{
    /*background: #00479d;*/
    box-sizing: border-box;
    /*content: '\f067';*/
    display: block;
    /*font-family: "Font Awesome 5 Free";*/
    height: 52px;
    padding: auto 20px;
    position: absolute;
    right: 10px;
    top: 10px;
	content: '';/*何も入れない*/
	display: inline-block;
	width: 24px;/*画像の幅*/
	height: 24px;/*画像の高さ*/
	background-image: url(../img/open.png);
	background-size: contain;
	vertical-align: middle;
}
.acd-content{
   /*border: 1px solid #333;*/
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}
.acd-check:checked + .acd-label:after{
	content: '';/*何も入れない*/
	display: inline-block;
	width: 24px;/*画像の幅*/
	height: 24px;/*画像の高さ*/
	background-image: url(../img/close.png);
	background-size: contain;
	vertical-align: middle;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}
.circle li {
	line-height:140%;
	padding:0 0 10px 0;
}
.circle li :last-of-type{
	padding:0 0 0 0;
}
.circle{
	list-style-type:none;
	margin:0 0 0 0.5em;
	list-style-position:outside;
	padding:0;
	list-style-type: circle;
	text-align: left;
}

/*折り畳みend*/









#contentsBox table{
	margin:20px 0;
	clear:both;
}
th,td{
	border-collapse: collapse;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.redtxt{
	color:#ff0066;
}
.sFont{
	font-size:10px;
	color:#666;
	font-weight:lighter !important;
}

.komeIndent{
	padding-left:1em;
	text-indent:-1em;
	display:block;
}
.btnP{
    padding: 8px 30px 8px 10px;
	text-decoration:none;
}
.mtb20{
	margin-top:20px;
	margin-bottom:20px;
}
#contentsBox .mpNoneUl{
	margin:0 0 0 1.5em;
	padding:0;
	list-style: circle;
}
#contentsBox .mpNoneUl li{
	margin:0 0 5px 0;
}
#contentsBox .nomalTable th{
	text-align:left;
	font-weight:bold;
	background:#e2f4fd;
}

#contentsBox .nomalTable th,#contentsBox .nomalTable td{
	border: 1px solid #CCC;
	padding:10px;
}
.pointTable table{
	margin:20px 0;
}
.pointTable table,th,td{
	border-collapse: collapse;
}

.pointTable th,td{
	border-collapse: collapse;
	border: 1px solid #CCC;
	padding:5px;
}

.pointTable th{
	border-collapse: collapse;
	background:#e2f4fd;
	font-weight:bold;
	text-align:left;
}
.uchikeshi{
    text-decoration: line-through;
	color:#FF0033;
}
.uchikeshi span{
	color:#333;
}
.circle a{
	color:#FACFA4;
}



/* clear */
.clearfix:after{
  content: "."; 
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix{
  min-height: 1px;
}
* html .clearfix{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}	
/* ----------------------------------------------------------- */
@media (max-width: 600px) {
.followup-main{
	font-size:14px;
}	
.txt-zenin{
	font-size:2.6rem;
}	
.txt-giftee{
	font-size:3.4rem;
}	
}