@charset "utf-8";

main.travel {
	padding-bottom: 22px;
}
main.travel .wrapper {
	width: 100%;
}
main.travel .photo-frame{
	box-shadow:0 4px 7px 0 rgba(190,190,190,0.8);
	-moz-box-shadow:0 4px 7px 0 rgba(190,190,190,0.8);
	-webkit-box-shadow:0 4px 7px 0 rgba(190,190,190,0.8);
	border: 1px solid #cccccc;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 12px;
	background: #FFF;
}
main.travel .wrapper .travel-col.col3 .photo-frame {
	padding: 11px;
}

main.travel .wrapper ul.travel-col {
	font-size: 0;
	width: 980px;
	margin: 0 auto;
}
main.travel .wrapper .travel-col li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
main.travel .wrapper .travel-col li > .photo-frame {
	display: inline-block;
}
main.travel .wrapper .travel-col.col1 {
	margin: 0 auto;
	text-align: center;
}
main.travel .wrapper .travel-col.col1-1 {
	margin-top: 40px;
}
main.travel .wrapper ul.travel-col.col3 {
	text-align: center;
}
main.travel .wrapper .travel-col-txt {
	text-align: center;
	margin: 24px auto 75px;
	width: 980px;
}
main.travel .wrapper .travel-col-txt--catch {
	margin: 24px auto;
}
main.travel .wrapper .travel-col li > .travel-col-txt {
	width: auto;
}
main.travel .wrapper .travel-col.col2 {
	text-align: left;
}
main.travel .wrapper .travel-col.col2.col2-1 {
	margin-top: 40px;
}

main.travel .wrapper .travel-col.col2 li:nth-child(2) {
	float: right;
}
main.travel .wrapper .travel-col.col3 li:nth-child(1) {
	float: left;
}
main.travel .wrapper .travel-col.col3 li:nth-child(3) {
	float: right;
}
main.travel .wrapper .travel-col.col3.col3-1 {
	margin-top: 15px;
}
main.travel section h3 {
	text-align: center;
	font-family: "フォーク B";
}

/* 個別設定 */
main.travel section.top  {
	width: 980px;
	margin: 0 auto 72px;
	text-align: center;
}
main.travel section.top .main-visual {
	width: 802px;
	margin: 0 auto;
}
main.travel section.top .top-team__h3 {
	text-align: center;
	padding-top: 45px;
	line-height: 1.4;
	font-size: 32px;
	border-bottom: 3px solid #083C7F;
	display: inline-block;
}
main.travel section.top .top-team__p {
	margin: 40px 0 80px;
}
main.travel section.top ul.travel-col {
	margin: 0 auto 37px;
}
main.travel section.middle h3{
	margin-bottom: 40px;
}
main.travel section.date-odd {
	background: url(/contents_file/fun/koushien/images/faq/faq_wave.png) left top repeat-x,
	url(/contents_file/fun/koushien/images/faq/faq_wave_bottom.png) left bottom repeat-x;
	background-color: #fef2f4;
	padding-top: 90px;
	padding-bottom: 28px;
	margin-top: 0;
}
main.travel section.date-odd + section.bottom.after {
	margin-top: 75px;
}
main.travel section.date-even {
	margin-top: 58px;
}
main.travel section.bottom.after {
	background: url(/contents_file/fun/koushien/images/travel/line.png) left top repeat-x;
	width: 800px;
	margin: 0 auto;
	padding-top: 75px;
}
main.travel section.bottom h3 {
	text-align: left;
}
main.travel ul.report {
	margin-top: 38px;
}
main.travel ul.report > li > img {
	margin: 0 auto;
}
main.travel ul.report li:nth-child(n+2) {
	margin-top: 80px;
}
main.travel ul.shop-list li:nth-child(n+2) {
	margin-top: 40px;
}
main.travel .wrapper section a.list-style.pink {
	color: #083C7F;
	border-bottom: 1px solid #083C7F;
	font-size: 20px;
	font-weight: bold;
	margin-left: 16px;
	padding-left: 6px;
	display: inline-block;
	margin-top: 0;
}
main.travel .wrapper section a.list-style.pink:before {
	top: 11px;
}
main.travel .wrapper section .list-style.black {
	position: relative;
	font-size: 20px;
	font-weight: bold;
	margin-left: 16px;
	padding-left: 6px;
	display: inline-block;
}
main.travel .wrapper section .list-style.black:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left:-12px;
	top: 11px;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #000000;
}
main.travel section.after .shop-list-txt {
	margin-top: 12px;
	margin-bottom:0;
}
main.travel .wrapper .travel-nav {
	width: 940px;
	margin: 73px auto 0;
}
main.travel .wrapper .travel-nav li {
	display: inline-block;
}
main.travel .wrapper .travel-nav li:hover {
	opacity: 0.7;
}
main.travel .wrapper .travel-nav li.next {
	float: right;
}
main.travel .wrapper .travel-nav li.past {
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
}
main.travel .wrapper .travel-nav li.past a {
	width: 300px;
}
main.travel .wrapper .travel-nav li a {
	background: #083C7F;
	color: #FFF;
	position: relative;
	width: 184px;
	display: block;
	text-align: center;
	font-size: 23px;
	font-weight: bold;
	line-height: 52px;
	height: 48px;
}
main.travel .wrapper .travel-nav li.prev a::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 20px 24px 0;
    border-color: transparent #083C7F transparent transparent;
    position: absolute;
    left: -20px;
    top: -0.5px;
}
main.travel .wrapper .travel-nav li.next a::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 0 24px 20px;
    border-color: transparent transparent transparent #083C7F;
    position: absolute;
    right: -20px;
    top: -0.5px;
}

