@charset 'utf-8';

@import url('https://fonts.googleapis.com/css?family=Oswald:300,400');
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*
style ---------------------------------------------------------------------- */

/* mv ----------------------------------- */
#mv { width: 100%; height: 410px; margin-top: 2.5%; background-image: url(../images/mv.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }
#mv h2 { padding-top: 69px; font-size: 78px; font-weight: 400; color: #FFF; line-height: 1.04; }
#mv h2 span { font-size: 58px; letter-spacing: -0.01em; }
#mv p { font-size: 22px; font-family: 'Oswald', sans-serif; font-weight: 300; color: #FFF; line-height: 1.4; }
#mv .goto { display: inline-block; margin-top: 40px; padding: 10px 30px; font-size: 34px; font-weight: 400; color: #1db3cb; line-height: 1; background-color: rgba(255,255,255,0.75); border: solid 1px #1db3cb; -webkit-border-radius:30px / 50% ; -moz-border-radius:30px / 50%; -o-border-radius:30px / 50%; -ms-border-radius:30px / 50%; border-radius:30px / 50%; }
#mv .goto img { height: 18px; margin-top: -7px; vertical-align: middle; }
@media screen and (min-width:1800px) {
	#mv { background-size: contain; background-color: #0094C8; }
}
@media screen and (max-width:768px) { /* iPad 縦 m */
	#mv { height: 107vw; margin-top: 5%; background-image: url(../images/mv_sp.jpg); }
	#mv h2 { padding-top: 10vw; font-size: 12.5vw; }
	#mv h2 span { font-size: 9.2vw; }
	#mv p { font-size: 4.6vw; }
	#mv .goto { margin-top: 46vw; padding: 1.6vw 4vw 1.8vw; font-size: 6.5vw; -webkit-border-radius:5vw / 50% ; -moz-border-radius:5vw / 50%; -o-border-radius:5vw / 50%; -ms-border-radius:5vw / 50%; border-radius:5vw / 50%; }
	#mv .goto img { height: 5vw; margin: 0 -3vw; margin-top: -1.3vw; }
}

/* page_link ----------------------------------- */
#mc .page_link { padding: 30px 0 60px; }
#mc .page_link ul { overflow: hidden; }
#mc .page_link li { width: calc((100% - 12px) / 4); margin-right: 4px; margin-bottom: 4px; float: left; }
#mc .page_link li:nth-child(4n) { margin-right: 0; }
#mc .page_link_3 li { width: calc((100% - 8px) / 3); margin-right: 4px; margin-bottom: 4px; float: left; }
#mc .page_link_3 li:nth-child(3n) { margin-right: 0; }
#mc .page_link_3 li:nth-child(4n) { margin-right: 4px; }
#mc .page_link li a { position: relative; display: block; height: 50px; padding: 16px 0; text-align: center; text-decoration: none; background-color: #1DB3CB; }
#mc .page_link li a span { position:absolute; top:50%; width: 100%; text-align: center; padding: 0 15px; display: block; font-weight: bold; font-size: 18px; color: #FFF; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
#mc .page_link li a small { display: inline-block; font-size: 70%; }
#mc .page_link li a i { position:absolute; top: calc(50% - 12px); right: 10px; width: 10px; }
#mc .page_link li a i img { width: 100%; }
@media screen and (max-width:768px) { /* iPad 縦 m */
	#mc .page_link li { width: calc((100% - 4px) / 2); margin-right: 4px; }
	#mc .page_link li:nth-child(4n) { margin-right: 4px; }
	#mc .page_link_3 li:nth-child(3n) { margin-right: 4px; }
	#mc .page_link_3 li:nth-child(4n) { margin-right: 4px; }
	#mc .page_link li:nth-child(even) { margin-right: 0; }
}


