@charset "UTF-8";

.pc { display: none !important; }

/* base sp
============================== */
#wrap {
    -webkit-text-size-adjust: none;
    word-break: normal;
    font-family: Roboto, "モトヤLシーダ3等幅", MotoyaLCedar, -apple-system, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    width: 100%;
    left: 0;
    padding: 50px 0 150px;
    overflow: hidden;
}
#container {
    position: relative;
    left: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
input:focus { outline: none; }
img { max-width: 100%; }

/* btn sp
============================== */
.btn a, .btn input {
    display: block;
    width: 100%;
    display: block;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid;
    border-radius: 4px;
    line-height: 1.5;
    padding: 15px;
    margin: 15px auto;
    -webkit-appearance: none;

}
.btn a .attentionTxt{
    display: block;
    font-size: 11px;
    line-height: 1.2;
}
.btn .main {
    background: #ff7c60;
    color: #fff;
    border-color: #ff7c60;
    margin-top: 30px;
}
.btn .sub {
    background: transparent;
    color: #ff7c60;
    border: none;
    margin-top: 0;
}
.btn .cancel {
    background: transparent;
    color: #777;
    border: none;
    margin-top: 0;
}
.btn .disabled {
    background: #ddd;
    cursor: auto;
    border-color: #ddd;
}

/* header
============================== */
header { height: 50px;border-bottom: 1px solid rgba(0,0,0,0.15);}
header h1 a {
    width: 102px;
    height: 24px;
    background: url(/images/common/logo_header_pc.svg) no-repeat left center;
    position: absolute;
    left: 50%;
    top: 50%;
    background-size: contain;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
/* gnav */
#gnav {
    width: 70%;
    height: 100%;
    background: #202020;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0 40px 20px;
    position: fixed;
    left: -100%;
    top: 0;
    z-index: 998;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}
#gnav ul:not(:last-of-type) {
    border-bottom: 1px solid #444;
    padding: 0 0 10px;
    margin: 0 0 10px;
}
#gnav a {
    display: block;
    color: #f5f5f5;
    text-decoration: none;
    line-height: 40px;
    font-weight: 500;
}
#gnav ul li {position: relative; padding-left: 43px;}
#gnav ul li a::before,
#gnav #langtype-link::before {
    content: '';
    width: 28px;
    height: 28px;
    display: inline-block;
    background: no-repeat center;
    background-size: 66%;
    vertical-align: middle;
    margin-right: 15px;
    position: absolute;
    left: 0;
    top: 5px;
}
#gnav li.home a::before{border-radius: 100px;}
#gnav li.noIcon a{font-size: 13px; font-weight: 300;}
#gnav li.noIcon a::before {background: none;}

#gnav li.homeEmtg a::before{background-image: url(/images/sp/common/icon_gnav_logo.svg); background-size: 100% auto;}
#gnav li.mypage a::before {background-image: url(/images/sp/common/icon_gnav_my.svg);}
#gnav li.aboutDticket a::before {background-image: url(/images/sp/common/icon_gnav_ticket.svg);}

#gnav li.homeTrade a::before{background-image: url(/images/common/icon_home_trade.png);}
#gnav li.mytrade a::before {background-image: url(/images/sp/common/icon_gnav_my.svg);}

#gnav li.faq a::before {background-image: url(/images/sp/common/icon_gnav_help.svg);}
#gnav li.lang #langtype-link::before {background-image: url(/images/sp/common/icon_gnav_lang.svg); }
#gnav li.appli a::before {background-image: url(/images/sp/common/icon_gnav_logo.svg);}
#gnav li.logout a::before {background-image: url(/images/sp/common/icon_gnav_logout.svg);}
#gnav li.twitter a::before {background-image: url(/images/sp/common/icon-X.svg);background-size: 100%;}

#gnav li.login a::before {background-image: url(/images/sp/common/icon_gnav_login.svg);}
#gnav li.introduction a::before {background-image: url(/images/sp/common/icon_gnav_guide.svg);}

#gnav li.guideTrade a::before {border-radius: 100px;background-image: url(/images/sp/common/icon_gnav_logo.svg);background-size: 100% auto;}
#gnav li.aboutTrade a::before {background-image: url(/images/sp/common/icon_gnav_trade.svg);}
#gnav li.guideService a::before {border-radius: 100px;background-image: url(/images/sp/common/icon_service.svg);background-size: 100% auto;}
#gnav li.guideCorp a::before {border-radius: 100px;background-image: url(/images/sp/common/icon_corp.svg);background-size: 100% auto;}
#gnav li.guideApp a::before {border-radius: 100px;background-image: url(/images/sp/common/icon_gnav_logo.svg);background-size: 100% auto;}

#gnav .gnavBanner{ padding: 0 20px 0 0; margin: 0 0 10px;border-bottom: 1px solid #444;}


#gnav #langtype-link li {
    float: left;
    width: 50%;
    padding: 0;
    margin: 0;
}
#gnav #langtype-link a {
    display: block;
    text-decoration: none;
    font-size: 13px;
    font-weight: 300;
}
#gnav #langtype-link li.current a{color: #9b9b9b;}

#gnav .accordion-btn::after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    position: absolute;
    top: 50%;
    right: 8%;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: -5px;
    pointer-events: none;
    transition: .3s all ease;
}
#gnav .accordion-btn.ac-open::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#gnav .accordion {
    display: none;
}
#gnav .inner {
    padding:0;
    margin:0;
}
/* loginNav */
header #loginNav {
    position: absolute;
    right: 8px;
    top: 0;
}
header #loginNav li {
    width: 50px;
    height: 50px;
    float: left;
}
header #loginNav li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #151515;
    font-size: 9px;
    line-height: 10px;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    padding: 9px 0 0;
    font-weight: bold;
}
header #loginNav li svg {
    width: 50px;
    height: 18px;
    margin: 0 0 4px;
}
header #loginNav li.login svg {
    position: relative;
    left: -2px;
}
header #loginNav .logout { display: none; }

/* navBtn */
#navBtn {
    width: 40px;
    height: 50px;
    position: fixed;
    left: 10px;
    top: 0;
    transition: .3s all ease;
    z-index: 9999;
}
#navBtn .bar{
    display: block;
    position: absolute;
    left: 9px;
    width: 20px;
    height: 2px;
    background: #1a1a1a;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#navBtn .top { top:16px; }
#navBtn .mid { top:24px; }
#navBtn .btm { top:32px; }

/* menuOpen */
.menuOpen header {background: #ccc;}
.menuOpen #navBtn {
    left: 70%;
}
.menuOpen #navBtn .top   { top: 24px; -webkit-transform: rotate(45deg); }
.menuOpen #navBtn .mid   { opacity: 0; }
.menuOpen #navBtn .btm   { top: 24px; -webkit-transform: rotate(-45deg); }
.menuOpen #gnav { left: 0; top: 0; }
.menuOpen header, .menuOpen footer,
.menuOpen #container,
.menuOpen #langtype-link {left: 70%; }
body::after {
    content: '';
    background: rgba(0,0,0,0);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    pointer-events: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.menuOpen::after { background: rgba(0,0,0,0.2);}
.menuOpen #navBtn span {
    background: #000;
}

/* footer
============================== */
footer {
    left: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
footer li { margin: 0; }
footer #supportNav { padding: 10px 5%; margin: 0 auto; }
footer #supportNav a { font-weight: normal; padding: 0 5px; }

/* home
============================== */
#home #wrap { background: #f5f5f5;}

/* appBnr */
#home .appBnr {  }
#home .appBnr a {
    display: block;
    background: #fafafa;
    color: inherit;
    text-decoration: none;
    border-bottom: 0.6px solid #aaa;
    padding: 10px 5% 10px 30px;
    position: relative;
}
#home .appBnr a::before {
    content: "\f105";
    color: #bbb;
    font-family: FontAwesome;
    font-size: 20px;
    font-weight: normal;
    line-height: 0;
    position: absolute;
    top: 50%;
    right: 3%;
}
#home .appBnr .icon {
    width: 60px;
    float: left;
    line-height: 0;
    margin: 0 10px 0 0;
}
#home .appBnr .tit {
    font-size: 14px;
    padding: 8px 0 0;
}
#home .appBnr .close {
    width: 30px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
#home .appBnr .close::before,
#home .appBnr .close::after {
    content: '';
    width: 12px;
    height: 2px;
    background: #bbb;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 9px;
}
#home .appBnr .close::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#home .appBnr .close::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#home .section.topArea {padding: 20px 5%; background: #fff;}
#home .section.topArea .topLinkList {margin: 0 0 15px;}
#home .section.topArea .topLinkList li { float: left; width: 47.5%;}
#home .section.topArea .topLinkList li:nth-child(1) {padding-right: 2.5%;}
#home .section.topArea .topLinkList li:nth-child(2) {padding-left: 2.5%;}
#home .section.topArea .topLinkList li a{
    display: block;
    text-align: center;
    border-radius: 100px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
    text-decoration: none;
    height: 40px;
    line-height: 40px;
    color: inherit;
    font-weight: bold;
    font-size: 11px;
}
#home .section.topArea .topLinkList li a img{vertical-align: middle; margin-right: 10px;width: 24px;}
#home .infoList a {
    display: block;
    color: inherit;
    font-size: 18px;
    transition: none;
    text-decoration: none;
}
#home .infoList .infoTit, #home .infoList .date {float:left;}
#home .infoList .infoTit {margin: 0 10px 4px 0; font-size: 14px;}
#home .infoList .date {
    color: #9b9b9b;
    font-size: 11px;
    position: relative;
    top: 3px;
}
#home .infoList .tit {font-size: 12px; clear: both; font-weight: normal;}

/* resal issue */
#home #keyVisual .resaleissue.pc { display: none !important; }
#home #keyVisual .resaleissue.sp {
    display: none;
    font-size: 12px;
    box-sizing: border-box;
    padding: 0 5px;
    margin-top: 5px;
}
#home #keyVisual .resaleissue.sp a {
    display: inline-block;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 3px;
    font-weight:bold;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.1);
    padding: 2px 18px 2px 8px;
    position: relative;
}
#home #keyVisual .resaleissue.sp a i{
    position: absolute;
    right: 7px;
    top: 6px;
}
/*
#home .resaleissue a {
    display: block;
    width: 90%;
    margin: 30px auto 0;
}
*/
#home .resaleissue{
  text-align: center;
}
#home .resaleissue div {
  display: inline-block;
  width: 45%;
  margin-right: 2%;
}
#home .resaleissue div:last-child {
  margin-right: 0;
}
#home .resaleissue div a{
  display: block;
  line-height: 0;
}

/* section
------------------------------ */
.section {
    padding: 30px 5% 20px;
}
/* sectionTit */
.section .sectionTit {
    font-size: 22px;
    line-height: 30px;
    margin: 0 0 15px;
}
.section .sectionTit a{
    text-decoration: none;
    color: inherit;
}
.sectionTit .subTxt { display: block; font-size: 12px; }
.section .sectionTit img {
    width: 36px;
    height: 36px;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 8px;
    position: relative;
    top: -2px;
}
.tradeList .sectionTit img { background:none; }
.ticketList .sectionTit img,
#ticket .sectionTit img { background: #ff7c60; }

.forgotpassword {
    padding: 30px 5% 20px;
}

/* areaTit */
.areaTit {
    border-left: 4px solid #e9537d;
    padding: 3px 0 3px 7px;
    margin: 20px 0 15px;
}
#entry .areaTit,
#regist .areaTit,
#mypage .areaTit {
    color: #fff;
    background: #413d3c;
    font-size: 14px;
    border: none;
    padding: 10px 5%;
    margin: 0 -5.5% 20px;
}
.tit { font-weight: bold; }
.lead { font-size: 16px; margin: 0 0 20px; }
.txt { margin: 0 0 20px; }
.subTxt { font-size: 0.8em;line-height:1.4em; }
.txt > .subTxt { display: block; }
.bold { font-weight: bold; }
.red { color: #f00; }
.pink { color: #ff7c60; }
.center { text-align: center; }
.boxTxt {
    background: #fff;
    border: 2px solid #ddd;
    padding: 10px;
    margin: 0 0 20px;
}
.boxTxt dt {
    background: #ddd;
    padding: 5px 10px;
    margin: -10px -10px 10px;
}

/* tradeList
============================== */
.tradeList { position: relative; }
.tradeList li,
.ticketList li {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    margin: 0 0 15px;
    overflow: hidden;
    position: relative;
}
.tradeList li a,
.ticketList li a {
    display: block;
    color: inherit;
    text-decoration: none;
    padding: 0 0 10px;
}
.tradeList li .ph,
.ticketList li .ph {
    height: 150px;
    height: 48vw;
    background: no-repeat center top;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}
.tradeList li .ph .goto,
.ticketList li .ph .goto{
    position: absolute;
    right: 0;
    top: 0;
    line-height: 0;
    width: 30%;
}
.tradeList li .ph .goto img,
.ticketList li .ph .goto img{
    width:100%;
}
.tradeList li .ph.spFit,
.ticketList li .ph.spFit {
    background-size: contain;
}
#home .ph.bgFix{
    position: relative;
    overflow: hidden;
}
#home .ph.bgFix .phBg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#home .ph.bgFix .phBg img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
    filter: blur(28px);
    transform: scale(1.2);
}
#home .ph.bgFix .phFront{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
#home .ph.bgFix .phFront img{
    display: block;
    object-fit: contain;
    width: 100%;
    height: 100%;
}
#home .ph.bgFix .blankPh{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #EEE;
}
#home .ph.bgFix .blankPh img{
    width: 60%;
    filter: grayscale(1);
    opacity: 0.05;
}