/* travel01 - 05 */

main.travel .middle-lead {
	text-align: center;
	margin: -10px auto 72px;
	width: 980px;
}
main.travel .after .middle-lead {
	margin: 40px auto 72px;
	width: 800px;
}
main.travel ul.travel-col .col-no-txt {
	margin-bottom: 78px;
}
main.travel section.date-odd.itinerary {
	padding-top: 82px;
	padding-bottom: 103px;
}
main.travel section.date-odd.itinerary h3 {
	margin-bottom: 44px;
}
main.travel .itinerary  .itinerary-list {
	display: block;
	width: 800px;
	margin: 0 auto;
}
main.travel .itinerary .itinerary-list-detail {
	display: inline-block;
	vertical-align: top;
}
main.travel .itinerary .itinerary-list-img {
	display: inline-block;
	vertical-align: top;
	float: right;
}
main.travel .itinerary-list-date {
	color: #FFF;
	background: #083C7F;
	display: inline-block;
	font-size: 20px;
	text-align: center;
	padding: 0 14px 0 24px;
	font-weight: bold;
	line-height: 48px;
	border-radius: 8px;
}
main.travel .itinerary .itinerary-list-date:nth-of-type(n+2) {
	margin-top: 160px;
}
main.travel .itinerary .itinerary-list-txt {
	margin: 25px 0 0;
}
main.travel .itinerary  .itinerary-list > li:nth-child(n+2) {
	background: url(/contents_file/fun/koushien/images/travel/line.png) left top repeat-x;
	padding-top: 82px;
	margin-top: 78px;
}
main.travel .itinerary .itinerary-list-img > li:nth-child(n+2){
	margin-top: 40px;
}
/* travel01 */
main.travel.travel01 .wrapper .travel-col li {
	min-width: 342px;
}
main.travel.travel01 .wrapper ul.travel-col.col2 {
	width: 800px;
}
/* travel02 */
main.travel.travel02 .wrapper .travel-col.col2 li {
	min-width: 342px;
}
main.travel.travel02 .wrapper ul.travel-col.col2 {
	width: 800px;
}
/* travel03 */
main.travel.travel03 .wrapper ul.travel-col.col2 {
	width: 800px;
}
main.travel.travel03 .wrapper .travel-col.col2.col2-type02 li {
	width: 368px;
}
main.travel.travel03 .wrapper .travel-col.col2.col2-type02 li .travel03-col2-1 {
	margin-left: 6px;
	margin-top: 11px;
}
main.travel .wrapper section ul.faq-list {
	font-size: 17px;
	color: #083C7F;
	width: 800px;
	margin: 0 auto;
}
main.travel section ul.faq-list li .answer {
	color: #000;
	display: block;
	margin-top: 16px;
}
main.travel section ul.faq-list li:nth-child(n+2) {
	margin-top: 35px;
}
main.travel section.faq {
	padding-bottom: 75px;
}
/* travel04 */
main.travel .travel-sub {
	text-align: center;
}
main.travel .travel-sub .travel-sub-h4 {
	color: #FFF;
	background: #083C7F;
	display: inline-block;
	font-size: 20px;
	text-align: center;
	padding: 0 14px;
	font-weight: bold;
	line-height: 48px;
	border-radius: 8px;
}
main.travel .travel-sub .travel-sub-h4.no-lead-txt {
	margin-bottom: 75px;
}
main.travel .wrapper ul.travel-col.travel-col--travel10 {
	position: relative;
	width: 802px;
}
.photo-frame--top02 {
	margin: 0 60px 0 0;
}
.photo-frame--top03 {
	position: absolute;
	width: 316px;
	bottom: 0;
	right: 0;
}
.photo-frame--middle04 {
	position: absolute;
	right: 0;
	bottom: 0;
}
.travel-col--travel10-middle {
	position: relative;
}
main.travel .wrapper .travel-col .photo-frame--middle01 {
	display: block;
	margin: 0 auto 75px;
	width: 640px;
}
main.travel .wrapper .travel-col .photo-frame--middle01 > img {
	width: 614px;
}
.travel10 .col3 img {
	width: 292px;
}
.travel10 .col2 img {
	width: 446px;
}
.travel10 .col2 .img-small {
	width: 400px;
}
.main-movie {
	width: 802px;
	 margin: 0 auto;
}
.movie-wrapper {
	width: 100%;
	height: auto;
	padding: 56.25% 0 0;
	margin:  auto;
	position: relative;
}
.movie-wrapper > iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
    height: 100%;
}
.travel-catch {
	font-size: 1.2em;
	font-weight: bold;
}