@charset "utf-8";

/* サービス毎の色替え用CSS
================================= */

/* anchor
--------------------------------- */
a {
	color: #221986;
}
.btn .main {
	background: #221986;
	color: #fff;
	border-color: #221986;
}
.btn .main:hover {
	background: #95ddff;
	color: #221986;
}
.btn .sub		{ color: #221986; }
.btn .sub:hover	{ background: #95ddff; }
.btnList{
	margin: 0 0 20px;
}
.btnList li{
    background: #e7f0ff;
    margin: 0 0 20px;
    padding: 40px;
}
.btnList li:last-child{
    margin: 0;
}
.btnList li .btnCap{
	text-align: center;
    font-size: 20px;
    margin: 0 0 20px;
}
#about {
    margin: 0 0 40px;
}
#about .btn a{
    display: block;
    width: 320px;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    padding: 18px 30px;
    margin: 0 auto 0;
    background: #163365;
    color: #FFF;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#about .btn a:hover{
	background: #0540a7;
}
#about .txt{
    text-indent: -1em;
    padding-left: 1em;
    font-size: 13px;
}
#header h1 {
	padding: 0 13px 2px 8px;
}
#header h1 img {
    margin-bottom: 10px;
}
#header p {
    text-align: center;
    font-size: 29px;
    border: 2px solid #4e4d4e;
    color: #4e4d4e;
    font-weight: bold;
    padding: 8px 0 5px;
    margin-bottom: 20px;
}
#header p.subTit {
    border: none;
    text-align: center;
    font-size: 26px;
    color: #4e4d4e;
    font-weight: bold;
    padding: 0;
    margin-bottom: 0;
    line-height: 1.4em;
}
/* title
--------------------------------- */
.sectionTit {
	background: #163365;
	color: #fff;
}
#header th { border: none; }
.block {
    padding: 20px;
    margin: 0 0 40px;
    box-sizing: border-box;
    border: 2px solid #163365;
}

#about .introArea{
	margin-bottom:30px;
}
#about .introArea .mainLead{
    text-align: center;
    color: #ac8400;
    font-size: 28px;
    margin: 0;
    font-weight: bold;
}
#about .mainLead {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 10px;
}
#about .lead {
    font-size: 14px;
    margin: 0 0 10px;
}
.leadBox{
    padding: 15px;
    margin: 0px auto 15px;
    background: #f0f0f0;
}
.subLead{
    text-align: left;
    font-size: 12px;
    margin: 0 0 20px;
}
.attentionList li {
    font-size: 12px;
    line-height: 1.5;
    margin: 0 0 8px 15px;
    position: relative;
}
.pointCell{
    margin: 0;
}
.pointCell th{
    padding: 0 0 0 20px;
}
.pointCell td{
	width:40%;
}
.lastPoint {
    margin: 0 0 10px;
}
.lastPoint td {
    width: 45%;
}
.leadList{
	background: #fff5e9;
    padding: 20px;
}
.leadList li{
    margin: 0 0 10px;
}
.leadList li.listCap{
    margin: 0;
    font-size: 11px;
    text-indent: -11px;
    padding: 0 0 0 11px;
}
.pointArea {
    margin-right: 0;
}
.pointArea .leadArea {
    background: #fff5e9;
    position: relative;
    padding: 20px;
}
.pointArea .mainLead {
	font-size: 20px;
    border-left: none;
    padding-left: 0;
    margin-bottom: 20px;
}
.pointArea .lead{
	width:100%;
	margin:0 0 10px;
}
#about .pointArea .third .txt{
    text-indent:0;
    padding-left: 0;
    font-size: 13px;
}
.entryArea{
	padding:20px 0;
}
.entryArea p{
	margin:0 0 20px;
	text-align:center;
}
.pointArea .third li {
    width: 50%;
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
}

