@charset "utf-8";







/*--------------------------------------------------

 * index

--------------------------------------------------*/

/*  */
.index{}
@media print, screen and (min-width: 768px){}
@media only screen and (max-width: 767px){}




/*  */
.index-header{}
@media print, screen and (min-width: 768px){}
@media only screen and (max-width: 767px){}




/*  */
.index-card{}
.index-card__header{
	text-align: center;
}
.index-card__items{}
.index-card__item{
	padding-top: 3.5em;
	padding-bottom: 3.5em;
}
.index-card__item:nth-child(2n+1){
	background-color: #EFF7E9;
}
.index-card__fig{}
.index-card__title{}
.index-card__note{}
.index-card__more{}
@media print, screen and (min-width: 768px){}
@media only screen and (max-width: 767px){}




/* beta */
.beta-icard{}
.beta-icard-tab{
	margin: 0;
	padding: 0;
	list-style: none;
}
.beta-icard-tab__item:not(:first-child){
	border-top: 1px dashed #999;
}
.beta-icard-tab__button{
	display: block;
	
	padding: 1em;
}
.beta-icard-tab__button.pc-is-active{
	background-color: #E5E5E5;
}
.beta-icard-tab__button:after{
	content: "";
	display: block;
	clear: both;
}
.beta-icard-tab__thumb{
	float: left;
	margin-right: 1em;
}
.beta-icard-tab__body{
	overflow: hidden;
}
.beta-icard-tab__title{
	font-weight: bold;
	font-size: .9375em;
	line-height: 2em;
}
.beta-icard-tab__note{
	font-size: .75rem;
	line-height: 2em;
}
.beta-icard__items{}
.beta-icard__item{}
.beta-icard__fig{
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
	text-align: center;
}
.beta-icard__body{
	font-size: .875rem;
	line-height: 2em;
}
.beta-icard__navi{
	margin-top: 1em;
}
@media print, screen and (min-width: 768px){
.beta-icard{}
.beta-icard__inner{
	display: -webkit-box;
	-webkit-box-pack: justify;
	display: flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	
	flex-flow: row-reverse;
	-ms-flex-flow: row-reverse;
	-moz-flex-flow: row-reverse;
	-webkit-flex-flow: row-reverse;
	
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;

}
.beta-icard-tab{
	position: relative;
	margin-left: 60px;
	
	flex-grow: 1;
	-ms-flex-grow: 1;
	-moz-flex-grow: 1;
	-webkit-flex-grow: 1;
}
.beta-icard-tab:before{
	content: "";
	
	display: block;
	position: absolute;
	
	top: 0;
	left: 0;
	bottom: 0;
	
	margin-top: auto;
	margin-bottom: auto;
	margin-left: -40px;
	
	height: 0;
	width: 0;
	
	border: 10px solid transparent;
	border-right-color: #61B32A;
}
.beta-icard-tab__item{}
.beta-icard-tab__button{}
.beta-icard-tab__thumb{}
.beta-icard-tab__body{}
.beta-icard-tab__title{}
.beta-icard-tab__note{}
.beta-icard__items{
	flex-basis: 450px;
	-ms-flex-basis: 450px;
	-moz-flex-basis: 450px;
	-webkit-flex-basis: 450px;
}
.beta-icard__item{}
.beta-icard__fig{}
.beta-icard__body{}
.beta-icard__navi{}
}
@media only screen and (max-width: 767px){
.beta-icard{}
.beta-icard-tab{}
.beta-icard-tab__item{}
.beta-icard-tab__button{}
.beta-icard-tab__thumb{}
.beta-icard-tab__body{}
.beta-icard-tab__title{}
.beta-icard-tab__note{}
.beta-icard__items{}
.beta-icard__item{
	margin-bottom: 3em;
}
.beta-icard__fig{}
.beta-icard__body{}
.beta-icard__navi{}
}







/*--------------------------------------------------

 * detail

--------------------------------------------------*/

/* header */
.cards{}
.cards-header{}
.cards-notice{
	color: #61B32A;
	font-size: .875rem;
	line-height: 2em;
	text-align: center;
	
	padding: 1em;
}
@media print, screen and (min-width: 768px){}
@media only screen and (max-width: 767px){}




