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

#pankuzu .back{
	float: right;
	
}
#pankuzu .back a{
	background-image: url(../img/icon_returnprev.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 0px 0px 22px;
}
h2{
	margin-bottom:30px;
}
#contents .block{
	background-image: url(../img/guide/bg_block.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #D9DDF1;
	width: auto;
	overflow: hidden;
	margin-bottom: 30px;
}
#contents .block .title{
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	background-color: #445289;
	background-image: url(../img/guide/bg_title.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 12px 0px 12px 25px;
}
#contents .body{
	background-color: #fff;
	padding: 25px 30px 5px;
	margin: 12px 11px;
}
#contents .body.second{
	margin-top:-11px;
}
#contents .body p{
	margin-bottom:20px;
	line-height:1.75;
}
#contents .block2{
	
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■サイドバー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*アコーディオン────────────────────────────────────*/
#side #faqmenu{
	padding:1px;
}
#side #faqmenu .title{
	margin-bottom: 0px;
}
#side .submenu p{
	background-color:#ebebeb;
	padding:10px 16px;
	font-weight:bold;
	background-image: url(../img/guide/icon_panel_open.png);
	background-repeat: no-repeat;
	background-position: 164px center;
	
}
#side .submenu li{
	background-image: url(../img/guide/icon_panel_close.png);
	background-repeat: no-repeat;
	background-position: 164px center;
	border:1px solid #fff;
	cursor:pointer;
}
#side .submenu li li{
	border-bottom: 1px dotted #999999;
}
#side .submenu a{
	color:#575757;
	text-decoration:none;
	padding-right:20px;
	padding: 8px 30px 8px 16px;
	display:block;
}
#side .submenu a:hover{
	color:#999;
}
#side .submenu li.current-cat a{
	color:#FF4E31;
	font-weight: bold;
}
/*旅行ガイド────────────────────────────────────*/

#side #guidemenu dd{
	background-repeat: no-repeat;
	background-position: 3px center;
	border-bottom: 1px dotted #999;
	margin: 0 10px 0 15px;
}
#reservation #side .menu dd.guide,
#inquiry #side .menu dd.inquiry,
#insurance #side .menu dd.insurance,
#media #side .menu dd.media,
#pamph #side .menu dd.pamph,
#photo #side .menu dd.photo,
#preparation #side .menu dd.preparation,
#chirashi #side .menu dd.chirashi,
#faq #side .menu dd.faq{
	font-weight: bold;
}
#side .menu dd.guide{
	background-image: url(../img/guide/icon_guide.png);
}
#side .menu dd.inquiry{
	background-image: url(../img/guide/icon_inquiry.png);
}
#side .menu dd.insurance{
	background-image: url(../img/guide/icon_insurance.png);
}
#side .menu dd.media{
	background-image: url(../img/guide/icon_media.png);
}
#side .menu dd.pamph{
	background-image: url(../img/guide/icon_pamph.png);
}
#side .menu dd.photo{
	background-image: url(../img/guide/icon_photo.png);
}
#side .menu dd.preparation{
	background-image: url(../img/guide/icon_preparation.png);
}

#side .menu dd.chirashi{
	background-image: url(../img/guide/icon_chirashi.png);
}
#side .menu dd.faq{
	background-image: url(../img/guide/icon_faq.png);
}

