@charset "utf-8";

/* PC
============================ */
@media screen and (min-width: 900px) {
@charset "utf-8";


.box.tab-inner { padding: 20px 5% 30px; margin:0 0 30px;}
#container { width: 700px;padding: 30px 0 60px;}
#feature #wrap { padding: 80px 0; }
#feature #gnav,
#feature footer .facebook { display: none; }
#feature  header h1 a { height: 30px; background-size: cover; }

.tab.column2 { padding-top: 20px; }
.tab.column2 li { width: 38%; }
#dticket_give .subTxt { display: block; margin: 0; }
#dticket_give .dticketGuideList {
	background: #fff;
	font-size: 13px;
}
#dticket_give .listTit { font-size: 20px;}
#dticket_give .listTit .step { color: #ff7c60; margin-right: 10px; }
#dticket_give .listTit::before {}
#dticket_give .receiveList .tit,
#dticket_give .dticketGuideList .tit {
	font-weight: bold;
	text-align: center;
	margin: 0 0 10px;
}
#dticket_give .dticketGuideList .ph { text-align: center; }
#dticket_give .dticketGuideList .ph img { width: 70%; }
#dticket_give .dticketGuideList .ph .subTxt { margin-bottom: 2em; }
#dticket_give .dticketGuideList .ph .subTxt { color: #999; font-size:11px;}
#dticket_give .dticketGuideList .txt { margin: 0; }
#dticket_give .receiveList .txt { margin: 0; }
#dticket_give .receive { display: none;}
/*#dticket_give  { -webkit-justify-content: space-between; justify-content: left; padding: 0; }*/
#dticket_give .dticketGuideList { display: block; }
#dticket_give .dticketGuideList li {
	width: 100%;
	float: none;
	margin-bottom: 20px;
	padding: 20px 0 25px;
	border: none;
	border-bottom: 1px solid #ddd;
}
#dticket_give .dticketGuideList li:last-child { border: none;margin:0; padding:20px 0 0;}
#dticket_give .receiveList { padding:15px 0 0; }
#dticket_give .receiveList li {
	float: none;
	padding: 18px;
	margin-bottom: 20px;
	background: #efefef;
	border: none;
}
#dticket_give .receiveList li:last-child {
	margin:0;
}
#dticket_give .receiveList.step0 li:last-child { margin-bottom: 30px; }
#dticket_give . li::after { display: none; }
#dticket_give . li .subTxt { margin-bottom: 0; }
#dticket_give . .ph.horizontal img { width: 100%; }
#dticket_give . .lite .txt { margin-bottom: 20px; }
#dticket_give .receiveList .appArea .ph.app {
	float: left;
	padding: 0;
	margin: 0 auto;
	width: 120px;
}
#dticket_give .receiveList .appArea .ph.app img { width: 100%; }
#dticket_give .receiveList .appArea .txt { padding-left: 150px; }
#dticket_give .receiveList .appArea .subTxt { padding-left: 160px; }
#dticket_give .receiveList .appArea .btn { display: block; padding-left: 150px; text-align: left; }
#dticket_give .receiveList .appArea .btn:first-of-type { padding: 6px 0 0 150px; }
#dticket_give .receiveList li .ph img {
	display: block;
    width: 30%;
    margin: 0 auto 20px;
}
#dticket_give .receiveList li .ph.horizontal img { width: 70%; }
#dticket_give .btn .sub { margin: 0 auto 15px; }
#dticket_give .btn a { min-width: 320px; }
#dticket_give .lite .btn a { margin-bottom: 0; }


















/* clearfix
--------------------------------- */
.clearfix:after { content:" "; display:block; clear:both; }


.sp { display: none !important; }

.indent{padding-left:1em; text-indent:-1em;}


/* base
============================== */
html { height: 100%; }
body {
	width: 100%;
	height: 100%;
	color: #444;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.7;
}



#wrap {
	min-height: 100%;
	background: #efefef;
	box-sizing: border-box;
	padding: 70px 0 83px;
	position: relative;
}

