@charset "UTF-8";

.vaBtm img{vertical-align:bottom !important;}
.addClrp{color: #E60066;}
span.anchorInPage a.emphasizeR:link{text-decoration: underline !important;}
.bgNone a[href$="pdf"]{background-image: none !important;}
.addbgclrnotice{/*background-color: ;*/}
.tpointList li {
    line-height: 1.7;
    margin-bottom: 2px;
    text-align: left;
}

.tpointnoticeList li {
    padding-left: 30px;
    text-indent: -30px;
}
.tpointnoticeList02 li {
    padding-left: 20px;
    text-indent: -18px;
}
/* 1704campaign */
#tpointCamCont{background: #ffffff url(/service/tpoint/imgs/2017/line_01.png) center bottom no-repeat;padding-bottom: 10px;}
.tpointCamContBox{padding: 0px 20px 20px 20px;}
/*border: 3px solid #84B9FF;border-top: none;border-radius: 0 0 6px 6px;*/
.mainContents #tbltpcamp table {border: none !important;}
.bdbnone{border-bottom: none !important;}
.bdrnone{border-right: none !important;}

#tbltpcamp table caption{background-color: #0D4A9D;color: #ffffff;border-width: 1px;font-size: 16px;border-color: #ddd;padding: 8px;font-weight: bold;}
#tbltpcamp table{border-width: 2px;}
#tbltpcamp table tbody td{text-align: center;vertical-align: middle;border-width: 3px;border-color: #EDEDED;font-weight: bold;padding: 20px 6px;line-height: 1.3;}
#tbltpcamp {position: relative;}
#tbltpcamp ul li{position: absolute;bottom: 0px;right: 15px;}


.addclrdaily{color: #ff9000;}
.addclrtsumitate{color: #67b701;}
.addclrgaika{color: #00a5ea;}
.addclrunyo{color: #f35a79;}
.addclrpt {
    color: #F00;
}
.addclrtpblue{color: #004098;}
#tpointCamCont .col2{margin-right: 1.5% !important;}
.tcpboxsemi{background-color: #e5f5ff;padding: 15px 4px;}


/* about */
.tpoint_ao_aboutBox{background-color: #e5f5ff;padding: 20px;}

/* ao_navigation */
.tpoint_ao_navBox{border: 5px solid #ececec;border-bottom: none;padding: 20px;}
.h2Title_ao_nav{font-weight: bold;font-size: 18px;border-bottom:3px solid #ececec;padding-bottom: 5px;}
#tpoint_ao_nav .anchorInPage a{background-image: none !important;padding: 0 !important;}
#tpoint_ao_nav .annotationList{margin-left: 40px;}


/* ao_lineupBox */
.tpointLineupbox{background-color: #ffb0d2;padding: 10px;width: 920px;}
.tpoint_box{
	border:2px solid #FF5FA9;
	padding:0;
	width: 916px;
	background-color: #ffffff;
	display: table;
}
.tpnewcont{
	padding: 20px;
	width: 650px;
	border-right: 2px dashed #FF5FA9;
	display: table-cell;
	vertical-align: middle;
}
.tptextcont{
	padding: 20px;
	display: table-cell;
	vertical-align: middle;
	width: 270px;
}

#tpoint_ao_lineup h2{
	background-color: #FF5FA9;
	margin-left: -20px;
	padding-left: 90px;
	color: #FFF;
	font-size: 22px;
	background-position: 20px 50%;
	height: 40px;
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-bottom: 4px;
}
#tpoint_ao_lineup h2 span{font-size: 16px;margin-left: 10px;}
#tpoint_ao_lineup h2#title01{
	background-image: url(/service/tpoint/imgs/2017_ao/icon_01.png);
}
#tpoint_ao_lineup h2#title02{
	background-image: url(/service/tpoint/imgs/2017_ao/icon_02.png);
	height: 50px;
	position: relative;
	padding-left: 70px;
	font-size: 20px;
}
#tpoint_ao_lineup h2#title02 span{
	position: absolute;
	bottom:0px;
	right: 5px;
}
#tpoint_ao_lineup h2#title03{
	background-image: url(/service/tpoint/imgs/2017_ao/icon_03.png);
}
#tpoint_ao_lineup .tpoint_box .addclrpnk{color: #ff6dac;}

#tpoint_ao_lineup p.pointtxt{
	position: relative;
	max-width: 170px;
	line-height: 1;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
#tpoint_ao_lineup p.pointtxt02{
	position: relative;
	max-width: 240px;
	line-height: 1;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	font-size: 16px;
}
#tpoint_ao_lineup p.pointtxt03{
	position: relative;
	max-width: 240px;
	line-height: 1;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 15px;
	font-size: 16px;
	height: 49px;
}
#tpoint_ao_lineup p.pointtxt::before,
#tpoint_ao_lineup p.pointtxt02::before{
	content: '';
	display: inline-block;
	width: 39px;
	height: 49px;
	background-image: url(/service/tpoint/imgs/2017_ao/logo_tpoint.png);
	background-size: contain;
}

#tpoint_ao_lineup p.pointtxtld{font-size: 16px;}
#tpoint_ao_lineup p.pointtxt span.pointrate{position: absolute;left: 48px;top:0;font-size: 46px;}
#tpoint_ao_lineup p.pointtxt02 span.pointratebf{position: absolute;left: 65px;top:20px;}
#tpoint_ao_lineup p.pointtxt02 span.pointrate{position: absolute;left: 120px;top:0;font-size: 46px;}
#tpoint_ao_lineup p.pointtxt03 span.pointratebf{position: absolute;left: 48px;top:20px;}
#tpoint_ao_lineup p.pointtxt03 span.pointrate{position: absolute;left: 78px;top:0;font-size: 46px;}
#tpoint_ao_lineup p.pointtxt03 span.pointrate{position: absolute;left: 120px;top:0;font-size: 46px;}

#tpoint_ao_lineup p.pointtxt span.pointafter{position: absolute;right: -10px;bottom:-10px;font-size: 16px;}
#tpoint_ao_lineup p.pointtxt02 span.pointafter{position: absolute;right: 0;bottom:-10px;font-size: 16px;}
#tpoint_ao_lineup p.pointtxt03 span.pointafter{position: absolute;right: 0;top:43px;font-size: 16px;}
#tpoint_ao_lineup p.pointtxt .comma{
font-size: 22px;
vertical-align: 2px;
}
#tpoint_ao_lineup .balloonst {
 	position: relative;
	display: inline-block;
 	margin-bottom: 18px;
	padding: 7px 10px;
	min-width: 90%;
 	max-width: 100%;
 	color: #555;
	background: #ffeeee;
	text-align: center;
}
#tpoint_ao_lineup .balloonst:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #ffeeee;
}
#tpoint_ao_lineup .balloonst p {
	margin: 0;
	padding: 0;
	font-size: 14px;
}




