@charset "utf-8";




/*--------------------------------------------------

 * 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 */
@media print, screen and (min-width: 768px){
	.cards-item {
		width: 390px;
		box-sizing:border-box;
		border: #bbb solid 1px;
		margin-bottom: 3rem;
	}
	.cards-item2 {
		width: 795px;
	}
}



@media only screen and (max-width: 767px){
	.cards-item {
		width: 100%;
		box-sizing:border-box;
		border: #bbb solid 1px;
		margin-bottom: 2rem;
	}
}

.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 0;
}
.cards-item_foot{
	padding: 15px;
}




.cards-item_heading{}
.cards-item_fig{
	text-align: center;
}
.cards-item_name{
	margin: 0;
	padding: 0;
	text-align: center;
	color:#050f6e;
	font-size: 1.25rem;
}
.cards-item_content{}
.card-item_labels{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 1rem;
	
	
	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{
	font-size: .675rem;
	font-weight: 700;
	color: #FFF;
	background: #0a64c8;

	border-radius: 3px;
	padding:5px;
	margin: 0 5px 5px 0;
	white-space: nowrap;
	line-height: .675rem;
}
.card-item_cost{
	font-size: .875rem;
	font-weight: 700;
	color: #0a64c8;
	border: #0a64c8 solid 1px;
	border-radius: 3px;
	padding:2px 3px 3px;
	margin: 0 20px;
	white-space: nowrap;
	line-height: 1rem;
}
/*.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;
}
}

.card-item_cost{
	font-size: .875rem;
	font-weight: 700;
	color: #0a64c8;
	border: #0a64c8 solid 1px;
	border-radius: 3px;
	padding:2px 3px 3px;
	margin: 0 20px;
	white-space: nowrap;
	line-height: 1rem;
}

@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-item_name{
		margin-bottom: .25rem;
	}
}




/*--------------------------------------------------

 * pitapa.html

--------------------------------------------------*/

.inq_list{
	border-top: 1px solid #999;
}
.inq-item{
	border-bottom: 1px solid #999;
}
.inq-item--highlight{
	background-color: #F1F0F7;
}
.inq-item__title{
	margin: 0;
	padding: 0;
	
	font-size: .875rem;
	font-weight: normal;
	line-height: 2em;
}
.inq-item__tel{}
.inq-item__time{
	font-size: .875rem;
	line-height: 2em;
}
.inq-item__note{
	font-size: .875rem;
	line-height: 2em;
	border-top: 1px dotted #999;
}
.inq-item__title,
.inq-item__time,
.inq-item__note{
	padding: .5em 0 .5em 1em;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.inq-item__tel{padding: .75em 0 0 1em;}
@media print, screen and (min-width: 768px){
.inq_list{}
.inq-item{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.inq-item__title,
.inq-item__tel,
.inq-item__time{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	flex-grow: 1;
	-ms-flex-grow: 1;
	-moz-flex-grow: 1;
	-webkit-flex-grow: 1;
}

.inq-item__title{
	flex-basis: 45%;
	-ms-flex-basis: 45%;
	-moz-flex-basis: 45%;
	-webkit-flex-basis: 45%;
}
_:-ms-lang(x)::-ms-backdrop, .inq-item__title {
	flex-basis: 35%; /* IE11ハック */
}

.inq-item__tel{
	flex-basis: 18%;
	-ms-flex-basis: 18%;
	-moz-flex-basis: 18%;
	-webkit-flex-basis: 18%;
}
.inq-item__time{
	flex-basis: 37%;
	-ms-flex-basis: 37%;
	-moz-flex-basis: 37%;
	-webkit-flex-basis: 37%;
}
.inq-item__note{
	flex-basis: 100%;
	-ms-flex-basis: 100%;
	-moz-flex-basis: 100%;
	-webkit-flex-basis: 100%;
}
}
@media only screen and (max-width: 767px){
.inq_list{}
.inq-item{}
.inq-item__title{}
.inq-item__tel{}
.inq-item__time{}
}




/* beta */
.beta-inq-list{
	width: 100%;
	border-collapse: collapse;
	
	border-style: solid;
	border-color: #999;
	border-width: 1px 0;
}
.beta-inq-list tr:not(:last-child).beta-inq-list__sep1{
	border-bottom: 1px solid #999;
}
.beta-inq-list tr:not(:last-child).beta-inq-list__sep2{
	border-bottom: 1px dotted #999;
}
.beta-inq-list__bg1{}
.beta-inq-list__bg2{
	background-color: #F1F0F7;
}
.beta-inq-list__cell{
	vertical-align: middle;
	padding: .25em 1em;
	
	font-size: .875rem;
	line-height: 2em;
}
.beta-inq-list__cell--ttl{
	font-weight: normal;
	text-align: left;
}
.beta-inq-list__cell--tel{}
.beta-inq-list__cell--tim{}
.beta-inq-list__cell--not{}
@media print, screen and (min-width: 768px){
.beta-inq-list{}
.beta-inq-list__sep1{}
.beta-inq-list__bg1{}
.beta-inq-list__cell{}
.beta-inq-list__cell--ttl{}
.beta-inq-list__cell--tel{}
.beta-inq-list__cell--tim{}
.beta-inq-list__cell--not{}
}
@media only screen and (max-width: 767px){
.beta-inq-list{
}
/* ▼ 2017.11.25 ▼ */
table.beta-inq-list tr th , table.beta-inq-list tr td{
	width:90%;
	display:block;
}
/* ▲ 2017.11.25 ▲ */
.beta-inq-list__sep1{}
.beta-inq-list__bg1{}
.beta-inq-list__cell{}
.beta-inq-list__cell--ttl{}
.beta-inq-list__cell--tel{}
.beta-inq-list__cell--tim{}
.beta-inq-list__cell--not{}
}
/* beta */





.app_list{
	display: -webkit-box;
	-webkit-box-pack: justify;
	display: flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;

	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.app-item{
	text-align: center;
	margin-bottom: 2em;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.app-item__fig{
	margin: 0;
	padding: 0;
	margin-bottom: .5em;
}
.app-item__title{
	margin: 0;
	padding: 0;
	margin-bottom: .5em;
	
	font-size: 1rem;
	line-height: 2em;
	color: #000;
}
.app-item__button{
	margin-bottom: .25em;
}
.app-item__note{
	margin: 0;
	padding: 0;
}
@media print, screen and (min-width: 768px){
.app_list{
	margin-left: -3%;
}
.app-item{
	margin-bottom: 30px;
	margin-left: 3%;
	
	flex-basis: 30%;
	-ms-flex-basis: 30%;
	-moz-flex-basis: 30%;
	-webkit-flex-basis: 30%;
}
.app-item__fig{}
.app-item__title{}
.app-item__button{}
.app-item__note{}
}
@media only screen and (max-width: 767px){
.app_list{
	margin-left: -4%;
}
.app-item{
	margin-left: 4%;
	
	flex-basis: 46%;
	-ms-flex-basis: 46%;
	-moz-flex-basis: 46%;
	-webkit-flex-basis: 46%;
}
.app-item__fig{}
.app-item__title{}
.app-item__button{}
.app-item__note{}
}
















/*--------------------------------------------------

 * pitapa.html
 2021追加

--------------------------------------------------*/

.balloon,.balloon2 {
position: relative;
display: inline-block;
margin: 1.5em 0;
padding: 7px 10px;
min-width: 120px;
width: 100%;
background: #EEFFE1;
border: solid 3px #555;
box-sizing: border-box;
border-radius: 5px;
}

.balloon2:before {
content: "";
position: absolute;
bottom: -44px;
left: 50%;
margin-left: -15px;
border: 12px solid transparent;
border-top: 12px solid #FFF;
z-index: 2;
}

.balloon2:after {
content: "";
position: absolute;
bottom: -50px;
left: 50%;
margin-left: -17px;
border: 14px solid transparent;
border-top: 14px solid #555;
z-index: 1;
}

.balloon2 p {
margin: 0;
padding: 0;
}



	.mb18 {
		margin-bottom: 18px!important;
	}
	.card-52 {
		width: 52px!important;
	}
	.app__items {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.cardwidth {
		width: 180px;
	}

	.title10cp {
		margin:.5em 0;
		font-size: 1rem;
		font-weight: bold;
		line-height: 2em;
		border-bottom: 1px dotted #ff0000;
	}


	@media print, screen and (min-width: 768px) {
		.app__items {
			display: -webkit-box;
			-webkit-box-pack: justify;
			display: flex;
			justify-content: space-between;
		}
		.app__item {
			flex-basis: 300px;
		}
	}

	@media only screen and (max-width: 767px) {
		.app__items {
			margin-left: -5%;
		}
		.app__item {
			margin-left: 5%;
			margin: 0 3% 3em 8%;
			border: #ccc solid 1px;
			padding: 10px;
			border-radius: 5px;
		}
	}
	#more-pitapa {
		background: #DCEFFF;
	}
	#more-pitapa>div {
		font-size: 125%;
		color: #004ea2;
		font-weight: bold;
	}
	.app__items .icon-pitapa {
		background: #e4e3f1;
		border-radius: 5px;
		margin-bottom: 2px;
	}
	.app__items .icon-family {
		background: #b0d994;
		border-radius: 5px;
		margin-bottom: 2px;
		color: #FFF;
	}
	.app__items .icon-pitapakids {
		background: #f6ee7f;
		border-radius: 5px;
		margin-bottom: 2px;
	}
	.app__items .icon-etc {
		background: #80A3CB;
		border-radius: 5px;
		margin-bottom: 2px;
		color: #FFF;
	}
	@media print, screen and (min-width: 768px) {
		.app__items .icon-mb22px {
			margin-bottom: 22px!important;
		}
		.app__items .icon-mb42px {
			margin-bottom: 42px!important;
		}
	}

	@media only screen and (max-width: 767px) {
	.app__items .attention-sp {
		padding: 0 0 1em 2em;
		text-indent: -2em;
		margin: 0 1em;
	}
	}
	.arial {font-family:'arial'; font-size: 150%;letter-spacing: -.05em;margin-right: .3rem;}
	.blink {
		animation: blinkAnime 1.5s infinite alternate;
	}
	@keyframes blinkAnime{
		0% { color: #C8C5E2 }
		50% { color: #FFFFFF }
		100% { color: #FFFFFF }
	}

@media print, screen and (min-width: 768px){
	.pc-ml-29	{margin-left:-1.850rem!important;}
	.pc-mr-29	{margin-right:-1.850rem!important;}
}
@media only screen and (max-width: 767px){}