@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

@charset "utf-8";

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/* base
----------------------------------- */


html,body { height: 100%; }
body {
	background: #fff;
	color: #333;
	font-family: sans-serif;
	font-size: 13px;
	-webkit-text-size-adjust: 100%;
	line-height: 1.5em;
	word-break: break-all;
}

#wrap {
	position: relative;
    padding-bottom: 48px;
}

/* clearfix
----------------------------------- */
.clearfix:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;
	clear: both; 
	visibility:hidden;
}
.clearfix {display: inline-block;} 
* html .clearfix {height: 1%;}
.clearfix {display:block;}
.clear { clear: both; }

/* base
----------------------------------- */
#tour2018 {
	color: #111;
	font-size: 13px;
	word-break: break-all;
	position: relative;
	padding-top: 30px;
	padding-bottom: 48px;
}
a {
	text-decoration: underline;
color: #095db5;
}
a:hover {
	text-decoration: none;
color: #30649a;
}

#tour2018 #contentInner{
background: #fff;
margin: 0 auto;
}

#tour2018 #container {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: auto;
}
img{max-width:100%;}

#wrap.attention2018 {
    min-height: 100%;
	padding-bottom: 0;
}


/* text style
----------------------------------- */

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.bold{font-weight: bold;}
.normal{font-weight: normal;}

.red { color: #ff2222; }
.pink { color: #ff3a7f; }
.blue { color: #0079A9; }
.subTxt,.sub { font-size: 10px; line-height: 130%;}
.lead {font-size:15px;font-weight:bold; line-height: 150%;margin-bottom: 20px;}
.txt {margin-bottom: 5px;}
.indent{text-indent:-1em;padding-left:1em;}

.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 60px !important;}

.fs12{font-size:12px !important;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs16{font-size:16px !important;}

/* btn
----------------------------------- */
#tour2018 .btn { text-align: center; padding: 0px 0 0;}
#tour2018 .btn a,
#tour2018 .btn input,
#tour2018 .btn span {
	display: block;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	line-height: 120%;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	padding: 15px 20px;
	margin: 0 auto 10px;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.btn .main {
	background: #30649a;
	color: #fff;
	font-size: 16px;
	line-height: 46px;
/*	border-bottom: 1px solid #1776cf;
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);*/
	position: relative;
	top: 0;
	-webkit-transition: all .2s ease;
transition: all .2s ease;
	
}
.btn .main:hover {
	background: #1f456c;
	color: #fff;
}
.btn .sub {
	background: #30649a;
	color: #fff;
	font-size: 14px;
	line-height:140% !important;
	font-weight: bold;
	line-height: 40px;
	border: 1px solid #30649a;
	padding: 10px !important;
}
.txtlink {
	display: block;
	font-size: 12px;
	line-height: 1.4em;
	text-align: center;
	text-decoration: none;
	border: 1px solid #1fa2c8;
	border-radius: 3px;
	padding: 4px 10px;
	margin: 8px 0 0;
}
#schedule .scheduleList .info .txt.sankaku i,
#schedule .scheduleList .info .txt.few i{font-weight:bold;font-style:normal;}
#schedule .scheduleList .info .txt.few{
color: #ff5a00;
line-height: 140%;
vertical-align: -14px;
}

/* layout
----------------------------------- */

/* common parts
======================== */
.pageTit {
	color: #1fa2c8;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 1em;
	margin: 0 0 20px;
}
.section { padding: 20px 4% 15px; }
/*.section */.sectionTit {
color: #222;
font-size: 20px;
line-height: 120%;
text-align: center;
font-weight: bold;
margin: 0 0 20px;
}


h2.title{
/*color: #8ca3b9;
font-size: 26px;
font-weight: bold;
border-bottom: 3px solid #3ab8d8;
line-height: 150%;
letter-spacing: 0.05em;
margin: 0 0 30px;
padding-bottom: 5px;*/

    margin: 0 auto 20px;
    color: #8ca3b9;
    font-size: 20px;
    line-height: 120%;
    text-align: center;
    font-weight: bold;
}

h2.title.titAtt {
    margin:  20px auto 10px;
}

h3{
font-size: 26px;
line-height: 150%;
font-weight: bold;
margin-bottom: 20px;
}

.fLeft{float:left;}
.fRight{float:right;}


/* header
======================== */

#figure{
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0 3%;
margin: 0 auto 5px;
}

#figure img{
width: 100%;
display:block;
margin: 0 auto 10px;
}