.tradeList li .artist,
.ticketList li .artist {
    font-size: 16px;
    padding: 10px 3% 2px;
}
.tradeList li .tit,
.ticketList li .tit {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    padding: 0 3%;
}
.tradeList li .date,
.ticketList li .date {
    display: block;
    font-size: 12px;
    padding: 5px 0 0;
    opacity: 0.5;
}
.tradeList li .date { padding-left: 3%; }
.tradeList li .status,
.tradeList li .fc {
    display: inline-block;
    float: right;
    min-width: 58px;
    height: 18px;
    background: #ff7c60;
    color: #fff;
    font-size: 9px;
    line-height: 18px;
    text-align: center;
    border-radius: 3px;
    padding: 0 3px;
    margin: 8px 3% 0 0;
    font-weight: bold;
}
.tradeList li .status.before { background: #aaa; color: #fff; }
.tradeList li .status.after { background: #aaa; color: #fff; }
.tradeList li .fc {
    background: #fff;
    color: #ff7c60;
    line-height: 17px;
    border: 1px solid;
    box-sizing: border-box;
    margin: 8px 10px 0 0;
}

.tradeList .btnLink { display: inline-block; width: 49%; }
.tradeList .btnLink a {
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    border: 1px solid;
    border-radius: 100px;
    box-sizing: border-box;
    position: absolute;
    top: 31px;
    right: 5%;
    color: inherit;
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
}
.ticketList .more,
.tradeList .more {
    text-align: right;
    margin-top: 10px;
}
.ticketList .more a,
.tradeList .more a {
    text-decoration: none;
    color: #808080;
}
.ticketList .more a .fa,
.tradeList .more a .fa{
    margin: 0 0 0 8px;
    position: relative;
    top: 1px;
    transition: none;
    font-size: 1.5em;
    opacity: .8;
}
.ticketList li .statusArea br { display: none; }
.ticketList li .cat {
    float: right;
    font-size: 9px;
    line-height: 17px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid;
    padding: 0 5px;
    margin: 5px 0 0;
    box-sizing: border-box;
    font-weight: bold;
}
.ticketList li .cat.music   { color: #ff7c60; }
.ticketList li .cat.event   { color: #bc8abb; }
.ticketList li .cat.museum  { color: #f7b353; }
.ticketList li .cat.amusement{ color: #83c269; }
.ticketList li .status {
    float: right;
    display: inline-block;
    color: #ff7c60;
    font-size: 9px;
    line-height: 17px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid;
    padding: 0 5px;
    box-sizing: border-box;
    margin: 5px 4px 0 0;
    font-weight: bold;
}
.ticketList li .cat + br,
.ticketList li .date + br { display: none; }
/* past */
.ticketList.past ul {
    box-shadow: 0 1px 0 #ddd;
    margin: 0 -5.5%;
}
.ticketList.past li {
    border-radius: 0;
    box-shadow: 0 -1px 0 #ddd;
    margin: 0;
}
.ticketList.past li a { color: #888; }
.ticketList.past li .ph { display: none; }
.ticketList.past li .artist { font-size: 15px; font-weight: bold; padding: 15px 5% 4px; }
.ticketList.past .tit { padding: 0 5%; }
.ticketList.past .statusArea { padding: 0 5%; }
.ticketList.past li .status,
.ticketList.past li .cat { color: #ccc; margin-top: 5px; }
.ticketList.past li .tit::after {
    content: "\f105";
    color: #bbb;
    font-family: FontAwesome;
    font-size: 20px;
    font-weight: normal;
    line-height: 20px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -10px 0 0;
}

/* nodata */
.ticketList li.nodata { width: 100%; text-align: center; box-shadow: none; padding: 30px 0; opacity: 0.5; }

/* infoList
============================== */
#information .infoList li {
/*
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 1px rgba(0,0,0,0.3);
    padding: 10px;
    margin: 0 0 10px;
*/
    border-bottom: 0.5px solid #ddd;
    padding: 0 0 15px;
    margin: 0 0 25px;
}

.facephoto{
	background:#f5f5f5;
}

#information .facephoto .infoList li {
	background:none;
	border-radius:0;
	box-shadow:none;
	padding:0;
	margin:0;
	border-bottom:none;
	padding:0;
	margin: 0 0 1em;
}

.facephoto .discription{
	margin:1em 0 3em;
}

.facephoto .discription a{
	text-decoration:none;
	position:relative;
	padding-right:9px;
}

.facephoto .discription a:after {
	content:'';
	width:6px;
	height:6px;
	border-top:solid 1px;
	border-right:solid 1px;
	transform:rotate(45deg);
	display:inline-block;
	position:absolute;
	top:4px;
	right:0;
}



.facephoto .infoList li div:nth-child(1) a {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 1px rgba(0,0,0,0.3);
  padding: 1.5em 1em;
  font-size: 1.1em;
	display:block;
	text-decoration:none;
	position:relative;
}

.facephoto .infoList li div:nth-child(1) a font{
	font-size:15px;
}

.facephoto .infoList li div:nth-child(1) a:after{
	content:'';
	width:8px;
	height:8px;
	border-top:solid 1px;
	border-right:solid 1px;
	position:absolute;
	transform:rotate(45deg) translate(0, -50%);
	top:50%;
	right:1em;
}



#information .infoList .tit { font-size: 14px; margin: 0 0 3px;}
#information .infoList .date { color: #888; font-size: 10px; margin: 0 0 10px; }
#information .infoList .txt { font-size: 12px; }
.facephoto .infoList .txt { padding:0.5em 0; }


#information .loader {
    position: relative;
    margin: 20px auto;
    width: 30px;
    height: 30px;
    border: 3px solid #ccc;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 0.75s infinite linear;
}
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

#information .facephoto .infoList .txt a {
	display:block;
	text-align:right;
	text-decoration:none;
	position:relative;
  margin-top: 3px;
  font-size: 13px;
	padding-right:9px;
}

#information .facephoto .infoList .txt a:after{
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  border-top: 1px solid;
  border-right: 1px solid;
  position: absolute;
  right: 2px;
  top: 8.2px;
  transform: rotate(45deg);
}

/* form
============================== */
.formArea { margin: 0 0 30px; }
.formList { margin: 0 0 20px; }
.formList dt { color: #888; font-size: 11px; margin: 0 0 5px; }
.formList dt.tit { color: #151515; font-size: 14px; font-weight: bold; }
.formList dt .subTxt { color: #999; font-size: 11px; }
.formList dt .must { color: #f00; margin: 0 3px; }
.formList dd {
/*  border-bottom: 1px solid #ddd;
    padding: 0 0 15px; */
    margin: 0 0 15px;
}
.formList dd:last-child { border: none; padding: 0; margin: 0; }
.formList input[type="text"],
.formList input[type="tel"],
.formList input[type="password"],
.formList input[type="email"] {
    -webkit-appearance: none;
    display: inline-block;
    width: 100%;
    font-size: 16px;
    line-height: 45px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0 10px;
}
.formList input::-webkit-input-placeholder { color: #bbb; }
.formList input[type="text"][disabled],
.formList input[type="tel"][disabled],
.formList input[type="password"][disabled],
.formList input[type="email"][disabled],
.formList select[disabled] {
    background: #e0e0e0;
    color: #808080;
}
.formList select {
    -webkit-appearance: none;
    display: inline-block;
    max-width: 100%;
    background: #fff;
    font-size: 16px;
    line-height: 45px;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0 10px;
    position: relative;
}
.formList label {
    display: inline-block;
    font-size: 16px;
    padding: 0 30px 0 0;
}
.formList input[type="radio"]:checked + label,
.formList input[type="checkbox"]:checked + label { color: #ff7c60; }
.formList .name .firstname,
.formList .name .familyname { width: 50%; float: left; }
.formList .name input { width: 48%; }

.formList .error input,
.formList .error select { background: #fff387; border: 1px solid #f00; }
.formList .error label { color: #f00; }

.formList.confirm dt { margin: 0; }
.formList.confirm dd { min-height: 1em; font-size: 16px; }
.formList.confirm dd .groupList li{ padding: 5px 0; font-size:13px;}
.formList.confirm dd .time{ margin-top: 2px; font-size: 11px; color: #999;}
.formList dd .confirm { display: inline-block; font-size: 16px; padding: 0; }

.formList.combine dd { padding: 0; margin: 0; }
.formList.combine dd input { border-bottom: none; border-radius: 0; }
.formList.combine dd:first-child input { border-radius: 3px 3px 0 0; }
.formList.combine dd:last-child input { border-radius: 0 0 3px 3px; border-bottom: 1px solid #ddd; }

/* mailmag */
.formList.mailmagForm { padding-bottom: 20px; border-bottom: 0.5px solid #ddd; }
.formList.mailmagForm dd { border-top: 0.5px solid #ddd; padding-top: 20px; }
.formList.mailmagForm .subTxt { padding-left: 15px; }
.formList .childList { padding: 10px 0 0 0; margin: 0 0 0 15px; }
.formList .childList dd { border: none; padding: 0; }
.formList .childList li { line-height: 30px; }
.formList .childList label { font-size: 13px;}
.formList .childList input[type="checkbox"] + label { color: #999; }
.formList .childList input[type="checkbox"]:disabled + label { color: #ddd; }
.formList .childList input[type="checkbox"]:checked + label { color: #1a1a1a; }

/* linkList */
.linkList { margin: 20px 0 0; }
.linkList a {
    color: #374a9d;
    text-decoration: none;
}
.linkList a:hover { color: #ff7c60; }
.linkList a:before {
    content: "\f105";
    color: #bbb;
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: normal;
    line-height: 0;
    margin: 0 5px 0 0;
}

/* alertList */
.errorList {
    background: #f00;
    color: #fff;
    font-size: 12px;
    padding: 10px;
}
.errorList li {
    padding: 0 0 0 1em;
    position: relative;
}
.errorList li::before {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 0.8em;
    font-weight: normal;
    position: absolute;
    left: 0;
    top: 0.2em;
}
.errorList a { color: #fff; }

/* complete */
.completeList {
    background: #3cc473;
    color: #fff;
    font-size: 12px;
    padding: 10px;
}

/* attentionList */
.attentionList { margin: 0 0 20px; }
.attentionList li {
    font-size: 12px;
    padding: 0 0 0 1em;
    margin: 0 0 0.5em;
    position: relative;
}
.attentionList li::before {
    content: "\f00c";
    color: #f90;
    font-family: FontAwesome;
    font-size: 0.8em;
    font-weight: normal;
    position: absolute;
    left: 0;
    top: 0.1em;
}

/* ticketDetail */
.ticketDetail { margin: 30px 0; }
.payList + .ticketDetail { margin: 0; }
.ticketDetail:last-child::after {
    /*content: '';
    display: block;
    width: 111%;
    border-bottom: 1px solid #ddd;
    margin: 30px -5.5% 30px;*/
}
.ticketDetail .telList:last-child{ padding-bottom: 20px;}
.ticketDetail.groupset:after { display: none}
.ticketDetail .areaTit {
    color: #fff;
    background: #413d3c;
    font-size: 14px;
    border: none;
    padding: 10px 5%;
    margin: 0 -5.5% 20px;
}
.ticketDetail > .tourTit { font-size: 16px; font-weight: bold; margin: 0 0 5px; }
.ticketDetail > .date { font-size: 12px; }
.ticketDetail > .date em { font-size: 16px; }
.ticketDetail > .detail { font-size: 13px; }
.ticketDetail > .btn a { margin-bottom: 0; }
.ticketDetail > .telList {  }
.ticketDetail ul.telList li,
.ticketDetail dl.telList dt {
    position: relative;
    color: #999;
    font-size: 11px;
    border-top: 1px solid #ddd;
    padding: 15px 0 0;
    margin: 15px 0 5px;
}
.ticketDetail dl.telList { /*padding-bottom: 20px;*/}
.ticketDetail dl.telList dd { /*font-size: 16px;*/ }
.ticketDetail dl.telList .num { display: inline-block; float: right; }
.ticketDetail ul.telList .listTit {
    color: #1a1a1a;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
}

/* member_rank_popup */
.popup_memberrank_wrap {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}
.popup_memberrank_wrap .overlay{
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}
.popup_memberrank_wrap .popup_flex{
  display: flex;
  align-items: center;
  height: 100vh;
  padding: 8%;
  box-sizing: border-box;
}
.popup_memberrank_wrap .popup_inner {
  display: none;
  background: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 9999;
  padding: 20px 30px;
  border-radius: 6px;
  margin: 50px 0;
    width: 100%;
}
.popup_memberrank_wrap .close {
  width: 100%;
  height: 30px;
  position: fixed;
  top: 65px;
  right: 15px;
  z-index: 10000;
  cursor: pointer;
}
.popup_memberrank_wrap .close::before,
.popup_memberrank_wrap .close::after {
  content: '';
  width: 25px;
  height: 2px;
  background: #fff;
  position: absolute;
  right: 0;
  top: 50%;
}
.popup_memberrank_wrap .close::before {
  transform: rotate(45deg);
}
.popup_memberrank_wrap .close::after{
  transform: rotate(-45deg);
}
.popup_memberrank_wrap .text_center{
    text-align: center;
    margin-top: 20px;
}
.popup_memberrank_wrap .close_btn{
    border: 1px solid rgb(192,192,192);
    padding: 0.2rem 1rem;
    font-weight: bold;
    display: inline-block;
    border-radius: 2rem;
}
.popup_ttl{
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 25px;
}
.popup_ttl_sub{
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}
.popup_attention{
    font-size: 10px;
    color: #808080;
}
.rank_description{
    display: flex;
    align-items: flex-start;
    text-align: center;
    margin: 20px 0;
}
.rank_description div{
    width: calc(100% / 3 );
    font-weight: bold;
    font-size: 12px;
}
.bronze_time, .silver_time, .gold_time{
    color: #fff;
    margin: 10px 0;
    padding: 5px 0;
    width: calc(100% - 10px);
    position: relative;
    font-weight: normal;
}
.bronze_time{
background-color: rgb(186, 122, 82);
}
.silver_time{
background-color: rgb(190, 189, 189);
}
.gold_time{
background-color: rgb(221, 186, 78);
}
.bronze_time:after, .silver_time:after, .gold_time:after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.1rem 0 1.1rem 10px;
    border-color: transparent transparent transparent #808080;
    display: inline-block;
    margin-left: 5px;
    letter-spacing: -0.2px;
    position: absolute;
    top: 0;
    right: -10px;
}
.bronze_time:after {
  border-color: transparent transparent transparent rgb(186, 122, 82);
}
.silver_time:after {
  border-color: transparent transparent transparent rgb(190, 189, 189);
}
.gold_time:after {
  border-color: transparent transparent transparent rgb(221, 186, 78);
}


/* member_rank_popup */
.popup_share_wrap {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}
.popup_share_wrap .overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}
.popup_share_wrap .popup_flex {
  display: flex;
  align-items: center;
  height: 100vh;
  padding: 8%;
  box-sizing: border-box;
}
.popup_share_wrap .popup_inner {
  display: none;
  background: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 9999;
  padding: 20px 30px;
  border-radius: 6px;
  margin: 50px 0;
    max-width: 470px;
    margin: auto;
}
.popup_share_wrap .close {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -50px;
  right: 0px;
  z-index: 10000;
  cursor: pointer;
}
.popup_share_wrap .close::before,
.popup_share_wrap .close::after {
  content: '';
  width: 25px;
  height: 2px;
  background: #fff;
  position: absolute;
  right: 0;
  top: 50%;
}
.popup_share_wrap .close::before {
  transform: rotate(45deg);
}
.popup_share_wrap .close::after {
  transform: rotate(-45deg);
}
.popup_share_wrap .text_center{
    text-align: center;
    margin-top: 20px;
}
.popup_lead{
  margin-bottom: 1rem;}

/* bank_disabled_popup */
.popup_disabled_bank_wrap {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}
.popup_disabled_bank_wrap .overlay{
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}
.popup_disabled_bank_wrap .popup_flex{
  display: flex;
  align-items: center;
  height: 100vh;
  padding: 8%;
  box-sizing: border-box;
}
.popup_disabled_bank_wrap .popup_inner {
  display: none;
  background: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 9999;
  padding: 20px 30px;
  border-radius: 6px;
  margin: 50px 0;
  width: 100%;
}
.popup_disabled_bank_wrap .close {
  width: 100%;
  height: 30px;
  position: fixed;
  top: 65px;
  right: 15px;
  z-index: 10000;
  cursor: pointer;
}
.popup_disabled_bank_wrap .close::before,
.popup_disabled_bank_wrap .close::after {
  content: '';
  width: 25px;
  height: 2px;
  background: #fff;
  position: absolute;
  right: 0;
  top: 50%;
}
.popup_disabled_bank_wrap .close::before {
  transform: rotate(45deg);
}
.popup_disabled_bank_wrap .close::after{
  transform: rotate(-45deg);
}
.popup_disabled_bank_wrap .text_center{
    text-align: center;
    margin-top: 20px;
}
.popup_disabled_bank_wrap .close_btn{
    border: 1px solid rgb(192,192,192);
    padding: 0.2rem 1rem;
    font-weight: bold;
    display: inline-block;
    border-radius: 2rem;
    max-width: 300px;
    width: 70%;
}
.popup_disabled_bank_wrap .confirm_btn{
    border: 1px solid rgb(192,192,192);
    padding: 0.2rem 1rem;
    font-weight: bold;
    display: inline-block;
    border-radius: 2rem;
    background :#ff7c60;
    color: #ffffff;
    max-width: 300px;
    width: 70%;
}
.popup_disabled_bank_wrap .popup_ttl{
    font-size: 15px;
    color: red;
    font-weight: bold;
    text-align: center;
    margin-bottom: 25px;
}
.popup_disabled_bank_wrap .list-btn li {
    padding: 0 10%;
    font-size: 15px;
}

/* login
============================== */
#login .loginForm dd { border: none; padding: 0; margin: 0; }
#login .loginForm input[type="text"] { border-radius: 3px 3px 0 0; }
#login .loginForm input[type="password"] { border-radius: 0 0 3px 3px; border-top: none; }
#login .linkList { text-align: center; margin: 20px 0 30px; }
#login .linkList li { display: inline-block; }
#login .linkList a { color: #ff7c60; font-size: 13px; padding: 0 10px; }
#login .linkList a::before { content: none; }

#login.forgot #container .section{ padding: 30px 5% 0;}
#login.forgot .formArea{ margin: 0; }
#login.forgot .btn .main{ margin: 30px auto 0;}

#login.forgot .linkList { margin: 0 0 30px;}
#login.forgot .linkList li { margin: 0 0 10px; }
#login.forgot .linkList li:last-child { margin: 0; }

#login.forgot .forgotlink li{
    margin: 0 0 20px;
    border-bottom: 1px dashed #aaa;
    padding: 0 0 20px;

}
#login.forgot .forgotlink li:last-child{
    margin: 0;
    border: none;
    padding: 0;
}
#login.forgot .forgotlink li span{
    display: block;
}
#login.forgot .forgotlink li a{
    text-decoration: none;
    font-size: 16px;
    text-indent: 18px;
    line-height: 1.5em;
}
#login.forgot .forgotlink li a .fa{
    display: inline;
}
#login.forgot .popup {
	display:none;
    width: 100%;
    height: 100%;
    color: #fff;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
#login.forgot .popup.popActive {
	display:block;
}
#login.forgot .popup .shade{
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: -1;
}
#login.forgot .popup .popInBox{
	position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    background: #FFF;
    padding: 20px;
    transform: translate(-50%,-50%);
    width: 90%;
}
#login.forgot .popup .popTit{
    text-align: center;
    font-size: 30px;
    line-height: 1em;
    margin: 0 0 60px;
    color: #000;
    letter-spacing: 0.1em;
}
#login.forgot .popup .close {
    position: fixed;
    cursor: pointer;
    transition: 0.3s ease;
    transform: rotate(45deg);
    width: 30px;
    height: 30px;
    right: 20px;
    top: 20px;
}
#login.forgot .popup .close:hover{
    transform: rotate(135deg);
}
#login.forgot .popup .close::before,
#login.forgot .popup .close::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 2px;
    background: #FFF;
    position: absolute;
    left: 50%;
    top: 50%;
}
#login.forgot .popup .close::before {
	transform: translate(-50%,-50%);
}
#login.forgot .popup .close::after {
    transform: translate(-50%,-50%) rotate(90deg);
}



#login #wrap,
#regist #wrap,
#mypage #wrap,
#payment #wrap { padding-bottom: 30px; }

#mypage footer #supportNav,
#mypage footer .facebook,
#login footer #supportNav,
#login footer .facebook,
#regist footer #supportNav,
#regist footer .facebook,
#payment footer #supportNav,
#payment footer .facebook { display: none; }

/* regist
============================== */
#regist .section { border-top: 1px solid #ddd; }
#regist .section:first { border: none; }
#regist .freeArea { margin: 0 0 30px; }
#regist .linkList { text-align: center; margin: 20px 0 30px; }
#regist .linkList li { display: inline-block; }
#regist .linkList a { color: #ff7c60; font-size: 13px; padding: 0 10px; }
#regist .linkList a::before { content: none; }

/* idlink */
#regist .idlinkForm .formList.confirm {
    background: #fff;
    box-shadow: 0 0 1px #ccc;
    padding: 20px 5% 0;
    margin: -20px -5.5% 0;
}
#regist .idlinkForm .formList.confirm dd { font-size: 14px; }
#regist .idlinkForm .formList.confirm dd .btn .sub { border-top: 0.5px solid #ddd; margin: 0; }
#regist .idlinkForm .btn .sub { margin: 0 0 10px; }
#regist .idlinkForm .areaTit { position: relative; }
#regist .idlinkForm .areaTit label.checked { color: #ff7c60; }

#regist .idlinkForm .areaTit .btn {
    position: absolute;
    right: 5%;
    top: 5px;
}
#regist.lang .idlinkForm .attentionList + .areaTit{
    padding: 10px 5% 10px 3%;
}
#regist.lang .idlinkForm .attentionList + .areaTit label.checked{
    font-size: 12px;
}
#regist.lang .idlinkForm .attentionList + .areaTit label input{
    vertical-align: -2px;
}
#regist.lang .idlinkForm .attentionList + .areaTit .btn {
    right: 2%;
}
#regist .idlinkForm .areaTit .btn a {
    min-width: 0;
    color: #fff;
    font-size: 10px;
    line-height: 30px;
    border: 0.5px solid #fff;
    padding: 0 5px;
    margin: 0;
}