#side #guidemenu dd a{
	text-decoration: none;
	color: #404040;
	font-size: 13px;
	display: block;
	padding: 12px 0px 12px 35px;
}
#side #guidemenu dd a:hover{
	color:#999;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■注文ガイド
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.guidemenu{
	width:auto;
	overflow:hidden;
	margin-right:-24px;
}
.guidemenu a{
	color: #585858;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
	background-image: url(../img/common/icon_arrow.png);
	background-repeat: no-repeat;
}
.guidemenu a:hover{
	text-decoration:underline;
}
.guidemenu a:hover
{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

/*項目がひとつしかない場合*/
.guidemenu > li{
	width: 328px;
	height: 114px;
	float: left;
	margin-right: 20px;
	border: 1px solid #d3d3d3;
	background-repeat: no-repeat;
	background-position: 3px 3px;
	background-image: url(../img/guide/bg_menu.png);
	position: relative;
	margin-bottom: 20px;
}
.guidemenu > li:before{
	content: " ";
	position:absolute;
	display:block;
	left:0;
	top:0;
	height:114px;
	width:114px;
	background-repeat: no-repeat;
	background-position: center center;
}
.guidemenu > li > a{
	display: table-cell;
	height: 114px;
	vertical-align: middle;	
	width: 170px;
	padding:0 35px 0 123px;
	background-position: 288px center;
}
/*項目がふたつの場合*/
.guidemenu ul {
	padding-top:12px;
	width:186px;
	padding:14px 19px 0 123px;
}
.guidemenu ul a{
	display:block;
	background-position: right center;
	padding:8px 40px 7px 0;
}
.guidemenu ul li{
	border-bottom: 1px dotted #d3d3d3;
}
/*背景画像の設定*/
.guidemenu li.reserve:before{
	background-image: url(../img/guide/icon_reserve.png);
}
.guidemenu li.pay:before{
	background-image: url(../img/guide/icon_pay.png);
}
.guidemenu li.my:before{
	background-image: url(../img/guide/icon_my.png);
}
.guidemenu li.check:before{
	background-image: url(../img/guide/icon_check.png);
}
.guidemenu li.cancel:before{
	background-image: url(../img/guide/icon_cancel.png);
}
.guidemenu li.change:before{
	background-image: url(../img/guide/icon_change.png);
}
.guidemenu li.mail:before{
	background-image: url(../img/guide/icon_mail.png);
}
.guidemenu li.favorite:before{
	background-image: url(../img/guide/icon_favorite.png);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■旅行準備情報
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*────────────────────────────────────*/
#suitcase .mainimg{
	float:left;
	margin-bottom:32px;
}
#suitcase .point{
	float: right;
	background-image: url(../img/guide/bg_stripe.png);
	background-repeat: repeat;
	background-position: left top;
	position:relative;
	width:257px;
	border-radius:5px;
	height:360px;
	margin-bottom:32px;
}
#suitcase .point h4{
	position:absolute;
	right:-12px;
	top:-15px;
	z-index:1;
}
#suitcase .point p{
	font-size:16px;
	line-height:26px;
	font-weight:bold;
	padding:20px 0 0 20px;
	margin-bottom:0;
	margin-bottom:10px;
}

#suitcase .point dl{
	padding:0 12px;
}
#suitcase .point dt{
	background-color:#fff;
	border-radius:3px;
	font-size:14px;
	font-weight:bold;
	padding:7px 5px;
	color:#ff5d16;
	margin-bottom:5px;
	margin-top:10px;
}
#suitcase .point dd{
	padding:5px;
	font-size:13px;
}
#suitcase .caution{
	border:double 3px #ccc;
	padding:21px 21px 0 21px;
	clear:both;
	width:auto;
	overflow:hidden;
	margin-bottom:20px
}
#suitcase .caution h4{
	width:81px;
	float:left;
}
#suitcase .caution .text{
	width:510px;
	float:right;
	font-size:13px;
}


/*服装について────────────────────────────────────*/
#clothes h4{
	margin-bottom:24px;
}
#clothes .first h4{
	margin-left:-5px;
}
#clothes ul{
	width:auto;
	overflow:hidden;
}
#clothes li{
	float: left;
	margin-right: 28px;
	width: 206px;
}
#clothes li.clothes3{
	margin-right:0;
	width:208px
}
#clothes li .img{
	margin-bottom:20px;
}
#clothes li h5{
	height: 55px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	display: table-cell;
	width: 208px;
	vertical-align: middle;
	
}
#clothes .text{
		margin-top: 26px;
		font-size:13px;
}
#clothes li.clothes1 h5{
	border-color:#bea620;
}
#clothes li.clothes2 h5{
	border-color: #7b0050;
	vertical-align: middle;
}
#clothes li.clothes3 h5{
	border-color:#614983;;
}
#clothes li p strong{
	font-weight:bold;
}
#clothes li.clothes1 p strong{
	color:#bea620;
}

#clothes li.clothes2 p strong{
	color:#7b0050;
}

#clothes li.clothes3 p strong{
	color:#614983;
}
/*携行品リスト────────────────────────────────────*/
#clothes .second{
	padding:20px 20px 5px 20px
}
#clothes .second h4{
	float: left;
	width: 315px;
	margin-bottom: 12px;
	padding-left:10px;
}
#clothes .second .desc{
	float:left;
	font-size:13px;
	padding-top:14px;
}

