@charset "UTF-8";

/*
既存調整
-----------------------------------------------*/
.pageNav > li {
font-size: 14px;
font-size: 1.4rem;
}

.gFt2016_footer {
border-top: none;
}

.pageNav > li > a:after {
content: none;
}

.carouselBnrBox {
margin: 0 auto 78px;
}

.toTop.js_fixed {
position: absolute;
top: -64px;
bottom: 109px;
}

/* SP */
@media only screen and (max-width:767px) {
.hdg1Box,
.js_hdg1Box {
margin-bottom: 0;
}

.carouselBnrBox {
margin: 0 auto 70px;
}

.styleBox01 {
margin-top: 20px;
}

.footerList .footerListItems > .footerListRow .footerListHdg.noarrow:after {
content: none;
}

.infoBox ul {
height: auto;
}

[data-script-enabled='true'] .carouselBnrBox {
max-width: none;
width: 100%;
box-sizing: border-box;
padding: 0 26px;
margin: 0 auto 50px;
}

}

/* mediaquery END*/

/*
nav
-----------------------------------------------*/
.pageNavOuterWrap.focus01 .pageNavOuter li:nth-child(1) a,
.pageNavOuterWrap.focus02 .pageNavOuter li:nth-child(2) a,
.pageNavOuterWrap.focus03 .pageNavOuter li:nth-child(3) a,
.pageNavOuterWrap.focus04 .pageNavOuter li:nth-child(4) a,
.pageNavOuterWrap.focus05 .pageNavOuter li:nth-child(5) a,
.pageNavOuterWrap.focus06 .pageNavOuter li:nth-child(6) a {
position: relative;
text-decoration: underline;
color: #388400;
}


.pageNavOuterWrap.focus01 .pageNavOuter li:nth-child(1) a:after,
.pageNavOuterWrap.focus02 .pageNavOuter li:nth-child(2) a:after,
.pageNavOuterWrap.focus03 .pageNavOuter li:nth-child(3) a:after,
.pageNavOuterWrap.focus04 .pageNavOuter li:nth-child(4) a:after,
.pageNavOuterWrap.focus05 .pageNavOuter li:nth-child(5) a:after,
.pageNavOuterWrap.focus06 .pageNavOuter li:nth-child(6) a:after {
position: absolute;
bottom: -3px;
left: 50%;
display: block;
width: 180px;
height: 7px;
margin-left: -90px;
content: '';
background: url(/mball/common/img/bg/bg_hover_01.png) no-repeat center bottom;
}

.pageNavOuterWrap.focus01.focusNone .pageNavOuter li:nth-child(1) a:after,
.pageNavOuterWrap.focus02.focusNone .pageNavOuter li:nth-child(2) a:after,
.pageNavOuterWrap.focus03.focusNone .pageNavOuter li:nth-child(3) a:after,
.pageNavOuterWrap.focus04.focusNone .pageNavOuter li:nth-child(4) a:after,
.pageNavOuterWrap.focus05.focusNone .pageNavOuter li:nth-child(5) a:after,
.pageNavOuterWrap.focus06.focusNone .pageNavOuter li:nth-child(6) a:after {
content: none;
}

/*
レクタングルバナー
-----------------------------------------------*/
.bannerArea {
margin: 0 auto;
width: 300px;
}

.bannerArea div {
padding: 3px;
border: 1px solid #bfbfbf;
border-top: none;
font-size: 13px;
font-size: 1.3rem;
}

.bannerArea div p {
display: block;
margin-bottom: 0;
padding: 3px;
background: #e2effc;
text-align: center;
}

.bannerArea div p .sp {
padding: 0 18px;
background: url(/point/img/icon_sp_b.gif) left 0.2em no-repeat;
}

.bannerArea div p .sp_none {
padding: 0 18px;
background: none;
}

/*
kv
-----------------------------------------------*/
.kv {
background: #f7f5eb;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.kvInfo {
background: #e1f3d2;
margin-bottom: 40px;
}

.kvUse {
background: #f8edde;
margin-bottom: 40px;
}

.kvInner {
box-sizing: border-box;
display: table;
min-width: 950px;
margin: 0 auto;
height: 254px;
position: relative;
}

.kvUse .kvInner {
	height: 160px;
}

.kvUse .kvInner .text {
	width: 680px;
}

.kvUse .kvInner .img {
	width: 270px;
	text-align: center;
}

.kvUse .kvInner .hdg2,
.kvInfo .kvInner .hdg2 {
	margin-bottom: 5px;
}

.kvInner .img {
display: table-cell;
vertical-align: middle;
}

