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

* sp-add.css

*********************************************************************
*/


/*●販売終了*/
.final_txt{
	width: 928px;
	margin:10px 10px 10px 10px;
	padding:5px 0px 5px 0px;
	color:#CC0000;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	border:solid 1px #CC0000;
}


img{
	vertical-align:top;
}

.sp_only{
	display:none;
}

section.base_center{
	margin-top:30px;
}

.wr100,
.wr94{
	margin-right:0;
	margin-left:0;
	width:950px;
}

#main-contents{

}

/*--------------------------------------------------------
追加設定
-------------------------------------------------------*/

/* wr */
.wr_all,
.wr200,
.wr300,
.wr400,
.wr500{
	margin-bottom:10px;
	width:950px;
	position:relative;
}

.wr_all:after,
.wr200:after,
.wr300:after,
.wr400:after,
.wr500:after{
	content:"";
	clear:both;
	display:block;
}


/* box */
.box1,
.box2,
.box3,
.box4,
.box5,
.nbox1,
.nbox2,
.nbox3,
.nbox4,
.nbox5,
.nnbox1,
.nnbox2,
.nnbox3,
.nnbox4,
.nnbox5{
	float:left;
}

.box1:after,
.box2:after,
.box3:after,
.box4:after,
.box5:after,
.nbox1:after,
.nbox2:after,
.nbox3:after,
.nbox4:after,
.nbox5:after,
.nnbox1:after,
.nnbox2:after,
.nnbox3:after,
.nnbox4:after,
.nnbox5:after{
	content:"";
	clear:both;
	display:block;
}

.wr200 .box1,
.wr300 .box1{
	width:467px;
}

.wr200 .box2,
.wr300 .box2{
	width:467px;
	float:right;
}

.wr200 .box1 .nbox1,
.wr200 .box2 .nbox1{
	width:253px;
}

.wr200 .box1 .nbox2,
.wr200 .box2 .nbox2{
	width:200px;
	float:right;
}


.wr400{
	margin-top:0;
	width:944px;
	border: 3px solid #EA5513;
	border-top:none;
}

.wr400 .box1{
	margin-top:12px;
	margin-left:12px;
	width:450px;
}

.wr400 .box2{
	margin-top:12px;
	margin-right:12px;
	margin-bottom:12px;
	width:450px;
	float:right;
}

.wr400 .box2 img{
	margin-right:0.5%;
	width:33%;
	float:left;
}

.wr400 .box2 img:last-child{
	margin-right:0;

}


/* 申込みボタン */
a.btn_order{
	padding:4px 8px;
	display:inline-block;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	line-height:115%;
	color:#ffffff;
	-webkit-font-smoothing:antialiased;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */
	background:#ff0000;
}