/*タブ────────────────────────────────────*/
#clothes .tabcontents{
	position:relative;
	clear:both;
	margin-bottom:20px;
}
#clothes .tabcontents .subject{
	width: 100%;
	overflow: hidden;
}
#clothes .tabcontents .print{
	display:block;
	float: right;
	width:172px;
	margin-bottom: 10px;
}

#clothes .tabcontents .tab{
	height:45px;
	padding-left:10px;
}
#clothes .tabcontents .tab li{
	color:#fff;
	font-weight:bold;
	font-size:16px;
	margin-top:10px;
	height:35px;
	line-height:35px;
	width:140px;
	padding-left:13px;
	margin-right:10px;
	border-radius:5px 5px 0 0 ;
	background-repeat: no-repeat;
	background-position: 84px top;
}
#clothes .tabcontents .tab li:hover,
#clothes .tabcontents .tab li.current{
	margin-top:0px;
	height:45px;
	line-height:45px;}

#clothes .tabcontents .tab li.domestic{
	background-color: #468841;
	background-image: url(../img/guide/bg_tab_domestic.png);

}
#clothes .tabcontents .tab li.abroad{
	background-color:#0068c5;
		background-image: url(../img/guide/bg_tab_abroad.png);

}
#clothes .tabcontents .content{
	border:10px solid #000;
	border-radius:5px;
	padding:18px;
}
#clothes .tabcontents .content.domestic{
	border-color: #468841;
}
#clothes .tabcontents .content.abroad{
	border-color: #0068c5;
}
#clothes .tabcontents .content p{
	display:none;
}
#clothes .checklist{
	float:left;
	width:50%;
	border-top:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
	overflow:hidden;
}
#clothes .domestic .checklist{
	background-color:#def2dc;
}
#clothes .abroad .checklist{
	background-color:#dff0ff;
}

#clothes .checklist dt{
	float:left;
	width:14px;
	font-weight:bold;
	font-size:13px;
	text-align:center;
	padding:10px 13px;
	border-top:1px solid #d0d0d0;
	line-height:1.1;
	word-break:break-all;
}

#clothes .checklist dd{
	float:right;
	width:220px;
	background-color:#fff;
	padding: 8px 20px;
	border-top:1px solid #d0d0d0;
	position:relative;
	padding-right:40px;
	font-size:13px;
	overflow:hidden;
}
#clothes .checklist dt:first-child +dd,
#clothes .checklist dt:first-child
{
	border-top:0px none;
}