/* mc common ----------------------------------- */
#mc {}
#mc * { font-family: 'Noto Sans Japanese', sans-serif; font-weight: normal; }
#mc a { -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
#mc a:hover { text-decoration: none; opacity: 0.6; }
#mc .sec_header { padding: 30px 0 0; background-image: url(../images/bg.gif); }
#mc .sec_header h3 { display: table; margin-bottom: 30px; }
#mc .sec_header h3 span { display: table-cell; font-size: 28px; font-weight: bold; }
#mc .sec_header h3 small { font-size: 70%; }
#mc .sec_header h3 img { height: 23px; vertical-align: middle; margin-top: -5px; }
#mc .sec_header .airline { overflow: hidden; margin-bottom: 10px; }
#mc .sec_header .airline li { width: calc((100% - 100px) / 6); margin-right: 20px; margin-bottom: 20px; float: left; }
#mc .sec_header .airline li:nth-child(6n) { margin-right: 0; }
#mc .sec_header .airline li img { width: 100%; }
#mc .sec_contents { padding-bottom: 85px; }
#mc .sec_contents h3 { margin-top: 40px; margin-bottom: 20px; font-size: 22px; font-weight: bold; }
#mc .sec_contents h4 { margin-top: 40px; margin-bottom: 20px; font-size: 18px; font-weight: bold; }
#mc .sec_contents .bt {}
#mc .sec_contents .bt a { position: relative; display: block; max-width: 380px; margin: 0 auto; padding: 16px 10px; font-weight: bold; font-size: 18px; color: #FFF; text-align: center; background-color: #1DB3CB; }
#mc .sec_contents .bt a i { position:absolute; top: calc(50% - 10px); right: 10px; width: 6px; }
#mc .sec_contents .bt a i img { width: 100%; }
#mc .hotel_list { overflow: hidden; margin-bottom: 45px; }
#mc .hotel_list li { width: calc((100% - 70px) / 3); margin-right: 35px; float: left; }
#mc .hotel_list li:nth-child(3n) { margin-right: 0; }
#mc .hotel_list li a { display: block; }
#mc .hotel_list li a img { width: 100%; }
#mc .hotel_list li a span { position: relative; display: block; margin-top: 10px; padding: 3px 40px 10px 0; font-size: 18px; line-height: 1.4; }
#mc .hotel_list li a span i { position: absolute; top: 0; right: 0; width: 30px; vertical-align: middle; }
#mc .tour_list { overflow: hidden; margin-bottom: -20px; }
#mc .tour_list li { width: calc((100% - 40px) / 2); margin-right: 40px; margin-bottom: 20px; float: left; }
#mc .tour_list li:nth-child(2n) { margin-right: 0; }
#mc .tour_list li a { position: relative; display: block; width: 100%; padding: 16px 25px; font-weight: 400; font-size: 15px; color: #FFF; color: #1DB3CB; text-align: center; border: solid 2px #1DB3CB; }
#mc .tour_list li a i { position:absolute; top: calc(50% - 10px); right: 10px; width: 6px; }
#mc .tour_list li a i img { width: 100%; }
#mc .cap { font-size: 10px; margin-top: 20px; }
@media screen and (max-width:768px) { /* iPad 縦 m */
	#mc .sec_header h3 span { font-size: 20px; }
	#mc .sec_header h3 img { height: 16px; }
	#mc .sec_header .airline li { width: calc((100% - 80px) / 5); }
	#mc .sec_header .airline li:nth-child(6n) { margin-right: 20px; }
	#mc .sec_header .airline li:nth-child(5n) { margin-right: 0; }
	#mc .sec_contents h3 { font-size: 18px; }
	#mc .sec_contents h4 { font-size: 16px; }
	#mc .hotel_list li { width: calc((100% - 35px) / 2); margin-bottom: 20px; }
	#mc .hotel_list li:nth-child(3n) { margin-right: 35px; }
	#mc .hotel_list li:nth-child(2n) { margin-right: 0; }
}
@media screen and (max-width:414px) { /* iPhone 縦 s */
	#mc .sec_header .airline li { width: calc((100% - 40px) / 3); }
	#mc .sec_header .airline li:nth-child(6n) { margin-right: 40px; }
	#mc .sec_header .airline li:nth-child(5n) { margin-right: 40px; }
	#mc .sec_header .airline li:nth-child(3n) { margin-right: 0; }
	#mc .hotel_list li { width: 100%; margin-right: 0; }
	#mc .hotel_list li a span { padding-top: 0; font-size: 14px; }
	#mc .hotel_list li a span i { width: 18px; }
	#mc .tour_list li { width: 100%; margin-right: 0; float: none; }
	#mc .tour_list li a { font-size: 14px; }
	#mc .cap { text-align: right; }
}

/*=========================================
PAGETOP
=========================================*/
.pageTop{position:fixed;bottom:40px;right:40px;}
@media screen and (max-width: 481px) {
	.pageTop{position:fixed;bottom:5px;right:5px;text-align:right}
	.pageTop img{width:50%;}
}