.kvInner .text {
display: table-cell;
width: 480px;
vertical-align: middle;
font-size: 16px;
font-size: 1.6rem;
}

@media only screen and (max-width:767px) {
.kv {
background: #fff;
border: none;
}

.kvInner {
box-sizing: border-box;
width: 100%;
height: auto;
min-width: 0;
}

.kvInner .img,
.kvInner .text {
display: block;
width: auto;
padding: 10px 15px 0;
margin-bottom: 15px;
}

.kvUse .kvInner .text,
.kvUse .kvInner .img {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.kvInfo .kvInner .text,
.kvUse .kvInner .text {
	margin-top: 10px;
}

.kvUse .kvInner .img {
	padding: 10px 0;
}

.kvInner .img {
background: #f7f5eb;
display: block;
margin: 0 auto;
width: auto;
text-align: center;
}

.kvInfo .img {
background: #e1f3d2;
}

.kvUse .img {
background: #f8edde;
}

}/* mediaquery END*/


/*
共通
-----------------------------------------------*/

.str-content {
background: #f8f8f8;
width: 100%;
padding: 30px 0;
}

.str-content2 {
background: #f4f8f3;
width: 100%;
padding: 30px 0 70px;
}

.str-contentInner,
.str-content2Inner {
width: 950px;
margin: 0 auto;
}

.mainSub2 {
width: 710px;
margin: 0 auto;
}

.heading2 {
font-size: 40px;
font-size: 4rem;
margin: 60px 0 15px;
text-align: center;
line-height: 1.3em;
}

.heading2 span {
	font-size: 18px;
	font-size: 1.8rem;
}

.hdg_SonetM {
text-align: center;
}

.hdg_SonetM:before {
display: inline-block;
content: url(/point/common/img/icon_sonetM.png);
width: 35px;
height: 35px;
vertical-align: middle;
margin: 0 5px 5px 0;
}

.sonetP:before {
display: inline-block;
content: url(/point/common/img/icon_sonetP.gif);
width: 16px;
height: 14px;
vertical-align: middle;
margin: 0 5px 5px 0;
}

/* SP */
@media only screen and (max-width:767px) {
.str-content,
.str-content2 {
box-sizing: border-box;
padding: 20px 15px;
padding: 20px 15px;
}

.str-contentInner,
.str-content2Inner {
box-sizing: border-box;
width: 100%;
margin: 0 auto;
}

.mainSub2 {
width: auto;
min-width: 320px;
max-width: none;
margin: 0;
}

.heading2 {
font-size: 24px;
font-size: 2.4rem;
border-top: 3px solid #223;
line-height: 1.3em;
padding: 16px 0;
margin: 0;
}

}

/* mediaquery END*/

/*
module
-----------------------------------------------*/

/*
mod-dl
----------------------------*/

.mod-dl {
box-sizing: border-box;
margin-bottom: 20px;
}

.mod-dl dt {
position: relative;
padding-left: 15px;
font-weight: bold;
margin-bottom: 5px;
}

.mod-dl dt:before {
display: block;
content: '■';
position: absolute;
top: -3px;
left: 0;
vertical-align: middle;
margin: 2px 0;
}

.mod-dl dd {
margin-bottom: 30px;
}

.mod-dl dd > div:first-of-type {
margin-top: 10px;
}

.mod-dl dd > div:first-of-type >:last-child {
margin-bottom: 0;
}

.mod-dl:last-child {
margin-bottom: 0;
}

.mod-dl > dd .mod-dl {
margin-left: 20px;
}

/*
mod-lytCol
----------------------------*/
.mod-lytCol > .col {
float: left;
box-sizing: border-box;
}

.mod-lytCol.type-col2 > .col {
width: 464px;
margin-right: 22px;
}

.mod-lytCol.type-col3 > .col {
width: 302px;
margin-right: 22px;
}

.mod-lytCol.type-col4 > .col {
width: 221px;
margin-right: 22px;
}

.mod-lytCol > .col:last-child {
margin-right: 0;
}

.mod-lytCol:after {
display: block;
clear: both;
content: ' ';
}

.mod-lytCol > .col .img {
margin: 0 auto 10px;
text-align: center;
}


/*
mod-panel
mod-panel-2
mod-panel-3
----------------------------*/

.mod-panelInner-2:after,
.mod-panel-2:after,
.mod-panel-3:after {
display: block;
clear: both;
content: ' ';
}

.mod-panel {
box-sizing: border-box;
background: #fff;
margin-bottom: 20px;
padding: 20px 30px;
border: 1px solid #ccc;
border-radius: 8px;
}

.mod-panelInner {
display: table;
margin-bottom: 15px;
}

.mod-panel .img,
.mod-panel .text {
display: table-cell;
vertical-align: top;
}

.mod-panel .img {
width: 290px;
padding-right: 30px;
}

.mod-panel .btn {
text-align: right;
}

.mod-panelInner-2 .icon {
float: left;
}

.mod-panelInner-2 .icon img {
display: inline-block;
margin-right: 5px;
width: 33px;
height: 35px;
}

.mod-panelInner-2 .icon img:last-child {
margin-right: 0;
}

.mod-panelInner-2 .mod-dl dd {
margin-bottom: 0;
}

.mod-panelInner-2 .btn {
float: right;
padding-top: 22px;
}

.mod-panel-2 > .col {
border-radius: 8px;
}

.mod-panel-2 > .col .img,
.mod-panel-3 > .col .img {
margin-bottom: 10px;
text-align: center;
}

.mod-panel-2 .col.type-A {
border: 1px solid #fa95cd;
}

.mod-panel-2 .col.type-B {
border: 1px solid #72aee7;
}

.mod-panel-3 .col {
border: 1px solid #ccc;
border-radius: 0;
}


/* 2分割 */
.mod-panel-3.type-col2 > .col {
box-sizing: border-box;
width: 464px;
margin-right: 22px;
margin-bottom: 20px;
padding: 16px;
float: left;
background: #fff;
}

.mod-panel-3.type-col2 > .col:nth-child(2n) {
margin-right: 0;
}

/* 3分割 */
.mod-panel-2.type-col3 > .col {
box-sizing: border-box;
width: 302px;
margin-right: 22px;
margin-bottom: 20px;
float: left;
background: #fff;
}

.mod-panel-2.type-col3 > .col a {
display: block;
padding: 16px;
border-radius: 8px;
}

.mod-panel-2 > .col a:hover .img,
.mod-panel-2 > .col a:focus .img,
.mod-panel-2 > .col a:active .img {
opacity: .7;
}

.mod-panel-2 > .col a:hover .text,
.mod-panel-2 > .col a:focus .text,
.mod-panel-2 > .col a:active .text {
text-decoration: underline;
}

.mod-panel-3.type-col3 > .col {
box-sizing: border-box;
width: 302px;
margin-right: 22px;
margin-bottom: 20px;
padding: 16px;
float: left;
background: #fff;
}

.mod-panel-2.type-col3 > .col:nth-child(3n),
.mod-panel-3.type-col3 > .col:nth-child(3n) {
margin-right: 0;
}

/* 4分割 */
.mod-panel-3.type-col4 > .col {
box-sizing: border-box;
width: 221px;
margin-right: 22px;
margin-bottom: 20px;
padding: 16px;
float: left;
background: #fff;
}

.mod-panel-3.type-col4 > .col:nth-child(4n) {
margin-right: 0;
}

.mod-panel-3.type-areaLink > .col {
padding: 0;
}

.mod-panel-3.type-areaLink > .col a {
display: block;
padding: 16px;
}

.mod-panel-3.type-areaLink > .col a:hover .img,
.mod-panel-3.type-areaLink > .col a:focus .img,
.mod-panel-3.type-areaLink > .col a:active .img {
opacity: .7;
}

.mod-panel-3.type-areaLink > .col a:hover .text,
.mod-panel-3.type-areaLink > .col a:focus .text,
.mod-panel-3.type-areaLink > .col a:active .text {
text-decoration: underline;
}


/* 枠box */
.mod-frame {
box-sizing: border-box;
padding: 16px;
background: #fff;
border: 1px solid #ccc;
}


/* SP */
@media only screen and (max-width:767px) {
.mod-panel {
border: none;
padding: 0 0 10px 0;
}

.mod-panelInner,
.mod-panel .img,
.mod-panel .text {
box-sizing: border-box;
display: block;
width: auto;
padding: 0;
}

.mod-panel .img {
margin: 0 auto 20px;
text-align: center;
}

.mod-panel .btn {
text-align: center;
}

.mod-panelInner-2 .icon,
.mod-panelInner-2 .btn {
float: none;
}

.mod-panelInner-2 .icon img {
width: 11%;
margin-right: 1%;
}

/* mod-panel-2
mod-panel-3
mod-lytCol */
.mod-panel-2.type-col3 > .col,
.mod-panel-3.type-col2 > .col,
.mod-panel-3.type-col3 > .col,
.mod-panel-3.type-col4 > .col,
.mod-lytCol.type-col2 > .col,
.mod-lytCol.type-col3 > .col,
.mod-lytCol.type-col4 > .col {
box-sizing: border-box;
width: auto;
margin-right: 0;
margin-bottom: 10px;
padding: 16px;
float: none;
}

.mod-panel-2.type-col3 > .col {
padding: 0;
}

.mod-panel-2.type-col3.type-areaLink > .col,
.mod-panel-3.type-col2.type-areaLink > .col,
.mod-panel-3.type-col3.type-areaLink > .col,
.mod-panel-3.type-col4.type-areaLink > .col,
.mod-lytCol.type-col2.type-areaLink > .col,
.mod-lytCol.type-col3.type-areaLink > .col,
.mod-lytCol.type-col4.type-areaLink > .col {
padding: 0;
}

.mod-panel-2 > .col .img,
.mod-panel-3 > .col .img {
text-align: center;
}

.getuse_block .mod-panel-3.type-col3.type-areaLink > .col {
	width: max-content;
  margin: 0 atuo;
  display: block;
  margin: 0 auto;
}

}/* mediaquery END*/


.table-pointAdd td:last-child > span {
	margin-right: 3px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
}

.table-pointAdd [class^="status-"] {
	position: relative;
	padding-left: 145px;
	text-align: left;
}

.table-pointAdd [class^="status-"]:before {
	display: block;
	content: "";
	width: 35px;
	height: 37px;
	position: absolute;
	left: 95px;
	top: 50%;
	margin-top: -21px;
	background: url(/point/common/img/sprite-status.png);
	-webkit-background-size: 45px auto;
	background-size: 45px auto;
}

.table-pointAdd .status-ss:before {background-position: -5px -7px;}
.table-pointAdd .status-s:before {background-position: -5px -67px;}
.table-pointAdd .status-d:before {background-position: -5px -133px;}
.table-pointAdd .status-r:before {background-position: -5px -198px;}
.table-pointAdd .status-p:before {background-position: -5px -262px;}
.table-pointAdd .status-g:before {background-position: -5px -326px;}
.table-pointAdd .status-b:before {background-position: -5px -391px;}

@media only screen and (max-width:767px) {
.table-pointAdd [class^="status-"] {
	padding-left: 65px;
}

.table-pointAdd [class^="status-"]:before {
	left: 13px;
}

}/* mediaquery END*/

/*
ローカルナビ
----------------------------*/
.inner_menu {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}
.inner_menu li {
	position: relative;
	flex-basis: 33.33%;
}
.inner_menu li:last-child {
	border-right: none;
}
.inner_menu li::before {
	content: '';
	display: block;
	border-left: 1px solid #233;
	height: 30px;
	position: absolute;
	top: 17px;
}
.inner_menu li.inner_btn::before {
	top: 6px;
}
.inner_menu li:first-child::before {
	content: none;
}
.inner_menu li::after {
	position: absolute;
  right: 0;
  bottom: 8px;
  left: 0;
  display: block;
  width: 10px;
  height: 7px;
  margin: auto;
  content: '';
  background-image: url(/point/common/img/icon/icon_arrow_03.png);
  background-position: 0 0;
}
.inner_menu li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 18px 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.inner_menu.pageLink {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 0;
}
.inner_menu.pageLink > li a:after {
	content: none;
}
.inner_menu.pageLink > li a.linkIcon_anchor:after {
	content: '';
}
.inner_menu.pageLink > li + li {
	margin-top: 0;
}
.access_optionPage .inner_menu li:last-child::after {
	content: none;
}

@media only screen and (max-width: 767px) {
.inner_menu {
	display: block;
}
.inner_menu li {
	border-right: none;
	padding: 0;
}
.inner_menu li:first-child {
	border-left: none;
}
.inner_menu li::before {
	content: none;
}
.inner_menu li::after {
	content: none;
}
.inner_menu.pageLink {
	padding: 15px;
}
.inner_menu.pageLink > li + li {
	margin-top: 14px;
}
.inner_menu li a {
	display: inline;
	padding: 0 20px 0 0;
}
.inner_menu li a.highPriorityBtn {
	display: block;
}
}

/*
メールマガジン
----------------------------*/
.mamag {
	text-align: center;
}
.mamag .mod-frame {
	display: inline-block;
  margin: 0 auto;
  padding: 16px 60px;
}
@media only screen and (max-width: 767px) {
.mamag {
	padding: 16px;
}
.mamag .mod-frame {
	padding: 16px;
}
}


/*
コンテンツバナー
----------------------------*/
@media only screen and (max-width: 767px) {
.getuse_block .mod-panel-3 .col {
	border: none;
}
}