#passget .linkList { text-align: center; margin: 20px 0 30px; }
#passget .linkList li { display: inline-block; }
#passget .linkList a { color: #ff7c60; font-size: 13px; padding: 0 10px;text-decoration: none; }
#passget .linkList a::before { content: none; }


/* 年会費決済
============================== */
#payment .areaTit {
    color: #fff;
    background: #413d3c;
    font-size: 14px;
    border: none;
    padding: 10px 5%;
    margin: 0 -5.5% 20px;
}

#payment .paymentStepList > li {
    font-size: 13px;
    padding: 20px 0;
    margin: 0 0 30px;
    position: relative;
}
#payment .paymentStepList > li::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #666;
    margin: 0 0 0 -10px;
    position: absolute;
    left: 50%;
    bottom: -30px;
}
#payment .paymentStepList > li:last-child::after { content: none; }
#payment .paymentStepList .listTit { font-size: 16px; margin: 0 0 10px; }
#payment .paymentStepList .listTit .step {
    display: inline-block;
    color: #ff7c60;
    font-family: Helvetica, Arial, sans-seif;
    font-size: 18px;
    font-weight: bold;
    margin: 0 5px 0 0;
}
#payment .priceList { border: 1px solid #666; border-top: none; }
#payment .priceList dt {
    min-width: 40%;
    clear: left;
    float: left;
    background: #eee;
    text-align: center;
    box-sizing: border-box;
    border-top: 1px solid #666;
    padding: 5px 10px;
}
#payment .priceList dd {
    background: #fff;
    box-sizing: border-box;
    border-top: 1px solid #666;
    padding: 5px 10px 5px 43%;
}
#payment .boxList .tit { font-size: 15px; }
#payment .boxList > li { background: #f7f7f7; border-radius: 3px; padding: 10px; margin: 0 0 10px; }
#payment .boxList > li:last-child { margin: 0; }
#payment .boxList .priceList { margin-top: 10px; }
#payment .boxList .attentionList { margin: 5px 0 10px; }
#payment .boxList .btn .main { margin: 10px 0 0; }
#payment .boxList .btn .sub { font-size: 14px; line-height: 1em; padding: 15px 0 5px; margin: 0; }

/* 決済フォーム */
#payment .formList .card { width: 40px; }

/* 決済メニューリスト */
#payment .menuList {
    background: #fff;
    padding: 0 0 0 5%;
    border-top: 0.5px solid #ddd;
    border-bottom: 0.5px solid #ddd;
    margin: 0 -5.5% 20px;
}
#payment .menuList li {
    font-size: 15px;
    line-height: 45px;
    border-bottom: 0.5px solid #ddd;
    position: relative;
}
#payment .menuList li:last-child { border: none; }
#payment .menuList a,
#payment .menuList input {
    -webkit-appearance: none;
    display: block;
    width: 100%;
    background: transparent;
    color: #1a1a1a;
    font-size: 15px;
    line-height: 45px;
    text-align: left;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    padding-right: 7%;
}
#payment .menuList li::after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 2px solid #ccc;
    border-top: none;
    border-left: none;
    position: absolute;
    right: 4%;
    top: 50%;
    margin: -4px 0 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#payment .menuList .subTxt {
    display: block;
    line-height: 1.8;
    padding: 0 0 1em;
}

