@charset"utf-8";

.sp_only{
	display:none;
}

.pc_only{
	display:block;
}

#cnt{
	padding:0;
	margin:0;
	width:910px;
	line-height:1.6;
	position:relative;
}

/****************************************************
莉･荳九↓繧ｹ繧ｿ繧､繝ｫ謖�ｮ�
#point-contents 繧偵▽縺代※謖�ｮ壹＠縺ｦ縺上□縺輔＞縲�
*****************************************************/

#point-contents h3 {
	margin-bottom: 30px;
}
#point-contents h4 {
	margin-bottom: 10px; 
}
#point-contents .exBox {
	position:relative;
	width: 910px;
	margin-bottom: 30px ;
}
#point-contents .exBox p {
	margin-bottom: 0 !important; 
}

#point-contents .exBox #s9215 {
	position: relative;
	width: 910px;
	height: 175px;
	margin-bottom: 0 !important; 
}
#point-contents .exBox #s9215 .btn1{
	position: absolute;
	width: 250px;
	height: 35px;
	left: 240px;
	top: 95px;
}

#point-contents .exBox #NumberBox {
	position: relative;
	width: 910px;
	height: 508px;
	margin-bottom: 0 !important; 
}
#point-contents .exBox #NumberBox #textLink1 {
	position: absolute;
	width: 256px;
	height: 16px;
	left: 63px;
	top: 397px;
}
#point-contents .exBox #NumberBox #textLink2 {
	position: absolute;
	width: 262px;
	height: 16px;
	right: 72px;
	top: 158px;
}

#point-contents .exBox .point-exBox {
	position: relative;
	width: 910px;
	height: 175px;
	margin-bottom: 0 !important; 
}
#point-contents .exBox .point-exBox .btn1{
	position: absolute;
	width: 250px;
	height: 35px;
	left: 111px;
	top: 95px;
}
#point-contents .exBox .point-exBox .btn2{
	position: absolute;
	width: 250px;
	height: 35px;
	left: 370px;
	top: 95px;
}

#point-contents .exBox #attentionBox {
	position: relative;
	width: 910px;
	height: 232px;
	margin-bottom: 0 !important; 
}
#point-contents .exBox #attentionBox #telBtn{
	position: absolute;
	width: 160px;
	height: 30px;
	left: 286px;
	top: 176px;
}

#point-contents #btnBoxA {
	width: 630px;
	margin: 0 0 30px 64px;
}
#point-contents #btnBoxA h5 {
	margin: 0 0 4px 30px;
}
#point-contents #btnBoxA li {
	display: block;
	float: left;
	margin: 0 28px 7px 0;
}
#point-contents #btnBoxA li:last-child{
	margin-right: 0;
}

#point-contents #btnBoxB {
	width: 614px;
	margin: 0 0 30px 61px;
}
#point-contents #btnBoxB li {
	display: block;
	float: left;
	margin-right: 9px;
}
#point-contents #btnBoxB li.mt14 {
	display: block;
	margin-top: 14px;
}
#point-contents #btnBoxB li:last-child{
	margin-right: 0;
}

#point-contents #recomendBox {
	width: 770px;
	margin-bottom: 30px;
}
#point-contents #recomendBox li {
	position: relative;
	display: block;
	width: 230px;
	height: 272;
	float: left;
	margin-right: 20px;
}
#point-contents #recomendBox li:last-child{
	margin-right: 0;
}

#cnt .clf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; }
#cnt .clf { display: inline-table; min-height: 1%; }
* html #cnt .clf { height: 1%; }
#cnt .clf { display: block; }

#responsive_wrap {
    width: 910px;
	height:auto;
}

sub {
	vertical-align:text-bottom;
	}
