@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;
}
.btnList li:first-child .btnCap{
	color:#163365;
	font-weight:bold;
}
#about{
margin:0;
}
#about .btn a{
    display: block;
    width: 320px;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    border: 1px solid #ff0000;
    padding: 18px 30px;
    margin: 0 auto 0;
    background: #ff0000;
    color: #FFF;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#about .btn a:hover{
	background: #fff;
	border: 1px solid #ff0000;
	color: #ff0000;
}
#about .txt{
    text-indent: -1em;
    padding-left: 1em;
    font-size: 13px;
}

#header{
	margin: 0;
}


#header h1 {
	padding: 0;
    line-height: 0;
}


/* title
--------------------------------- */
.sectionTit {
	background: #163365;
	color: #fff;
}
#header th { border: none; }


#about .introArea{
	margin-bottom:30px;
}
#about .introArea .mainLead{
	text-align: center;
    color: #ac8400;
    font-size: 28px;
    margin: 0;
    font-weight: bold;
}

.block{
    /*padding: 20px;*/
    margin: 0 0 50px;
    box-sizing: border-box;
    /*border: 5px solid #ddd;*/
}


.leadBox{
    padding: 15px;
    margin: 0px auto 15px;
    background: #f0f0f0;
}
.subLead{
    text-align: left;
    font-size: 12px;
    margin: 0 0 20px;
}
.pointCell{
    margin: 0;
}
.pointCell th{
    padding: 0 20px 0 0;
}
.pointCell td{
	width:43%;
}
.lastPoint {
	margin:0 0 10px;
}
.lastPoint td{
	width:45%;
}
.lastPoint th{
	vertical-align:top;
}
.pointCell .attentionList li {
    font-size: 12px;
    line-height: 1.5;
    margin: 0 0 8px 15px;
    position: relative;
}
.pointCell .attentionList li:last-child {
    margin: 0 0 0 15px;
}
.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;
    margin: 0 0 40px;
}
.pointArea .third li {
    width: 367px;
    /*width: 240px;*/
    float: left;
    padding: 0 15px 0 0;
}

.pointArea .third li:last-child {
    padding: 0;
}

.pointArea .leadArea {
    background: #fff5e9;
    position: relative;
    padding: 20px;
}
.pointArea .mainLead {
	font-size: 20px;
    border-left: none;
    padding-left: 0;
    margin-bottom: 20px;
}



.pointArea .lastPoint .mainLead {
    font-size: 16px;
    border-left: none;
    padding-left: 0;
    margin-bottom: 10px;

}
.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;
}


.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;
}



.p2--img{
	width:70%;
	margin: 0 auto 50px;
	position:relative;
	background-repeat:no-repeat;
	background-size:cover;
}


.section.about .stamp .inner{
	margin:0;
	padding:0;
	z-index:1;
}







#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: 0 0 10px;
    width: 100%;
}
table.ticketSupport tr{

}
table.ticketSupport tr th{
	/*vertical-align: top;*/
	font-size: 15px;
    background: #EAF1FA;
    width: 30%;
    padding: 10px 0;
    text-align: center;
    border-left: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

table.ticketSupport tr td{
    width: 70%;
    padding: 10px 20px;
    border: 1px solid;
}
.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 .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;}


















.inner{
	background: #fff;
	padding: 30px 50px 50px;
}


.block--type{
    margin: 0;
}


/*===============================================
	TOP_MENU
=================================================*/

.block__menu{
	margin: 0;
}

.menu__list{
	display: flex;
}

.menu__list li{
	box-sizing: border-box;
	margin: 0 5px 0 0;
	width: 280px;
	height: auto;
    position: relative;
}

.menu__list li:last-child{
	margin: 0;
}

.menu__list li a{
    display: block;
    background: #163264;
    color: #fff;
    padding: 20px 5px 0 0;
    text-align: center;
    text-decoration: none;
    font-size: 22px;
    line-height: 1em;
    height: 60px;
}

.menu__list li:first-child a{
	padding: 30px 10px 0 0;
	height: 50px;
}

.menu__list li a span{
	font-size: 13px;
	color: #ddd;
}

.menu__list li:after{
    position: absolute;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    top: -5px;
    right: 15px;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(135deg);
    z-index: 0;
}

.menu_attention a{
    background: #ED1B24!important;
}

#anc__attention{

}

/*===============================================
	見出し
=================================================*/

.block__Tit{
	position: relative;
    margin: 0 0 50px;
    padding: 20px 0 0;
}

.contentsTit{
    padding: 0 0 5px;
    border-bottom: 3px solid #AC8400;
    margin: 0 auto;
}

.contentsTit span{
	position: relative;
    font-weight: bold;
    text-align: center;
    color: #AC8400;
    font-size: 32px;
	z-index: 2;
}