/* 顔写真アップロード */
.imgUploadList { }
.imgUploadList .ph {
    float: left;
    line-height: 0;
    position: relative;
    border: 0.5px solid #999;
    margin: 0 10px 10px 0;
}
.imgUploadList.ok .ph { width: 100px; }
.imgUploadList.ok .ph::before {
content: '';
display: inline-block;
width: 30px;
height: 30px;
border-radius: 50%;
border: 4px solid #66d484;
position: absolute;
left: -10px;
top: -10px;
}
.imgUploadList.ok .txt { padding-top: 20px; margin-bottom: 10px; }
.imgUploadList.ok .attentionList { clear: left; }
.imgUploadList.ng .ngList li {
    clear: left;
    display: flex;
    align-items: center;
}
.imgUploadList.ng .ph { width: 60px; }
.imgUploadList.ng .ph::before {
content: '×';
color: #ff6060;
font-size: 40px;
line-height: 1;
position: absolute;
left: -0.2em;
top: -0.4em;
}
.imgUploadList .ngList .caption { -webkit-flex: 1; flex: 1; font-size: 12px; }

#imgUploadForm { margin: 20px 0 0; }
#imgUploadForm .file { display: block; width: 0; height: 0; }
#imgUploadForm .file input[type="file"] { width: 0; height: 0; }
#imgUploadForm .dropArea {
    background: #fafafa no-repeat center center;
    background-size: contain;
    width: 200px;
    height: 200px;
    color: #999;
    font-size: 14px;
    text-align: center;
    box-sizing: border-box;
    border: 1px dashed #ccc;
    padding-top: 60px;
    margin: 0 auto 20px;
    cursor: pointer;
    overflow: hidden;
}
#imgUploadForm .dropArea.imgSet {
    height: auto;
    line-height: 0;
    border: 1px solid #ccc;
    padding: 0;
}
#imgUploadForm .dropArea .subTxt { display: block; margin-top: 10px; }

#imgEditForm .editArea {
    width: 80%;
    background: #444 no-repeat center center;
    line-height: 0;
    margin: 0 auto;
}
#imgEditForm svg { width: 100%; }
#imgEditForm svg .stroke { fill:none; stroke:#fff; stroke-width:1; opacity:0.8;}
#imgEditForm svg .guide { fill-rule:evenodd; clip-rule:evenodd; fill:none; stroke:#00e2ff; stroke-width:2; }

#imgEditForm .btn { text-align: center; }
#imgEditForm .btn input[type="button"] { display: inline-block; }

/* Tixplusカード決済 */
#payment .payList.emtgcard {
border-top: 0.5px solid #ddd;
border-bottom: 0.5px solid #ddd;
padding: 0 0 0 5%;
margin: 0 -5.5%;
}
#payment .payList.emtgcard li:last-child { border: none; }
#payment .payList.emtgcard label.disabled { opacity: 0.3; }
#payment .payList.emtgcard label {
display: flex;
align-items: center;
line-height: 1.5;
padding: 10px 5% 10px 25px;
}
#payment .payList.emtgcard li:first-child label { border: none; }
#payment .payList.emtgcard label::before { left: 0; }
#payment .payList.emtgcard label::after { left: 6px; }
#payment .payList.emtgcard .ph { width: 60px; line-height: 0; text-align: center; margin: 0 10px; }
#payment .payList.emtgcard .ph img { width: 60px; height: 60px; background: no-repeat center center; background-size: contain; }
#payment .payList.emtgcard .txt { -webkit-flex: 1; flex: 1; margin: 0; }
#payment ol.formList > li {
font-size: 13px;
list-style: decimal;
margin: 0 0 0.5em 1em;
}
#payment ol.formList > li::after {
content: '▼';
font-size: 10px;
display: block;
padding: 1em 5% 1em;
}
#payment ol.formList > li:last-child::after { content: none; }

/* mypage
============================== */
/* mypage status */
#mypage #wrap { background: #f7f7f7; }
#mypage .userStatus {
    background: #fff;
    padding: 15px 5%;
    margin: 0;
    color: #808080;
    font-size: 12px;
}
#mypage .noticeList + .userStatus { margin-top: 30px; }
#mypage .userStatus .userPhoto {
    width: 70px;
    height: 70px;
    float: left;
    background: #eee url(/images/mypage/ph_user_noimage.png) no-repeat center center;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    border-radius: 35px;
    overflow: hidden;
    position: relative;
}
#mypage .userStatus .userPhoto a {
    display: block;
    height: 100%;
    color: #f33;
    line-height: 70px;
    text-align: center;
    text-decoration: none;
}
#mypage .userStatus .flexbox { display: flex; align-items: flex-start; justify-content: space-between;}
#mypage .userStatus .userPhoto img { width: 100%; height: auto; }
#mypage .userStatus .userPhoto .now {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    color: #fff;
    line-height: 70px;
    text-align: center;
    text-decoration: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
#mypage .userStatus .userTxt{
    width: calc(100% - 70px );
}
#mypage .userStatus .nickname { font-size: 14px; line-height: 1.4; margin-bottom: 10px;}
#mypage .userStatus .nickname em { font-size: 20px; }
#mypage .userStatus .emtgid { color: #808080;}
#mypage .userStatus .photo a { display: inline-block; text-decoration: none; }
#mypage .userStatus .email {
    clear: left;
    color: #808080;
}
#mypage .userStatus .email .fa {
    display: inline-block;
    width: 20px;
    color: #bbb;
    text-align: center;
}
#mypage .userStatus .status{
  margin-top: 5px;
}
#mypage .userStatus .email .fa-desktop { font-size: 0.9em; }
#mypage .userStatus .email .fa-mobile { font-size: 1.4em; line-height: 0.5; position: relative; top: 2px; }
/* siteStatus */
#mypage .siteStatus {
    background: #fff;
    padding: 15px 5%;
    box-shadow: 0 0 1px #ccc;
    margin: 0 0 30px;
}
#mypage .siteStatus .formList { margin: 0; }
#mypage .siteStatus .formList .label { font-size: 13px; line-height: inherit; }
#mypage .siteStatus .formList .subTxt { margin: 5px 0 0; }
#mypage .siteStatus .formList dd { font-size: 13px; border-bottom: 0.5px solid #ddd; padding: 0 0 10px; margin: 0 0 10px; }
#mypage .siteStatus .formList dd:last-child { border: none; padding: 0; margin: 0; }



#mypage .menuList.proof{
    background: #fff;
    padding: 0;
    margin: 0 0 30px;
}
#mypage .menuList.proof li {
    position: relative;
}
#mypage .menuList.proof a{
    background: #fff;
    color: #FF7C60;
    padding: 10px 20px;
    box-sizing: border-box;
}
#mypage .menuList.proof a::after {
    border: 2px solid #FF7C60;
    border-top: none;
    border-left: none;
 }
#mypage .menuList.proof a .icon{
    display: inline-block;
    width: 30px;
    line-height: 0;
    position: relative;
    top: 8px;
    margin: 0 7px 0 0;
}

#mypage .menuList.proof .iconAttention{
    display: block;
    width: 50px;
    position: absolute;
    top: 16px;
    right: auto;
    left:220px;
    z-index: 10;
}
#mypage .menuList.proof .iconAttention a{
background: transparent;
    padding: 0;
}
#mypage .menuList.proof .iconAttention a::after{
    display: none;
}

#mypage .menuList.proof .iconAttention a img{
    width: 40%;
    margin: auto;
    position: relative;
    left: 25%;
}

#mypage .menuList.proof li.off a {
    background: transparent;
    color: #FF7C60;
}
#mypage .menuList.proof li.off a .iconEntry{
    background: #fff;
    position: relative;
    top: 14px;
    right: -8px;
color: #6EC015;
    border: 1px solid #6EC015;
    font-size: 11px;
    width: 25%;
    display: block;
    text-align: center;
    line-height: 1;
    padding: 5px;
    border-radius: 999px;
    float: right;
}
#mypage .menuList.proof li.off .iconAttention {
    right: auto;
    left: 180px;
}
#mypage .menuList.proof li.off a::after{
    display:none;
}



/*=================================
    ポップアップ
===================================*/
#mypage .proof.popup {
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    transition: all .2s ease-in-out;
    background: rgba(0,0,0,0.5);
}
#mypage .proof.popActive{
    opacity: 1;
}
#mypage .proof.popup .popInBox{
    width: 80%;
    padding: 20px;
    margin: 30px auto;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 10001;
}
#mypage .proof.popup .close {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 45px;
    top: 30px;
    cursor: pointer;
    display: none;
}

#mypage .proof.popup .close::before,
#mypage .proof.popup .close::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 2px;
    background: #000;
    position: absolute;
    transform-origin: center;
    top: 50%;
    left: 50%;
}
#mypage .proof.popup .closeArea{
    display: block;
    z-index: 1000;
    position: fixed;
    width: 100%;
    height: 100vh;
}
#mypage .proof.popup .close::before {
    transform: translate(-50%,-50%) rotate(-45deg);
}

#mypage .proof.popup .close::after {
    transform: translate(-50%,-50%) rotate(45deg);
}

#mypage .proof.popup .popInBox .iconImg{
    width: 30%;
    display: block;
    margin: 0 auto 10px;
    position: relative;
    left: 10px;
}
#mypage .proof.popup .popInBox .ph{
    margin: 0 auto 20px;
    border: 1px solid #ddd;
    width: 100%;
}
#mypage .proof.popup .popInBox img{
    width: 100%;
}
#mypage .proof.popup .popInBox .lead{
    text-align: center;
    font-weight: 500;
    margin: 0 0 20px 0;
    font-size: 15px;
}
#mypage .proof.popup .popInBox .tit{
    font-size: 15px;
    text-align: center;
    margin: 0 0 10px 0;
}
#mypage .proof.popup .popInBox .txt{
    font-size: 12px;
}

#mypage .proof.popup .popInBox .btnList{
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
#mypage .proof.popup .popInBox .btnList li{

}
#mypage .proof.popup .popInBox .btnList li:nth-child(1){
    width: 35%;
}
#mypage .proof.popup .popInBox .btnList li:nth-child(2){
    width: 60%;
}

#mypage .proof.popup .popInBox .btnList li:nth-child(1) .back a{
display: block;
    width: 100%;
    font-size: 14px;
    border: 1px solid #000;
    text-align: center;
    margin: 0 auto 0;
    text-decoration: none;
    padding: 10px;
    border-radius: 999px;
    color: #000;
    box-sizing: border-box;
}

#mypage .proof.popup .popInBox .btnList li:nth-child(2) .btn.main a{
    line-height: 1.5;
    margin: 0;
    font-size: 14px;
    display: block;
    padding: 10px;
    width: 100%;
    border-radius: 999px;
    background: #ff7c60;
    color: #fff;
    border: 1px solid #ff7c60;
}

#mypage .proof.popup#act2 .popInBox{
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    width: 90%;
}
#mypage .proof.popup#act2 .close {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer;
    display: block;
    z-index: 100000;
}

#mypage .proof.popup.error .popInBox .ph{
    border: none;
}
#mypage .proof.popup.error .popInBox .btn a{
    background: #ff7c60;
    color: #fff;
    font-size: 13px;
    border-radius: 999px;
}
#mypage .proof.popup.error .popInBox .link{
    text-align: center;
    display: block;
    font-size: 13px;
    transition: 0.4s;
}
#mypage .proof.popup.error .popInBox .link:hover{
    text-decoration: none;
}




/* premium_badge */
.premium_badge{
    background-color: #fff;
    border: 1px solid rgb(235,235,235);
    border-radius: 50%;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.premium_badge img{
    display: block;
}

.premium_upgrade{
    font-size: 9px;
    border: 1px solid #808080;
    border-radius: 3px;
    text-decoration: none;
    color: #808080;
    padding: 1px 5px;
    margin-left: 10px;
}
.premium_upgrade:after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 5.6px;
    border-color: transparent transparent transparent #808080;
    display: inline-block;
    margin-left: 5px;
    letter-spacing: -0.2px;
}
/* present_icon */
.present_icon{
  border-top: 1px solid rgb(215,214,214);
  margin-top: 10px;
}
.present_icon a{
    background-image:url(/images/mypage/present_b.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 22px;
    margin-top: 15px;
  padding-left: 30px;
    width: 100%;
    display: block;
    text-decoration: none;
    color: #808080;
  box-sizing: border-box;
}
.present_icon a.present_b{
    background-image:url(/images/mypage/present_b.svg);
}
.present_icon a.present_s{
    background-image:url(/images/mypage/present_s.svg);
}
.present_icon a.present_g{
    background-image:url(/images/mypage/present_g.svg);
}
/* mypage menuList */
#mypage .menuList {
    background: #fff;
    padding: 0 0 0 5%;
    margin: 0 -5.5% 30px;
}
#mypage .menuListTitle{
    margin-bottom: 10px;
  padding: 0 0 0 5%;
    color: rgb(128,128,128);
  font-size: 12px;
}
#mypage .menuArea .menuList { margin: 0 0 30px; }
#mypage .menuList li {
    font-size: 15px;
    line-height: 45px;
    border-bottom: 0.5px solid rgb(228,228,228);
}
#mypage .menuList li:last-child { border: none; }
#mypage .menuList a,
#mypage .menuList i {
    display: block;
    color: #1a1a1a;
    font-style: normal;
    text-decoration: none;
    padding-right: 7%;
    position: relative;
}
#mypage .menuList a::after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 2px solid #ccc;
    border-top: none;
    border-left: none;
    position: absolute;
    right: 4%;
    top: 50%;
    margin: -4px 0 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#mypage .menuList .label { float: right; color: #374a9d; font-size:12px; }
