@charset "utf-8";
/* e_assist style pc */

/* common */
.spDisp{display:none;}
br.sp{display:none;}
.flex{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
}
	.flex_js-t{justify-content: flex-start;}
	.flex_js-c{justify-content: center; }
	.flex_js-b{justify-content: flex-end;}
	.flex_al-t{align-items: flex-start;}
	.flex_al-c{align-items: center; }
	.flex_al-b{align-items: flex-end;}
	.flex_wrap{flex-wrap:wrap;}
*.w100{max-width:100px !important;}
*.w130{max-width:130px !important;}
*.w150{max-width:150px !important;}
*.w200{max-width:200px !important;}
*.w250{max-width:250px !important;}
*.w300{max-width:300px !important;}
*.w350{max-width:350px !important;}
*.w400{max-width:400px !important;}
*.w500{max-width:500px !important;}
*.w600{max-width:600px !important;}
.clm2,.clm3{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	word-break: normal;
}
.sp1{padding:1vw;}
.sp2{padding:2vw;}
.clm2 .clm{width:50%;justify-content: space-between;}
.clm3 .clm{width:33%;justify-content: space-between;}

.imgBlockT{align-items: flex-start;}
.imgBlockB{align-items: baseline;}
.imgBlockC{align-items: center;}
.imgBlockB,.imgBlockC,.imgBlockT{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;align-content: space-between;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	word-break: normal;
}
.imgBlockB.imgL .cont,
.imgBlockC.imgL .cont,
.imgBlockT.imgL .cont{order:2;}
.imgBlockB.imgL .img,
.imgBlockC.imgL .img,
.imgBlockT.imgL .img{order:1;margin-right:2vw;}
.imgBlockB.imgR .cont,
.imgBlockC.imgR .cont,
.imgBlockT.imgR .cont{order:1;}
.imgBlockB.imgR .img,
.imgBlockC.imgR .img,
.imgBlockT.imgR .img{order:2;margin-left:2vw;}