.point02{
	padding:20px 0 0;
}
.point02 h2{
	color:#0aab7c;
    font-size:32px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-bottom:20px;
    text-align: center;
}
.point02 h2 span {
    background: #0aab7c;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    padding:1px 0 0;
    width: 300px;
}
.point02 div{
	padding:20px 10px 12px;
	background: #dbfff6
}
.point02 ul li{
    float: left;
    padding: 0 10px;
    width: 226px;
}
.point02 ul li .ph{
	margin:0 0 5px;
	text-align:left;
}
.point02 ul li img{
	width:90%;
}
.point02 ul.moreContents{
	padding:15px 10px;
}
.point02 ul.moreContents li{
	width:120px;
}
.point02 ul.moreContents li:before{
	content:"●";
}
.point02 .lead{
	margin:5px 0 25px;
	font-size:18px;
	font-weight: bold;
	text-align: center;
}

.point02 .tit {
    font-weight: bold;
}
.point02 .more{
	padding:20px 8px 0;
	text-align:left;
}
.point02 .more{
	margin: 0 0 10px;
}
#about .introArea .attentionList li{
	margin: 0 0 2px 14px;
	font-size: 13px;
}
.attentionList li::before {
	left: -14px;
	top: 0;
}
.attentionList li span{
	display:block;
}
.attentionList li dl{
	margin-top: 10px;
}
.attentionList li dl dt{
	font-weight:bold;
	padding-bottom:5px;
}
.attentionList li dl dd{
        display: inline-block;
        padding-left: 1em;
	margin-bottom:10px;
}
table.ticketSupport{
	margin-bottom:10px;
}
table.ticketSupport tr{

}
table.ticketSupport tr th{
	vertical-align: top;

}table.ticketSupport tr td{
	vertical-align: top;
	text-indent: -1em;
    	padding-left: 1em;

}
.support ul{
	margin-bottom: 15px;
	padding-left: 1em;
}
.support ul li{
	margin-bottom: 5px;
        text-indent: -1em;
        padding-left: 1em;
}
.support ul li:last-child{
	margin-bottom:0;
}
.indent{
    text-indent: -1em;
    padding-left: 1em!important;
}

.iphone{display:none;}
.android{display:none;}

.appDl li:nth-child(2){
	margin-right:0;
}



/*===============================================
	howto
=================================================*/
.howto dt {
    float: left;
    width: 100px;
    height: 73px;
    margin-left: -53px;
    padding-top: 27px;
    background: #163365;
    color: #fff;
    font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    line-height: 1.3;
    border-radius: 50px;
}

.howto #step1 dd .ph{
  padding:10px;
}
.howto #step1 dd .ph img{
  width:100%;
}
.howto #step1 ul.dottList{
  padding: 0 250px 0 0;
}
.howto #step1 ul.dottList li {
    text-align: left;
}
.howto dd .appDl li.app_sp{
	display:none;
}
.support{
  border:none;
}

.howto #container{
	width:960px;
	background:none;
    padding: 30px 0 0;
}
.howto .inner{
	width:100%;
	padding:40px 0 0;
	background:#fff;
}
.howto h1{
    padding: 10px 0;
    margin: 0 0 20px;
    font-size: 26px;
    text-align: center;
}
.howto .lead .subTxt { display: block; line-height: 1.3; margin-top: 8px; }
.howto .deviceArea .btn .sub{
	margin:10px 0 0;
}
.howto .step7{
	margin-bottom:40px;
	border:none;
}
.howto dl{
	width:80%;
	margin:0 auto;
	padding:0 0 60px 0;
    font-size: 15px;
	background:#fff;
	border-left:5px dotted #e0eff9;
}
.howto dt{ 
	float:left;
	width:100px;
	height:73px;
	margin-left:-53px;
	padding-top:27px;
    background: #163365;
    color: #fff;
	font-family:'Noto Sans Japanese', sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
	line-height:1.3;
	border-radius:50px;
}
.howto dt span{
	display:block;
	font-size:26px;
}
.howto dd{
	position:relative;
	margin:0;
	padding:20px 0 0 100px;
}
.howto dd .title {
    font-size: 26px;
    margin-bottom: 15px;
    font-weight: bold;
    color: #163365;
}
.howto dd ul{
	text-align:center;
}