#mypage.lang .menuList .label,
#mypage .menuList .subTxt {
    display: block;
    float: none;
    line-height: 20px;
    position: relative;
    top: -10px;
}
#mypage .menuList .alert { color: #f00; }
#mypage .menuList.ticket a { line-height: 1.6; padding-top: 15px; padding-bottom: 15px; }
#mypage .menuList.ticket .orderDate { font-weight: bold; padding-bottom: 15px; }
#mypage .menuList.ticket .artist { color: #999; font-size: 12px; }

#mypage .menuList.memorial a { line-height: 1.8; }
#mypage .menuList.memorial .date { color: #999; font-size: 11px; padding: 15px 0 0; }
#mypage .menuList.memorial .tit { font-size: 13px; font-weight: normal; padding: 0 0 15px; }

#mypage .accordionList .menuListTitle {
    margin: 0 0 30px;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#mypage .accordionList .menuListTitle:before,#mypage .accordionList .menuListTitle:after{
    content: "";
    width: 15px;
    height: 2px;
    background: #ccc;
    position: absolute;
    display: block;
    top: 50%;
    right: 4%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#mypage .accordionList .menuListTitle:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
#mypage .accordionList .menuList { display: none; margin-top: -20px;}
#mypage .accordionList .menuListTitle.open:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#mypage .accordionList .menuListTitle.open:after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

/* noticeList */
#mypage .noticeList {
    background: #fff;
    font-size: 12px;
}
#mypage .noticeList li {
    border-bottom: 1px solid #ddd;
    padding: 10px 20px 10px 10px;
}
#mypage .noticeList li:last-child{
  border: none;
}
#mypage .noticeList li a {
    text-decoration: none;
    position: relative;
}
#mypage .noticeList li > a::after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 2px solid;
    border-top: none;
    border-left: none;
    margin: -4px 10px 0 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#mypage .noticeList.error { background: #f00; color: #fff; }
#mypage .noticeList.error a { color: #fff; font-weight: bold; }


/* mypage formList */
#mypage .listTit {
    color: #999;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
}
#mypage .telList .edit,
#mypage .listTit .edit {
    display: inline-block;
    float: right;
    font-size: 12px;
    text-decoration: none;
    border: 0.5px solid;
    border-radius: 2px;
    padding: 3px 10px;
    margin: -3px 0 0;
}
#mypage .areaTit + .formList.confirm { margin-top: -20px; }
#mypage .formList.confirm {
    background: #fff;
    box-shadow: 0 0 1px #ccc;
    padding: 10px 5%;
    margin: 0 -5.5% 30px;
}
#mypage .formList .label {
    float: right;
    font-size:12px;
    line-height: 2.2em;
    text-decoration: none;
}
#mypage .formList .copybtn { color: #E95386; padding: 0; }
#mypage .formList .copybtn button { display: none; }
#mypage .formList .toggleBtn { display: block; padding: 0; }
#mypage .formList .toggleBtn span {
    display: inline-block;
    float: right;
    width: 50px;
    height: 28px;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    padding: 0;
    position: relative;
    top: -2px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#mypage .formList .toggleBtn span::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    background: #fff;
    border-radius: 16px;
    border: 0.5px solid #ccc;
    box-shadow: 0 2px 3px rgba(0,0,0,0.3);
    position: absolute;
    left: -1px;
    top: -1px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#mypage .formList .toggleBtn.checked span { background: #e95383; border-color: #e95383; }
#mypage .formList .toggleBtn.checked span::before { left: 21px; }
#mypage .formList .toggleBtn input { opacity: 0; }

/* mypage ownedList */
#mypage .ownedList li {
    background: #fff;
    box-shadow: 0 0 1px #ccc;
    border-radius: 4px;
    padding: 15px 10px 0;
    margin: 0 -10px 10px;
}
#mypage .ownedList .artist { font-size: 12px; }
#mypage .ownedList .tourTit { font-size: 20px; line-height: 1.5; margin: 0 0 10px; }
#mypage .ownedList .venue { font-size: 16px;}
#mypage .ownedList .date { font-size: 16px;}
#mypage .ownedList .date .time { padding-left: 5px; font-size: 12px; }
#mypage .ownedList .detail { margin-bottom: 10px;font-size: 12px; }
#mypage .ownedList .orderNum { color: #999; font-size: 11px; margin: 3px 0 10px;padding-bottom: 10px; }
#mypage .ownedList .memberList dt {
    color: #999;
    font-size: 11px;
    padding: 10px;
    margin: 0 -10px;
    background: #eee;
}
#mypage .ownedList .memberList dd{
    margin: 0 -10px;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    position: relative;
}
#mypage .ownedList .memberList dd:last-child{ border: none; }
#mypage .ownedList .memberList dd .status{ padding: 6px 0 5px 10px;color: #ff7c60; font-size: 0.8em;}
#mypage .ownedList .memberList dd .status:before{
    margin: 0 5px 0 0;
    content: "\f0ab";
    font: normal normal normal 14px/1 FontAwesome;
    vertical-align: -2px;
}
#mypage .ownedList .memberList dd.not{ color: #ccc;}
#mypage .ownedList li .btn a{
    margin: 15px 0 0;
}
#mypage .ownedList .memberList .cancel{
    display: inline-block;
    position: absolute;
    margin: -12px 0 0;
    padding: 2px 3px 0;
    font-size: 11px;
    text-decoration: none;
    border: 1px solid;
    border-radius: 3px;
    vertical-align: middle;
    right: 10px;
    top: 50%;
}


/* receive information */
#mypage .ownedList.receiveInfo .tourTit { font-size: 13px; margin: 0; }
#mypage .ownedList.receiveInfo .venue { font-size: 18px; margin: 0 0 10px; }
#mypage .ownedList.receiveInfo .btnArea { border-top: 0.8px solid #ddd; margin: 10px -10px 0; }
#mypage .ownedList.receiveInfo .btn { width: 50%; float: left; box-sizing: border-box; }
#mypage .ownedList.receiveInfo .btn .sub { font-size: 13px; margin: 0; }
#mypage .ownedList.receiveInfo .btn:first-of-type { border-right: 0.8px solid #ddd; }

/* receive */
#mypage .receiveStepList > li {
    font-size: 13px;
    padding: 0 0 20px 0;
    margin: 0 0 30px;
    position: relative;
}
#mypage .receiveStepList > li::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #666;
    margin: 0 0 0 -10px;
    position: absolute;
    left: 50%;
    bottom: -30px;
}
#mypage .receiveStepList > li:last-child::after { content: none; }
#mypage .receiveStepList .listTit { font-size: 16px; font-weight: normal; color: #1a1a1a; margin: 0 0 10px; }
#mypage .receiveStepList .listTit .step {
    display: inline-block;
    color: #ff7c60;
    font-family: Helvetica, Arial, sans-seif;
    font-size: 18px;
    font-weight: bold;
    margin: 0 5px 0 0;
}


/* ticket */
#mypage .ticketDetail {
    background: #fff;
    padding: 0 5%;
    margin: 0 -5.5% 20px;
    box-shadow: 0 0 1px rgba(0,0,0,0.3);
}

#mypage .ticketDetail .ticketDetailList li:first-child { border-top: none; }
#mypage .ticketDetail .ticketDetailList li:last-child { margin-bottom: 0; }
#mypage .ticketDetail .ticketDetailList .center { margin-top: 10px; }
#mypage .tooltip .fa{
    font-size: 1.3em;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#mypage .tooltipTxt{
    display: none;
    position: absolute;
    bottom:33px;
    left: 0;
    width: 100%;
    padding: 15px;
    font-size: 12px;
    line-height: 1.5em;
    color: #fff;
    background: #333;
    border-radius: 3px;
    box-sizing: border-box;
    z-index: 2;
}
#mypage .tooltipTxt:before{
    content: "";
    position: absolute;
    top: 95%;
    left: 100px;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #333;
}
#mypage .tooltipTxt .fa{
    display: block;
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
    background: #333;
    border:2px solid #333;
    border-radius: 20px;
    font-size: 20px;
    text-align: center;
    line-height: 20px;
}


/* point */
#mypage .boxTxt { margin: 0 0 30px; }
#mypage .boxTxt .point {
    font-size: 20px;
    font-weight: bold;
    padding: 0 10px;
}
#mypage .pointList {
    background: #fff;
    box-shadow: 0 0 1px #ccc;
    padding: 0 0 0 5%;
    margin: -20px -5.5% 20px;
}
#mypage .pointList li {
    border-bottom: 1px solid #ddd;
    padding: 10px 5% 10px 0;
    position: relative;
}
#mypage .pointList li:last-child { border: none; }
#mypage .pointList li.nodata { color: #999; padding: 20px 0; }
#mypage .pointList .date { color: #999; font-size: 12px; }
#mypage .pointList .tit { font-weight: normal; }
#mypage .pointList .count { text-align: right; }
#mypage .pointList .count em { font-size: 20px; font-weight: bold; }


.ticketDetail ul.telList li{ position: relative;}
#entry .telList .friendAdd a,
#entry .telList .friendRemove a,
#entry .telList .add a{ text-decoration: none}
#entry .telList .friendRemove,
#entry .telList .friendAdd{
    position: absolute;
    top: 15px;
    right: 0;
}
#entry .telList .friendAdd a,
#entry .telList .friendRemove a{
    display: inline-block;
    font-size: 11px;
    text-decoration: none;
    border-radius: 2px;
    padding: 3px 0;
    margin: -3px 0 0;
}
#entry .telList .friendAdd a::before {
    content: "\f055";
    font: normal normal normal 14px/1 FontAwesome;
    margin: 0 5px 0 0;
    vertical-align: middle;
}
#entry .telList .friendRemove a::before {
    content: "\f056";
    font: normal normal normal 14px/1 FontAwesome;
    margin: 0 5px 0 0;
    vertical-align: middle;
}
#entry .telList .add { font-size: 14px;text-align: center;}
#entry .telList .add a{ display: inline-block;}
#entry .telList .add a::before {
    content: "\f234";
    font: normal normal normal 14px/1 FontAwesome;
    margin: 0 3px 0 0;
    vertical-align: middle;
}
#entry .telList .name,
#entry .telList .tel{ color: #1a1a1a;}
#entry .telList .name{ font-size: 16px;}
#entry .telList .name span{ font-size: 13px;}
#entry .telList .tel{ font-size: 14px;}

#entry .messageSend + .btn a { margin: 15px 0}
#entry .sharememberDetail .ph{
    width: 80%;
    margin: 0 auto;
}
#entry .sharememberDetail .btn .main{
    margin-top: 0;
}

/* pager */
#mypage .pager { text-align: center; margin: 20px 0; }
#mypage .pager li { display: inline-block; }
#mypage .pager li a {
    display: inline-block;
    color: #999;
    text-decoration: none;
    position: relative;
    padding: 0 15px;
}
#mypage .pager li a::after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 2px solid #ccc;
    position: absolute;
    top: 50%;
    margin: -6px 0 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#mypage .pager li.prev a::after { border-bottom: none; border-right: none; left: 0; }
#mypage .pager li.next a::after { border-top: none; border-left: none; right: 0; }
#mypage .pager li a:hover { color: #f51c58; }
#mypage .pager li a:hover::after { border-color: #f51c58; }

/* imgupload */
#mypage .uploadImage { text-align: center; }
#mypage .uploadImage .ph { width: 60%; line-height: 0; margin: 0 auto 10px; }
#mypage .uploadImage .ph img { width: 100%; }
#mypage .uploadImage.now .ph { background: #444; }
#mypage .uploadImage.now .ph img { opacity: 0.5; }