#figure p{
font-weight: bold;
line-height: 140%;
text-align: center;
font-size: 15px;
}


/* ticketSchedule
======================== */

#ticketSchedule{
padding-top: 15px;
 padding-bottom:15px;
}
#ticketSchedule .sectionTit{
border-left: none;
padding-left: 0;
text-align:left;
font-size: 15px;
line-height: 130%;
margin-bottom: 7px;
}

#ticketSchedule .section #entryDateDetail {
	background: #E8F8FF;
	padding: 20px 2% 5px;
	margin: 0 2% 15px;
	position: relative;
}
#ticketSchedule #entryDateDetail .sectionTit { color: #333; font-size: 16px; text-align: left; margin-bottom: 20px; }
#ticketSchedule #entryDateDetail .sectionTit .subTxt {
	font-size: 11px;
	letter-spacing: 0;
}
#ticketSchedule .length {
	background: #fff;
	color: #000;
	border: 1px solid #000;
	margin: 0 0 10px;
}
#ticketSchedule .length dt {
	background: #000;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 5px 10px;
}
#ticketSchedule .length dd {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding: 8px 10px;
}

#ticketSchedule #entryDateDetail{
	width: 100%;
	margin: 10px 0 10px;
	box-sizing: border-box;
}
#ticketSchedule #entryDateDetail th {
	width: 20%;
	font-size: 11px;
	background: #f5f5f5;
	font-weight: bold;
	text-align: center;
	border: 1px solid #C7C7C7;
	padding: 5px;

}
#ticketSchedule #entryDateDetail .head th {
	background: #fff;
	font-size: 15px;
	text-align: left;
	padding: 15px 15px 10px;
}
#ticketSchedule #entryDateDetail td {
	width: 100%;
	background: #fff;
	font-size: 11px;
	line-height: 1.4em;
	border: 1px solid #C7C7C7;
	padding: 8px 5px;
}
#ticketSchedule #entryDateDetail td .txtlink {
	display: block;
	text-align: center;
	text-decoration: none;
	border: 1px solid #1fa2c8;
	border-radius: 3px;
	padding: 4px 10px;
	margin: 8px 0 0;
}
#ticketSchedule #entryDateDetail td .subTxt { display: block; margin-top: 8px;}
#ticketSchedule .yellowTicket{
	display: inline-block;
	color: #FFF;
	background:#E7A814;
	font-size: 11px;
	font-weight: bold;
	border-radius:3px;
	padding: 0 10px;
	position: relative;
	top: -2px;
}
#tiketAtt.section,
#summary.section,
#flowStepAfter.section{background:#fff;}

/* info
======================== */

#info h2.title{
font-size: 16px;
margin-bottom: 15px;
color: #3ab8d8;
letter-spacing: 0;
line-height: 12px;
border-bottom: none;
border-left: 4px solid #3ab8d8;
padding-left: 5px;
padding-top: 5px;
}

#info li{
border-bottom: 1px solid #C5E1EF;
padding-bottom: 15px;
margin-bottom: 20px;
}

#info li:last-child{
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}

#info .upDate{
color: #555;
font-size: 10px;
font-weight: bold;
line-height: 1em;
margin-bottom: 4px;
}

#info .title{
font-size: 14px;
font-weight: bold;
line-height: 140%;
margin-bottom: 8px;
}

/* summary
======================== */
/* スケジュール */