#service_point .entry_button_yellowback{
	padding: 20px;
	text-align: center;
}

#service_point .entry_button_yellowback div{
	width: 50%;
  margin: 0 auto;
}

#service_point .entry_button_yellowback img{
	width: 95%;
}

#service_point .pointprogram_banner{
	text-align: center;
    margin: 20px 0;
}

#service_point .anchor_icon{
	display: flex;
	justify-content: space-around;
	margin: 50px 0 70px 0;
}

#service_point .main_contents_area .main_contents_area_title{
	text-align: center;
    background-color: #df575b;
    padding: 25px;
	border-radius: 10px;
}

#service_point .main_contents_area .main_contents_area_title h2{
    font-size: 35px;
    color: #FFFFFF;
}

#service_point .main_contents_area .main_contents_area_blueback{
	background-color: #e2f1ff;
    padding: 30px;
}
#service_point .main_contents_area .main_contents_area_blueback .main_contents_area_whiteback{
    background-color: #FFFFFF;
}

#service_point .main_contents_area .main_contents_area_whiteback_inner{
	display: flex;
    justify-content: space-between;
    padding: 60px 35px;
	border: 3px solid #f1f1f1;
    align-items: center;
	margin: 35px 0;
	border-radius: 10px;
	box-shadow: 0px 20px 15px -20px rgb(0 0 0 / 25%);
}

#service_point .main_contents_area .main_contents_area_whiteback_inner .whiteback_inner_img img{
	width: 200px;
    display: block;
    margin-left: 30px;
}

#service_point .main_contents_area .main_contents_area_whiteback_inner .whiteback_inner_txt{
	width: 65%;
}

#service_point .main_contents_area .main_contents_area_whiteback_inner .whiteback_inner_txt .inner_txt_top{
	font-size: 20px;
    font-weight: bold;
}

#service_point .main_contents_area .main_contents_area_whiteback_inner .whiteback_inner_txt .inner_txt_middle{
	color: #df555a;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

#service_point .main_contents_area .main_contents_area_whiteback_inner .whiteback_inner_txt .middle_flex{
	display: flex;
    align-items: baseline;
}

