@charset "Shift_JIS";

/* ========== Header ========== */ 


/* ========== contArea ========== */ 
.contentsArea{
    padding: 0 10px;
}

.sec_title{
    margin: 10px 0 20px;
    text-align: center;
}
/* ========== main ========== */ 

.mainTitle{
    padding: 0 15px;
    text-align: center;
    margin-top: 20px;
    background:url(../images/tit_bg_deco.png);
    background-repeat: repeat-x;
    background-size: contain;
    background-position-y: 105px;
}

.mainTitle p{
    font-size: 14px;
    font-weight: bold;
}

.mainTitle p.data{
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0 15px;
    letter-spacing: 0.09em;
}

.mainTitle p.data span{
    font-size: 18px;
    font-weight: bold;
}

.mainVisual_Area{
    text-align: center;
    margin: 25px 0 0;
}

.txt.-main{
    margin: 5px auto 55px;
    text-align: center;
}

.txt .extraBox{
    margin: 10px 0;
    box-sizing: border-box;
    text-align: left;
    border: 2px solid #d20000;
}

/* extraBox */
.txt .extraBox h3{
    padding: 10px 25px;
    background: repeating-linear-gradient(-45deg, #fae5e5, #fae5e5 5px,#fff 5px, #fff 8px);
    color: #d20000;
    /* margin-bottom: 10px; */
}

.txt .extraBox h3 img{
    display: inline-block;
    vertical-align: middle;
}

.txt .extraBox ul{
    text-align: left;
    font-size: 12px;
    /* margin-bottom: 10px; */
}

.txt .extraBox .txt{
    padding: 10px;
}
/* ========== anchorArea ========== */ 

.anchorArea{
    margin-bottom: 20px;
}

.anchorArea .anchorBlock{
    margin: 0;
    text-align: center;
    font-size: 0;
    padding-right: 10px;
}

.anchorArea .anchorBlock .anchorBtn{
    text-indent: 0;
    padding-left: 0;
    display: inline-block;
    margin-right: 5px;
    width: 33.333%;
}

.anchorArea .anchorBlock .anchorBtn:last-child{
    margin-right: -10px;
}

/* ========== sec01 ========== */ 

#sec01{  
}

#sec01 .contArea{
    padding: 20px 10px 10px;
    text-align: center;
    background: url(../images/sec01_bg.png);
}

#sec01 .sec_title{
    margin: 10px 0 20px;
    text-align: center;
    padding: 0 20px;
}

#sec01 .tit{
    margin: 20px 0;
}

#sec01 .txt{
    text-align: left;
    margin: 0 0 25px 0;
    font-size: 14px;
}

#sec01 .contArea .contBlock{
    padding: 20px;
    background: #fff;
}

#sec01 .contArea .contBlock .tit{
    margin: 0 0 25px;
}

#sec01 .contArea .contBlock p{
	text-align: left;
	font-size: 12px;
}

/* ========== sec02 ========== */

#sec02{
    margin: 40px 0;
    background: url(../images/sec02_bg.png);
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;
}

#sec02 .contArea{
    margin: 0 auto;
    padding: 35px 0 0;
}

#sec02 .titArea{
    margin: 0 auto;
    padding: 0 10px;
    font-size: 14px;
}

#sec02 .sec_title{
    margin: 10px 0 25px;
}

#sec02 .sec_title span{
	font-size: 20px;
	letter-spacing: -0.01em;
}

#sec02 .contArea .overviewArea{
    text-align: left;
    position: relative;
}

#sec02 .contArea .overviewArea .picBox{margin: 0 10px 20px;}

#sec02 .contArea .overviewBlock{
    font-size: 14px;
    font-weight: bold;
    padding: 0 10px;
    margin: 0 0 15px;
}

#sec02 .contArea .overviewBlock li{
    text-indent: 0;
    padding-left: 0;
}


#sec02 .scheduleArea{
    
}


#sec02 .scheduleArea, #sec02 td, #sec02 th{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	font-size: 12px;
	line-height: 1.2em;
}

#sec02 .scheduleArea th {
	padding: 10px;
	/* width: 30px; */
}

#sec02 .scheduleArea td{
}

#sec02 .scheduleArea td{
	padding: 15px;
	background:#eeeeee;
}

#sec02 .scheduleArea td.bg_blue{
	background:#e1f3f9;
	border: none;
	text-align: left;
}

#sec02 .scheduleArea td.bg_blue ul li{
}

#sec02 .scheduleArea .conference li{
}

#sec02 .scheduleArea th {
	background: #fae6e6;
	font-weight: bold;
}

#sec02 .scheduleArea td.data {
	background: #eeeeee;
	vertical-align: top;
	width: 50%;
	text-align: left;
}

#sec02 .scheduleArea td.meal{
	width: 50%;
	text-align: right;
}

#sec02 .scheduleArea td.step {
    text-align: left;
    border-bottom: none;
    border-top: none;
    background: #fff;
    line-height: 1.5em;
}

#sec02 .scheduleArea td.step .hotelNote{
    border-top: 1px dashed #cbcbcb;
    margin: 10px 0 0;
    text-align: left;
    padding: 15px 0 0;
    font-size: 12px;
}