#schedule .accordion dt{
display: block;
text-align: center;
font-weight: bold;
text-decoration: none;
line-height: 120%;
border-radius: 3px;
margin: 0 auto 10px;
background: #fff;
color: #30649a;
font-size: 14px;
line-height: 140% !important;
font-weight: bold;
line-height: 40px;
border: 1px solid #30649a;
padding: 10px !important;
-webkit-transition: all .2s ease;
transition: all .2s ease;
position:relative;
}

#schedule .accordion dt:after{
content:"\f196";
font-size:17px;
font-family:"FontAwesome";
position:absolute;
top:50%;
right:20px;
margin-top:-9px;
font-weight:normal;
}
#schedule .accordion dt.open:after{
content:"\f147";
font-size:17px;
font-family:"FontAwesome";
position:absolute;
top:50%;
right:20px;
margin-top:-9px;
font-weight:normal;
}

#schedule .accordion dd{
display:none;
}

#schedule .scheduleList li{
  border-top: 1px solid #a2a2a2;
  padding:15px 0 0;
  margin: 0 auto 15px;
}

#schedule .scheduleList .venue {
font-size: 16px;
/* font-weight: bold; */
padding: 1px 0;
margin: 0 auto 0px;
}

#schedule .scheduleList .date 	{
font-family:"ヒラギノ角ゴ ProN W3 / W6","Hiragino Kaku Gothic Pro",sans-serif;
font-size:14px;
 padding: 0px 0;
 margin:10px 0 3px;
/* border-top: 1px solid #999;
 font-weight: bold;*/
}
#schedule .scheduleList .time	{ font-size: 11px; }
#schedule .scheduleList .ticket { font-size: 11px; margin: 0;}
#schedule .scheduleList .info	{   
/*border-bottom: 1px dotted #dedede;
background:#f5f5f5;
padding: 8px 10px 5px;*/
margin: 10px auto 0;
}


#schedule .scheduleList .info .tit {
/*display: inline;
font-weight: bold;*/
color: #555;
font-size: 12px;
}
#schedule .scheduleList .info .txt{
/*display: inline-block;
color: #2D89E8;*/
font-size: 12px;
line-height: 140%;
}

#schedule .scheduleList .info .txt.sankaku{color:#d78813;}

#schedule .scheduleList .info .txt.batsu{color :#c00;}
#schedule .scheduleList .info .subTxt	{ display: block; }
#schedule .scheduleList li .info:last-child{
border-bottom: none;
}

#schedule .scheduleList li .fa-circle-thin{font-weight: bold;}

/* 公演概要 */
#summary dl { border-top: 1px solid #333; margin: 0 0 10px; }
#summary dt {
	width: 80px;
	clear: left;
	float: left;
/*	font-weight: bold;*/
	font-size: 11px;
	padding: 16px 0 0;
}

#summary dd {
font-size: 14px;
line-height:140%;
border-bottom: 1px solid #333;
padding: 15px 0 15px 80px;
}

#summary dd img.sponsorship {
	margin-top: 2px;
	height: 1em;
}
#summary dd img.sponsorship2 {
/*	vertical-align: -3px;*/
	height: 1em;
	padding: 0 10px 0 0;
}
#summary dd img.sponsorship3 {
	vertical-align: -2px;
height: 1.2em;
}


/* dTicket
======================== */


#dTicket.section{
background: #dde9f3;
padding: 0;
margin-bottom:10px;}

#dTicket .section.intro,
#dTicket .section.about,
#dTicket .section.memorialcollection,
#dTicket .section.charge{ position: relative;
padding:20px 4% 21px;
}

#dTicket .section.intro{
padding:20px 4% 10px;
}


#dTicket .section.intro:before,
#dTicket .section.about:before,
#dTicket .section.memorialcollection:before{
content:'';
display: block;
width: 92%;
height:1px;
background: #8ca3b9;
position:absolute;
margin-left:-46%;
bottom: 0;
left:50%;
}


#dTicket.section .sectionTit {
color: #111;
text-align: center;
font-size: 20px;
line-height: 120%;
font-weight: bold;
border: none;
margin: 0 0 10px;
padding-left: 0;
}