.btn_order:hover{
	padding:5px 8px 3px 8px;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

a.btn_order2{
	padding:7px 30px;
	display:inline-block;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	line-height:135%;
	color:#ffffff;
	-webkit-font-smoothing:antialiased;
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ff0000, endcolorstr=#BA2525));/*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ff0000, endcolorstr=#BA2525))";/* IE8 IE9 */
	zoom: 1;/* IE CSS用 */
	background : -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#BA2525));
	background : -webkit-linear-gradient(top, #ff0000, #BA2525);
	background : linear-gradient(to bottom, #ff0000, #BA2525);
}

.btn_order2:hover{
	padding-top:8px;
	padding-bottom:6px;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


/* その他 */


/* 北海道バスツアーtopページから流用 */
.intro_box {
	margin-bottom: 10px;
	width: 470px;
	position: relative;
	float: left;
}

.intro_box .pictarea {
	width: 215px;
	float:left;
}

.intro_box .pictarea img{
	margin-right:5px;
	margin-bottom:5px;

}

.intro_box .infoarea {
	width: 250px;
	float:right;
}

.price_pr{
	width: 250px;
	float:right;

}

.intro_box .pricearea {
	width: 160px;
	font-size: 14px;
	font-weight: bold;
	line-height: 135%;
	color: #F36;
	float:left;
}

.intro_box .pricearea span{
	font-size:12px;
	color:#666;
}

.intro_box .scedulearea {
	margin-top: 220px;
	width: 460px;
	font-size: 14px;
	font-weight: normal;
	line-height: 135%;
	color: #F36;
}
.intro_box .detailarea {
	width: 80px;
	text-align:right;
	float:right;
}

table.nittei {
	margin: 3px 0 0 0;
	border-collapse: collapse;
}
table.nittei td {
	padding: 2px 8px 1px 8px;
	border: solid 1px #999999;
	font-size: 12px;
}

.g_center {
	background-color: #eeeeee;
	text-align: center;
	vertical-align: middle;
	padding: 3px 5px 3px 5px;
}

#top_banner {
	width: 950px;
	clear: both;
	margin: 10px auto;
}

.banner_box {
	width: 303px;
	height: 58px;
	float: left;
	position: relative;
}
.banner_box .label1l {
	position: absolute;
	color: #FFF;
	top: 20px;
	left: 12px;
	font-weight: bold;
	font-size: 17px;
	line-height:18px;
}
.banner_box .label2l {
	position: absolute;
	color: #FFF;
	top: 10px;
	left: 12px;
	font-weight: bold;
	font-size: 17px;
	line-height:18px;
}

/* 前回の設定 */
.ititle {
	padding: 10px;
	background-color: #CFF9FE;
	font-weight: normal;
	font-size: 16px;
	line-height:18px;
}

.sectitle2 {
	position: relative;
	width: 950px;
	height: 34px;
	background: url(../images/copy_02.png) no-repeat top left;
}

.topicbox2 {
	border: 3px solid #EA5513;
}

.ttitle {
	font-size: 18px;
	color: #F63;
	line-height: 1.5;
}


/*  */
.ttl_301{
}


/* テキスト */
.txt01{
	font-size:15px;
	line-height:150%;
}

.txt02{
	margin-bottom:5px;
	font-size:17px;
	font-weight:bold;
	line-height:135%;
	color:#384CFF;
	border-bottom:dotted 2px #384CFF;
}

.mtxt01{
	font-size: 16px;
	font-weight: bold;
	line-height: 135%;
}

.cap1{
	font-size:11px;
	line-height:135%;
}

.caution1{
	color: #ff3366;	
}



/*●中央寄せ*/
.cen{
	margin: 0 auto;
}




/* ############################################## */

/* スマホ版見出し（フォントサイズ変更） */
@media
only screen and (max-width : 640px){

.wr100{
	margin:1% 0%;
	padding:0 0;
	width:100%;
}

.wr94{
	margin:1% 3%;
	padding:0 0;
	width:94%;
}

section.base_center{
	margin-top:10px;
}

.wr200,
.wr300{
	width:100%;
}

.wr200 .box1,
.wr200 .box2,
.wr300 .box1,
.wr300 .box2{
	width:100%;
	float:none;
}

.wr200 .box1 .nbox1,
.wr200 .box2 .nbox1,
.wr200 .box1 .nbox2,
.wr200 .box2 .nbox2{
	width:100%;
	float:none;
}

.wr200 .box1 img,
.wr200 .box2 img{
	margin-bottom:5px;
	width:100%;
}

.wr200 .box1 h3 img,
.wr200 .box2 h3 img{
	margin-bottom:0px;
	width:auto;
}

.wr400{
	margin-top:0;
	padding:0%;
	width:100%;
	border: 2px solid #EA5513;
}


.wr400 .box1{
	margin:10px 0 0 0;
	padding:0% 3% 0% 3%;
	width:100%;
	float:none;
}

.wr400 .box2{
	margin:0 0 3% 0;
	padding:0% 3% 0% 3%;
	width:100%;
	float:none;
}

/*  */
#tour_block{
	width:100%;
}

.intro_box {
	margin-bottom:30px;
	padding-bottom:15px;
	width: 100%;
	border-bottom:dotted 2px #ccc;
	float:none;
}

.intro_box .pictarea {
	width: 100%;
	float:none;
}

.intro_box .pictarea:after{
	content:"";
	clear:both;
	display:block;
}

.intro_box .pictarea img{
}

.intro_box .pictarea img.ph_l{
	margin-right:0;
	margin-bottom:0px;
	width:66.5%;
	float:left;
}

.intro_box .pictarea img.ph_s{
	margin-right:0px;
	margin-bottom:1%;
	width:32.5%;
	float:right;
}

.intro_box .infoarea {
	width:100%;
	float:none;
}

.price_pr{
	margin-bottom:10px;
	width:100%;
	float:none;
}

.price_pr:after{
	content:"";
	clear:both;
	display:block;
}


.intro_box .pricearea {
	width:60%;
	font-size:1.25em;
	color: #F36;
	float:left;
}

.intro_box .pricearea span{
	margin-right:8px;
	font-size:0.8em;
	color:#666;
}

.intro_box .detailarea{
	margin-top:-6px;
	width:35%;
	text-align:right;
	float:right;
background:#acc;
}

.intro_box .scedulearea {
	margin-top:0px;
	font-size: 14px;
	font-weight: normal;
	line-height: 135%;
	color: #F36;
}

table.nittei {
	margin: 3px 0 0 0;
	border-collapse: collapse;
}
table.nittei td {
	padding: 2px 8px 1px 8px;
	border: solid 1px #999999;
	font-size: 12px;
}

.g_center {
	background-color: #eeeeee;
	text-align: center;
	vertical-align: middle;
	padding: 3px 5px 3px 5px;
}

#top_banner {
	margin: 10px auto;
	width:100%;
	text-align:center;
}

.banner_box{
	margin: 5px auto!important;
	width:65%;
	height: auto;
	float:none;
	position: relative;
}

.banner_box img{
	width:100%;
}

.banner_box .label1l {
	position: absolute;
	color: #FFF;
	top: 20px;
	left: 12px;
	font-weight: bold;
	font-size: 17px;
	line-height:18px;
}
.banner_box .label2l {
	position: absolute;
	color: #FFF;
	top: 10px;
	left: 12px;
	font-weight: bold;
	font-size: 17px;
	line-height:18px;
	text-align:left;
}

/* 前回の設定 */
.ititle {
	margin-top:15px;
	padding:5px 10px;
	font-size:1.0em;
	line-height:135%;
}

.sectitle2 {
	position: relative;
	width: 950px;
	height: 34px;
	background: url(../images/copy_02.png) no-repeat top left;
}

.topicbox2 {
	border: 3px solid #EA5513;
}

.ttitle {
	font-size: 1.25em;
	line-height:135%;
}

.bnote{
	margin:0 auto;
	text-align:center;
}


/* 申込みボタン */
a.btn_order{
	padding:6px 8px;
	width:auto;
	display:block;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	line-height:115%;
	color:#ffffff;
	-webkit-font-smoothing:antialiased;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ff0000, endcolorstr=#BA2525));/*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ff0000, endcolorstr=#BA2525))";/* IE8 IE9 */
	zoom: 1;/* IE CSS用 */
	background : -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#BA2525));
	background : -webkit-linear-gradient(top, #ff0000, #BA2525);
	background : linear-gradient(to bottom, #ff0000, #BA2525);
}

.btn_order:hover{
	padding:7px 8px 5px 8px;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.btn_order2{
	width:80%;
}

h3.ttl_301,
h3.ttl_302{
	padding:3px 8px;
	background:#eb6100;
	font-size:1.25em;
	line-height:135%;
	color:#ffffff;
}

h3.ttl_301 span,
h3.ttl_302 span{
	background:#eb6100;
	font-size:1.0em;
	color:#ffffff!important;
}

.m-t50{
	margin-top:15px!important;
}

.txt01,
.cap1{
	font-size:1.0em;
}

.pc_only{
	display:none;
}

.sp_only{
	display:inline-block;
}



} /* @media */