#clothes .checklist dd:after{
	content: "□";
	font-size:22px;
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	padding:1px 10px 50px 10px;
	border-left:1px dotted #d0d0d0;
	color:#a9a9a9;
}
#clothes .checklist dd.line2{
	height:59px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■チェックリスト印刷用
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#print{
	background:none;
	padding:0;
	margin:0;
	border-top:0px none;
	position: relative;
}
#print .subject{
	position: absolute;
	left:50%!important;
	top: -5px;
	width: 640px!important;
	text-align: right;
	margin-left: -320px;
}
#print .tabcontents{
	position: static;
}
#print h3,
#print #suitcase,
#print .body.first,
#print .tab,
#print .desc,
#print .print{
	display:none!important;
}
#print h4{
	padding-top: 0!important;
	margin-bottom: 10px!important;
}
#print #clothes{

	margin:auto;

}
#print #clothes,
#print #clothes .body{
	padding:0;
}
#print .tabcontents,
#print .second h4{
	width: 640px;
	overflow:visible;
	margin:auto;
	float:none;
}
#print .second h4{
	padding:10px 0 0 0;
}
#print .tabcontents .content{
	display: block;
	padding: 0px;
	border-width: 0px;
	border-style: none;
	clear:both;
	overflow:visible
}
#print  .tabcontents .content p{
	display:block;
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
	padding-top:20px;
	clear:both;
}
#print.print_abroad .domestic,
#print.print_domestic .abroad{
	display: none;
}
#print.print_abroad .checklist dd {
	font-size: 12px;
    padding-top: 4px;
	padding-bottom: 4px;
}
#print.print_abroad .checklist dd::after {
    padding: 0 10px 50px;
	font-size: 18px;
}
#print.print_abroad .checklist dd.line2 {
    height: 48px;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■FAQ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#faqsearch{
	background-color:#fff;
	border:1px solid #c1c5d3;
	border-radius:5px;
	width:auto;
	overflow:hidden;
	padding:20px;
	margin-bottom:30px;
}
#faqsearch .textimg{
	float:left;
	display:block;
	width:188px;
}
#faqsearch form{
	float:right;
	text-align:right;
	width:520px;
}
#faqsearch .text{
	border-radius:5px;
	border:2px solid #cfcece;
	width:300px;
	padding:5px 10px;
	margin-right:20px;
	font-size:15px;
	font-weight:bold;

}
#faqsearch .submit{
	width: 141px;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	background-color: #d13a3a;
	font-size: 16px;
	border-width: 0px;
	border-style: none;
	height:36px;
	line-height:36px;
	cursor:pointer;
}
#faqsearch .submit:hover{
	background-color: #D64E4E;
}
/*検索結果────────────────────────────────────*/
#contents #faqresult #notfound{
	padding: 30px 0;
}
#contents #faqresult.block{
    background: none;
    width: auto;
}
#contents #faqresult .title{
	margin-bottom:24px;
}
#contents #faqresult .body{
    background-color: #fff;
    margin: 0 0 24px 0;
    padding: 0;
	border:1px solid #c9cbd6;
}
#faqresult .q,
#faqresult .a{
	padding: 18px 15px 15px 65px;
	background-repeat: no-repeat;
	background-position: 20px 16px;
}
#faqresult .q{
	background-color: #e9e9e9;
	font-weight:bold;
	font-size:18px;
	background-image: url(../img/guide/icon_faq_q.png);

}
#faqresult .a{
	font-size: 14px;
	padding-bottom: 0;
	overflow: hidden;
	background-image: url(../img/guide/icon_faq_a.png);
	padding-top:20px;
}
#faqresult .a p{
	margin-bottom:15px;
}
/*よくいただくご質問────────────────────────────────────*/
.faqblock{
	margin-bottom:23px;
	border:1px solid #d9d9d9;
	border-radius:5px;
	background-color:#fff;
}
.faqblock .title{
	background-color:#19297b;
	padding-left:14px;
	border-radius:5px 5px 0 0
}
#faqlist ul{
	padding:20px 27px;
	
}
#faqlist li{
	background-image: url(../img/guide/icon_faqlist.png);
	background-repeat: no-repeat;
	background-position: left 2px;	
	padding-left:28px;
	margin-bottom:8px;
}

/*質問をカテゴリから探す────────────────────────────────────*/
#faqcategory .category{
	clear:both;
	width:auto;
	overflow:hidden;
	border-bottom:1px solid #d8d8d9;
}
#faqcategory .category:last-child{
	border-bottom:0px none;
}
#faqcategory .title{
	margin-bottom:0;
}
#faqcategory h4{
	background-color: #e9e9e9;
	float: left;
	width: 85px;
	font-weight: bold;
	font-size: 16px;
	padding: 20px 20px 17px 22px;
}
#faqcategory ul{
	background-color: #fff;
	float: left;
	width: 600px;
	padding: 20px 0px 15px;
}
#faqcategory li{
	padding-left:30px;
	width:270px;
	float:left;
	margin-bottom:5px;
}
#faqcategory li.full{
	width:auto;
	float:none;
	clear:both;
}
/*サイドバー────────────────────────────────────*/
#side #faqmenu .submenu li {
    background-image: none;
}
#side #faqmenu .submenu  li li {
	 background-image:url("../img/guide/icon_panel_close.png");
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■保険
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#insurancedetail{
	background-color: #fff;
	padding: 57px 0 35px;
	text-align: center;
	position: relative;
	border: 1px solid #c1c5d3;
	border-radius: 5px;
	background-image: url(../img/guide/insurance/bg.png);
	background-repeat: no-repeat;
	background-position: center 67px;
}
#insurancedetail h3{
	text-align: center;
	margin-bottom: 15px;
}
#insurancedetail .lead1{
	font-size: 16px;
	margin-bottom: 30px;
}
#insurancedetail ul{
	text-align: center;
	font-size: 0;
	line-height: 1;
	margin-bottom: 35px;
}
#insurancedetail ul li{
	display: inline-block;
	vertical-align: middle;
	background-image: url(../img/guide/insurance/plus.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 40px;
	margin-right: 14px;
}
#insurancedetail ul li:last-child{
	padding-right: 0;
	background-image: none;
	margin: 0;
}
#insurancedetail .lead2{
	margin-bottom: 20px;
}
#insurancedetail .button{
	background-color:#d8e2ff;
	text-align:center;
	border-radius:3px;
	width:640px;
	margin:10px auto;
	padding:30px 0 5px;
}
#insurancedetail .button img{
	margin-bottom:10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■お問い合わせ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#inquiryform{
	background-color:#fff;
	border:1px solid #c1c5d3;
	padding:30px;
}
#inquiryform #lead p{
	margin-bottom:15px;
}
#inquirytel{
	border: 3px double #ccc;
	clear: both;
	margin-bottom: 20px;
	overflow: hidden;
	padding:15px 21px;
	width: auto;
}
#inquirytel h3{
	float: left;
	width: 200px;
	color:#445186;
	font-weight:bold;
	font-size:16px;
}
#inquirytel .text{
    float: right;
    width: 400px;
	padding-left:20px;
	border-left:1px solid #c1c5d3
}