#sec02 .scheduleArea td.step .flight01{
	position:relative;
	margin-right: 20px;
}
#sec02 .scheduleArea td.step .flight01:after{
    content:"";
    background:url(../images/icon_flight.png);
    width: 17px;
    height: 16px;
    vertical-align:middle;
    background-size: cover;
    position:absolute;
    top: -1px;
    right: -15px;
}

#sec02 .scheduleArea td.step .flight02{
	position:relative;
	margin-right: 15px;
}
#sec02 .scheduleArea td.step .flight02:after{
    content:"";
    background:url(../images/icon_flight.png);
    width: 17px;
    height: 16px;
    background-size: cover;
    vertical-align:middle;
    position:absolute;
    top: -1px;
    right: -23px;
}

#sec02 .scheduleArea td.hotel {
    text-align: left;
}

.note{
    margin: 20px 0;
    padding: 0 10px;
    font-size: 12px;
    text-align: left;
}

.note .-ind03{
    text-indent: -2.7em!important;
    padding-left: 2.7em!important;
}

#sec02 .hotelArea{
    text-align: left;
    padding: 0 10px;
}

#sec02 .hotelArea .hotelInfo{
    display: inline-block;
    margin: 10px 0 0;
    position: relative;
}

#sec02 .hotelArea .hotelInfo .picBox{
    display: inline-block;
}

#sec02 .hotelArea .hotelInfo .hotelBlock{
    padding-right: 10px;
}

#sec02 .hotelArea .hotelInfo .hotelBlock .hotelFrame{
    float: left;
    width: 50%;
    margin: 0 10px 0 0;
}

#sec02 .hotelArea .hotelInfo .hotelBlock .hotelFrame:last-child{
    margin: 0 -10px 0 0;
    font-size: 12px;
}

#sec02 .hotelArea .hotelInfo .tripadviserArea{
    display: inline-block;
    vertical-align: bottom;
}

#sec02 .hotelArea .hotelInfo .btnArea{
    text-align: center;
    position: relative;
}

/* ========== sec03 ========== */

#sec03{
    margin-bottom: 40px;
    padding: 5px 20px 20px 20px;
    text-align: left;
    background: url(../images/sec03_bg.png);
}

#sec03 .sec_title{
    color: #00aaf4;
    font-weight: bold;
    font-size: 22px;
    margin: 30px 0 10px;
}

#sec03 .sec_title span{
    font-size: 16px;
}

#sec03 .contArea{
    font-size:14px;

}

/* ========== common ========== */ 


h4.tits{
    font-size: 14px;
    color: #00acee;
    margin-bottom: 20px;
}

h4.tits.-red{
    font-size: 14px;
    color: #d10000;
    margin-bottom: 10px;
    line-height: 1em;
}

#sec03 h4.tits{
    font-size: 16px;
    font-weight: bold;
    color: #00acee;
    margin-bottom: 5px;
}

.-lh{
    line-height: 1.2;
}

.-lar{
    font-size: 24px!important;
}

.-mid{
    font-size: 14px!important;
}

.-sml{
    font-size: 12px!important;
}

.-bold{
    font-weight: bold;
}

.txtC{
    text-align: center!important;
}

.txtR{
    text-align: right!important;
}

.txtL{
    text-align: left!important;
}

.picBox.-w100 img{
    width: 100%;
}

.picBox.-auto img{
    width: auto;
}

#sec02 ul li{
    text-indent: -1em;
    padding-left: 1em;
}

ul li span.icon{
    width: 1em;
}


.-red{
    color: #d10000!important;
}

.-skyblue{
    color: #00acee!important;
}

.-whbg{
    background: #fff;
    padding: 10px;
    display: inline-block;
}
/*---box---*/

.box01{
    border: 2px solid #00abf1;
    padding: 20px;
    margin: 20px 0 0;
    text-align: left;
}

.box01 p{
    line-height: 1.6em;
    letter-spacing: 0.05em;
    font-size: 14px;
}

.box02{
    box-sizing: border-box;
    border: 1px solid #cccc;
    padding: 10px;
    margin: 10px 10px 20px;
    text-align: left;
    background: #fff;
}

.box02 p{
    line-height: 1.5em;
    letter-spacing: 0.05em;
    font-size: 12px;
}

.box03{
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #00abf1;
    padding: 15px;
    margin: 10px 0 0;
    text-align: left;
    background: #fff;
}

.box03 p{
    line-height: 1.5em;
    letter-spacing: 0.05em;
    font-size: 12px;
    text-align: left;
    word-wrap: break-word;
}

.box03 p a{
    word-wrap: break-word;
}

.box03 .contBox03{margin: 0 0 20px;}

.box03 .contBox03:last-child{margin: 0;}


.icon_blank{
    width: 14px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: text-bottom;
}

a.popup{
    text-decoration: underline;
    color: #00acee;
}

/* ========== accordion ========== */

#acMenu dt{
    display:block;
    text-align: left;
    text-decoration: underline;
    cursor: pointer;
    color: #00aaf4;
    font-size: 14px;
}

#acMenu dd{
    line-height:50px;
    text-align: left;
    display:none;}
	
/* ========== 販売終了文字 ========== */	

.txt_end{
    margin: 20px 10px;
    padding: 10px;
    font-size: 16px;
    color: #cc0000;
    font-weight: bold;
    line-height: 1.4;
    border: #cc0000 2px solid;
    text-align: center;	
	}