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

/*----------------------------------
	index用のCSSです
----------------------------------*/
.CtsMrBox{width:1024px; margin: 0 auto 40px auto;}

p, a, em, font, strongdl, dt, dd, ol, ul, li ,td{font-size: 12px; line-height: 140%;}

.FClear{ clear:both;}
li img,dt img,dd img{
vertical-align:bottom;
}
td{ vertical-align:top;}
/*----------------------------------メインコンテンツ----------------------------------*/

.TtlMenuBox { width:1024px; height:163px; background-color:#4b267f;}
.TtlMenuBox .btnbox{ width:964px; height:35px; background:url(../images/menu_bg.jpg) no-repeat top; padding-left:60px;}
.TtlMenuBox .btn,.TtlMenuBox .btn03,.TtlMenuBox .btn03_o{ float:left;}
.menu_o{  visibility:hidden;}

.TrzBox{ width:1024px; height:auto; background-color:#4b267f;}
.mail .TrzBox{width: 964px; padding: 0 30px;}
.TrzWhtBox{
	width:944px; 
	height:auto; 
	background-color:#FFF; 
	border-left:10px solid #8870af; 
	border-right:10px solid #8870af; 
	border-bottom:10px solid #8870af;
	margin:0 30px;
	}
.TrzWhtBox20{ padding:20px 20px 20px 20px; clear:both;}
.TrzWhtBox25{ padding:0 0 20px 25px; clear:both;}
.TrzMoonBox img{ width: auto;}
.TrzMoonBox .sttl_net img{ width: 100%;}
.Trz_kazari{margin: 0 auto; width: 964px;}
/*組別*/
.TrzFlowerBox, .TrzMoonBox, .TrzSnowBox, .TrzStarBox, .TrzCosmosBox{ width:1024px; height:auto; background-color:#4b267f;}
.TrzFlowerBox h3.sbttl, .TrzMoonBox h3.sbttl, .TrzSnowBox h3.sbttl, .TrzStarBox h3.sbttl, .TrzCosmosBox h3.sbttl, .TrzBox h3.sbttl{ margin:0 30px;	border-bottom:10px solid #8870af;}
.TrzFt{ 
	width:1024px; 
	height:145px; 
	background:url(../images/footer.jpg) no-repeat bottom #4b267f; 
	color:#FFF; 
	text-align:center;
	padding-top:40px;
	font-size: 11px;
	}

.sbttl img{
	width: auto;
}
.TrzFt p{ 
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	padding:40px 0 5px;
	}
.px20{ font-size:20px; font-weight:normal;}

.TrzTopFt{ 
	width:1024px; 
	height:auto;
	color:#FFF; 
	text-align:center;
	margin-top:40px;
	padding-bottom:15px;
	border-top:1px solid #5e5371;
	font-size: 10px;
	}
.TrzTopFt p{ 
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	padding:15px 0 5px;
	}
#menu li {
  position: relative;
  margin: 0;
}
#menu li.btn03 {
	width:209px;
	height:36px;
  	background:url(../images/menu_03.gif);
	}
#menu li.btn03_o {
	width:209px;
	height:36px;
 	background:url(../images/menu_03_o.gif);
}
#menu li.btn03:hover {
  background:url(../images/menu_03_o.gif);
}
#menu li ul {
  display: none;
  position: absolute;
  top: 36px;
  padding: 8px 20px;
  width: 430px;
  height: 18px;
  background:url(../images/menu_kumi_bg.gif) no-repeat top left #935bc9;
  
}
#menu li ul li {
  margin: 0;
  padding: 0;
  width: 70px;
  border: none;
  float:left;
}
#menu li ul li a {
  display: inline-block;
  width: 70px;
  height: 20px;
}
#menu li ul li a:hover {
  
  color: #fff;
}
/*----------------------------------
	top用のCSSです
----------------------------------*/
.TopPoint{ 
	width:930px; 
	height:190px; 
	background:url(../images/top_ttl_bg.jpg) no-repeat top; 
	padding-left:30px;
	overflow:hidden;
	}