#inquiryform h3{
	color:#445186;
	font-weight:bold;
	font-size:16px;
	margin:0 0 5px 5px;
}

#inquiryform #lead #inquirytel p{
	margin:0;
}
#inquirytel .num{
	color:#FF5D16;
	font-weight:bold;
	font-size:24px;
}
#inquirytel .num span{
	color:#666;
	font-size:14px;
	font-weight:normal;
}

#inquiryform table{
	border-collapse:collapse;
	border:1px solid #c9cbd6;
	width:100%;
	margin-bottom:20px;
}
#inquiryform td,
#inquiryform th{
	border:1px solid #c9cbd6;
	font-size:15px;

}
#inquiryform th{
	background-color:#6f6f6f;
	padding:20px;
	font-weight:normal;
	width:168px;
	vertical-align:top;
	color:#fff;
}
#inquiryform th span{
	color: #ffaa33;
	padding-left:5px;
	font-size:14px;
}
#inquiryform td{
	padding:10px 20px;
}
#inquiryform td input[type='text'],
#inquiryform td input[type='email'],
#inquiryform td input[type='tel'],
#inquiryform td select,
#inquiryform td textarea
{
	
	border:2px solid #d0cfcf;
	border-radius:3px;
	padding:5px;
}
#inquiryform td input[type='text'],
#inquiryform td input[type='email'],
#inquiryform td input[type='tel']{
	width: 360px;
}
#inquiryform td input.short{
	width:140px;
}
#inquiryform td input.shortmiddle{
	width:190px;
}
#inquiryform td input.middle{
	width:285px;
}
#inquiryform td textarea{
	width:95%;
	height:120px;
}
#inquiryform td strong{
	font-weight:normal;
	padding-right:10px;}
#inquiryform td li{
margin-bottom:5px;}
#inquiryform td li:last-child{
margin-bottom:0px;}
#inquiryform td span{
	color:#8d8d8d;
	padding-left:5px;
}

#inquiryform .mfp_buttons{
	background-color:#ffefd8;
	text-align:center;
	padding:25px;
	border-radius:5px;
}
#inquiryform .mfp_buttons button.mfp_element_submit{
	color: #FFF;
	font-size:18px;
	font-weight:bold;
	width: 305px;
	height: 44px;
	border:none;
	background-image: url(../img/guide/btn_inquiry.png);
	background-color:transparent;
	padding:0 10px 0 0;
	font-family:'meiryo';
}
#inquiryform .mfp_buttons button:hover{
	cursor:pointer;
	filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}
#thanks{
	width:100%;
	padding:100px 0;
	text-align:center;
	font-size:16px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■メールマガジンの配信について
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#mailmagazine #main{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	border: 1px solid #c1c5d3;
	font-size: 16px;
	margin-bottom: 30px;
}
#mailmagazine #lead{
	padding: 54px 0 0 70px;
	position: relative;
	margin-bottom: 45px;
}
#mailmagazine #lead p{
	position: absolute;
	left: 70px;
	bottom: 0;
	width: 307px;
}
#mailmagazine #points{
	padding-left: 45px;
	overflow: hidden;
	margin-bottom: 38px;
}
#mailmagazine #points li{
	float: left;
	margin-right: 20px;
	position: relative;
}
#mailmagazine #points li p{
	position: absolute;
	top:125px;
	left:0;
	width: 100%;
	text-align: center;
	line-height: 1.8;
}
#mailmagazine #apply{
	text-align: center;
	margin: 0 45px 43px;
}