/* addFriend
============================== */
#addfriend #wrap{ padding-bottom: 30px;background:#f7f7f7;}
#addfriend .add{ text-align: right}
#addfriend .sectionTit + .add{
    position: relative;
    top: -42px;
    right: 0;
    height: 0;
    line-height: 0;
    text-align: right;

}
#addfriend .section .sectionTit i{
    width: 40px;
    height:40px;
    margin: 0 10px 0 0;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 50px;
    background: #ff7c60;
}
#addfriend .add a{ text-decoration: none}
#addfriend .add span{
    display: inline-block;
    color: #ccc;
}
.friendList {
    background: #fff;
    border-top: 0.5px solid #ddd;
    border-bottom: 0.5px solid #ddd;
    margin: 0 -5.5% 20px;
}
.friendList li {
    font-size: 14px;
    line-height: 45px;
    border-bottom: 0.5px solid #ddd;
    padding-left: 4%;
    position: relative;
}
.friendList li:last-child { border: none; }
.friendList li a,
.friendList li label{
    display: block;
    text-decoration: none;
    color: #1a1a1a;
    line-height: 1.4em;
    padding: 15px 0;
}
.friendList .more{
    position: absolute;
    right: 4%;
    top: 50%;
    width:24px;
    height:24px;
    fill: #999;
    margin-top: -12px;
}
.friendList .name{
    font-size: 16px;
    font-weight: bold;
}
.friendList .detail-links .name{ width: 75%;}
.friendList .name span{ padding-left: 3px; font-size: 13px;}
.friendList .emtgid{ margin-bottom: 3px}
.friendList .time {
    padding-right: 4%;
    color: #999;
    font-size:11px;
}
.friendList .emtgid,
.friendList .tel,
.friendList .time{
    display: none;
}
.friendList .none{ color:#ddd;}
.friendList .error { color: #f00;}
.friendList .error::before {
    content: '\f06a';
    font-family: FontAwesome;
    margin-right: 5px;
}
.friendList.fellow { border-top: none;margin: 0 -20px;}
.friendList.fellow li { padding: 0;border: none;}
.friendList.fellow li > label {
    display: block;
    font-size: 16px;
    border-top: 1px solid #ddd;
    padding: 10px 5% 10px 45px;;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.friendList.fellow li > label.checked { background: #fffbd6; }
.friendList.fellow li.none > label{ color:#ccc;}
.friendList.fellow li > label::before {
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #ccc;
    margin: -14px 0 0;
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.friendList.fellow li > label::after {
    content: '';
    display: inline-block;
    width: 13px;
    height: 7px;
    border: 2px solid #fff;
    border-right: none;
    border-top: none;
    position: absolute;
    left: 16px;
    top: 50%;
    margin: 0 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.friendList.fellow li > label.checked::before { background: #e85383; border-color: #e85383; }
.friendList.fellow li.added > label::after,
.friendList.fellow li > label.checked::after { opacity: 1; margin: -6px 0; }
.friendList.fellow li.added > label::after{ border-color: #e85383;}
.friendList.fellow li.added > label::before { border: none;}
.friendList.fellow li.notAdd > label::before{ display: none}
.friendList.fellow li > label input[type="radio"] ,
.friendList.fellow li > label input[type="checkbox"] { display: none; }
.friendList.fellow li .emtgid{ display: block}
.modalWrap .friendList.fellow li .emtgid{ font-size: 12px}
.friendList.fellow li.added > label{ color: #e85383;}
#entry .ticketDetail + .btn span.complete{
    display: block;
    width: 100%;
    display: block;
    color: #ff7c60;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    line-height: 44px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ff7c60;
    border-radius: 4px;
    padding: 0;
    margin: 15px auto;
    -webkit-appearance: none;
}

#entry .friendList li a{
  padding: 10px 5%;
}
/* 友だち詳細 */
#mypage .sectionTit+.error{ margin: -15px 0 20px;}
#mypage .friendDetail{
    background: #fff;
    margin: 0 0 20px;
    padding: 15px 5%;
    box-shadow: 0 0 1px #ccc;
}
#mypage .friendDetail+.delete{
    margin-bottom: 30px;
    text-align: center;
}
#mypage .friendDetail+.delete a{
    text-decoration: none;
}
#mypage .friendDetail .name{
    margin-bottom: 5px;
    font-size: 20px;
}
#mypage .friendDetail .name span{ margin-left: 3px; font-size: 14px}
#mypage .friendDetail .tit{
    /* margin: 0 -5% 5px; */
    padding: 12px 0;
    font-size: 12px;
    color: #999;
    border-top: 1px solid #ddd;
    /* background: #eee; */

}
#mypage .friendDetail .emtgid,
#mypage .friendDetail .tel{ margin-bottom: 10px;font-size: 16px;}
#mypage .friendDetail .tel span{ display: block;}
#mypage .friendDetail .time{ float: right;font-size: 11px;font-weight: normal;color: #999;}
#mypage .friendDetail .group{
    font-size: 12px;
    padding: 20px 0 0;
}
#mypage .friendDetail .group .tit{
    margin-bottom: 0;
}
#mypage .friendDetail .group li{ padding: 8px 0;border-bottom: 0.5px solid #ddd;}
#mypage .friendDetail .group li:last-child{ padding-bottom: 0;border: none;}

/* モーダル */
.modalBg{
    display: none;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba( 0,0,0,0.8);
}
.modalWrap{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: #fff;
    width: 100%;
    height: 100%;
    padding: 20px 20px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}
.serchResult,
.addInput{
    display: none;
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    width: 92%;
    padding: 30px 20px 10px;
    background: #fff;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.addInput.error_msg{ padding-bottom:30px;}
.modalWrap .time{
    float: right;
    font-size: 10px;
    color: #999;
    line-height: 2.7;
}
.modalWrap .emtgid,
.modalWrap .tel{font-size: 16px;vertical-align: middle}
.modalWrap .tel a{
    float: right;
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    border: 0.5px solid;
    border-radius: 2px;
    font-size: 13px;
    padding: 0px 5px;
    margin-left: 5px;
    vertical-align: 2px;
}
.modalWrap .tel .fa-exclamation-circle{ margin-left: 5px; color: #f00}
.modalWrap .name span{  font-size: 14px;}
.modalWrap .tel_edit+.subTxt{
    line-height: 1.4em;
}
.modalWrap .telEdit{
    font-size: 14px;
    line-height: 30px
}
.modalWrap .tit{
    background: #eee;
    font-size: 12px;
    color: #999;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px 20px;
}
.modalWrap .error{ clear: both; font-size: 12px;line-height: 1.4; color: #f00;}
.modalWrap .group{
    font-size: 12px;
}
.modalWrap .group ul{
    height: 80px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}
.modalWrap .group li{
    padding: 5px 20px;
    line-height: 1.4em;
    border-bottom: 0.5px solid #ddd;
}
.modalWrap .group li:last-child{margin-bottom: 0}
.modalWrap .group li span{
    display: block;
    font-size: 11px;
    color: #999;
    font-weight: normal
}
.modalWrap .group .tit { margin: 0 0 5px}
.modalWrap .check{ font-size: 11px;color: #999;}
.modalWrap .delete a{
    display: block;
    padding: 20px 0 15px;
    text-decoration: none;
    text-align: center;
}
.serchResult .text{ margin-bottom: 10px;}
.serchResult .name,
.addInput .name{ font-size: 20px}
.serchResult .name span,
.addInput .name span{ font-size: 14px}
.serchResult .emtgid,
.addInput .emtgid{ font-size: 16px}
.serchResult .btn a,
.addInput .btn a{ margin-top: 20px}
.modalWrap .delete .fa{
    font-size: 16px;
    vertical-align: middle;
    margin-right: 3px;
}
.modalWrap .btn{
    position: fixed;
    width: 92%;
    bottom: 0;
    left: 0;
    padding: 10px 4%;
}
.modalWrap .friendList.fellow{ margin-bottom: 120px;}
.modalWrap .btn a{ margin: 0 0 5px}
.modalWrap .btn .sub{ background:#fff;border:1px solid;}
#addfriend .ticketDetail:last-child::after{display: none}


/* entry
============================== */
#entry #wrap { padding: 0 0 40px; }
#entry #loginNav,
#entry #navBtn,
#entry footer #supportNav,
#entry footer .facebook { display: none; }
#entry header { position: relative; }
#entry header h1 a { /*left: 15px;*/ }
#entry footer .copyright { padding-top: 15px; }

/* stepList */
#entry .stepList { text-align: center; margin: 0 0 30px; }
#entry .stepList li {
    display: inline-block;
    color: #aaa;
    font-size: 10px;
    font-weight: bold;
    line-height: 20px;
    padding: 0 12px 0 0;
    position: relative;
    counter-increment: cnt;
}
#entry .stepList li::before {
    display: inline-block;
    content: counter(cnt);
    width: 20px;
    height: 20px;
    background: #b8b8b8;
    color: #fff;
    font-size: 13px;
    font-weight: 200;
    line-height: 20px;
    border-radius: 50%;
    margin: 0 5px 0 3px;
}
#entry .stepList li.current { color: #777; }
#entry .stepList li.current::before { background: #e85383; }
#entry .stepList li::after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 2px solid #ccc;
    border-top: none;
    border-left: none;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -4px 0 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#entry .stepList li:last-child { padding: 0;}
#entry .stepList li:last-child::after { content: none; }

/* ticketDetail */
.ticketDetail .price { background: #f7f7f7; font-size: 12px; padding: 10px; margin: 10px 0; }
.ticketDetail .price dt { font-weight: bold; margin: 0 0 10px; }
.ticketDetail .price dd.total { font-weight: bold; border-top: 1px solid #ddd; padding: 10px 0 0; margin: 10px 0 0; }
.ticketDetail .price .num { float: right; }

.ticketDetail span.now { color: #f00; }
.ticketDetail span.hit { color: #6cc644; }
.ticketDetail span.fail { color: #999; }
.ticketDetail .price.clearfix{ display: table; width: 100%;}
.ticketDetail .price .priceInner + .num,
.ticketDetail .price .priceInner{display: table-cell;vertical-align: middle;width: 80%;}
.ticketDetail .price .priceInner .mid{ display: inline-block;}
.ticketDetail .price .priceInner + .num{ float: none; width: 20%; text-align: right;}

.ticketDetailList { margin: 0 -5.5%; }
.ticketDetailList li {
    font-size: 12px;
    border-top: 1px dashed #ddd;
    padding: 15px 5%;
}
.ticketDetailList li.totalPrice {
    background: #fff;
    font-size: 16px;
    border-bottom: 2px solid #eee;
}
.ticketDetailList.confirm li.totalPrice { border-bottom: none; padding-bottom: 0; margin: 0; }
.ticketDetailList li .num { float: right; }
.ticketDetailList li .price {
    background: transparent;
    border-top: 1px solid #ddd;
    padding: 10px 0 0;
    margin: 10px 0 0;
}
#entry .change a,
.friendAdd a{
    text-decoration: none;
}
#entry .sectionTit + .btn a{ margin: 0 auto 40px;}

/* formList */
#entry .formList .ticketTypeCelect input[type="radio"] { display: none; }
#entry .formList .ticketTypeCelect label {
    width: 50%;
    float: left;
    line-height: 30px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    padding: 7px 5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#entry .formList .ticketTypeCelect label.checked {
    background: #fffbd6;
    color: #e85383;
}
#entry .formList .ticketTypeCelect label:first-child { border-radius: 3px 0 0 3px; border-right: none; }
#entry .formList .ticketTypeCelect label:last-child { border-radius: 0 3px 3px 0; }
#entry .formList .ticketTypeCelect img {
    width: 26px;
    line-height: 0;
    vertical-align: middle;
    margin: -2px 0 0 0;
}
#entry .formList .ticketTypeCelect label:last-child img { margin-right: 5px; }
#entry .formList .dticketTel,
#entry .telList .myTel { color: #e85383; }
#entry .telList .dticketTel,
#entry .telList .friendTel { color: #af6ca8; }

/* payList */
#entry .payList { margin: 0 -5.5%; }
#entry .payList .areaTit { margin: 0; }
#entry .payList li > label {
    display: block;
    font-size: 16px;
    line-height: 60px;
    border-top: 1px solid #ddd;
    padding: 0 5% 0 45px;;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#entry .payList li > label.checked { background: #f7f7f7; }
#entry .payList li > label::before {
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #ccc;
    margin: -14px 0 0;
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#entry .payList li > label::after {
    content: '';
    display: inline-block;
    width: 13px;
    height: 7px;
    border: 2px solid #fff;
    border-right: none;
    border-top: none;
    position: absolute;
    left: 16px;
    top: 50%;
    margin: 0 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
#entry .payList li > label.checked::before { background: #e85383; border-color: #e85383; }
#entry .payList li > label.checked::after { opacity: 1; margin: -6px 0; }
#entry .payList li > label input[type="radio"] { display: none; }
#entry .payList .detail { padding: 20px 5%; }
#entry .payList .detail .formList { margin: 0; }
#entry .payList .detail .card { width: 40px }
#entry .payList .detail .formList .convinience label {
    line-height: 30px;
    border: 1px solid #ddd;
    margin: 5px 0;
    padding: 10px;
    border-radius: 3px;
    width: 100%;
    box-sizing: border-box;
    font-size: 13px;
    font-size: 4vw;
}
#entry .payList .detail .formList .convinience label.checked { background: #fffbd6; color: #f51c58;}
#entry .payList .detail .formList .convinience input {opacity: 0; position: absolute;}
#entry .payList .detail .formList .convinience img {
    width: 30px;
    vertical-align: bottom;
    margin: 0 6px 0 0 ;
}


/* チケット譲渡 追記 */
.ticketSelect{
    margin: 0 0 30px;
}
#entry .ticketSelect .areaTit{ margin-bottom: 0}
.ticketSelect dd{ margin: 0 -20px 20px;}
.ticketSelect li {
    font-size: 15px;
}
.ticketSelect li > label {
    display: block;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    padding: 10px 5% 10px 45px;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.ticketSelect li > label::before {
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #ccc;
    margin: -14px 0 0;
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.ticketSelect li > label::after {
    content: '';
    display: inline-block;
    width: 13px;
    height: 7px;
    border: 2px solid #fff;
    border-right: none;
    border-top: none;
    position: absolute;
    left: 16px;
    top: 50%;
    margin: 0 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.ticketSelect li > label.checked{ background: #fffbd6;}
.ticketSelect li > label.checked::before { background: #e85383; border-color: #e85383; }
.ticketSelect li > label.checked::after { opacity: 1; margin: -6px 0; }
.ticketSelect li > label input[type="radio"] { display: none; }

.ticketSelect li .tit{
    color: #888;
    font-size: 11px;
    padding: 5px 20px;
    background:#eee;
}
.ticketSelect li .name { font-size: 16px; font-weight: bold; }
.ticketSelect li .count { font-size: 24px; font-weight: bold; padding: 10px 5%; }
.ticketSelect li .name span,
.ticketSelect li .count span { font-size: 14px}
.ticketSelect li.disabled{ color: #ccc;}
.ticketSelect li.disabled .error{ font-size: 12px; color: #c00;}

.messageSend{
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 15px;
}

/* question */
.question_block{ margin-top:40px; }
.question_block .formList dt{ font-size: 14px; color:#111;margin-bottom: 10px;}
.question_block .formList dd{ margin-bottom:5px;}
.question_block .formList label{padding:0 0 0 5px;font-size:14px;}
.question_block .formList.checkList label{ padding: 0 0 0 35px!important;font-size:16px;}
.question_block .formList.checkList input{position:absolute;}
.question_block .formList.checkList label:before,
.question_block .formList.checkList label:after{right:auto;left:0;top:13px;}
.question_block .formList.checkList label:after{left:6px;}
.question_block .formList.checkList label.checked,
.question_block .formList.checkList label:hover{background:none!important;}
.question_block .formList dd{ position:relative;}
.question_block .formList label.checked{ color: #ff7c60;}
.question_block .formList textarea{ width:96%;border:1px solid #ddd;padding:5px;font-size:16px;}

/* idlink
============================== */
header.idlink { background: #333; }
header.idlink h1 { color: #fff; line-height: 40px; padding-left: 10px;}
header.idlink h1 a {
    display: flex;
    align-items: center;
    width: auto;
    height: 40px;
    background: none;
    text-indent: 0;
    padding: 5px;
    position: relative;
    left: 0;
    top: 0;
    transform: none;
}
header.idlink h1 table,
header.idlink h1 td {
    width: auto;
    height: 50px;
    padding: 0 !important;
    margin: 0;
}
header.idlink h1 img {
    width: auto;
    height: auto;
    max-width: 130px;
    max-height: 40px;
}
header.idlink #loginNav a,
header.idlink #loginNav input { color: #fff; }
header.idlink #loginNav a svg * { fill: #fff; }
header.idlink #navBtn .bar {background: #fff;}

/* 利用規約
============================== */
#terms h3 { font-size: 15px; line-height: 1.7; margin: 0 0 20px; padding: 0; }
#terms .txt { font-size: 13px; }
#terms ol { margin: 0 0 30px; font-size: 13px; }
#terms ol > li { list-style-type: decimal; margin: 5px 0 10px 20px; }
#terms li li {
    list-style-type: none;
    list-style-position: inside;
    counter-increment: cnt;
    position: relative;
    margin: 5px 0 0;
    padding: 0 0 0 25px;
}
#terms li li:before {
    display: marker;
    content: "(" counter(cnt) ")";
    position: absolute;
    top: 0;
    left: 0;
}
/* プライバシーポリシー
============================== */
#privacy{ margin-bottom: 100px;}
#privacy .sectionTit{ margin: 30px 0 20px;}
#privacy .inner { padding: 0 4% 40px; }
#privacy .txt { margin: 0 0 20px; }
#privacy .info{ text-align: right; font-size: 0.8em; }
#privacy dl { padding: 0!important; }
#privacy dt { font-size: 14px!important; margin: 0 0 10px!important; line-height:1.7!important; }
#privacy dd { margin: 0 0 30px; padding: 0!important; }
#privacy ol { padding: 0 0 0 25px; margin: 0 0 15px; }
#privacy ol li{ list-style-type: decimal; margin: 0 0 5px;}
#privacy ol ol li { list-style-type: upper-roman; }

/* 特商法表記
============================== */
#scc{ margin-bottom: 100px;}
#scc table { width: 100%; border-top:1px solid #ddd;}
#scc table th{ display: block; width: 100%; padding: 20px 0 10px; color: #888;}
#scc table td{ display: block; width: 100%; padding: 0 0 20px 0; border-bottom:1px solid #ddd;}

/* ***** premium ***** */
.bnr_premium{
    background: url(/images/common/banner_premium_bg.png) no-repeat center bottom;
  background-color: rgb(47,42,45);
  padding: 0.5rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bnr_premium img{
    margin: 0 5px;
  max-width: calc(100% - 110px);
}
.bnr_premium .premium_yellow{
    max-width: 87px;
}
.bnr_absolute{
    margin-bottom: 0;
}

/* ***** name ***** */
.bnr_name{
    background: #000;
    background-size: 100% 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bnr_name img{
/*    padding: 0 10px;*/
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}
#fixedBanner img {
    vertical-align: bottom;
}
/*
footer {
    bottom: 70px;
}
*/
#home footer,
#login footer,
#regist footer,
#mypage footer,
#payment footer,
#addfriend footer,
#entry footer{
    bottom: 0;
}
#feature #wrap {
    padding-bottom: 195px;
}































#ticket_select .btn .regist {
    color: #FF7C60!important;
    background: transparent;
    border: 1px solid;
}


#entry #ticket_select .stepList li.current::before {
    background: #FF7C60;
}

#entry #ticket_select .payList li > label.checked::before {
    background: #FF7C60;
    border-color: #FF7C60;
}


#entry #ticket_select .formList .dticketTel, #entry #ticket_select .telList .myTel {
    color: #FF7C60;
}


#entry #ticket_select .telList .dticketTel, #entry #ticket_select .telList .friendTel {
    color: #FF7C60;
}

#orderProfile #wrap { background: #f7f7f7; padding-bottom: 70px;}
#orderProfile .section {
  padding: 30px 0 20px;
}
#orderProfile .section .sectionTit,#orderProfile .section .listTit,#orderProfile .section .formList,#orderProfile .btn_box_01{ padding: 0 5%;}
#orderProfile .txt{
  margin: 0 0 20px;
  padding: 0 5%;
}
#orderProfile .listTit {
  color: #999;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0;
}
#orderProfile #mypageMenuList {
  display:none;
  background: #fff;
  padding: 0 0 0 5%;
  margin: 0 0 30px;
}
#orderProfile #mypageMenuList li {
  font-size: 15px;
    line-height: 45px;
    border-bottom: 0.5px solid rgb(228,228,228);
}
#orderProfile #mypageMenuList li a {
  display: block;
  color: #1a1a1a;
  font-style: normal;
  text-decoration: none;
  padding-right: 7%;
  position: relative;
}
#orderProfile #mypageMenuList li a:after {
  content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 2px solid #ccc;
    border-top: none;
    border-left: none;
    position: absolute;
    right: 4%;
    top: 50%;
    margin: -4px 0 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#orderProfile .notice_box_04 {
  background: #fff0ea;
  color: #f33;
  border: .5px solid #F32;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 1em;
  margin: 0 1.5em 30px;
}
#orderProfile .notice_box_04 .notice_tit {
  color: inherit;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.05em;
    margin: 0 0 1em;
}
#orderProfile .notice_box_04 li {
  font-size: 13px;
  text-indent: -0.5em;
  padding-left: 1em;
}
#orderProfile .notice_box_04 li:last-child { margin-bottom: 0;}
#orderProfile .notice_box_04 li:before {
  font-family: FontAwesome;
  display: inline-block;
  position: relative;
  top: 0.1em;
  content: '\f111';
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  margin-right: 5px;
}
#orderProfile .alert_box_01 {
  padding: 0 5%;
  margin: 0 0 30px;
  color: #f33;
}
#orderProfile .alert_box_01 li {
  font-weight: bold;
}


