@charset "shift-jis";
@import url(https://opt.jtb.co.jp/css/style.css);
/*@import url(/css/base.css);*/
@import url(https://opt.jtb.co.jp/css/menu.css);
@import url(https://opt.jtb.co.jp/css/header_970.css);
@import url(https://opt.jtb.co.jp/css/footer_970.css);

body {font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", Osaka !important;}
#pankuzu {
    margin: 5px auto 0!important;
}

/*----------------------------------
	以下特集用スタイル
----------------------------------*/

#mv_wrapper {
	max-width: 950px!important;
	width: auto!important;
}
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
#content_header {
	background: #000;
	max-width: 970px;
	width: auto;
	position: relative;
	margin-top: 10px;
}
#content_header h1 {
	position: absolute;
	z-index: 2;
	max-width: 486px;
	display: block;
	width: auto;
	left: 50%;
	top: 50%;
	margin-left: -243px;
	margin-top: -120px;
}
@media screen and (max-width: 680px) {
	#content_header h1 {
		width: 100%;
		max-width: 100%;
		left: 0;
		top: 0;
		margin: 0;
		text-align: center;
		margin-top: 10%;
	}
}
#content_header #slides01 {
	position: relative;
	z-index: 1;
}
/*
#content_header h1 img,
#content_header .slide img,
#content_box01 img,
#content_box03 img,
#content_box04 img {
	width: 100%;
}
*/
#content_header h1 img,
#content_box01 img,
#content_box03 img,
#content_box04 img {
	width: 100%;
}
@media screen and (max-width: 680px) {
	#content_header h1 img {
		width: 88%;
	}
}
#content_header .slide img,
#content_box03 .slide img {
	width: 100%;
}
#content_header .slick-dots {
	position: absolute;
	right: 0;
	bottom: 3%;
    text-align: right;
    padding-right: 25px;
	height: 7px;
	overflow: hidden;
}
@media screen and (max-width: 680px) {
	#content_header .slick-dots {
		bottom: 3%;
		padding-right: 3%;
	}
}
#content_header .slick-dots li {
	display: inline;
	margin-left: 2px;
	height: 2px;
	overflow: hidden;
}
#content_header .slick-dots button {
	text-indent: -9999px;
	border: none;
	background: #FFF;
	width: 30px;
	height: 2px;
	padding: 0;
	overflow: hidden;
}
#content_header .slick-dots .slick-active button {
	background: #F2D57B;
}
#content_box01 {
	background: url(../images/bg01.jpg) center center;
	background-size:cover;
	padding: 75px 0 80px;
}
#content_box01 h2 {
	display: block;
	width: 27%;
	padding: 0 14%;
}
@media screen and (max-width: 680px) {
	#content_box01 h2 {
		width: 60%;
		padding: 0 0 75px;
		margin: 0 auto;
	}
}
#content_box01 h2,
#content_box01 .box_line {
	float: left;
}
@media screen and (max-width: 680px) {
	#content_box01 h2,
	#content_box01 .box_line {
		float: none;
	}
}
.box_line {
	border: solid #FFE58F 1px;
	position: relative;
}
.box_line:after,
.box_line:before {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
}
.box_line:before {
	border-right: solid #FFE58F 1px;
	border-top: solid #FFE58F 1px;
	right: -10px;
    top: -10px;

}
.box_line:after {
	border-left: solid #FFE58F 1px;
	border-bottom: solid #FFE58F 1px;
	left: -10px;
    bottom: -10px;
}
#content_box01 .box_line {
	width: 35.4%;
    padding: 10px 0px 0px 14px;
}
@media screen and (max-width: 680px) {
	#content_box01 .box_line {
		width: 80%;
    	padding: 10px 0px 0px 14px;
		margin: 0 auto;
	}
}
#content_box02 {
	background: url(../images/bg02.jpg) center center;
	background-size:cover;
	padding: 50px 0 55px;
}
.subtitle {
	display: block;
	border-bottom: solid #E5C66E 1px;
}
#content_box02 h2 {
	width: 78%;
    margin: 0 auto;
    padding: 0 5% 2%;
}
@media screen and (max-width: 680px) {
	#content_box02 h2 {
		width: 86%;
		padding: 0 0 2%;
	}
}
#content_box02 h2 img {
	max-height: 15px;
}
#content_box02 dl {
	padding: 4% 9% 0;
    line-height: 1.6;
}
#content_box02 dt,
#content_box02 dd {
	float: left;
	color: #FFF;
}
@media screen and (max-width: 680px) {
	#content_box02 dt,
	#content_box02 dd {
		float: none;
	}
}
#content_box02 dt {
	width: 14%;
}
#content_box02 dd {
	width: 86%;
}
@media screen and (max-width: 680px) {
	#content_box02 dt,
	#content_box02 dd {
		width: 100%;
	}
}
#content_box02 dd a {
	color: #FFF;
	text-decoration: underline!important;
}
#content_box02 dd a:hover {
	text-decoration: none!important;
}
#content_box03 {
	background: url(../images/bg03_01.jpg) center bottom;
	background-size:cover;
	padding: 90px 0 60px;
}
@media screen and (max-width: 680px) {
	#content_box03 {
		background: none;
	}
}
#content_box03 h2 {
	width: 91%;
    margin: 0 auto;
    padding: 26px 1.5%;
}
#content_box03 h2 img {
	max-height: 20px;
	width: auto;
}
#content_box03 .box_line {
	width: 85%;
    margin: 0 auto;
}

#content_box03 #slides02 {
	width: 79%;
    margin: 30px auto;
}
#content_box03 #slides02 .slide {
	padding: 0 12px;
}
#content_box03 #slides02 .slick-arrow {
	text-indent: -9999px;
	border: none;
	background: #FFF;
	width: 40px;
    height: 80px;
	padding: 0;
	position: absolute;
	top: 50%;
	margin-top: -40px;
}
#content_box03 #slides02 .slick-prev {
	background: url(../images/arrow_l.png) no-repeat center center;
	left: -53px;
}
@media screen and (max-width: 680px) {
	#content_box03 #slides02 .slick-prev {
		left: -9%;
	}
}
#content_box03 #slides02 .slick-next {
	background: url(../images/arrow_r.png) no-repeat center center;
	right: -55px;
}
@media screen and (max-width: 680px) {
	#content_box03 #slides02 .slick-next {
		right: -9%;
	}
}
#content_box04 {
	background: url(../images/bg03_02.jpg) center top;
	background-size:cover;
	padding: 10px 0 255px;
}
@media screen and (max-width: 680px) {
	#content_box04 {
		background: none;
	}
}
#content_box04 ul {
	text-align: center;
	width: 40%;
    margin: 0 auto;
}
@media screen and (max-width: 680px) {
	#content_box04 ul {
		width: 86%;
		margin: 0 auto;
	}
}
#content_box04 li {
	display: inline-block;
	padding-bottom: 50px;
}
@media screen and (max-width: 680px) {
	#content_box04 li {
		display: block;
	}
}
/*
.close_plan {
	opacity:0.5;
    filter:alpha(opacity=50);
    -ms-filter: "alpha( opacity=50)";
}
*/
@media screen and (max-width: 680px) {
	#sp_bg {
		background: url(../images/bg03sp.jpg) center bottom;
		background-size:cover;
	}
}