.howto dd li.arrow{
	width:50px;
	position:relative;
	text-align:center;
	color:#b3cdda;
}
.howto dd li.arrow .fa{
	position:absolute;
	top: 50%;
	font-size:30px;
	margin-top:-15px;
}
.howto dd li .ph{
	position:relative;
}
.howto dd .ph img{
	width:160px;
	margin:0 auto;
	padding: 0 0 20px;
}

.howto dd .appDl {
	text-align:center;
}

.howto .step2 .join{
	text-align:center;
	margin-top:20px;
}
.howto .step2 .btn a{
	margin:0;
}
.howto .sub{
	padding:10px 30px;
	font-size:14px;
}
.howto .supportArea{
	margin-bottom:20px;
	padding: 30px 50px;
	background:#fff;
}
.howto .section#about{
	margin-bottom:0;
}
.btnBack{
	margin-top:30px;
	text-align:center;
}
.btnBack a{
	position:relative;
    color: #888;
	text-decoration:none;
}

.bxslider li{
	background: #effcff;
}
.howto dd li .bx-caption{
	margin-top:-10px;
	font-size:13px;
	line-height:1.4;
	text-align:left;
	background:#effcff;
}
.howto dd li .bx-caption p{
	display:inline;
	color:#50AEF0;
	font-weight:bold;
}
.howto .bx-wrapper{
}
.howto .bx-wrapper .bx-caption span{
	padding:20px 10px 10px;
}


.howto .bx-wrapper .bx-next{ right: -62px; }
.howto .bx-wrapper .bx-prev{ left: -62px; }

@media screen and (min-width: 900px) {
.bxslider li{ 
width:260px!important; 
height:480px!important; 
padding: 20px 0 20px; 
}
.bxslider li.mini{ 
width:260px!important; 
height:420px!important; 
padding: 20px 0 20px; 
}

.howto .bx-wrapper .bxCap{
    font-size: 12px;
    text-indent: -22px;
    padding: 0 10px 0 40px;
    text-align: left;
}
.howto .bx-wrapper .bxCap .blue{
    font-weight: bold;
    color: #50AEF0;
}

.howto .bx-wrapper .bxCap .red{
    color: #FF0000;
}
.howto .bx-wrapper .bxCap .gray{
    padding: 10px 0 0 12px;
    text-indent: -12px;
    color: #888;
    font-size: 11px;
    display: inline-block;
}

.bx-controls{
}
.nobx .bx-controls{
	display:none;
}

.andLeadit{
    margin-top: 40px;
}

.howto .step5 dd .ph {
    width: 100%;
}

.step7 .ph img{
    width: 110px!important;
    padding: 0 0 20px;
}

.howto .step7 .bx-wrapper .bxCap {
    font-size: 12px;
    text-indent: 0;
    padding: 0 20px 10px;
    text-align: left;
}
.howto .step7 .bx-wrapper .bxCap .coution{
    display:block;
    margin:0 0 10px;
}
.howto .step7 .ph .thumbTit{
    display: block;
    margin: 0 0 10px;
    font-size: 14px;
}

}
/*===============================================
	attention
=================================================*/
.pageAttention{

}
.pageAttention h1 {
    padding: 10px 0;
    margin: 0 0 20px;
    font-size: 26px;
    text-align: center;
}
.pageAttention #container{
    width: 860px;
    background: none;
    padding: 30px 0 0;
}
.pageAttention .inner {
    width: 100%;
    padding: 50px 50px 30px;
    background: #fff;
    box-sizing: border-box;
    margin: 0 0 40px;
}
.deviceArea .tit {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 15px;
}
.deviceArea .attention {
    background: #eff2f5;
    border-radius: 6px;
    margin: 0 0 20px;
    padding: 25px;
    position: relative;
}

.pageAttention .area {
    margin: 0;
}
.pageAttention #entry{
    margin: 0;
}

.pageAttention .sub {
    padding: 10px 30px;
    font-size: 14px;
}






.pb0{padding-bottom:0!important;}
.pb10{padding-bottom:10px!important;}

.mb0{margin-bottom:0!important;}
.mb10{margin-bottom:10px!important;}
.fwn{font-weight:normal!important;}
.fs13{font-size:13px!important;}