/* ワクチン接種証明
============================== */

#proofArea{
    background: #fff;
}
#proofArea section{

}
#proofArea section.mainArea{
    -webkit-filter: drop-shadow(2px 1px 5px rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(2px 1px 5px rgba(0, 0, 0, 0.2));
    -ms-filter: drop-shadow(2px 1px 5px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(2px 1px 5px rgba(0, 0, 0, 0.2));
    background: #F5F5F5;
    padding:50px 30px;
    margin: 0 0 30px 0;
}
#proofArea section.mainArea .mainTit{
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    margin: 0 0 5px 0;
}
#proofArea section .imgArea ul{
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
#proofArea section .imgArea ul li{
width: 100%;
    text-align: center;
    position: relative;
    margin: 0 auto 20px 0;
}
#proofArea section .imgArea ul li p{
    text-align: left;
    font-size: 12px;
}
#proofArea section.registerArea #acd .acdIn .attentionTxt{
    display: block;
    font-size: 11px;
    text-indent: -1em;
    margin: 0 0 0 1em;
}
#proofArea section .imgArea ul li img{
    display: block;
    margin: 0 auto;
}

#proofArea section .imgArea ul li .mainLead{
    font-size: 18px;
    text-align: left;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.5;
    margin: 0 auto ;
    display: inline-block;
}
#proofArea section .imgArea ul li .mainLead .bold{
    color: #ff7c60;
}
#proofArea section .imgArea ul li .lead{
    text-align: left;
    font-size: 15px;
    font-weight: 700;
    margin: 0 auto 15px;
    display: table;
}
#proofArea section .imgArea ul li .lead .line{
    background-color: #FFDC90;
}
#proofArea section .imgArea ul li .attentionTxt{
    text-align: left;
    text-indent: -1em;
    margin: 0 0 0 1em;
    font-size: 12px;
    display: inline-block;
}
#proofArea section .imgArea ul li .ph{
    width: 80%;
    margin: 0 auto;

}


#proofArea section.registerArea{
    padding: 0 20px;
}
#proofArea section.registerArea .mainTit{
text-align: center;
    color: #ff7c60;
    font-size: 15px;
    margin: 0 0 25px 0;
}
#proofArea section.registerArea .registerList{

}
#proofArea section.registerArea .registerList li{
position: relative;
    display: inline-block;
    padding: 15px;
    font-size: 14px;
    border: solid 1px #bfbfbf;
    box-sizing: border-box;
    width: 100%;
    border-radius: 10px;
    margin: 0 0 30px 0;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}
#proofArea section.registerArea .registerList li:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}
#proofArea section.registerArea .registerList li:after {
  content: "";
  position: absolute;
  bottom: -28px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #bfbfbf;
  z-index: 1;
}

#proofArea section.registerArea .registerList li .fa {
    color: #ff7c60;
    font-size: 24px;
    margin: 0 8px;
    position: absolute;
    top: 17px;
    left: 10px;
}
#proofArea section.registerArea .registerList li .fa.fa-lg{
font-size: 29px;
}
#proofArea section.registerArea .registerList li .fa.fa-lg.fa-plus-circle,
#proofArea section.registerArea .registerList li .fa.fa-lg.fa-minus-circle{
    right: 5px;
    left: auto;
    color: #000;
    font-size: 24px;
    top: 19px;
}

#proofArea section.registerArea .registerList li.acdBox{
  -webkit-animation: anime01 1.5s ease-in-out 0.3s infinite alternate;
  animation: anime01 1.5s ease-in-out 0.3s infinite alternate;
}
#proofArea section.registerArea .registerList li.acdBox.open{
-webkit-animation: none;
    animation: none;
}

@keyframes anime01 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(0,-5px);
        transform: translate(0,-5px);
    }
}

#proofArea section.registerArea #acd{

}
#proofArea section.registerArea #acd .acdTit {
    width: 100%;
    letter-spacing: 0.6px;
    display: block;
    font-size: 14px;
    font-weight: 700;
    box-sizing: border-box;
    transition: 0.4s;
    text-align: center;
}
#proofArea section.registerArea #acd .acdTit.open .fa.fa-lg.fa-plus-circle{
opacity: 0;
}
#proofArea section.registerArea #acd .acdTit .fa.fa-lg.fa-minus-circle{
opacity: 0;
}
#proofArea section.registerArea #acd .acdTit.open .fa.fa-lg.fa-minus-circle{
opacity: 1;
}

#proofArea section.registerArea #acd .acdIn{
margin: 40px 0 0 0;
}

#proofArea section.registerArea #acd .acdIn .tit{
    padding: 0.25em 0.5em;
    background: transparent;
    border-left: solid 5px #000000;
    text-align: left;
    margin: 0 0 20px 0;
}
#proofArea section.registerArea #acd .acdIn .ph{
    margin: 0 0 15px 0;
}
#proofArea section.registerArea #acd .acdIn .txt {
    text-align: left;
    font-weight: normal;
    font-size: 12px;
}
#proofArea section.registerArea #acd .acdIn .txt .boldTxt{
    display: block;
    font-weight: bold;
    font-size: 13px;
}
#proofArea section.registerArea #acd .acdIn .txt .link:hover{
    text-decoration: underline;
}
#proofArea section.registerArea #acd .acdIn .sampleTit{
    display: block;
    background: #000;
    width: 150px;
    color: #fff;
    font-size: 12px;
    padding: 3px;
    box-sizing: border-box;
    margin: 0 auto 20px;
}