#mailmagazine #apply .btn{
	background-color: #ffefd8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 0;
	padding: 35px 0;
	margin-top: 30px;
}
#mailmagazine #apply .btn a{
	display: inline-block;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	width: 425px;
	height: 44px;
	background-color: #f07607;
	background-image: url(../img/guide/ico_arrow.png);
	background-repeat: no-repeat;
	background-position: 390px center;
	-webkit-border-radius: 44px;
	-moz-border-radius: 44px;
	border-radius: 44px;
	line-height: 44px;
}
#mailmagazine #detail{
	overflow: hidden;
	margin: 0 28px 30px;
	padding-top: 30px;
	border-top: 1px solid  #d0d0d0;
}
#mailmagazine #detail li{
	float: left;
	width: 50%;
	padding: 10px 42px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#mailmagazine #detail li:nth-child(odd){
	border-right: 1px dotted  #d0d0d0;
}
#mailmagazine #detail li h3{
	font-weight: bold;
	color: #3d4a8a;
	font-size: 18px;
	margin-bottom: 15px;
}
#mailmagazine #detail li p{
	line-height: 1.8;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■マイページについて
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#main #guide_mypage_flow .caution,
#main #howto_step .caution{
	color: #d13a3a;
	font-size: 14px;
}
#main #guide_mypage_flow strong,
#main #howto_step strong{
	color: #d13a3a;
	font-weight: bold;
}
#main #guide_mypage_flow em,
#main #howto_step em{
	color: #e59000;
	font-weight: bold;

}
#main #guide_mypage_flow,
#main #howto_step{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	border: 1px solid #c1c5d3;
	font-size: 16px;
	margin-bottom: 30px;
}
#guide_mypage_flow #lead,
#howto_step #lead{
	background-image: url(../img/guide/mypage/bg_main.png);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-top: 17px;
	overflow: hidden;
	margin-bottom: 30px;
}
#guide_mypage_flow #lead h3,
#howto_step #lead h3{
	text-align: center;
	margin-bottom: 19px;
}

#guide_mypage_flow #lead .text,
#howto_step #lead .text{
	float: left;
	padding-left: 45px;
	width: 435px;
	margin-bottom: 40px;
}
#guide_mypage_flow #lead .text p,
#howto_step #lead .text p{
	margin-bottom: 10px;
	line-height: 1.8;
}
#guide_mypage_flow #lead .movie,
#howto_step #lead .movie{
	float: right;
	width: 420px;
	padding-right: 45px;
	margin-bottom: 40px;
}
#guide_mypage_flow #lead .btn,
#howto_step #lead .btn{
	display: block;
	text-align: center;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	height: 44px;
	background-color: #f07607;
	background-image: url(../img/guide/ico_arrow.png);
	background-repeat: no-repeat;
	background-position: 317px center;
	-webkit-border-radius: 44px;
	-moz-border-radius: 44px;
	border-radius: 44px;
	line-height: 44px;
	width: 328px;
	padding-right: 20px;
	margin-bottom: 10px;
}
#guide_mypage_flow a.btn:hover,
#howto_step a.btn:hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}


/*旅ポイントとは？────────────────────────────────────*/
#guide_mypage_flow #about,
#howto_step #about{
	clear: both;
	border: 10px solid #ffefd8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #FFF;
	padding: 15px 25px 25px;
	margin: 0px 30px 30px;
}
#guide_mypage_flow #about .title,
#howto_step #about .title{
	background-image: url(../img/guide/mypage/bd_wave.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#guide_mypage_flow #about .title h4,
#guide_mypage_flow #about .title p,
#howto_step #about .title h4,
#howto_step #about .title p{
	display: inline-block;
}
#guide_mypage_flow #about .title h4,
#howto_step #about .title h4{
	color: #e59000;
	font-weight: bold;
	font-size: 20px;
	background-image: url(../img/guide/mypage/ico_point.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:15px auto;
	padding-top: 12px;
	margin-right: 40px;
}
#guide_mypage_flow #about dl,
#howto_step #about dl{
	background-image: url(../img/guide/mypage/img_about.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size:322px auto;
	overflow: hidden;
	padding-bottom: 10px;
	padding-left: 10px;
}
#guide_mypage_flow #about dt,
#guide_mypage_flow #about dd,
#howto_step #about dt,
#howto_step #about dd{
	margin-bottom: 5px;
}
#guide_mypage_flow #about dt,
#howto_step #about dt{
	width: 105px;
	border: 2px solid  #ff3b1d;
	margin-right: 15px;
	float: left;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 0;
}
#guide_mypage_flow #about dt img,
#howto_step #about dt img{
	vertical-align: middle;
}
#guide_mypage_flow #about dd,
#howto_step #about dd{
	margin-left: 130px;
	padding-top: 10px;
}
#guide_mypage_flow #about .caution,
#howto_step #about .caution{
	background-color: #f5f5f5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 15px;
	margin-bottom: 0px;
}
/*マイページの使い方────────────────────────────────────*/
#guide_mypage_flow #howto,
#howto_step #block{
	padding: 0 30px;
}
#guide_mypage_flow #howto h3,
#howto_step #block h3{
	background-color: #3d4a8a;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0 13px;
	margin-bottom: 25px;
	height: 44px;
	line-height: 44px;
	font-weight: bold;
	font-size: 18px;
}