.section { padding: 0; }
a { color: #000; text-decoration: none; }
a:hover { color: #ff7c60; text-decoration: none; }
a, a *, input, button {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
input { cursor: pointer; }
img { max-width: 100%; height: auto; line-height: 0;}
.num { font-family: HelveticaNeue, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }



/* header
============================== */
#feature #gnav, #feature footer .facebook {
    display: none;
}

#dticket_update .dticketGuideList {
    background: #fff;
    font-size: 13px;
    box-shadow: 0 0 1px #ccc;
    padding: 0 5%;
    margin: 0 0 30px;
}


/* tab_menu
============================== */

.box.tab-inner {
	background: #fff;
	box-shadow: 0 0 1px rgba(0,0,0,0.3);

}
.tab {
    height: 45px;
    position: relative;
}
#tab_and { display: none; }
.tab li span {
    display: block;
    -webkit-width: calc(100% - 0.7px);
    width: calc(100% - 0.7px);
    text-align: center;
    text-decoration: none;
    line-height: 0;
    padding: 0;
    position: relative;
    border-bottom: 45px solid #f7f7f7;
    border-top: 0.5px solid transparent;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-radius: 20px 20px 0 0 / 20px 20px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ff7c60;
}
.tab li.current span {
    -webkit-width: calc(100% - 1px);
    width: calc(100% - 1px);
    color: #000;
    border-bottom-color: #fff;
}
.tab li {
    height: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1.1px;
    position: relative;
}
.tab.column2 li {
    width: 28%;
    margin: 0px -1.5% 0 0;
}
.tab li:nth-child(even) {
    z-index: 2;
}
.tab li.current {
    z-index: 10;
}
.tab li span:hover {
	color: #f51c58;
	border-bottom-color: #e0e0e0;
}
.tab li.current span {
    -webkit-width: calc(100% - 1px);
    width: calc(100% - 1px);
    color: #000;
    border-bottom-color: #fff;
}
.tab li p {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    text-align: center;
    line-height: 45px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .0s ease;
}
.tab li p  {
    color: #ff7c60;
}
.tab li.current span p { color: #000; }
.tab li::before {
    content: '';
    width: 100%;
    height: 0;
    border-bottom: 45px solid #ccc;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-radius: 28px 28px 0 0 / 80px 80px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
}
.tab li span { cursor: pointer; }
.tab li span::after { display: none; }

/* お問い合わせ
============================== */
.contactList li {
	background: #fff;
	border: 1px solid #dcdcdc;
	padding: 20px; margin: 15px 0;
}
.contactList li a {
	display: block;
	position: relative;
}
.contactList li a::after {
    content: "\f105";
    display: inline-block;
    color: #bbb;
    font-family: FontAwesome;
    font-size: 24px;
    font-weight: normal;
    line-height: 0;
    margin: 0;
    position: absolute;
    right: 20px;
    top: 50%;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
}
.contactList li a:hover::after { color: #ff7c60; }

.subTit.contact {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 5px;
}

.listTit.contact {
    font-size: 20px;
    color: #888;
}



.btn .main {
    background: #ff7c60;
	border:1px solid #ff7c60;
}

.btn .main:hover {
    background: #f15b3c;
    border: 1px solid #f15b3c;
}
.btn .sub {
    background: transparent;
    color: #f15b3c;
    border: 1px solid #f15b3c;
}

.btn .sub:hover {
    background: #fff;
    color: #f15b3c;
    border: 1px solid #f15b3c;
}
}

/* SP
============================ */
@media screen and (max-width: 900px) {
.indent {
    padding-left: 1em!important;
    text-indent: -1em;
}



/*
	#feature #wrap { background: #fff; }
	#payment .areaTit {
		color: #fff;
		background: #413d3c;
		font-size: 14px;
		border: none;
		padding: 10px 5%;
		margin: 0 -5.5% 20px;
	}
*/

	#dticket_give .subTxt {
	display: block;
    padding: 5px 0 0;
    margin-top: .5em;
    margin-bottom: 20px;
}
	#dticket_give .dticketGuideList > li {
		font-size: 13px;
		padding: 20px 0;
		margin: 0 0 30px;
		position: relative;
	}

	#dticket_give .dticketGuideList > li:last-child { margin: 0; }
	#dticket_give .dticketGuideList > li:last-child::after { content: none; }
	#dticket_give .dticketGuideList .listTit { font-size: 16px; margin: 0 0 10px; }

	#dticket_give .dticketGuideList .ph { text-align: center; }
	#dticket_give .dticketGuideList .ph img { width: 60%; }
	#dticket_give .dticketGuideList .ph .subTxt { margin-bottom: 2em; }
	#dticket_give .dticketGuideList .linkList { margin-top: 10px; }
	#dticket_give .dticketGuideList .linkList a { color: #ff7c60; line-height: 30px; }

/* base
============================== */
html { height: 100%; }
body {
	width: 100%;
	height: 100%;
	color: #444;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.7;
}
#wrap {
	min-height: 100%;
	background: #efefef;
	box-sizing: border-box;
	padding: 25px 0 83px;
	position: relative;
}
#container {
	padding: 45px 3% 10px;
	margin: 0 auto;
}
.section { padding: 0; }
a { color: #000; text-decoration: none; }
a:hover { color: #ff7c60; text-decoration: none; }
a, a *, input, button {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
input { cursor: pointer; }
img { max-width: 100%; height: auto; line-height: 0;}
.num { font-family: HelveticaNeue, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

/* basetxt
--------------------------------- */
.sectionTit {
	color: #888;
	font-size: 20px;
	font-weight: normal;
	line-height: 30px;
	margin: 0 0 15px;
	border: none;
}
.subTit { height: 0; display: none; }
.txt { margin: 0; }


.box-step .listTit {
	font-size: 16px;
    font-weight: bold;
	margin-left: 3px;
    margin-bottom: 15px;
}
.listTit.contact {
	font-size: 15px;
	color: #888;
	margin-left: 3px;
	margin-bottom: 15px;
}
.subTit.contact {
	display: block;
	height: auto;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px;
}
/* header
============================== */
#dticket_update .dticketGuideList {
    background: #fff;
    font-size: 13px;
    box-shadow: 0 0 1px #ccc;
    padding: 0 5%;
    margin: 0 0 30px;
}












#payment .areaTit {
	color: #fff;
	background: #413d3c;
	font-size: 14px;
	border: none;
	padding: 10px 5%;
	margin: 0 -5.5% 20px;
}
.tab li p { font-size: 3.9vw; }
#dticket_give .subTxt { display: block; padding-left: 0; margin-top: .5em; margin-bottom: 20px; }
#dticket_give .  .subTxt { margin-left: 85px; }
/*
#dticket_give .dticketGuideList {
	background: #fff;
	box-shadow: 0 0 1px rgba(0,0,0,0.3);
	padding: 20px;
}
*/

#dticket_give .dticketGuideList > li {
	font-size: 13px;
	position: relative;
    padding: 0 0 30px;
    margin: 0 0 30px;
    border-bottom: 1px solid #ccc;
}
#dticket_give .receiveList li {
	padding: 15px;
	margin: 0 0 20px;
	background: #efefef;
}
#dticket_give .receiveList.step0 li:last-child { margin: 0 0 30px; }
#dticket_give .dticketGuideList > li:last-child { padding: 0; }
#dticket_give .dticketGuideList > li:last-child,
#dticket_give .receiveList.step1 li:last-child { border: none; margin: 0; }
#dticket_give .get.iphone .listTit,
#dticket_give .get.android .listTit { margin-bottom: 25px; }
#dticket_give .get.iphone .tit,
#dticket_give .get.android .tit { font-size: 14px; text-align: center; margin-bottom: 15px; }
#dticket_give .receiveList .startup .ph,
#dticket_give .receiveList .appArea .ph.app {
	float: left;
	padding: 0;
	margin: 0 auto;
	width: 75px;
}
#dticket_give .receiveList .startup .ph img,
#dticket_give .receiveList .appArea .ph.app img { width: 100%; }
#dticket_give .receiveList .startup .txt,
#dticket_give .receiveList .appArea .txt { font-size: 13px; padding-left: 90px; }
#dticket_give .receiveList .startup .subTxt,
#dticket_give .receiveList .appArea .subTxt { padding-left: 90px; margin-bottom: 15px; }
#dticket_give .receiveList .startup .btn,
#dticket_give .receiveList .appArea .dl { padding-left: 90px; }
#dticket_give .receiveList li .ph img {
	display: block;
	width: 40%;
	margin: 0 auto 20px;
}
#dticket_give .receiveList li .ph.horizontal img { width: 100%; }
#dticket_give .btn .main { margin: 20px auto 0; }
#dticket_give .btn .sub { margin: 0; }
#dticket_give .listTit {
	font-size: 16px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
}
#dticket_give .listTit .step { position: relative; }
#dticket_give .dticketGuideList .ph {
	text-align: center;
	float: none;
	width: 100%;
}
#dticket_give .dticketGuideList .ph img { width: 100%; }
#dticket_give .dticketGuideList .txt { padding: 0; }
#dticket_give .dticketGuideList .subTxt { margin: 0; }
#dticket_give .dticketGuideList .ph .subTxt { margin-bottom: 2em; }
#dticket_give .dticketGuideList .linkList { margin-top: 10px; }
#dticket_give .dticketGuideList .linkList a { color: #ff7c60; line-height: 30px; }
.get.iphone,
.get.android { display: none; }
#dticket_give . li::before {
	content: '';
	display: block;
	width: 13px;
	height: 13px;
	border-right: 1px solid #dedede;
	border-top: 1px solid #dedede;
	background: #fff;
	position: absolute;
	bottom: -8px;
	margin-top: -5px;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-width: 1px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