#proofArea section.registerArea #acd .acdIn .ph.sample{
    border: 1px solid #ddd;
}
#proofArea section.registerArea #acd .acdIn .inBox{
    margin: 0 0 30px 0;
}

#proofArea .btnList{
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 0 20px 50px;
}
#proofArea .btnList li{

}
#proofArea .btnList li:nth-child(1){
    width: 35%;
}
#proofArea .btnList li:nth-child(2){
    width: 62%;
}

#proofArea .btnList li:nth-child(1) .back a {
    display: block;
    width: 100%;
    font-size: 14px;
    border: 1px solid #000;
    text-align: center;
    margin: 0 auto 0;
    text-decoration: none;
    padding: 10px;
    border-radius: 999px;
    color: #000;
    box-sizing: border-box;
    line-height: 1.5;
}
#proofArea .btnList li:nth-child(2)  .btn.main a {
    line-height: 1.5;
    margin: 0;
    font-size: 14px;
    display: block;
    padding: 10px;
    width: 100%;
    border-radius: 999px;
    background: #ff7c60;
    color: #fff;
    border: 1px solid #ff7c60;
}

#proofArea #popupInfotop{
    display:block;
    position:fixed;
    top:0;
    left: 0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    z-index:10010;
}

#proofArea #popupInfotop {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 10010;
}
#proofArea .popupBox{
    display:none;
    position:fixed;
    top:0;
    left: 0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.85);
    z-index:10010;
    text-align: left;
overflow: scroll;
}
#proofArea .popupBox .closeBg{
    display:block;
    position:fixed;
    top:0;
    width:100%;
    height:100%;
    z-index:1001;
}

#proofArea .popupBox .block{top:55%;}

#proofArea .popupBox{
  overflow: scroll;
}
#proofArea .popupBox .block{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    max-width: 800px;
    z-index: 1100;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
#proofArea .popupBox .block .ph{
    width: 50%;
    margin: auto;
}
#proofArea .popupBox .block .txt{
    text-align: left;
    font-size: 12px;
    margin: 0 0 10px 0;
}
#proofArea .popupBox .block .link{
    display: block;
    text-align: center;
    text-decoration: underline;
    transition: 0.4s;
}
#proofArea .popupBox .block .link:hover{
    opacity: 0.7;
}

#proofArea .popupBox .close .top{
    position:absolute;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#proofArea .popupBox .close .bottom{
    position:absolute;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


#proofArea .popupBox .inner {
    background: #fff;
    padding: 30px 30px 35px;
    line-height: 1.5;
    font-size: 14px;
    letter-spacing: 1px;
    color: #000;
    width: 100%;
    box-sizing: border-box;
}
#proofArea .popupBox .close{
    position: absolute;
    width: 30px;
    height: 30px;
    top: -50px;
    left: 0;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    text-align: left;
  }
#proofArea .popupBox .close span{
      top:20px;
      width:30px;
      height:2px;
      position:absolute;
      background:#fff;
  }

#proofArea .popupBox .block .btn a{
    background: #ff7c60;
    color: #fff;
    border-radius: 999px;
    font-size: 15px;
    transition: 0.4s;
}


#proofArea_privacy{
    padding: 20px;
}

#proofArea_privacy .mainTit{
    text-align: center;
    font-size: 16px;
    margin: 0 0 15px 0;
}
#proofArea_privacy .txt {
    margin: 0 0 20px;
    font-size: 12px;
}
#proofArea_privacy section {
    margin: 0 0 50px 0;
}
#proofArea_privacy a.link:hover{
    text-decoration: underline;
}
#proofArea_privacy .privacyBox{
    background: #fff;
    margin: 0 0 20px 0;
}
#proofArea_privacy .privacyBox .sectionTit {
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
#proofArea_privacy .privacyBox .txt{
    font-size: 12px;
}
#proofArea_privacy .privacyBox ol li {
  font-size: 12px;
}
#proofArea_privacy .privacyBox .info {
    text-align: right;
    font-size: 0.8em;
    margin: 0 0 30px 0;
}
#proofArea_privacy .privacyBox dt {
    font-size: 13px!important;
}
#proofArea_privacy .privacyBox dd{
    font-size: 12px;
}
#proofArea_privacy form{
    position: relative;
max-width: 300px;
    margin: auto;
    text-align: center;
}
#proofArea_privacy form label{
    text-align: center;
    font-size: 15px;
}
#proofArea_privacy form #agree1,
#proofArea_privacy form #agree{
    margin: 0 5px 0 0;
}
.btn .main {
    color: #fff;
    margin-top: 30px;
    border-radius: 999px;
font-size: 15px;
    padding: 15px;
    line-height: 1.5;
    transition: 0.4s;
}


#proofArea_uplode{

}
#proofArea_uplode .sectionTit{
    font-size: 15px;
    text-align: center;
    font-weight: 600;
}
#proofArea_uplode .txt{
    text-align: center;
    font-size: 12px;
}
#proofArea_uplode .btn .sub {
    background: transparent;
    color: #ff7c60;
    border: 1px solid #ff7c60;
    border-radius: 999px;
    font-size: 13px;
    width: 70%;
}
#proofArea_uplode .btn .back{
    background: transparent;
    color: #000;
    border: 1px solid #000;
    border-radius: 999px;
    font-size: 13px;
    width: 70%;
     margin: 50px auto 0;
}

#proofArea_uplode .cropper-container{
     margin: 0 auto 20px;
    display: block;
}

#proofArea_uplode .dateBox {
    border: 1px solid #ddd;
    border-radius: 20px;
    width: 100%;
    margin: 0 auto 30px;
    padding: 10px 0;
}
#proofArea_uplode .dateBox .box{
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
#proofArea_uplode .dateBox .box:last-of-type{
    border-bottom: none;
}
#proofArea_uplode .dateBox .box .inner {
    margin: 0;
    display: block;
    width: 50%;
}
#proofArea_uplode .dateBox .box:nth-child(2) .inner:nth-child(1){
border-right: 1px solid #ccc;
    margin: 0 10px 0 0;
    width: 45%;
}
#proofArea_uplode .dateBox .box .txt {
    margin: 0;
    display: block;
    text-align: left;
    font-weight: bold;
}
#proofArea_uplode .dateBox .box .txt.bold{
    font-size: 15px;
    font-weight: bold;
}


#proofArea_uplode .dateBox .box dl dt{
    color: #5e5e5e;
    font-size: 11px;
    margin: 0 0 3px 0;
}
#proofArea_uplode .btnList{
display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%;
    margin: auto;
}
#proofArea_uplode .btnList li{

}
#proofArea_uplode .btnList li:nth-child(1){
    width: 40%;
}
#proofArea_uplode .btnList li:nth-child(2){
    width: 57%;
}
#proofArea_uplode .btnList li .btn .main{
    min-width: auto;
    width: 100%;
    margin: 0 auto;
}
#proofArea_uplode .btnList li .btn .back{
    min-width: auto;
    width: 100%;
    margin: 0 auto;
}

#proofArea_uplode .btn #inputVaccinateDate{
    position: relative;
}
#proofArea_uplode .btn #inputVaccinateDate::after {
    position: absolute;
    margin: -12px 0 0;
    content: "";
    vertical-align: middle;
    top: 53%;
    right: 25px;
    width: 10px;
    height: 10px;
    border-top: 2px solid;
    border-right: 2px solid;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    z-index: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

#proofArea_uplode .popup {
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    transition: all .2s ease-in-out;
    background: rgba(0,0,0,0.5);
    border-radius: 0;
}
#proofArea_uplode .popActive{
    opacity: 1;
}
#proofArea_uplode .popup .popInBox{
    width: 80%;
    padding:40px 20px;
    margin: 30px auto;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 10001;
}
#proofArea_uplode .popup .popInBox .mainTit{
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    color: #000;
}
#proofArea_uplode .popup .popInBox .tit{
    font-size: 13px;
    font-weight: 500;
    margin: 0 0 10px 0;
    color: #666666;
}
#proofArea_uplode .popup .popInBox .attentionList{
    margin: 30px 0;
}
#proofArea_uplode .popup .popInBox .attentionList li{

}
#proofArea_uplode .popup .popInBox .attentionList li::before{
    display: none;
}
#proofArea_uplode #vaccinateDate .popup .popInBox  .btn a{
    width: 100%;
}
#proofArea_uplode .popup .close {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 20px;
    top: 20px;
    right: 45px;
    top: 30px;
    cursor: pointer;
}

#proofArea_uplode .popup .close::before,
#proofArea_uplode .popup .close::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    transform-origin: center;
    top: 50%;
    left: 50%;
}
#proofArea_uplode .popup .closeArea{
    display: block;
    z-index: 1000;
    position: fixed;
    width: 100%;
    height: 100vh;
}
#proofArea_uplode .popup .close::before {
    transform: translate(-50%,-50%) rotate(-45deg);
}

#proofArea_uplode .popup .close::after {
    transform: translate(-50%,-50%) rotate(45deg);
}

#proofArea_uplode .btn .sub_02{
    background: transparent;
    color: #ff7c60;
    border: 1px solid #ff7c60;
    border-radius: 999px;
    font-size: 11px;
    width: 100%;
}
#proofArea_uplode .popup .popInBox select{
    width: 32%;
    border: 2px solid #ddd;
    padding: 10px 5px;
    box-sizing: border-box;
outline: none;
font-size: 13px;
}
#proofArea_uplode .popup .popInBox select:nth-child(2){
    width: 40%;
}
#proofArea_uplode .popup .popInBox select:nth-child(3){
    width: 27%;
}
#proofArea_uplode .popup .popInBox select:nth-child(4){
    width: 28%;
}
#proofArea_uplode .popup .popInBox input[type="text"]:focus {
  outline: 0;
}
#proofArea_uplode .icon{
    width: 30%;
    display: block;
    margin: 0 auto 20px;
}
#proofArea_uplode .icon img{
    width: 100%;
}

#proofArea_uplode .popup.dateBox{

}
#proofArea_uplode .popup.dateBox .close::before, #proofArea_uplode .popup .close::after{
    display: none;
}
#proofArea_uplode .popup.dateBox .close {
    width: 100%;
    height: auto;
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    top: auto;
    cursor: pointer;
}
#proofArea_uplode .popup.dateBox .close.btn a{
    display: block;
    border: 1px solid #ff7c60;
    background: #ff7c60;
    color: #fff;
    transition: 0.4s;
    max-width: initial;
    width: 100%;
    min-width: auto;
    border-radius: 999px;
    font-size: 13px;
    margin: 20px auto 0;
}
#proofArea_uplode .popup.dateBox .close.btn a:hover{

}

#proofArea_uplode #vaccinateDate .btn a{
background: #ff7c60;
    color: #fff;
    transition: 0.4s;
    border-radius: 999px;
    width: 70%;
}



#proof_end{
padding: 20px;
}
#proof_end h2{
    color: #ff7c60;
    font-weight: bold;
    font-size: 16px;
    margin: 0 0 20px 0;
}
#proof_end h2 .icon{
    display: inline-block;
    width: 30px;
    position: relative;
    top: 5px;
}
#proof_end .inBox {
    padding: 15px;
    background: #fff;
    -webkit-filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.1));
    -moz-filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.1));
    -ms-filter:drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.1));
}

#proof_end .inBox .status{
    border: 1px solid #6EC015;
    width: 150px;
    text-align: center;
    color: #6EC015;
    font-size: 15px;
    border-radius: 999px;
    margin: 0 0 20px 0;
    padding: 5px;
    box-sizing: border-box;
}

#proof_end .inBox .txt{
    font-size: 12px;
}

#proof_end .inBox .mainArea{
padding: 0 0 30px 0;
    border-bottom: 1px solid #ddd;
    margin: 0 0 30px 0;
}
#proof_end .inBox dl dt{
    font-size: 11px;
    color: #9b9b9b;
}
#proof_end .inBox dl dd{
    font-size: 13px;
    margin: 0 0 15px 0;
}
#proof_end .btnList{
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding:50px 0;
}
#proof_end .btnList li{

}
#proof_end .btnList li:nth-child(1){
    width: 35%;
}
#proof_end .btnList li:nth-child(2){
    width: 62%;
}

#proof_end .btnList li:nth-child(1) .back a {
    display: block;
    width: 100%;
    font-size: 14px;
    border: 1px solid #000;
    text-align: center;
    margin: 0 auto 0;
    text-decoration: none;
    padding: 10px;
    border-radius: 999px;
    color: #000;
    box-sizing: border-box;
    line-height: 1.5;
}
#proof_end .btnList li:nth-child(2)  .btn.main a {
    line-height: 1.5;
    margin: 0;
    font-size: 14px;
    display: block;
    padding: 10px;
    width: 100%;
    border-radius: 999px;
    background: #ff7c60;
    color: #fff;
    border: 1px solid #ff7c60;
}
#proof_end .btnList li:nth-child(2) .btn.main  a.disabled{
    pointer-events: none;
    background: #ddd;
    border: 1px solid #ddd;
}

.multSeat {
    display: inline-flex;
}