/* item */
.cards__items{}
.cards__items--single{}
.cards__items--multi{}
.cards-item{
	text-align: center;
	border: 1px solid #BEB2AA;
}
.cards-item__head{
	padding: 15px;
	padding-bottom: 0;
	
	
	display: -webkit-box;
	-webkit-box-pack: justify;
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	
	flex-direction: column;
	-o-flex-direction: column;
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
}
.cards-item__body{
	padding: 15px;
}
.cards-item__foot{
	padding: 15px;
	padding-top: 0;
}




.cards-item__heading{}
.cards-item__fig{
	text-align: center;
}
.cards-item__name{
	margin: 0;
	padding: 0;
	text-align: center;
}
.cards-item__content{}
.card-item__labels{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 1em;
	
	
	display: -webkit-box;
	-webkit-box-pack: justify;
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;

	flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;

	justify-content: center;
	-o-justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}
.card-item__label{
	margin: 1px;
	padding: .5em;
	
	font-size: .75em;
	line-height: 1em;
	
	background-color: #ccc;
}

.card-item__label--family	{ background-color: #b0d994; color: #fff; }
.card-item__label--kids		{ background-color: #f6ee7f; }
.card-item__label--etc		{ background-color: #7fa3ce; color: #fff; }
.card-item__label--fffy		{ background-color: #ffbe7f; }
.card-item__label--ginren	{ background-color: #f27f88; color: #fff; }
.card-item__label--pitapa	{ background-color: #e4e3f1; color: #919099; }
.card-item__label--id		{ background-color: #bfbfbf; color: #fff; }
.card-item__label--quic		{ background-color: #bfbfbf; color: #fff; }
.card-item__label--plusex	{ background-color: #bfbfbf; color: #fff; }
.card-item__label--apple	{ background-color: #bfbfbf; color: #fff; }
.card-item__label--visa		{ background-color: #bfbfbf; color: #fff; }


.card-item__icons{
	margin: 0;
	padding: 0;
	list-style: none;
	
	
	display: -webkit-box;
	-webkit-box-pack: justify;
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;

	flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;

	justify-content: center;
	-o-justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}
.card-item__icon{
	margin: 2px;
}
.cards-item__navis{
	margin: 0;
	padding: 0;
	list-style: none;
}
.cards-item__navi{
	margin-bottom: 2px;
}
.cards-item__button{
	width: 100%;
}
@media print, screen and (min-width: 768px){
.cards-item__fig{
	margin-bottom: .5em;
}
.cards-item__name{
	order: 1;
	-ms-order: 1;
	-moz-order: 1;
	-webkit-order: 1;
}
}
@media only screen and (max-width: 767px){}





/* pitapa */
.pitapa{}
.pitapa__column{}
.pitapa__frame{
	position: relative;
	
	padding: 2em;
	padding-top: 4em;
	text-align: center;
	
	background-color: #FFF5D7;
	border:3px solid #FAC26F;
	border-radius: 10px;
	-webkit-border-radius: 10px;
}
.pitapa__heading{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	
	
	transform: translateY(-50%);
}
.pitapa__body{}
@media print, screen and (min-width: 768px){
.pitapa{
	margin-left: -40px;
	
	display: flex;
}
.pitapa__column{
	margin-left: 40px;
	
	flex: 1 1 100%;
}
.pitapa__frame{}
.pitapa__heading{}
.pitapa__body{}
}


@media only screen and (max-width: 767px){
.pitapa{}
.pitapa__column{
	margin-bottom: 3em;
}
.pitapa__frame{}
.pitapa__heading{}
.pitapa__body{}
}

/* ▼ 2017.11.25 ▼ */
.pitapa__waribiki1 {
	background-color: #F5F2E8;
}
.pitapa__waribiki2 {
	background-color: #FCEEF4;
}
/* ▲ 2017.11.25 ▲ */



@media print, screen and (min-width: 768px){




.cards-item{
	display: -webkit-box;
	-webkit-box-pack: justify;
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	
	flex-direction: column;
	-o-flex-direction: column;
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
}
.cards-item__head{}
.cards-item__body{}
.cards-item__foot{
	margin-top: auto;
}




.cards__items--multi{
	margin-left: -2%;
	
	
	display: -webkit-box;
	-webkit-box-pack: justify;
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;

	flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;

	justify-content: flex-start;
	-o-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	
}
.cards__items--multi .cards-item{
	
	margin-bottom: 20px;
	margin-left: 2%;
	
	flex: 0 0 31%;
	-o-flex: 0 0 31%;
	-ms-flex: 0 0 31%;
	-moz-flex: 0 0 31%;
	-webkit-flex: 0 0 31%;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.cards__items--single{}
.cards__items--single .cards-item__body:after{
	content: "";
	display: block;
	clear: both;
}
.cards__items--single .cards-item__fig{
	float: left;
	margin-right: 40px;
}
.cards__items--single .cards-item__content{
	overflow: hidden;
}
.cards__items--single .cards-item__name{
	text-align: left;
}
.cards__items--single .cards-item{
	text-align: left;
}
.cards__items--single .card-item__labels,
.cards__items--single .card-item__icons{
	justify-content: flex-start;
	-o-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
}
}
@media only screen and (max-width: 767px){
.cards-item{
	margin-bottom: 20px;
}
}





.cards-pitapa{}
.cards-pitapa__inner{}
.cards-pitapa__frame{
	background-color: #F4F4FB;
	padding: 3.5%;
}
.cards-pitapa__header{
	text-align: center;
	margin-bottom: 2em;
}
.cards-pitapa__heading{
	margin: 0;
	padding: 0;
	
	color: #757dbb;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 2em;
}
.cards-pitapa__lede{
	margin: 0;
	padding: 0;
	
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 2em;
	
}
.cards-pitapa__figure{
	text-align: center;
}

/* ▼ 2017.11.25 ▼ */
.cards-pitapa__notice{
	margin: 0;
	padding: 0;
	margin-top: 2em;
	margin-bottom: .5em;
}
/* ▲ 2017.11.25 ▲ */

.cards-pitapa__lineup{
	margin: 0;
	padding: 0;
	list-style: none;
}
.cards-pitapa__line{}
@media print, screen and (min-width: 768px){
.cards-pitapa__lineup{
	margin-left: -1%;
	
	
	display: -webkit-box;
	-webkit-box-pack: justify;
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;

	flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;

	justify-content: flex-start;
	-o-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;

	align-items: stretch;
	-o-align-items: stretch;
	-ms-align-items: stretch;
	-moz-align-items: stretch;
	-webkit-align-items: stretch;
}
.cards-pitapa__line{
	
	font-size: .875em;
	line-height: 1.5em;
	
	margin-left: 1%;
	margin-bottom: .5em;
	
	
	flex: 0 0 32%;
	-o-flex: 0 0 32%;
	-ms-flex: 0 0 32%;
	-moz-flex: 0 0 32%;
	-webkit-flex: 0 0 32%;
}

}
@media only screen and (max-width: 767px){}





/* etc */
.cards-etc{}
.cards-etc__item{}
.cards-etc__annaotation{
	font-size: .75em;
	line-height: 2em;
}





/* about(kids) */
.detail-about__columns{}
.detail-about__column{}
.detail-about__catch{
	margin-top: 1em;
	margin-bottom: 1em;
}
.detail-about__note{
	margin-top: 1em;
	margin-bottom: 1em;
}
@media print, screen and (min-width: 768px){
.detail-about__columns{
	margin-left: -35px;
	
	
	display: -webkit-box;
	-webkit-box-pack: justify;
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;

	justify-content: space-between;
	-o-justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;

}
.detail-about__column{
	margin-left: 35px;
	
	
	flex: 1 1 100%;
	-o-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-webkit-flex: 1 1 100%;
}
}
@media only screen and (max-width: 767px){
.detail-about__columns{}
.detail-about__column{}
}





/* jmb (blue contents) */
.detail-jmb{}
.detail-jmb__inner{}
.detail-jmb__article{}
.detail-jmb__header{}
.detail-jmb__body{
	padding-top: 2em;
	padding-bottom: 3em;
}
.title-jmb{
	color: #0D73B3;
}







/*--------------------------------------------------

 * detail

--------------------------------------------------*/

/* wrap */
.detail{}
@media print, screen and (min-width: 768px){}
@media only screen and (max-width: 767px){}




/* header */
.detail-header{
	text-align: center;
	/*padding-top: 2em;*/
}
.detail-header__logo{
	margin-top: 1.25em;
	margin-bottom: 1.25em;
}
.detail-header__icon{}
.detail-header__heading{
	margin: 0;
	padding: 0;
	
	color: #fff;
	background-color: #61B32B;
	
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
	
	padding-top: .75em;
	padding-bottom: .75em;
}
.detail-header__note{
	margin-top: .9em;
	margin-bottom: .9em;
}
.detail-header__fig{
	padding-top: 3em;
	padding-bottom: 3em;
}
@media print, screen and (min-width: 768px){}
@media only screen and (max-width: 767px){}




/* information */
.detail-info{}
.detail-info__header{}
.detail-info__inner{}
.detail-info__item{
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	border-top: 1px dotted #000;
}
.detail-info__item:first-child{
	border-top: 0 none;
}
.detail-info .title7{}
@media print, screen and (min-width: 768px){}
@media only screen and (max-width: 767px){}




/* contact */
.detail-contact{
	text-align: center;
}
.detail-contact__header{}
.detail-contact__inner{}
.detail-contact__heading{
	margin-top: 1em;
	margin-bottom: 1em;
}
.detail-contact__table{}
.detail-contact__note{
	margin-top: 1em;
	margin-bottom: 1em;
}
@media print, screen and (min-width: 768px){}
@media only screen and (max-width: 767px){}




/* content navi */
.detail-cnavi{
	text-align: center;
}
.detail-cnavi__header{}
.detail-cnavi__inner{}
@media print, screen and (min-width: 768px){}
@media only screen and (max-width: 767px){}








/*--------------------------------------------------

 * trade

--------------------------------------------------*/

/*  */
.trade{}
.trade-header{
	padding-top: 2em;
}
.trade-header__inner{}
.trade-header__icon{}
.trade-header__heading{}
.trade-header__note{}
.trade-header__frame{
	padding: 2.5em;
	color: #316FAF;
}
@media print, screen and (min-width: 768px){}
@media only screen and (max-width: 767px){}





/*  */
.trade-case{}
.trade-case__inner{}
.trade-case__item{}
.trade-case__heading{}
.trade-case__media{}
.trade-case__fig{}
.trade-case__content{}
.trade-case__lists{}
.trade-case__list{}
@media print, screen and (min-width: 768px){}
@media only screen and (max-width: 767px){}


.font-jbc	{ color: #2F67B1; }
.font-kips	{ color: #D5002E; }





/*  */
.trade-notice{}
.trade-notice__inner{}
.trade-notice__heading{}
.trade-notice__lists{}
.trade-notice__list{}
@media print, screen and (min-width: 768px){}
@media only screen and (max-width: 767px){}






/*--------------------------------------------------

 * regulation.html

--------------------------------------------------*/

.reg-card{}
.reg-card__item{
	padding-top: 1.875rem;
	padding-bottom: 1.875rem;
}
.reg-card__item:not(:first-child){
	border-top: 1px dotted #000;
}
.reg-card__item:nth-child(2n){
	background-color: #DFF0D4;
}
.reg-card__title{
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
	text-align: center;
}
@media print, screen and (min-width: 768px){}
@media only screen and (max-width: 767px){}







/* ▼ 2017.11.25 ▼ ul ol li リセット解除*/

.tokuyaku ul{
	margin: 1em 0;
	padding-left: 40px;
}

.tokuyaku ol{
	margin: 1em 0;
	padding-left: 40px;
}
.tokuyaku ol li{
	list-style-type: decimal;
}
ol.no__number li , ul.no__number li {
	list-style:none;
	text-indent: -2.6em;
	padding-left: 1em;
}
ol.no__number2 li , ul.no__number2 li {
	list-style:none;
	text-indent: -1.5em;
	padding-left: 1em;
}
ol.no__number3 li , ul.no__number3 li {
	list-style:none;
	text-indent: -3em;
	padding-left: 3em;
}
.link__reset a{
	color: #594F40;
	text-decoration: underline;
}
.link__reset a:hover{
	color: #F33;
	text-decoration: underline;
}
.link__reset a:active{
	text-decoration: underline;
}

/* ▲ 2017.11.25 ▲ */




/* ▼ 2021.1.20 ▼ /pitapa/index.html*/

.discount {
	border: #666 solid 1px;
	background: #FFF;
	padding: 20px;
}





@media print, screen and (min-width: 768px){}
@media only screen and (max-width: 767px){}