.pad1   {
	display: block;
	text-align: left;
	margin: 0px auto;
	width: 730px;
}
.point-num p span  {
	padding-right: 5px;
	color: #A1C602;
	font-size: 32px;
}
#point-contents .ri_content1 .font-size-18.mt20.mb20 .red {
	color: #FF0000;
}
.pad1 #s9215   {
	display: block;
}
.pad1 #s9215 .box  {
	padding: 10px;
	width: 708px;
	border: 1px solid #CDCDCD;
	display: block;
	text-align: left;
}
.pad1 .bar   {
	display: block;
	color: #FFFFFF;
	font-size: 18px;
	background-color: #1B1464;
	text-align: center;
	padding: 8px 0px;
	font-weight: bold;
	width: 100%;
	margin-bottom: 5px;
}
.pad1 .pink  {
	color: #E84091;
}
.pad1 .blue  {
	color: #274AB2;
	font-size: 20px;
	font-weight: bold;
}
#cnt #point-contents .sub {
	font-size: 18px;
	text-align: center;
	margin-bottom: 25px;
}
.pad1 .box2   {
	border: 1px solid #1B1464;
	width: 360px;
	float: left;
	text-align: center;
	height: 445px;
}
.pad1 .box3   {
	border: 1px solid #1B1464;
	float: right;
	width: 360px;
	text-align: center;
	height: 445px;
}
#recomendBox .bar2 {
	width: 910px;
	display: block;
	color: #FFFFFF;
	background-color: #7fbe25;
	font-weight: bold;
	text-align: center;
	padding: 8px 0;
	font-size: 18px;
	margin-bottom: 20px;
}
/*----繝ｪ繝懊Φ繧剃ｹ励○縺ｦ縺�ｋ逋ｽ縺�→縺薙ｍ----*/
.ri_content1{
background-color: white;
padding: 5px 20px 20px 20px;
border:1px solid;
border-color:#bad0ff;
margin: 6px;

}

.ri_content2{
background-color: white;
padding: 5px 20px 20px 20px;
border:1px solid;
border-color:#ffb9b9;
margin: 6px;

}

.ribbon1 {
	position: relative;
	background: #bad0ff;
	color: #1a1a1a;
	font-size: 20px;
	margin: 10px -30px 10px -30px;
	padding: 0px;
}
.ri_content1 .ribbon1 img {
	padding: 0px;
	margin: 0px auto;
	display: block;
}
.ribbon1:before { 
  content: ''; 
  position: absolute; 
  height: 0; 
  width: 0; 
  top: 100%; 
  left: 0; 
  border-top: 5px solid #7989a8; 
  border-right: 5px solid #7989a8; 
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent; 
} 
.ribbon1:after { 
  content: '';
  position: absolute; 
  height: 0; 
  width: 0; 
  top: 100%; 
  right: 0; 
  border-top: 5px solid #7989a8; 
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #7989a8;
}

.ribbon2 {
	position: relative;
	background: #ffb9b9;
	color: #1a1a1a;
	font-size: 20px;
	margin: 10px -30px 10px -30px;
	padding: 0px;
}
.ri_content2 .ribbon2 img {
	padding: 0px;
	margin: 0px auto;
	display: block;
}
.ribbon2:before { 
  content: ''; 
  position: absolute; 
  height: 0; 
  width: 0; 
  top: 100%; 
  left: 0; 
  border-top: 5px solid indianred; 
  border-right: 5px solid indianred; 
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent; 
} 
.ribbon2:after { 
  content: '';
  position: absolute; 
  height: 0; 
  width: 0; 
  top: 100%; 
  right: 0; 
  border-top: 5px solid indianred; 
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid indianred;
}
.ri_content2 .pbox {
	padding: 30px;
	background-color: #FFFFFF;
	border: 4px solid #FDD5D5;
}
.telBtn {
	text-align: center;
	display: block;
}
#cnt .red {
	color: #FF0004;
}
	/* arrow-box */
	/*#responsive_wrap .arrow-box-01 {
		display:block;
	}
	#responsive_wrap .arrow-box-01 div {
		display:block;
		width:100%;
	}
	#responsive_wrap .arrow-box-l img,
	#responsive_wrap .arrow-box-r img {
		height:auto;
	}
	#responsive_wrap .arrow-01 {
		display:block;
		padding: 15px 0;
		text-align:center;
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
	}*/