#guide_mypage_flow #howto p,
#howto_step #block p{
	margin: 0px 0px 35px 15px;
}
#guide_mypage_flow #howto .group,
#howto_step #block .group{
	overflow: hidden;
	margin: 0px 0px 40px 10px;
}
#guide_mypage_flow #howto .text,
#howto_step #block .text{
	float: left;
	width: 318px;
}
#guide_mypage_flow #howto .text dt,
#howto_step #block .text dt{
	float: left;
	width: 25px;
	margin-right: 8px;
}
#guide_mypage_flow #howto .text dd,
#howto_step #block .text dd{
	float: left;
	width: 285px;
	font-size:15px;
	line-height: 26px;
	margin-bottom:15px;
}
#guide_mypage_flow #howto .text dd span.red,
#howto_step #block .text dd span.red{
	color:#d13a3a;
}
#guide_mypage_flow #howto .img,
#howto_step #block .img{
	float: right;
	width: 554px;
}
#guide_mypage_flow #howto .text p,
#howto_step #block .text p{
	margin-left:0;
	margin-top: 25px;
}
#guide_mypage_flow p a.btn,
#howto_step p a.btn{
	display:block;
	background: url(../img/guide/ico_arrow.png) no-repeat 96% center #f07607;
	border-radius:100px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 9px 39px 9px 21px;
	margin-bottom: 13px;
}
#guide_mypage_flow #howto .group2 .text p,
#howto_step #block .group2 .text p{
	margin:19px auto auto -33px;
}

/*予約のキャンセル────────────────────────────────────*/
#status #guide_mypage_flow #howto,
#cancel #guide_mypage_flow #howto,
#change #guide_mypage_flow #howto{
	padding-top: 35px;
}
#guide_mypage_flow #howto h3.flow,
#howto_step #block h3.flow{
	position: relative;
	height: 46px;
	line-height: 46px;
	padding-left: 55px;
}
#guide_mypage_flow #howto h3.flow span,
#howto_step #block h3.flow span{
	display:inline-block;
	background:url(../img/guide/mypage/icon_no.png) no-repeat left top;
	width:36px;
	height:36px;
	line-height:36px;
	font-size:16px;
	color:#445186;
	font-weight:bold;
	text-align:center;
	margin-right:15px;
	position: absolute;
	left: 5px;
	top: 5px;
}
#guide_mypage_flow #link_area{
	background: url(../img/guide/mypage/bg_main.png);
	padding:35px 0 40px;
}
#guide_mypage_flow #link_area #about{
	margin-bottom:0;
}
#guide_mypage_flow #link_area .title h4{
	padding-left:10px;
}
#guide_mypage_flow #link_area ul{
	overflow:hidden;
	margin-right:-26px;
}
#guide_mypage_flow #link_area ul li{
	width:268px;
	float:left;
	margin-right:20px;
}
#guide_mypage_flow #link_area ul li img{
	width:100%;
	height:auto;
}
#guide_mypage_flow #link_area ul li p{
	margin-top:16px;
}
/*予約方法のご案内────────────────────────────────────*/
#howto_step .mb0{
	margin-bottom:0 !important;
}
#howto_step .font14{
	font-size:14px;
}