/*
.block__Tit:after{
    content: "";
    position: absolute;
    top: 45%;
    left: 0;
    background-color: #dcdcdc;
    width: 100%;
    height: 5px;
}
*/

.tit--item{
	display: flex;
	margin: 0 0 50px;
}

.tit--item li{
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.block--tit{
    background-image: url(./images/ph_tit_point.png);
    color: #fff;
    padding: 10px;
	margin: 0 15px 0 0;
	width:80px;
    height: 80px;
	text-align: center;
}

.block--tit .point{
    font-size: 15px;
    font-weight: bold;
    line-height: 55px;
}

.block--tit .number{
	font-size: 35px;
	font-weight: bold;
    line-height: 0;
}

.block--txt{
    color: #163264;
	font-size: 30px;
	line-height: 1.4em;
	font-weight: bold;
}



.block--txt span{
background:linear-gradient(transparent 50%, #ffcbde 0%);
}



.list--item{
	background: #FFF5E9;
	padding: 20px;
    margin: 0 0 20px;
}

.list--item li{
	color: #000080;
	margin: 0 0 3px;
}

.list--item li:last-child{
    font-size: 11px;
	margin: 0;
    padding: 0 0 0 1em;
    text-indent: -1em;
}


#anc__ticket .btn a:hover {
    background: #221986;
    color: #fff;
}



/* 動画
------------------------------ */
.movie {
    position: relative;
    width: 100%;
    height:430px;
    /*padding-top: 56.25%;*/
    margin: 0 0 50px;
}




.block__lead{
	margin: 0 0 50px;
    background: #efefef;
    padding: 20px;
}

.Lead_item{
	font-size: 24px;
    font-weight: bold;
}

.Lead_item span{
    background: #ED1B24;
    color:#fff;
	font-size: 20px;
    border-radius: 3px;
	padding: 2px 10px 0;
    margin: 0 10px;
}

.pointArea .tit {
    font-size: 20px;
}

.pointArea .txt {
    font-size: 15px;
}


.btnCap span{
    background: #fff;

	font-size: 20px;
    border-radius: 3px;
	padding: 2px 10px 0;
    margin: 0 10px;
}






/* アコーディオン
------------------------------ */
.block__type__detail{

}

.block__type__detail dt{
    position: relative;
    border-bottom: 1px solid #fff;
	background: #163365;
	color: #fff;
	padding: 20px;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
}

.block__type__detail dd{
    display: none;
    padding: 20px;
    background: #EAF1FA;
    font-size: 15px;
    line-height: 1.7em;
}

.block__type__detail dt:after{
content: "";
    position: absolute;
    top: 20px;
    right: 30px;
    width: 20px;
    height: 20px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(135deg);
    z-index: 0;
}

.block__type__detail .open:after{
    position: absolute;
    top: 30px;
    right: 30px;
    width: 20px;
    height: 20px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-45deg);
    z-index: 0;
}

.block__type__detail dt .detail {

}

.block__type__detail dt li:first-child{
    box-sizing: border-box;
    border-right: 1px solid;
    width: 20%;
    line-height: 2.5em;
	text-align: center;
}

.block__type__detail dt li:last-child{
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    flex-direction: column;
	width: 80%;
}




/* お問い合わせ
------------------------------ */
.subTit{
	border-left: 10px solid #AC8400;
    font-size: 22px;
    font-weight: bold;
    padding: 3px 0 3px 10px;
    margin: 0 0 30px;
}

.list__Support{
    margin: 0 0 30px;
}

.list__Support li{
	padding: 0 0 0 1em;
	text-indent: -1em;
}

.list__Support__sub{
    margin: 0 0 30px;
}

.btn__subCap{
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    text-decoration: underline;
	margin: 0 0 10px;
}

.btn__subCap__attention{
	color: #ff0000;
    font-size: 13px;
	padding: 0 0 0 1em;
	text-indent: -1em;
    font-weight: bold;
}


/* メモコボタン
------------------------------ */
.btn__memo{

}

.btn__memo a{
	display: block;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    border: 1px solid;
    padding: 18px 30px;
    margin: 0 auto 20px;
    -webkit-transition: all .3s ease;
    /* transition: all .3s ease; */
}

.btn__memo a:hover{
    border: 1px solid #221986;
    background: #221986;
    color: #fff;
}



/* 白ボタン
------------------------------ */
.btn__sub{

}

.btn__sub a{
	display: block;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    border: 1px solid;
    padding: 18px 30px;
    margin: 0 auto 20px;
    -webkit-transition: all .3s ease;
    /* transition: all .3s ease; */
    width: 320px;
    font-size: 18px;
}

.btn__sub a:hover{
    border: 1px solid #221986;
    background: #221986;
    color: #fff;
}