img.border{border:1px solid #eee;}

a img{transition:.3;}
/*a:hover,a img:hover{opacity:0.7;}*/
.square li{padding-left:1em; text-indent: -1em; margin:0.3em 0;}
.square li::before {content: "■";font-size: 90%;margin-right: 3px;}
.btnArea{margin:20px auto; text-align:center;}

.icon-pdf:before{font-family:'jpsmt';content:"\50"; color:#cc0000; font-size:160%; margin-right:0.3em; position:relative; top:0.2em;}
.fontL{font-size:115%;}

.boxMenu2clm{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
	.boxMenu2clm div.section,
	.boxMenu3clm div.section{border:1px solid #ccc; border-radius:5px;/* flex:1;*/}
	.boxMenu2clm div.section .title,
	.boxMenu3clm div.section .title{border-bottom:1px solid #ccc; font-weight:bold; color:#cc0000; text-align:center; font-size:1.2rem; padding:0.8em 0.5em;}
	.boxMenu2clm div.section .title a,
	.boxMenu3clm div.section .title a{color:#cc0000; display:block;}
/*	.boxMenu2clm div.section .title a:hover,
	.boxMenu3clm div.section .title a:hover{text-decoration: none;}*/
	.boxMenu2clm div.section .title img.icon,
	.boxMenu3clm div.section .title img.icon{width:46px; vertical-align: middle; margin-right:10px;}
	.boxMenu2clm div.section .title small,
	.boxMenu3clm div.section .title small{display:block; font-size:0.9rem;}
	.boxMenu2clm div.section .inner,
	.boxMenu3clm div.section .inner{padding:15px;}
	.boxMenu2clm div.section .inner p,
	.boxMenu3clm div.section .inner p{line-height:1.9;}

.boxMenu3clm{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
	.boxMenu3clm .title.line2{min-height:2.7em; background:#F5F5F5;}
	.boxMenu3clm ul.menu{ margin:0 !important;}
	.boxMenu3clm ul.menu li{border-bottom:2px solid #eee;}

	.boxMenu3clm ul.menu li .flex{align-items: center; justify-content: center;}
	.boxMenu3clm ul.menu li a{padding:15px 10px; text-decoration:none;}
	.boxMenu3clm ul.menu li a .icon{width:40%; text-align:center;}
		.boxMenu3clm ul.menu li a .icon img{transition-duration: 0.3s; width:80px;}
		.boxMenu3clm ul.menu li a:hover .icon img{transform: scale(1.3); transition-duration: 0.3s; opacity:1 !important;}
		.boxMenu3clm ul.menu li a:hover .text{color:#cc0000; font-weight:bold;}
	.boxMenu3clm ul.menu li a .text{width:60%;}
		.boxMenu3clm ul.menu li a .text{padding-left:1em; text-indent:-1em;}
		.boxMenu3clm ul.menu li a .text::before {font-family:"yubin";content: "\f105";margin-right:0.3em; color:#cc0000;}
		.boxMenu3clm ul.menu li:last-child{border-bottom:0;}
	.boxMenu3clm ul.menu li a{display:block; color:#464646;}


.step{/*margin:20px auto; border-top:2px solid #ccc; padding-top:15px;*/}
	.step dl{margin-bottom:10px;}
	.step dl dd{text-align:center; margin:15px auto;}
	.step dl dt{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;align-items: center;}
		.step dl dt span.step{width:58px; margin:0 1.5% 0 0; border-top:0;}
		.step dl dt span.text{flex:1; text-align:left;}
/*.step{
	display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;flex-wrap: wrap;align-items: stretch; margin-bottom:20px;
	}
	.step dl{background:#FFF2F2; width:42%; padding:2%; margin: 1% 4% 1% 0%; position:relative; border-radius:5px;}
		.step dl:after{ content:""; border: 20px solid transparent;border-left-color: #FFA8A8;position: absolute;right: -50px;margin: auto;top: 0;bottom: 0;height: 0px;}
		.step dl:last-child:after{border:none;}
	.step dl dt{text-align:center; font-size:115%; margin-bottom:15px; padding-bottom:15px; border-bottom:2px solid #FFF;}
		.step dl dt a{display:block;}
	.step dl dd{margin:0; font-size:85%;}*/

.available{border:1px solid #ccc; padding:5px 15px 10px;}
	.available .title{ font-weight:bold; margin-bottom:1em !important;}
	.available ul{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;justify-content: center;
	}
	.available ul li{text-align:center;margin:0 2%;}
	.available ul li img{ /*border:1px solid #cc0000; border-radius:3px; padding:5px;*/ line-height:0;}
/*	.available ul li img{width:90px;}
	.available ul li span{display:block; font-size:80%; font-weight:bold;color:#cc0000;}
		.available ul li span:before{content: "〇"; margin-right:0.3em;}
	.available ul li.off img{background:#E5E5E5;border:1px solid #9B9B9B;}
	.available ul li.off span{color:#787878;}
		.available ul li.off span:before{content: "×"; margin-right:0.3em;}*/

table.data.type th{width:50%;}
table.data.type .off{background:#F3F3F3;}

ul.iconmenu{text-align:center;}
ul.iconmenu li{display:inline-block; text-align:center; margin:0 5px;}
	ul.iconmenu li img{max-width:120px !important;}
	ul.iconmenu li a{transition:.3s;}
	ul.iconmenu li a:hover{opacity:0.7;}
	ul.iconmenu li span{padding:1em;}

@media screen and (max-width:750px) {
ul.iconmenu{text-align:center;}
ul.iconmenu li{display:inline-block; text-align:center; margin:5px;}
	ul.iconmenu li img{max-width:24vw !important;}
	ul.iconmenu li span{text-decoration: underline; color:#1E4EA6;}
	ul.iconmenu li a{transition:.3s;}
	ul.iconmenu li a:hover{opacity:0.7;}
}/* sp */

/* page */
#main-box h1{magin-bottom:inherit;}
#main-box h1.h1Img{margin:20px auto 20px;}
.h1Img dl{
	background:#F3EF85; padding:0; margin:0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;align-items: center;justify-content: center;
	/*line-height:0;*/
}
	.h1Img dl.b0 dd{position:relative; }
	.h1Img dl dt{flex:1; padding:0 2%;}
		.h1Img dl.b0 dt{}
		.h1Img dl dt img{}
	.h1Img dl dd{margin:0;text-align:right; flex:1;padding:2% 2%;}
		.h1Img dl.b0 dd{margin:0;text-align:right; flex:1; padding:0; line-height:0;}
		.h1Img dl dd img{width:100%;}
.h1Img dl .lead{color:#3F3F3F; font-size:20px; font-weight:bold; line-height:1.7;}
#main-box .h1Img dl .lead p.info{font-size:90%; font-weight:normal; margin-top:1em;}
.h1Img dl .lead .info em{font-weight:bold; color:#BD1A20;}


@media screen and (max-width:750px) {
/* page */
#main-box h1.h1Img{padding:0;margin:0px auto 20px;}
.contWrap h1.h1Img{margin:15px auto;font-family: "Hiragino Kaku Gothic", "Hiragino Kaku Gothic Pro", 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo,sans-serifsans-serif;}
.h1Img dl{display:block;
	background:#F3EF85; border-radius:5px;}
	.h1Img dl.b0 dd{position:relative; }
	.h1Img dl dt{flex:1; padding:5% 4% 3%; text-align:center;}
		.h1Img dl.b0 dt{}
		.h1Img dl dt img{margin-bottom:10px;max-height: 70px !important;width: auto !important;}
	.h1Img dl dd{margin:0;text-align:right; flex:1;padding:0 3% 3%;}
		.h1Img dl.b0 dd{margin:0;text-align:right; flex:1; padding:0;}
		.h1Img dl dd img{width:100%;}
.h1Img dl .lead{color:#3F3F3F; font-size:1.1rem; font-weight:bold; text-align:left;}
#main-box .h1Img dl .lead{line-height:1.5;}
#main-box .h1Img dl .lead p.info{font-size:90%; font-weight:normal; margin-top:1em; line-height:1.6;}
.h1Img dl .lead .info em{font-weight:bold; color:#BD1A20;}

}/* sp */

div.section ul.tool{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	border-top:4px double #ccc; padding:10px 0; margin:0 auto 10px !important;
}
	div.section ul.tool li{text-align:center; flex:1;}
	div.section ul.tool li img{width:40px;}
	div.section ul.tool li small{display:block; line-height:1; font-weight:bold; margin-top:0.3em; color:#606060; font-size:0.8rem;}


/* top */
.barcode.imgBlockC .img-l{padding:0 2%;}


/* line */
.clm.centerCont{flex:1;}
.clm.centerCont .head{text-align:center; font-size:130%; font-weight:bold; margin-bottom:1.3em;}
	.clm.centerCont .head:after{content:""; position:relative;display:block; width:30px; height:4px; background:#cc0000; margin:0.5em auto; border-radius:5px;}

.clm2.line{
	background:#F0F187; color:#FFF; padding:1%;
}
.clm.lineAccount{
	flex:1; padding-left:2%;
	text-align:center;
}
	.clm.lineAccount dl dd{margin:0;}
	.clm.lineAccount dl dt{
		font-size:150%;color:#2BAB38; font-weight:bold;
	}
	.clm.lineAccount dl dd.code{
		margin:8px auto;
	}
	.clm.lineAccount dl dd.code img{
		width:130px;
	}
	.clm.lineAccount dl dd.url{
		margin:0 0 5px;
		color:#2BAB38;
		font-size:116%; font-weight:bold;
	}
		.clm.lineAccount dl dd.url a{
			color:#2BAB38; text-decoration: none;
		}
	.clm.lineAccount dl dd.text{
		color:#383838; font-size:90%;
	}
	.clm.lineAccount dl dd:last-child{
		margin-bottom:0;
	}

.capImg{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
	.capImg .img{flex:2;}
		.capImg .img img{max-width:100%;}
	.capImg .text{flex:1;}
	.capImg .title{font-size:115%; font-weight:bold; background:#FFF5F5; padding:0.5em;}
		.capImg .title:before{content:"●"; color:#cc0000; font-size:80%; margin-right:0.5em;}

.flow.line .upper,
.flow.line .lower{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;justify-content: space-between;
	margin:30px auto;
}
	.flow.line .upper div{
		position:relative;
		padding-right:70px;
		min-width:0; flex:1;
	}
	.flow.line .lower div{
		position:relative;
		padding-left:70px;
		min-width:0; flex:1;
	}
	.flow.line .upper div img,
	.flow.line .lower div img{/*max-width:170px;*/ width:100%;}
	.flow.line .upper div:after{
		font-family:'yubin'; font-weight:normal; content:"\e914"; color:#53DA17; font-size:40px;position: absolute; height:40px; margin:auto; top:0; bottom:0; right:5px;
	}
	.flow.line .lower div:before{
		font-family:'yubin'; font-weight:normal; content:"\e914"; color:#53DA17; font-size:40px;position: absolute; height:40px; margin:auto; top:0; bottom:0; left:5px;
	}
	.flow.line .upper div.pcend:after,
	.flow.line .lower div.pcend:before{
			content:none;
	}


@media screen and (min-width:751px) and ( max-width:1024px) {
	.flow.line .upper div:after,
	.flow.line .lower div:before{font-size:18px; height:18px;}
	.flow.line .upper div{
		padding-right:20px;
	}
	.flow.line .lower div{
		padding-left:20px;
	}
	.flow.line .lower div:before{left:0;}
} /* tablet */

@media screen and (max-width:750px) {
.clm2.line{
	background:#F0F187; color:#FFF; padding:2% 3%; margin-top:16px;
}
.clm.lineAccount{
	flex:1;margin:2vh auto;
	text-align:center;
}
	.clm.lineAccount dl dd{margin:0;}
	.clm.lineAccount dl dt{
		font-size:150%;color:#2BAB38; font-weight:bold;
	}
	.clm.lineAccount dl dd.code{
		margin:8px auto;
	}
	.clm.lineAccount dl dd.code img{
		width:130px;
	}
	.clm.lineAccount dl dd.url{
		margin:0 0 5px;
		color:#2BAB38;
		font-size:100%; font-weight:bold;
	}
		.clm.lineAccount dl dd.url a{
			color:#2BAB38; text-decoration: none;
		}
	.clm.lineAccount dl dd.text{
		color:#383838; font-size:90%;
	}
	.clm.lineAccount dl dd:last-child{
		margin-bottom:0;
	}

.flow.line{text-align:center;}
.flow.line .upper,
.flow.line .lower{display:block;}
.flow.line .upper div,
.flow.line .lower div{margin-top:10px; padding:0;}
	.flow.line .upper div img,
	.flow.line .lower div img{max-width:90%; margin:auto;}
	.flow.line .upper div{
		position:relative;
		padding-bottom:70px;
	}
	.flow.line .lower div{
		position:relative;
		padding-bottom:70px;
	}
	.flow.line .upper div:after,
	.flow.line .lower div:after{
		content: url(../img/arrow_v.png);position: absolute; height:58px; margin:auto; bottom:0; right:0; left:0; top:auto;
	}
	.flow.line .upper div.spend:after,
	.flow.line .lower div.spend:after{
			content:none;
	}

	.flow.line .lower div:last-child{padding-bottom:15px;}
	.flow.line .lower div:last-child:after{content:none;}
	.flow.line .lower div:before{content:none;}
}/* sp */

/* conveni */
ul.inlineList{text-align:center;}
ul.inlineList li{display:inline;}
	ul.inlineList li img{max-width:200px;}
	ul.inlineList li.p1{margin:0 1%;}

@media screen and (max-width:750px) {
ul.inlineList{text-align:center;}
ul.inlineList li{display:inline;}
	ul.inlineList li img{max-width:28%;}

.shoplogo img{height:90px;}
}/* sp */

/* hakopost */
.info2clm{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;align-content: space-around;
}
	.info2clm div{flex:1; padding:3%; margin:1% 2%;background:#FFFCF2; font-size:115%; text-align:center;}


@media screen and (max-width:750px) {
ol.hakoSousa li:last-child{margin-bottom:0;}

}/* sp */
/* home */
.termsList{}
	.termsList dl{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;align-items: center;align-items: stretch;
	}
	.termsList dt,.termsList dd{margin:0; padding:0;}
	.termsList dt{/*background:#eee;padding:15px;*/ position:relative; line-height:0; }
		.termsList dt span{position:absolute; color:#FFF; background:#FF6600; padding:0.5em 1em; line-height:1; top:0; left:0;}
	.termsList dd{padding:0 0 0 2%; flex:1;}

.pageNav ul{text-align:center;}
.pageNav ul li{display:inline-block; font-size:90%; margin-right:0.6em;}
	.pageNav ul li:last-child{margin-right:0;}
	.pageNav ul li:before{font-family: "jpsmt"; content:"\2f"; font-size:70%; margin-right:0.3em; color:#cc0000;}

@media screen and (max-width:750px) {
.termsList{}
	.termsList dl{display:block;
	}
	.termsList dt,.termsList dd{margin:0; padding:0;}
	.termsList dt{background:#eee; position:relative; text-align:center; line-height:0; padding:15px;}
		.termsList dt span{position:absolute; color:#FFF; background:#FF6600; padding:0.5em 1em; line-height:1; top:0; left:0;}
	.termsList dd{padding:2%;}
}/* sp */

/* tooltip */
.iconmenu .tooltip {
  position: relative;
}
.iconmenu .tooltip::before,
.iconmenu .tooltip::after {
  position: absolute;
  transition: all 0.3s ease 0s;
  opacity: 0;
}
.iconmenu .tooltip::before {
  content: "";
  border: 10px solid transparent;
  border-bottom-color: rgba(0,0,0,0.7);
  top: 10px;
  left: 10px;
}
.iconmenu .tooltip::after {
  content: attr(data-tooltip);
  display: block;
  padding: 0.5em;
  font-size:80%;
  background:rgba(0,0,0,0.7);
  color: #fff;
  border-radius: 5px;
  top: 30px;
  left: 0;
}
.iconmenu .tooltip:hover::before{
  top: 16px;
  opacity: 1;
}
.iconmenu .tooltip:hover::after{
  top: 36px;
  opacity: 1;
}

/* remodal */
.remodal {
	max-width: 840px !important;
}
	.remodal img{
		max-width:100%;
	}
.remodal-cancel {
	margin-top:20px !important;
	background: #cf3939 !important;
}


@media screen and (max-width:750px) {

/* home */
.termsList{}
	.termsList dl{
	}
	.termsList dt,.termsList dd{margin:0; padding:0;}
	.termsList dt{background:#eee; position:relative; text-align:center; line-height:0; padding:15px;}
		.termsList dt span{position:absolute; color:#FFF; background:#FF6600; padding:0.5em 1em; line-height:1; top:0; left:0;}
	.termsList dd{padding:2%;}

.pageNav ul{text-align:center; margin-top:20px;}
.pageNav ul li{display:inline-block; font-size:90%; margin:0.4em 0.6em 0.4em 0;}
	.pageNav ul li:last-child{margin-right:0;}
	.pageNav ul li:before{font-family: "jpsmt"; content:"\2f"; font-size:70%; margin-right:0.3em; color:#cc0000;}

/* tooltip */
.tooltip::after {
  content: attr(data-tooltip);
  display:block; font-size:80%;
}

/* remodal */
.remodal {
	padding: 35px 8% !important;
}
.remodal-cancel {
	background: #cf3939 !important;
}

} /* sp*/