#dTicket.section .sectionTit span{ font-size: 13px; display:block; }

#dTicket .areaTit {
	color: #151515;
	font-size: 16px;
	line-height: 135%;
	font-weight: bold;
	margin: 0 0 10px;
}
#dTicket .txt { margin: 0 0 10px; }
#dTicket .section .txt:last-child{margin-bottom:0;}
#dTicket .txt.bold {margin: 0 0 15px;}
#dTicket .ph img { width: 100%; }

/* about */
#dTicket .section.about .ph { margin: 0 0 20px; }
#dTicket .section.about .pointList {  }
#dTicket .section.about .pointList li {
/* color: #006992;*/
 font-weight: bold;
 margin: 0 0 5px;
  padding: 0 0 0 15px;
   position: relative; }
#dTicket .section.about .pointList li:last-child{margin-bottom:0;}
#dTicket .section.about .pointList li .fa {
 position: absolute;
  top: 2px;
   left: 0;
   color:#151515; }

/* メモリアルコレクション */
#dTicket .section.memorialcollection .ph { margin-bottom: 15px;}

/* 手数料 */
#dTicket .charge .chargeList { width: 100%; margin: 0 0 10px; }
#dTicket .charge .chargeList th,
#dTicket .charge .chargeList td {
	line-height: 150%;
	border: 1px solid #99CCE4;
	padding: 8px 5px;
}
#dTicket .charge .chargeList th {
	width: 75px;
	background: #DFF0FF;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	border-right: none;
}
#dTicket .charge .chargeList .head th{
background: #3ab8d8;
border-color: #3ab8d8;
font-size: 9px;
text-align: center;
color: #fff;
}
#dTicket .charge .chargeList .head th:last-child{ width: auto;}

#dTicket .charge .chargeList .ph img { width: 50px; }
#dTicket .charge .chargeList .ph.mini img { width: 15px; }
#dTicket .charge .chargeList th .num {
	color: #F55555;
	font-size: 1.6em;
	margin: 0 3px;
	position: relative;
	top: 2px;
}
#dTicket .charge .chargeList td {
	background: #fff;
	font-weight: bold;
	border-left: none;
}
#dTicket .charge .chargeList td .tit { font-size: 12px;  margin: 0; }
#dTicket .charge .chargeList td .txt { font-size: 12px;  margin: 0; }
#dTicket .charge .chargeList td .num.total {
	color: #F55555;
	font-size: 1.6em;
	padding: 0 3px 0 5px;
	position: relative;
	top: 2px;
}
#dTicket .charge .chargeList.ex th,
#dTicket .charge .chargeList.ex td { border-color: #aaa;  }
#dTicket .charge .chargeList.ex th {
	width: 75px;
	background: #ddd;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2em;
	border-right: none;
	padding: 0 5px 8px;;
}

/* 対応端末 */
#dTicket .section.device{
background: #ECECEC;
font-size: 12px;
padding:20px 4% 21px;
}


#dTicket .section.device .attentionList li {
text-indent: -0.5em;
padding-left: 1em;
margin-bottom: 10px;
}

#dTicket .section.device .areaTit {color: #111;}
#dTicket .section.device i{color: #D82E2E;}

/* tiketAtt
======================== */

#tiketAtt h2{ margin: 0 auto 10px;}
#tiketAtt h3{
font-size: 17px;
font-weight: bold;
margin-bottom: 10px;
}

#tiketAtt h3 i{
color: #F1C30C;
display:none;
}
#tiketAtt .lead{
font-weight: normal;
}

#tiketAtt dt:first-child{
letter-spacing: -0.05em;
}


#tiketAtt dt{
font-weight: bold;
font-size: 13px;
line-height: 135%;
border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
background: #434b52;
color: #fff;
padding: 8px 10px;
}

#tiketAtt dd{
font-weight: bold;
background: #fff;
border: 1px solid #434b52;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
padding: 10px;
margin-bottom: 5px;
}