#service_point .main_contents_area .main_contents_area_whiteback_inner .whiteback_inner_txt .under_line{
	border-bottom: dotted 2px #999999;
}

#service_point .main_contents_area .main_contents_area_whiteback_inner .whiteback_inner_txt .inner_txt_middle .middle_fs50{
	font-size: 50px;
}

#service_point .main_contents_area .main_contents_area_whiteback_inner .whiteback_inner_txt .inner_txt_middle .black_margin{
	font-size: 20px!important;
	color: #202020!important;
    margin-right: 5%;
	width: 45%;
    text-align: right;
}

#service_point .main_contents_area .main_contents_area_whiteback_inner .whiteback_inner_txt .inner_txt_middle .middle_right{
	width: 45%;
    display: flex;
    align-items: baseline;
}

#service_point .main_contents_area .main_contents_area_whiteback_inner .whiteback_inner_txt .inner_txt_bottom{
	padding-left: 15px;
    text-indent: -15px;
}

#service_point .main_contents_area .main_contents_area_whiteback_inner .whiteback_inner_txt .inner_txt_button{
	background-color: #df575b;
    padding: 20px;
    width: 60%;
    margin: 10px auto;
    color: #FFFFFF;
    display: block;
    text-align: center;
	border-radius: 40px;
	box-shadow: 0px 25px 15px -20px rgb(0 0 0 / 25%);
}

.inner_txt_button img.icon-newtab{
  padding-left: 10px;
  padding-bottom: 5px;
}

#service_point .anchorInPage a{
	background-image: none;
}

#service_point .bold{
	font-weight: bold!important;
}

#service_point .caution_red{
	color: red!important;
}

#service_point .anchor_icon img{
	width: 150px;
}

/**/
body #mainContainer .mt0  {margin-top: 0;}			body #mainContainer .mb0  {margin-bottom: 0;}
body #mainContainer .mt5  {margin-top: 5px;}		body #mainContainer .mb5  {margin-bottom: 5px;}
body #mainContainer .mt10 {margin-top: 10px;}		body #mainContainer .mb10 {margin-bottom: 10px;}
body #mainContainer .mt20 {margin-top: 20px;}		body #mainContainer .mb20 {margin-bottom: 20px;}
body #mainContainer .mt30 {margin-top: 30px;}		body #mainContainer .mb30 {margin-bottom: 30px;}
body #mainContainer .mt40 {margin-top: 40px;}		body #mainContainer .mb40 {margin-bottom: 40px;}
body #mainContainer .mt50 {margin-top: 50px;}		body #mainContainer .mb50 {margin-bottom: 50px;}
body #mainContainer .mt60 {margin-top: 60px;}		body #mainContainer .mb60 {margin-bottom: 60px;}
body #mainContainer .mt70 {margin-top: 70px;}		body #mainContainer .mb70 {margin-bottom: 70px;}
body #mainContainer .mt80 {margin-top: 80px;}		body #mainContainer .mb80 {margin-bottom: 80px;}
body #mainContainer .mt90 {margin-top: 90px;}		body #mainContainer .mb90 {margin-bottom: 90px;}
body #mainContainer .mt100{margin-top: 100px;}		body #mainContainer .mb100{margin-bottom: 100px;}

a {
    color: #3d7af4;
}
.header__container__column-group a{
	-webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    text-decoration: none;
    opacity: 1;
    color: inherit;
}
.header__container__column-group a:hover{
	opacity: 0.6;
}
.header__container__column-group ul li {
    list-style: none;
    padding: 10px 0 10px 15px!important;
}

.txtAL{ text-align: left !important; }
.txtAC{ text-align: center !important; }
.txtAR{ text-align: right !important; }

#mainContainer .headline {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
#mainContainer .keyVisual .keyVisual-inner {
    margin: 0 auto;
    position: relative;
    width: 1040px;
}
.wrapperAreaMain, .innerContainer {
    width: 940px;
    margin: 0 auto;
    padding-bottom: 20px;
}

.faqOthers {
    background-color: #F2F6FA;
    padding: 20px;
    margin-bottom: 20px;
    clear: both;
}
.f_and_q {
    width: 902px;
    margin-left: auto;
    margin-right: auto;
	box-sizing: content-box;
}
.faqOthers .faqList li {
    margin-top: 10px;
    margin-bottom: 10px;
    background-image: none;
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 0;
}

.pcNotDisplay {
	display: none;
}

.new_ic{
  position: relative;
}

.new_ic_in {
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 5px 15px;
  background: #DF575B;
  color: #FFF;
  border-radius: 15px;
  font-weight: bold;
}