@media (max-width: 720px){
	.sp_main img{
	width:100%;
	height:auto;
	}
	.sp_only{
	display:block;
}

.pc_only{
	display:none;
}

	#responsive_wrap {
		width: 100%!important;
        height: auto;
    }
	
.pad1   {
	display: block;
	text-align: left;
	margin: 0px auto;
	width: 100%;
	height:auto;
}	

#responsive_wrap .btn-unit-04 dt img {
    width: 50%;
    max-width: 360px;
    height: auto;
	padding:10px;
}	
#responsive_wrap .btn-unit-04 dd.btn img {
    width: 100%;
    max-width: 360px;
    height: auto;
    padding:0px;
}
.pad1 .box2 {
    border: 1px solid #1B1464;
    width: 100%;
    float: left;
    text-align: center;
    height: auto;
    margin: 0px 0px 10px 0px;

}
.pad1 .box3 {
    border: 1px solid #1B1464;
    float: right;
    width: 100%;
    text-align: center;
    height: auto;
}
#responsive_wrap .btn-unit-04 .btn p:last-child img {
    width: 80%;
    height: auto;
}
/*.pad1 #s9215 .box {
    padding: 10px;
    width: 100%;
	height: auto;
    border: 1px solid #CDCDCD;
    display: block;
    text-align: left;
}*/

.imadake img{
	width:80%;
	height:auto;
}

.ri_content1{
	height:auto;
	box-sizing: border-box;
}

.ribbon1{
	width: 120%;
	height:auto;
	box-sizing: border-box;
}

.ribbon2{
	width: 120%;
	height:auto;
	box-sizing: border-box;
}

.item-num2 {
	text-align: center;
	margin: 0px auto;
	box-sizing: border-box;
	
}

#responsive_wrap .btn-unit-04.border{
	padding:0px;

}
#cnt .bnr5 img{
	width:90%;
}

/* POP UP */
h2#modal1Title{
	font-size:25px;
	margin-bottom:10px;
}
p#modal1Desc{
	font-size:16px;
	margin-bottom:20px;
}
.remodal{
	border:3px solid #014099;
	margin-bottom:0 !important;
	border-radius: 15px;
}
.remodal ul li{
	width:48%;
}
.remodal ul li img{
	width:100%;
}
.remodal ul li:first-child{
	margin-right:1%;
}

#recomendBox .bar2 {
	width: 100%;
	height:auto;
	box-sizing: border-box;
}

#recomendBox .bnr5 img{
	width: 100%;
	height:auto;
	box-sizing: border-box;
}

}

.item-num2 {
    width: 180px;
    margin: 0 auto 8px;
    font-size: 12px;
    line-height: 1.7;
}

.card_blue{
	color:#0f228b;
	font-size: 128.6%;
	font-weight:bold;
}

.card_blue2{
	font-size: 150%;
    color: #0f228b;
}

.card_pink{
	color:#ff6f92;
	font-size: 128.6%;
	font-weight:bold;
}

.card_pink2{
	font-size: 150%;
    color: #ff6f92;
}

#cnt .bnr5{
	text-align:center;
	margin:20px auto;
}


/* POP UP */
h2#modal1Title{
	font-size:40px;
	margin-bottom:10px;
}
p#modal1Desc{
	font-size:20px;
	margin-bottom:20px;
}
.remodal{
	border:3px solid #014099;
	margin-bottom:0 !important;
	border-radius: 15px;
	box-sizing:border-box;
}
.remodal ul li{
	display:inline-block;
}
/*.remodal ul li:first-child{
	margin-right:20px;
}*/