#tiketAtt dd:first-child{ margin-bottom: 20px;}
#tiketAtt dd p{ font-size: 12px;text-align: center; }
#tiketAtt dd:first-child p{ padding-bottom: 20px; }

#tiketAtt dd:last-child{margin-bottom: 20px;}

#tiketAtt .ph img{
width: 100%;
display: block;
margin: 0 auto;
}

/* flowStep
======================== */

[id^="flowStep"] .stepList li{
border-bottom: 1px solid #30649a;
padding-bottom: 10px;
margin-bottom: 15px;
}

#flowStepBefore .stepList li{
border-bottom: 1px solid #D8D8D8;
}

[id^="flowStep"] .stepList .listTit {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0;
	margin: 0 0 10px;
}

[id^="flowStep"] .stepList .txt.sub{ font-size: 12px; line-height: 140%; }

[id^="flowStep"] .stepList .listTit span.step {
display: block;
float: left;
width: 40px;
height: 40px;
background: #30649a;
color: #fff;
font-size: 9px;
font-weight: bold;
text-align: center;
line-height: 40px;
text-indent: 0;
margin: 0 6px 0 0;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
}
[id^="flowStep"] .stepList .listTit.double span.step { vertical-align: 21px;}
[id^="flowStep"] .stepList .listTit span{
display: block;
overflow: hidden;
font-size: 15px;
text-indent: 0;
line-height: 130%;
}

[id^="flowStep"] li .lead{margin-bottom: 5px;}
[id^="flowStep"] li .sub{font-size: 1em;}

[id^="flowStep"] .tit{
font-weight: bold;
font-size: 19px;
text-align: center;
color: #000000;
margin-bottom: 15px;
}
[id^="flowStep"] .before{ margin-bottom: 70px;}
[id^="flowStep"] dd{ font-size: 13px;}

[id^="flowStep"] dd p{
line-height: 140%;
margin-bottom: 8px;
}

[id^="flowStep"] .stepList .stepB03{
border-bottom: none;
padding-bottom:0;
}

.stepB03 .dticketBox{
border-bottom: 1px solid #E0E0E0;
padding-bottom: 20px;
margin-bottom: 20px;
}

.subAtt{
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 20px;

}

.subAtt p{
font-size: 11px;
text-indent: -1em;
padding-left: 1em;
line-height: 150%;
}

#subAtt p:first-child{ margin-bottom: 10px;}

#subAtt{
background: #E3EAEF;
padding: 10px;
margin-bottom: 0;
}

#subAtt p{
font-size: 11px;
text-indent: -1em;
padding-left: 1em;
line-height: 150%;
}


#flowStepAfter{ padding-bottom: 15px;padding-top: 25px;}
#flowStepAfter .after h2{ position: relative;}

#flowStepAfter h2 span{
display: inline-block;
font-size: 10px;
color: #fff;
background: #DB0A28;
padding: 2px 8px 0;
margin-right: 8px;
border-radius: 3px;
line-height: 22px;
vertical-align: 2px;
margin-left: -24px;
}

#flowStepAfter .stepList .stepB02 .subBox,
#flowStepAfter .stepList .stepB03 ul{
text-indent:0;
}

#flowStepAfter .stepList .stepB02 li{
text-indent: 0;
margin-right: 0;
margin-bottom: 0;
border-bottom: none;
}

#flowStepAfter .stepList .stepB02 li:nth-child(3) dt{background: #F54292;}
#flowStepAfter .stepList .stepB02 li:nth-child(3) dd{border-color: #F54292;}
#flowStepAfter .stepList .stepB02 li:last-child{margin-right:0;}

#flowStepAfter .stepList .stepB02 li dt{
background: #3ab8d8;
font-size: 14px;
line-height: 120%;
text-align: center;
color: #fff;
border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
padding: 10px 0;
margin-bottom: 0;
}

#flowStepAfter .stepList .stepB02 li dd{
letter-spacing: 0em;
background: #fff;
border: 1px solid #3ab8d8;
border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
padding: 10px;
}