.TopPoint li{ float:left;}
.TopPoint:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .TopPoint {
    height: 1em;
    overflow: visible;
}
/**/
.TopicsBox{ width:964px; background:#FFF; margin:20px 30px; padding-bottom:10px;}
.TopicsBox li{ 
	background:url(../images/top_topics_icn.gif) no-repeat top 5px left 0px; 
	padding: 5px 10px 5px 35px;
}
.TopicsBox .listBtn{
	width: 290px;
	height: 32px;
	margin: 10px auto;
	background-image: url(../images/moreBtn.png);
}
.TopicsBox .listBtn.close{
	background-image: url(../images/closeBtn.png);
}
.TopicsBox .hideList{
	height: 0;
	overflow: hidden;
	transition: height .4s ease 0s;
}

.InfoBox{
	box-sizing: border-box;
	width: 964px;
	margin: 20px auto;
	padding: 8px 0 10px 0;
	border: 2px solid #b3b3b3;
	background-color: white;
}
.InfoBox h3{
	margin-bottom: 10px;
}
.InfoBox ul{
	margin: 0;
	padding: 0 18px;
}
.InfoBox ul li{
	position: relative;
	line-height: 30px;
	padding: 5px 10px 5px 28px;
	/* background-image:
		linear-gradient(90deg, #fff 0%, #fff 50%, transparent 51%, transparent 100%),
		linear-gradient(#b3b3b3 1px, transparent 1px); */
	background-size:
		2px 1px,
		100% 30px;
	background-position:
		left 1px top 0px,
		left 0px top 29px;
}
.InfoBox ul li:before{
	content: "";
	position: absolute;
	display: block;
	border-left: #8c0000 5px solid;
	border-top: transparent 4px solid;
	border-bottom: transparent 4px solid;
	top: 11px;
	left: 8px;
}
.InfoBox ul li a{
	display: block;
	
	text-decoration: none;
}

.InfoBox .listBtn{
	width: 290px;
	height: 32px;
	margin: 20px auto 10px auto;
	background-image: url(../images/moreBtn.png);
}
.InfoBox .listBtn.close{
	background-image: url(../images/closeBtn.png);
}
.InfoBox .hideList{
	height: 0;
	overflow: hidden;
	transition: height .4s ease 0s;
}

.TopMail{
	position: relative;
	width:964px;
	height:418px;
	position:relative;
	margin:20px 30px 40px;
	}
/*.TopMail::after{ 
	content: '';
    display: block;
    width: 211px;
    height: 274px;
    background: url(../images/) no-repeat center / contain;
    position: absolute;
    bottom: 0;
    right: -19px;
	}*/
.TopMail_01{ position:absolute; top:100px; left:0;}
.TopMail_02{ position:absolute; top:100px; right:0;}
.TopMail_03{ position:absolute; top:215px; left:0;}
.TopMail_04{ position:absolute; top:215px; left:318px;}
.TopMail_05{ position:absolute; top:215px; right:0;}
.TopMail_06{ position:absolute; top:335px; left:0; background:url(../images/top_mail_btn.gif);}

/*---ツアー枠---*/
.TopPickCts {	
	width:962px;
	margin:0 30px;
	background:#8d0000;
	border-color:#dfb600;
	border-style:solid;
	border-width:0 1px 1px 1px;
	overflow: hidden;
	padding-bottom: 10px;
}
.TopPickBox h3 {
	width:964px;
	padding:0 30px;
	background:url(../images/top_pickup_bg.jpg) top no-repeat #4b267f;
}
.TopPlanBox{
	width:962px;
	margin:0 30px;
	background:#8d0000;
	border-color:#dfb600;
	border-style:solid;
	border-width:0 1px 1px 1px;
	overflow: hidden;
	padding-bottom: 10px;
	}
.TopPlanBox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .TopPlanBox {
    height: 1em;
    overflow: visible;
}
/**/
.TopPlanCts01 .TempBtn,.TopPlanCts02 .TempBtn{ clear:both; margin:15px 0 20px 73px;}
.PlanCtsRight .TempBtn{margin-bottom: 15px;}
.TopPlanCts02 .TempBtn p a img,.PlanCtsRight .TempBtn img{width: 320px;}


.TempDay{
	background:#E5E5E5; 
	padding:6px 15px; 
	overflow:hidden;
	}
.TempDay dt{
	float:left;
	}
.TempDay dd{
	font-size:14px; 
	line-height:18px; 
	font-weight:normal; 
	color:#000;
	padding-top:3px;
	margin-left: 85px;
	text-indent: -4em;
	padding-left: 4em;
	}
/*01*/
.TopPlanCts01,.TopPlanCts02{ 
	width:466px; 
	height:auto;
	margin: 10px 0 0 10px;
	display: inline;
	background:url(../images/top_more_bg.gif) no-repeat bottom #FFF;
	}
.TopPlanCts01 .TempBox { overflow:hidden; width:466px; height:auto;} 
.TopPlanCts01 .TempPhoto { float:left; width:140px; padding:15px 0 0 15px;}
.TopPlanCts01 .TempPhoto img { width:130px;}
.TopPlanCts01 .credit{ width:130px; float:left; clear:left; font-size:10px; line-height:12px; padding:5px 0 0 15px;}
.TopPlanCts01 .TempTtl{ font-size:14px; line-height:18px; font-weight:bold; padding:15px 0 0 145px;}
.TempBox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .TempBox {
    height: 1em;
    overflow: visible;
}
/**/
/*02*/
.TopPlanCts02 .TempPhoto { float:left; height:130px; padding:15px 0 0 15px;}
.TopPlanCts02 .TempPhoto img { height:130px;}
.TopPlanCts02 .credit{clear: both; font-size:10px; line-height:12px; padding:5px 0 0 15px;}
.TopPlanCts02 .TempTtl{ font-size:14px; line-height:18px; font-weight:normal; clear:both; padding:15px 0 0 15px;}
.TopPlanCtsNo {
	padding:70px 20px;
	text-align: center;
}
.TopBknCtsNo {
	padding:20px;
	text-align: center;
}
/*組*/
.TopBttm{ background:#2f2b37; border-top: 30px solid #4b267f;}
.TopTroupe{
	width:964px; 
	height:135px; 
	background:url(../images/top_troupe_bg.jpg) no-repeat;
	padding: 0 62px;
	overflow:hidden
	}
.TopTroupe:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html .TopTroupe {
	height: 1em;
	overflow: visible;
}
/**/
.TopTroupe li{ float:left;} 
.TopHelp{ 
	width:924px; 
	height:80px; 
	background:url(../images/top_help_bg.gif);
	padding:40px 0 0 100px;
	margin-top:40px;
	overflow:hidden;
	}
.TopHelp li{ float:left;}
.TopHelp .txt{ width:510px; color:#FFF; font-size:14px;}

/*バックナンバー*/
.BacknumberBox{ width:964px;margin:0 30px;background:#FFF; margin-top:40px; padding-bottom:10px;overflow: hidden;}
.BacknumberBox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .BacknumberBox {
    height: 1em;
    overflow: visible;
}
/**/
.BacknumberCnt{
	width:435px;
	height:auto;
	margin-left:10px;
	}
.BacknumberBox p.ttl{ 
	background:#322f39; 
	font-size:14px; 
	font-weight:bold; 
	color:#fff; 
	text-align:center;
	padding:6px;
	}
.BacknumberBox ul{ 
	background:url(../images/top_topics_icn.gif) no-repeat top left; 
	padding:0 0 10px 35px; 
	margin:10px 15px 10px 0;
	border-bottom:1px solid #ccc;
	}

/*バナー*/
.TopOtrLink{ text-align:center; margin:25px 0;}
.TopOtrLink li{ margin-top: 5px;}
.TopOtrLink a{ color:#fff; text-decoration:underline; font-size: 10px; line-height: 130%;}

/*----------------------------------
	detail用のCSSです
----------------------------------*/
.TrzNoTtlBox{ 
	width:964px; 
	height:auto; 
	background:url(../images/tour_top_line.gif) no-repeat top #4b267f;
	padding:20px 30px 0;
	}
.IcnCh{ 
	width:934px; 
	height:auto; 
	background:url(../images/icn_ch.gif) no-repeat top left #2b2b2b; 
	color:#FFF; 
	font-size:22px; 
	font-weight:bold; 
	padding:5px;
	text-indent: 130px;
	line-height:28px;
	}
.TrzFlowerBox .TempDay{ background:#fae6ef; overflow:hidden; padding:10px;}
.TrzMoonBox .TempDay{ background:#f8f0ca; overflow:hidden; padding:10px;}
.TrzSnowBox .TempDay{ background:#e0efde; overflow:hidden; padding:10px;}
.TrzStarBox .TempDay{ background:#dee8ef; overflow:hidden; padding:10px;}
.TrzCosmosBox .TempDay{ background:#e2deef; overflow:hidden; padding:10px;}
/*01*/
.PlanCts01 {overflow: hidden;}
.PlanCts01 .TempPhoto{ float:left; width:140px; padding:15px 0 10px 15px;}
.PlanCts01 .TempPhoto img { width:130px;}
.PlanCts01 .credit{ width:130px; float:left; clear:left; font-size:10px; line-height:12px; padding:0 0 10px 15px;}
.PlanCts01 .TempIcn{ padding:15px 0 0 145px;}
.PlanCts01 .TempTtl{ font-size:14px; line-height:18px; font-weight:bold; padding:15px 0 15px 145px;}
.PlanCts01:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .PlanCts01 {
    height: 1em;
    overflow: visible;
}
/**/
/*02*/
.PlanCts02 { overflow:hidden;}
.PlanCts02 .TempPhoto{ float:left; padding:15px 0 0 15px;}
.PlanCts02 .TempPhoto img { height:130px;}
.PlanCts02 .credit{clear: both; font-size:10px; line-height:12px; padding:5px 0 0 15px;}
.PlanCts02 .TempTtl{ font-size:14px; line-height:18px; font-weight:normal; padding:0 0 15px 15px; clear:both;}
.PlanCts02 .TempIcn{ clear:both; padding:15px 0 5px 15px;}
.PlanCts02 .TempIcn img{ width:80px;}

.PlanCts02 .copy{ font-size:10px; padding-top:2px; clear:both;}
.PlanCts02:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .PlanCts02 {
    height: 1em;
    overflow: visible;
}
/**/
/*03-event*/
.PlanCts03{ width:840px; height:auto;}
.PlanCts03 .TempPhoto{ float:left; width:160px; }
.PlanCts03 .TempPhoto p{padding-bottom:20px;}
.PlanCts03 .TempEvList{ padding:0 0 10px 160px;}
.PlanCts03 .TempEvList_txt{ margin:0 0 40px 5px;}
.PlanCts03 .TempEvFree{ width:678px; height:auto; border:#816fab 1px solid; margin-bottom:20px;}
.PlanCts03 .TempEvFree dd{ padding:10px;}
/**/
.PlanCtsNo {border-bottom:10px solid #8870af;padding:20px;}

.PlanCtsLeft{ width:500px; height:auto; float:left;}
.PlanCtsRight{ width:340px; height:auto; float:right; }

.TrzFlowerBox .PlanStory{ width:316px; border:2px #e3859d solid; margin:15px 0;}
.TrzMoonBox .PlanStory{ width:316px; border:2px #dfc934 solid; margin:15px 0;}
.TrzSnowBox .PlanStory{ width:316px; border:2px #84b678 solid; margin:15px 0;}
.TrzStarBox .PlanStory{ width:316px; border:2px #89b0ea solid; margin:15px 0;}
.TrzCosmosBox .PlanStory{ width:316px; border:2px #a58fc9 solid; margin:15px 0;}

.PlanStory dd{ padding:10px 15px; border-top:1px dotted #aaa;}
.PlanStory dd.storyOne{border-top: none;}

.PlanList{ clear:both; padding:15px;border-top:1px dotted #aaa;}
.PlanList ul{ overflow:hidden; clear:both;}
.PlanList:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .PlanList {
    height: 1em;
    overflow: visible;
}
.TrzFlowerBox .PlanList_day{ background:#fae6ef; font-size:20px; font-weight:normal; padding:5px;}
.TrzMoonBox .PlanList_day{ background:#f8f0ca; font-size:20px; font-weight:normal; padding:5px;}
.TrzSnowBox .PlanList_day{ background:#e0efde; font-size:20px; font-weight:normal; padding:5px;}
.TrzStarBox .PlanList_day{ background:#dee8ef; font-size:20px; font-weight:normal; padding:5px;}
.TrzCosmosBox .PlanList_day{ background:#e2deef; font-size:20px; font-weight:normal; padding:5px;}

.PlanList li{ float:left; margin:0 0 8px 5px; padding-top:5px;}
* html.PlanList li{ /line-height:0;}

.MapBox{ margin: 30px 0 20px 30px;}
.MapBox dt{ width:504px;float:left; font-weight: normal;}
.MapBox dt img{ width:250px;}
.MapBox dt img{ padding-bottom:10px;}
.MapBox .mapimg{ padding-left:430px;} 

/*----------------------------------
	組用のCSSです
----------------------------------*/
.TrzTourTtl{ margin:30px 30px 0;}
.notOne{margin-top: 15px; border-top: 1px dotted #CCC;}
.KumiPlanList{padding:15px; border-top:1px dotted #ccc;}
.KumiPlanList li{ 
	background:url(../images/top_topics_icn.gif) no-repeat top left; 
	padding-left:35px; 
	margin:5px 0;
	font-size:14px;
	}
.KumiPlanList a{ font-size:14px;}
.IcnNone{ 
	width:934px; 
	height:auto; 
	background: #2b2b2b; 
	color:#FFF; 
	font-size:22px; 
	font-weight:bold; 
	padding:5px;
	text-indent: .5em;
	line-height:32px;
	}
.IcnSt{ 
	width:934px; 
	height:auto; 
	background:url(../images/icn_st.gif) no-repeat top left #2b2b2b; 
	color:#FFF; 
	font-size:22px; 
	font-weight:bold; 
	padding:5px;
	text-indent: 130px;
	line-height:32px;
	}
.IcnEv{ 
	width:934px; 
	height:auto; 
	background:url(../images/icn_ev.gif) no-repeat top left #2b2b2b; 
	color:#FFF; 
	font-size:22px; 
	font-weight:bold; 
	padding:5px;
	text-indent: 130px;
	line-height:32px;
	}
.PlanSoonBtn{
	width:308px;
	padding:5px;
	border:1px solid #dc3d3d; 
	margin:5px 0 15px;
	text-align:center;
	color:#dc3d3d;
	}
.PlanSoonBtn li{color:#dc3d3d;}
.PlanStopBtn{
	width:308px;
	padding:5px;
	background:#888; 
	border:1px solid #aaa; 
	margin:5px 0 15px;
	text-align:center;
	color:#ddd;
	}
.PlanStopBtn li{color:#ddd;}
.TrzFlowerBox .KumiPlanDay{ 
	width:304px;
	background:#fae6ef; 
	overflow:hidden; 
	padding:8px;
	font-size:14px; 
	color:#000;
	margin:15px 0 10px;
	}
.TrzMoonBox .KumiPlanDay{ 
	width:304px;
	background:#f8f0ca; 
	overflow:hidden; 
	padding:8px;
	font-size:14px; 
	color:#000;
	margin:15px 0 10px;
	}
.TrzSnowBox .KumiPlanDay{ 
	width:304px;
	background:#e0efde; 
	overflow:hidden; 
	padding:8px;
	font-size:14px; 
	color:#000;
	margin:15px 0 10px;
	}
.TrzStarBox .KumiPlanDay{ 
	width:304px;
	background:#dee8ef; 
	overflow:hidden; 
	padding:8px;
	font-size:14px; 
	color:#000;
	margin:15px 0 10px;
	}
.TrzCosmosBox .KumiPlanDay{ 
	width:304px;
	background:#e2deef; 
	overflow:hidden; 
	padding:8px;
	font-size:14px; 
	color:#000;
	margin:15px 0 10px;
	}
.TrzFlowerBox .bold,.TrzMoonBox .bold,.TrzSnowBox .bold,.TrzStarBox .bold, .TrzCosmosBox .bold{ font-weight:normal; font-size:16px; line-height:24px;}
.PdfComment{
	width:320px;
	height:auto;
	background:url(../images/pdf_comment.gif) no-repeat top;
	border-color:#a58fc9;
	border-style:solid;
	border-width:0 0 1px;
	padding-top:10px;
	margin-bottom:20px;
	}
.PdfComment li{
	border-color:#a58fc9;
	border-style:solid;
	border-width:0 1px;
	padding:5px;
	}
.PdfComment li strong{
	font-weight: normal;
}
/*----------------------------------
	お申し込み用のCSSです
----------------------------------*/
.PlanPamph{ background:#e5dff0; margin:0 20px 20px; padding:20px 40px; border-top:20px solid #FFF; }
.PlanPamph dt { width:430px; float:left; font-size:14px; font-weight: normal;}
.PlanPamph dd img{ width:310px;}

.ippanList {
	width: 840px;
	margin:0 20px 20px;
	position:relative;
	}
.ippanList .icn{ 
    padding: 5px 0 0 570px;
    width: 270px;
	height: 30px;
	}
.ippanList .icn li{ float:left; padding-left:10px;}
.ippanList table {
    border: 1px solid #666666;
    border-collapse: collapse;
    border-spacing: 0;
	width:100%
}
.ippanList table th {
    background: none repeat scroll 0 0 #2b2b2b;
    border-color: #666666;
    border-style: solid;
    border-width: 0 0 1px 1px;
    color: #FFFFFF;
    font-weight: normal;
    line-height: 120%;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
}
.ippanList table td {
    border-color: #666666;
    border-style: solid;
    border-width: 0 0 0 1px;
    padding: 8px 5px;
}
.ippanList td.seatName {
    white-space: nowrap;
}
.ippanList td.price {
    color: #FF0000;
    text-align: right;
    white-space: nowrap;
}
.ippanList td.tourName {
    padding-left: 17px;
    text-indent: -10px;
}
.ippanList td.tourName a {
    text-decoration: underline;
}
.arrow {
    color: #FF6666;
    font-size: 10px;
}
.ippanList table tr.bg td {background-color:#f4f1fa; border-bottom:1px dotted #666; border-top:1px dotted #666;}

/*----------------------------------
	mail用のCSSです
----------------------------------*/
.MailWhtBox{ width:964px; height:auto; background-color:#FFF; }
.MailTtl{ 
	width:964px;
	height:150px;
	/*background:url(../images) no-repeat bottom;*/
	position:relative;
	}
.MailTtl p{
	position:absolute;
}
.MailTtl p.txt{ 
	padding-left: 220px;
	color:#4b267f;
	font-size: 12px;
	line-height: 16px;
	}
.MailPointBox{ width:964px; height:385px; position:relative; background:#FFF;}
.MailPoint_01{ position:absolute; top:0; left:0;}
.MailPoint_02{ position:absolute; top:0; right:0;}
.MailPoint_03{ position:absolute; top:124px; left:0;}
.MailPoint_04{ position:absolute; top:124px; left:332px;}
.MailPoint_05{ position:absolute; top:124px; right:0;}
.MailPoint_06{ position:absolute; top:290px; left:70px;}

.MailForm{
	position: relative;
	width:910px; 
	height:250px; 
	background:url(../images/mail_form_bg.jpg) no-repeat bottom ; 
	margin:0 25px 5px;
	}
/*.MailForm::after{
	content: '';
	display: block;
	width: 224px;
	height: 179px;
	background: url(../images/) no-repeat center / contain;
	position: absolute;
	bottom: 0;
	right: 0;
	} */
.MailFormTbl { margin:17px 0 0 55px;}
.MailFormTbl td{ font-size:14px; line-height:30px; color:#000; white-space:nowrap;}

.MailEdit{ padding:0 0 30px 25px;}
.MailEditLine{ border-top:1px dotted #999999; margin-top:15px; padding-top:5px;}
.MailEdit dt{ color:#9966cc; font-size:16px; font-weight:bold; padding:10px 0 5px;}
.MailEdit dd{ color:#000; padding:5px 0 0 20px;}
.MailContact { text-align:center;margin-right: 5px;}
.MailContact dt{ color:#9966cc; padding:10px 0; font-weight:bold;}
.MailEdit h3 img,.MailContact h3 img,.MailContact a img{width: auto;}

.MailFormTbl .text_area input{border: solid 1px #ccc; background-color: #fff; margin-bottom: 2px; padding:0 10px;}

.MailFormTbl select {
    font-size: 12px;
    appearance: none;
    width: 100px;
    padding: 0 10px;
    border: none;
    outline: 0;
    background: #fff;
    background-image: none;
    box-shadow: none;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    cursor: pointer;
	border: solid 1px #ccc;
	font-size: 14px;
}
.select_area{
	position: relative;
}
.select_area::before {
    position: absolute;
    top: 13px;
    left: 100px;
    width: 0;
    height: 0;
    border-width: 8px 5px 0 5px;
    border-style: solid;
    border-color: #999 transparent transparent transparent;
    content: "";
    pointer-events: none;
}

.MailEdit .text_area input{border: solid 1px #ccc; background-color: #fff; margin-bottom: 2px; padding:5px 10px;}
/*----------------------------------
	help用のCSSです
----------------------------------*/
.HelpStepBoxLeft dd{ 
	background:url(../images/help_step_l_bg.gif) no-repeat top left #FFF;
	padding:0 0 20px 255px;
	}
.HelpStepBoxRight dd{ 
	background:url(../images/help_step_r_bg.gif) no-repeat top right #FFF;
	padding:0 0 20px 255px;
	}
.HelpStepBoxRBttm dd{ 
	background:url(../images/help_step_rbttm_bg.gif) no-repeat top right #FFF;
	padding:0 0 30px 255px;
	}
.HelpStepBoxList li { padding-bottom:8px;}
.em_red { font-style:normal; font-weight:bold; color:#CC0000;}

.HelpTbl{ border:solid 1px #2b2b2b; margin:5px 20px 5px 0; _margin:5px 10px 5px 0;}
.HelpTbl td{ padding:5px;}
.HelpTr_l{ border-bottom:dotted 1px #999999;}
.HelpTb_s{ background:#f8f4ff; border-left:solid 1px #999999; border-bottom:dotted 1px #999999;}

.HelpOffice {
    border: 1px solid #CCCCCC;
    height: auto;
    padding: 5px;
    text-align: center;
	width:830px;
}

.HelpStepBoxLeft dt img,.HelpStepBoxRight dt img,.HelpStepBoxRBttm dt img {
	width: auto;

}

/*
	2018追加
-------------------*/

/* ページトップ */
.toPageTop {
	display: none;
	position: fixed;
	width: 79px;
	height: 80px;
	right: 50%;
	bottom: 20px;
	transform: translateX(480px);
	background-image: url(../images/pageTop.png);
	background-repeat: no-repeat;
	background-size: 100%;
	cursor: pointer;
	opacity: 0;
	transition: opacity .2s linear 0s;
	z-index: 10000;
}

.toPageTop.onAnimate {
	display: block;
}

.toPageTop.show {
	opacity: 1;
	opacity: 1;
	transition: opacity 0.2s linear 0s;
	display: none !important;
}

.summer2018 .toPageTop.show:hover {
	opacity: 0.7;
}

/* 追従ナビ */
.navi.top{
	position: relative;
	width: 100%;
	height: 84px;
	margin-bottom: -36px;
	background-image: url(../images/menu_bg.png);
	background-repeat: no-repeat;
	background-size: contain;
	transform: translateY(-36px);
	z-index: 2;
}

.TtlMenuBox .navi.top{
	margin-bottom: 41px;
	transform: translateY(-41px);
}
.TtlMenuBox h1 img{
	width: auto;
}
.navi > .naviList a {
	position: relative;
	display: block;
	height: 36px;
	line-height: 36px;
	text-align: center;
}

.navi > .naviList a > img {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2;
}

.navi > .naviList a:before {
	content: "";
	display: block;
	position: absolute;
	box-sizing: border-box;
	width: 2px;
	height: 20px;
	border-left: 1px solid #3a2459;
	border-right: 1px solid #8568a9;
	left: -1px;
	top: 50%;
	transform: translateY(-50%);
}

.navi > .naviList a:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: transparent;
	transition: background-color .2s linear 0s;
	z-index: 1;
}

.navi > .naviList a:hover:after,
.navi > .naviList a.on:after,
.navi > .naviList a.onOpen:after{
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
}

.navi > .naviList{
	display: flex;
	list-style-type: none;
	width: 840px;
	padding-top: 3px;
	margin-left: auto;
	margin-right: auto;
}

.navi > .naviList > li {
	flex: 1;
}

.navi > .naviList > li > a {
	display: block;
}

.navi > .naviList > li > a > img {
	max-width: 100%;
	max-height: 27px;
	width: auto;
}

.navi > .naviList > li:first-child > a:before {
	display: none;
}

.navi > .naviList > li:first-child > a:after {
	border-radius: 18px 0 0 18px;
}

.navi > .naviList > li:last-child > a:after {
	border-radius: 0 18px 18px 0;
}

.navi > .naviList > li > a > .opn{
	display: none;
}

.navi > .naviList > li > a.onOpen > .opn{
	display: inline;
}

.navi > .naviList > li > a.onOpen > .cls{
	display: none;
}

.navi.fix {
	width: 1024px;
	background-color: #4b267f;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: translateY(-105%);
	z-index: 10000;
	transition: transform .2s ease 0s;
}

.navi.fix > .subNaviList{
	display: none;
	top: 48px;
}

.navi.fix > .subNaviList:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #4b267f;
	z-index: -1;
}
.navi.fix.on > .subNaviList.onOpen{
	display: flex;
}

.navi.fix.on {
	transform: translateY(0);
}

.navi.fix > .naviList{
	padding-top: 0;
	width: 100%;
}

.navi.fix > .naviList > li > a{
	padding: 6px 0;
}

.navi.fix > .naviList > li:first-child > a:after {
	border-radius: 0;
}

.navi.fix > .naviList > li:last-child > a:after {
	border-radius: 0;
}

.subNaviList {
	position: absolute;
	top: 39px;
	display: none;
	background-color: rgba(255, 255, 255, 0.2);
}

.subNaviList.onOpen {
	display: flex;
}

.subNaviList > li > a {
	position: relative;
	display: block;
	padding: 12px 16px 12px 24px;
	color: white;
	font-size: 15px;
	letter-spacing: .1em;
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1;
	text-decoration: none;
	transition: background-color .2s linear 0s;
}

.subNaviList > li > a:visited {
	color: white;
}

.subNaviList > li > a:before {
	content: "";
	display: block;
	position: absolute;
	border-left: 6px solid #f1c609;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	top: 50%;
	margin-top: -3px;
	left: 9px;
}

.subNaviList > li > a:hover {
	background-color: rgba(0, 0, 0, 0.2);
}

/* マスク処理 */
.golfHalfBlk {
  position: relative;
}

.golfHalfBlk:before {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  display: block;
  content: "";
  top: 15px;
  left: 0;
  width: 72.5%;
  height: 90%;
  z-index: 100;
}

.golfHalfBlk .announce {
  position: absolute;
  top: 10%;
  width: 72.5%;
  font-size: 14px;
  line-height: 1.25;
    font-weight: bold;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  z-index: 110;
}

.golfHalfBlk2 {
  position: relative;
}

.golfHalfBlk2:before {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.golfHalfBlk2 .announce {
    position: absolute;
    bottom: 25%;
    width: 100%;
    font-size: 14px;
    line-height: 1.4;
    font-weight: bold;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    z-index: 110;
}


.CtsMrBox a {
	font-size: 12px;
	font-size: 1.2rem;
	color: #1d3994;
	text-decoration: none;
}
.CtsMrBox a:visited {
color: #9933cc;
text-decoration: none;
}
.CtsMrBox a:hover {
color: #ff9933;
text-decoration: underline;
}

.CtsMrBox *, ::after, ::before {
    box-sizing:content-box;
}

.navi_bottom{
	padding:0 0 50px 0;
	position: relative;
	background-color: #4b267f;
}