#dticket_give . li:last-child::before{ display: none; }
#dticket_give ..step1 li .ph {
	width: 200px;
	text-align: center;
	margin: 0 auto 12px;
	float: none;
}
#dticket_give ..step1 li .ph img { width: 130px; }
#dticket_give ..step1 .ph.horizontal { width: 100%; }
#dticket_give ..step1 .ph.horizontal img { width: 100%; }
#dticket_give ..step1 .txt,
#dticket_give . .lite .txt { padding: 0; }
#dticket_give ..step1 .subTxt { margin: 0; }
#dticket_give . .lite .btn { padding: 0; margin-bottom: 10px; }










/* box-step sp
============================== */

.box-step.resize {
	background: #fff;
	box-shadow: 0 0 1px rgba(0,0,0,0.3);
	padding: 20px;
}
.box-step.resize .stepList li { border: 1px solid #dcdcdc; }
.box-step.resize .stepList li:after { display: none; }

.box-step .listTit .step { color: #ff7c60; margin-right: 10px; }
.stepList:first-child { margin-bottom: 25px; }
.stepList { margin: 0 0 30px; }
.stepList li {
	position: relative;
	width: 90%;
	background: #fff;
	padding: 20px 15px;
	margin: 0 auto 12px;
}
.stepList li::before {
	content: "";
	position: absolute;
	bottom: -13px;
	left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 13px 10px 0 10px;
	border-color: #fff transparent transparent transparent;
}
.stepList li:last-child::before{ display: none; }
.stepList li .tit { font-size: 14px; font-weight: bold; text-align: center; margin: 0 0 15px; }
.stepList li .ph {
	width: 70px;
	float: left;
	clear: both;
}
.stepList li .ph img { width: 70px; border: none;box-shadow: none; }
.stepList .appArea .ph {
	padding-left: 90px;
    width: 150px;
	margin: 0;
    text-align: center;
}
.stepList .appArea .dl { padding-left: 90px; }
.stepList .appArea .dl img { width: 100%; }
.stepList .appArea .ph.app {
	float: left;
	padding: 0;
	margin: 0 auto;
	width: 75px;
}
.stepList .appArea .txt { font-size: 13px; padding-left: 90px; }
.stepList .appArea .subTxt { padding-left: 90px; margin-bottom: 15px; }
.stepList li .ph.app { margin-bottom: 10px; }
.stepList li .ph.app img { width: 75px; }
.stepList li .txt {
	font-size: 13px;
	padding-left: 85px;
	vertical-align: middle;
	margin: 0 0 4px;
}

.stepList li .emphasis {
	margin: 8px 0 8px 85px;
	padding: 7px;
	font-weight: bold;
	border: 1px solid #c3c3c3;
}
.stepList li .btn {
	display: block;
    padding-left: 85px;
    margin-bottom: 20px;
}
.stepList li .btn a {
	min-width: 0;
    width: 100%;
    font-size: 12px;
    line-height: inherit;
    padding: 10px;
    margin: 15px 0 0;
}

.stepList li .ph.two span { display: inline-block; width: 70px; font-size: 10px; line-height: 1.5em; text-align: center; }
.stepList li .ph.two i { font-style: normal; }


.stepList.step1 li:last-child .ph,
.stepList.step2 li .ph {
	width: 200px;
	text-align: center;
	margin: 0 auto 12px;
	float: none;
}
.stepList.step1 li:last-child .ph img,
.stepList.step2 li .ph img { width: 130px; }
.stepList.step1 li:last-child .txt,
.stepList.step2 li .txt { padding-left: 0; }
.stepList.step2 li .txt.caution{
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	margin: 0 0 15px;
	color: #fd0000;
	border-radius: 3px;
}
.stepList.step1 li:last-child .subTxt,
.stepList.step2 .subTxt { padding-left: 0; }










/* tab_menu
============================== */
.box.tab-inner { margin-bottom: 18px; }
#tab_and.none { display: none; }
.tab { height: 45px; position: relative; }
.tab li a {
    display: block;
    -webkit-width: calc(100% - 0.7px);
    width: calc(100% - 0.7px);
    text-align: center;
    text-decoration: none;
    line-height: 0;
    padding: 0;
    position: relative;
    border-bottom: 45px solid #f7f7f7;
    border-top: 0.5px solid transparent;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-radius: 20px 20px 0 0 / 20px 20px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ff7c60;
}
.tab li.current a {
    -webkit-width: calc(100% - 1px);
    width: calc(100% - 1px);
    color: #000;
    border-bottom-color: #fff;
}
.tab li {
    height: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1.1px;
    position: relative;
}
.tab.column2 li {
    width: 50.6%;
    margin: 0px -1.5% 0 0;
}
.tab li:nth-child(even) {
    z-index: 2;
}
.tab li.current {
    z-index: 10;
}
.tab li.current span {
    -webkit-width: calc(100% - 1px);
    width: calc(100% - 1px);
    color: #000;
    border-bottom-color: #fff;
}
.tab li a:hover::before {
    color: #f51c58;
    border-bottom-color: #e0e0e0;
}
.tab li span {
	display: block;
    -webkit-width: calc(100% - 0.7px);
    width: calc(100% - 0.7px);
    text-align: center;
    text-decoration: none;
    line-height: 0;
    padding: 0;
    position: relative;
    border-bottom: 45px solid #f7f7f7;
    border-top: 0.5px solid transparent;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-radius: 20px 20px 0 0 / 20px 20px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ff7c60;
}
.tab li p {
	position: absolute;
	display: block;
	top: 23px;
	left: 0;
	right: 0;
    font-size: 3.9vw;
}
.tab li span {
    color: #ff7c60;
}
.tab li.current a span { color: #000; }
.tab li::before {
    content: '';
    width: 100%;
    height: 0;
    border-bottom: 45px solid #e0e0e0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-radius: 28px 28px 0 0 / 80px 80px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
}
.tab li a::before { display: none; }






/* お問い合わせ
============================== */
.contactList { padding: 0; margin: 0 auto; }
.contactList li {
	width: 87%;
    background: #fff;
    border: 1px solid #dcdcdc;
    padding: 20px;
    margin: 0 auto;
    margin-bottom: 25px;
}
.contactList li a {
	display: block;
	width: 90%;
	position: relative;
}
.contactList li a::after {
    content: "\f105";
    display: inline-block;
    color: #bbb;
    font-family: FontAwesome;
    font-size: 24px;
    font-weight: normal;
    line-height: 0;
    margin: 0;
    position: absolute;
    right: -30px;
    top: 50%;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}





}