#flowStepAfter .stepList .stepB03 li{
border: none;
font-size: 13px;
line-height: 140%;
text-indent: 0;
padding: 0;
margin-bottom: 15px;
}
#flowStepAfter .stepList .stepB03 li:first-child .phIco{
width: 34px;
display: inline-block;
vertical-align: -8px;
}

#flowStepAfter .stepList .stepB03 .listTit{
font-weight: bold;
margin-bottom: 20px;

}

#flowStepAfter .stepList .stepB03 li:last-child .phIco{
width: 40px;
display: inline-block;
vertical-align: -12px;
text-align: center;
margin: 0;
}

#flowStepAfter .stepList .stepB03 li .tit {
display: inline-block;
font-weight: bold;
font-size: 17px;
margin-bottom: 13px;
color:#3ab8d8;
}

#flowStepAfter .stepList .stepB03 li .lead{
color: #000;
line-height: 130%;
font-size: 15px;
letter-spacing: 0;
position: relative;
margin: 0 0 5px;
}

#flowStepAfter .stepList .stepB03 li .date{
font-size:13px;
font-weight: bold;
padding: 0;
letter-spacing: 0;
margin: 0 auto 5px;
}

#flowStepAfter .stepList .stepB03 li.dticketBox{
padding-bottom: 10px;
margin-bottom: 15px;
}

/* btnArea
======================== */
#btnArea.section {padding-bottom: 10px;}

#btnArea.section li{
background: #C2EDFB;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border: 1px solid #A2BAC7;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding: 15px 10px;
margin-bottom: 15px;
position: relative;
}

#btnArea.section .before{
background: #E8EDEF;
padding: 30px 0;
border-radius: 2px;
}

#btnArea.section li:last-child{ margin-bottom: 0;}

#btnArea.section li:first-child:before{
content:"オススメ！";
display:block;
width: 40px;
height: 40px;
font-size: 8px;
line-height:40px;
background: #E85367;
color: #fff;
font-weight: bold;
letter-spacing: -0.2em;
text-align: center;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
position: absolute;
top: -20px;
left: -10px;
}

#btnArea .title{


line-height: 150%;
letter-spacing: 0;
font-size: 14px;
font-weight: bold;
text-align: center;
margin-bottom: 28px;

}

#btnArea h2.title{
    margin: 0 auto 20px;
    color: #151515;
    font-size: 20px;
    line-height: 120%;
    text-align: center;
    font-weight: bold;

}

#tour2018 #btnArea .btn{text-align: left;margin-bottom: 0;}
#tour2018 #btnArea .btn a{text-align: center; margin-bottom: 0;}
#btnArea li:last-child .btn .main span{ text-align:center}

#btnArea img{
display: inline-block;
width: 50px;
margin-right: -7px;
}

#btnArea.section li:first-child{
border: 1px solid #F37586;
}

#btnArea.section li.before:first-child{
background: #eee;
border: 1px solid #ddd;
}

#btnArea li:last-child img{ margin:5px;}

#btnArea li p{
text-align: center;
font-weight: bold;
font-size: 15px;
line-height: 0;
letter-spacing: -0.01em;
margin-bottom: 15px;
}

/* notice
======================== */
#notice {
	width: 100%;
	height: 100%;
	background: #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 4% 30px;
}
#notice .sectionTit {
	color: #8ca3b9;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 1em;
	margin: 0 0 20px;
}
#notice .noticeList {
	height: 300px;
	position: relative;
}
#notice .noticeList li {
	width: 100%;
	background: #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dde9f3;
	border-radius: 4px;
	padding: 15px;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
#notice .noticeList li:first-child { display:block; }
#notice .txt {
font-size: 15px;
font-weight: bold;
margin: 0 0 20px;
}
#notice .ph { margin: 0 0 20px; }
#notice .ph img { width: 100%; }
#notice label {
display: block;
font-weight: bold;
text-align: left;
padding: 10px 0;
margin: 0 0 10px;
text-indent: -1.3em;
padding-left: 1em;
}
#notice label input{margin-right: 0.2em;}
#tour2018 #notice .btn span{margin-bottom: 0;}
/* footer
----------------------------------- */