#contents ul.step_tab{
	overflow:hidden;
	margin-bottom:15px;
}
#contents ul.step_tab:first-child{
	margin-top: -10px;
}
#contents ul.step_tab:last-child{
	margin-top: -10px;
	margin-bottom: 50px;
}
#contents ul.step_tab li{
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
	font-size:0;
	display:block;
	height:78px;
	margin-left:10px;
}
#contents ul.step_tab li:first-child{
	margin-left:0;
}
#contents ul.step_tab li.tab_t1{ width:146px; background-image:url(../img/guide/howto/tab_t1.png); }
#contents ul.step_tab li.tab_t2{ width:212px; background-image:url(../img/guide/howto/tab_t2.png); }
#contents ul.step_tab li.tab_t3{ width:277px; background-image:url(../img/guide/howto/tab_t3.png); }
#contents ul.step_tab li.tab_t4{ width:147px; background-image:url(../img/guide/howto/tab_t4.png); }
#contents ul.step_tab li.tab_t5{ width:148px; background-image:url(../img/guide/howto/tab_t5.png); }
#contents ul.step_tab li.tab_b1{ width:146px; background-image:url(../img/guide/howto/tab_b1.png); }
#contents ul.step_tab li.tab_b2{ width:212px; background-image:url(../img/guide/howto/tab_b2.png); }
#contents ul.step_tab li.tab_b3{ width:277px; background-image:url(../img/guide/howto/tab_b3.png); }
#contents ul.step_tab li.tab_b4{ width:147px; background-image:url(../img/guide/howto/tab_b4.png); }
#contents ul.step_tab li.tab_b5{ width:148px; background-image:url(../img/guide/howto/tab_b5.png); }

#contents ul.step_tab li.active,
#contents ul.step_tab li:hover{
	background-position:left bottom;
}
#contents ul.step_tab li a{
	display:block;
	height:78px;
	font-size:0;
}



#contents p.step_title{
	background:url(../img/guide/howto/step_bg.png) no-repeat left top #445186;
	font-size:20px;
	color:#fff;
	font-weight:bold;
	line-height:56px;
	padding-left:25px;
	margin-left:0;
}
#contents p.step_title span{
	margin-right:20px;
}
#main #howto_step{
	position:relative;
	border-top:none;
	border-radius:0 0 5px 5px;
	padding-top:33px;
}
#howto_step #block .group.search_how{
	margin-left:0;
}
#howto_step #block .group.search_how ul{
	display:table;
	width:100%;
	border-bottom:1px solid #d3d3d3;
	margin-bottom:30px;
}
#howto_step #block .group.search_how ul li{
	display:table-cell;
	text-align:center;
}
#howto_step #block .group.search_how ul li:first-child{
	text-align:left;
}
#howto_step #block .group.search_how ul li:last-child{
	text-align:right;
}
#howto_step #block .group.search_how .box{
	overflow:hidden;
}
#howto_step #block .group.search_how .box .img{
	float:left;
	width:auto;
}
#howto_step #block .group.search_how .box .text{
	float:right;
	width:490px;
}
#howto_step #block .group.search_how .box .text p.title{
	background:url(../img/guide/howto/icon_search.png) no-repeat left top;
	color:#3d4a8a;
	line-height:26px;
	padding-left:35px;
	margin:16px 0 20px;
}
#howto_step #block .group.search_how .box .text p{
	margin:0 0 20px;
}

#howto_step #block .group.search_how .box .text dt{
	clear:left;
}
#howto_step #block .group.search_how p.arrow{
	position:absolute;
	top:325px;
	left:277px;
	margin:0;
}
#howto_step #block .text.box2 .box p{
	color:#3d4a8a;
	font-size:18px;
	font-weight:bold;
	line-height:26px;
	height:auto;
	margin:0 0 10px;
}
#howto_step #block .text.box2 .box p.ttl_border{
	border-bottom:1px solid #d4d4d4;
	padding-bottom:8px;
	margin-bottom:20px;
}
#howto_step #block .text.box2 dl{
	overflow:hidden;
}
#howto_step #block .text.box2 .box{
	background:#f5f5f5;
	border-radius:3px;
	padding:25px 28px;
}
#howto_step #block .text.box2 .box dt{
	float:none;
	margin-bottom:7px;
}
#howto_step #block .text.box2 .box dd{
	width:auto;
}

#howto_step #block .text.box2 .box dl.icon_flow{
	margin-right:-18px;
}
#howto_step #block .text.box2 .box dl.icon_flow dt{
	float:left;
	clear:left;
	width:40px;
	margin-right:15px;
	margin-bottom:20px;
}
#howto_step #block .text.box2 .box dl.icon_flow dd{
	float:left;
	line-height:24px;
	padding-top:9px;
	margin-bottom:20px;
}