#footer {
	width: 100%;
/*	background: #f5f5f5;*/
	position: absolute;
	left: 0;
	bottom: -18px;
	padding: 11px 0;
}

#footer .copyright {
	text-align: center;
}

#footer .copyright small {
	display: inline-block;
	font-size: 10px;
	line-height: 130%;
	font-weight: normal;
	color: #99958c;
	text-align: center;
	padding:  0;
}

#entryAtt {
background: #FFFDE3;
}

dl.entryLead {
margin:0 auto 5px;
}
dl.entryLead dt {

    line-height: 150%;
    font-weight:bold;
    font-size: 17px;
    margin: 0 auto 14px;
}

dl.entryLead dd {
	padding:0 0 5px 1em;
    text-indent: -1em;
    line-height: 150%;
    font-weight:bold;
}

dl.entryLead dd span {
	color:#f00;
	font-size: 13px;
}


#entryAtt p.entryAbout {
	display:block;
	background:#e6002c;
	color:#fff;
	padding:10px;
	border-radius: 5px;
	text-align: center;
	font-weight:bold;
}

#entryAtt p.entryAbout span {
	font-weight:normal;
	font-size: 12px;
}
.staffAttention {
margin: 15px auto 0;
text-align:center;
}
.staffAttention .staffAttentionTxt {
margin:0 auto 15px;
font-weight:bold;
}

.staffAttention p {
margin:0 auto 10px;
}

.staffAttention p span{
color:#f00;
}

.staffAttention p.btn {

}


dl.ticketDetail dd {
    background: #dde9f3;
/*    border: 1px solid #1DB2DD;*/
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 15px 10px;
    position: relative;
}

dl.ticketDetail dd p {
    font-size: 15px;
    font-weight: bold;
/*    letter-spacing: -0.01em;
    line-height: 0;*/
    margin-bottom: 15px;
    text-align: center;
}

dl.ticketDetail dd p.center {
color: #151515;
}

dl.ticketDetail dd .recommend {
    color: #e0384f;
    font-size: 13px;
    line-height: 140%;
    text-align: center;
    margin: 10px auto 5px;
}


#container .dticket .tit {
color: #151515;
font-size: 20px;
font-weight: bold;
margin: 0 0 20px;
line-height: 1.6em;
padding: 0px 5% 0px;
}

#container .txtBox {
 padding: 0px 5% 20px;
}

#container .txtBox .tit {
    color: #000000;
    line-height: 1.4em;
    margin: 0 0 10px;
    text-align: left;
font-size: 14px;
font-weight: bold;
padding: 0px 0px;
}


#container .txtBox .caps {
    margin-bottom: 20px;
}

.pc{
display:none!important;
}


.box {
    padding: 20px 4% 15px;
}

#tiketAtt .title {
    font-size: 16px;
    margin:0 auto 20px;
    font-weight: bold;
   text-align: center;
}

#flowStep .after .stepList .stepB03 li{
border: none;
font-size: 13px;
line-height: 140%;
text-indent: 0;
padding: 0;
margin-bottom: 15px;
}


#flowStep .after .stepList .stepB03 li .date{
    font-size: 13px;
    font-weight: bold;
    padding: 0;
    letter-spacing: 0;
    margin: 0 auto 5px;
}


#flowStep .after .stepList .stepB03 li:first-child .phIco{
width: 34px;
display: inline-block;
vertical-align: -8px;
}

#flowStep .after .stepList .stepB03 .tit{
font-weight: bold;
margin-bottom: 20px;
    display: inline-block;
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 13px;
    color: #151515;
}

#flowStep .after .stepList .stepB03 li:last-child .phIco{
width: 40px;
display: inline-block;
vertical-align: -12px;
text-align: center;
margin: 0;
}



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



#btnArea .before {
    background: #ECECEC;
    padding: 30px 0;
    border-radius: 2px;
}