@charset "UTF-8";
/* ### mixin.scss ### */
/* ### setting.scss ### */
.clear { *zoom: 1; }
.clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/* ### contents.scss ### */
.breadcrumb { width: 980px; margin: 0 auto; }

/************** header **************/
.air_over { overflow: hidden; }

.air_bold { font-weight: bold; }

#airline_sitebox { font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; color: #1a1a1a; margin: 0; padding: 0; text-align: left; background: url("../img/bg_header02.png") repeat-x; font-size: 13px; line-height: 1.35em; }

#airline_sitebox02 { text-align: center; background: url("../img/bg_header.png") no-repeat center 0; }

#airline_header { background: url("../img/bg_header.png") no-repeat center 0; margin: 0 auto; padding: 0 0 50px 0; height: 510px; width: 960px; text-align: left; }

#airline_header_box img { padding-top: 69px; }
#airline_header_box p { width: 490px; color: #fff; font-weight: bold; }

#header_text { width: 960px; margin: 0 auto; padding: 0 0 3px 0; }

/************** contents **************/
#airline_contents { background: url("../img/bg_contents.png") no-repeat center 0; }

#airline_contents #airline_main { margin: 0 auto; padding: 0; text-align: left; width: 960px; }
#airline_contents #airline_main h2 { margin-bottom: 38px; }

@media screen and (min-width: 737px) { img { margin: 0; padding: 0; vertical-align: bottom; } }
/************** p **************/
.mb25 { margin-bottom: 25px; }

.fs15 { font-size: 13px; }

.li17 { line-height: 1.7em; }

/************** ul li **************/
table.ranking ul { padding: 18px 0 0 0; }

/************** table **************/
table.ranking { border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; text-align: left; height: 413px; }

table.ranking02 { border: 1px solid #DDDDDD; border-left: none; height: 413px; }

table.ranking03 { border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; text-align: left; height: 350px; }

table.ranking th, table.ranking td, table.ranking03 th, table.ranking03 td { border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }

/************** span img a **************/
.ranking04, .ranking05, .ranking06, .ranking07, .ranking08, .ranking09, .ranking10 { padding: 3px 0 0 55px; font-size: 19px; }

.ranking11, .ranking12, .ranking13, .ranking14, .ranking15, .ranking16, .ranking17, .ranking18, .ranking19, .ranking20 { padding: 3px 0 3px 42px; font-size: 15px; display: block; }

.ranking04 { background: url("../img/ranking04.png") no-repeat 0 center; }

.ranking05 { background: url("../img/ranking05.png") no-repeat 0 center; }

.ranking06 { background: url("../img/ranking06.png") no-repeat 0 center; }

.ranking07 { background: url("../img/ranking07.png") no-repeat 0 center; }

.ranking08 { background: url("../img/ranking08.png") no-repeat 0 center; }

.ranking09 { background: url("../img/ranking09.png") no-repeat 0 center; }

.ranking10 { background: url("../img/ranking10.png") no-repeat 0 center; }

.ranking11 { background: url("../img/ranking11.png") no-repeat 0 center; }

.ranking12 { background: url("../img/ranking12.png") no-repeat 0 center; }

.ranking13 { background: url("../img/ranking13.png") no-repeat 0 center; }

.ranking14 { background: url("../img/ranking14.png") no-repeat 0 center; }

.ranking15 { background: url("../img/ranking15.png") no-repeat 0 center; }

.ranking16 { background: url("../img/ranking16.png") no-repeat 0 center; }

.ranking17 { background: url("../img/ranking17.png") no-repeat 0 center; }

.ranking18 { background: url("../img/ranking18.png") no-repeat 0 center; }

.ranking19 { background: url("../img/ranking19.png") no-repeat 0 center; }

.ranking20 { background: url("../img/ranking20.png") no-repeat 0 center; }

#wrapper { display: block !important; margin: 0 auto 0 !important; width: auto; }

/************** 2019/11 レスポンシブ化を目指して **************/
@media screen and (min-width: 737px) { .sp { display: none; } }
.airline_box { display: flex; justify-content: space-between; flex-wrap: wrap; width: 960px; }

.inner_box { width: 307px; margin-bottom: 30px; }

.inner_text { height: 350px; padding: 15px 10px; border-right: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; border-left: 1px solid #E7E7E7; position: relative; box-shadow: 0px 4px 3px -2px #cccccc; }
.inner_text dl { display: flex; align-items: flex-start; margin-bottom: 8px; }
.inner_text dl dt { font-weight: bold; flex-shrink: 0; }
.inner_text dl dt::after { content: "："; }
.inner_text dl dd { flex-shrink: 1; }
.inner_text p { margin-top: 15px; }
.inner_text p:last-of-type { position: absolute; right: 10px; bottom: 15px; }
.inner_text p:last-of-type img { width: 145px; }

/************** SP版 **************/
@media screen and (max-width: 969px) { .pc { display: none; }
  .sp { display: block; }
  #airline_sitebox, #airline_sitebox02 { background: #ffffff; }
  #airline_header { max-width: 100%; background-size: 100%; padding: 0; height: auto; }
  #airline_header_box p { width: 90%; padding: 245px 5% 25px; color: #1a1a1a; font-weight: 400; background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(36%, rgba(255, 255, 255, 0.9)), color-stop(57%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(bottom, white, rgba(255, 255, 255, 0.9) 36%, rgba(255, 255, 255, 0) 57%); background: -moz-linear-gradient(bottom, white, rgba(255, 255, 255, 0.9) 36%, rgba(255, 255, 255, 0) 57%); background: -o-linear-gradient(bottom, white, rgba(255, 255, 255, 0.9) 36%, rgba(255, 255, 255, 0) 57%); background: linear-gradient(to top, white, rgba(255, 255, 255, 0.9) 36%, rgba(255, 255, 255, 0) 57%); }
  #header_text { max-width: 100%; }
  #airline_contents #airline_main { max-width: 95%; margin: 0 auto; }
  #airline_contents #airline_main h2 { margin-bottom: 10px; }
  #airline_contents #airline_main h2 img { width: 100%; }
  .airline_box { max-width: 100%; }
  .inner_box { position: relative; z-index: 0; width: 45%; margin: 10px auto 10px; display: flex; flex-direction: column; }
  .inner_box > p a img { position: relative; z-index: 2; text-align: center; width: 70%; margin: 0 15% -70px 15%; }
  .inner_box .inner_text { height: auto; flex-grow: 3; z-index: 1; padding: 85px 10px 40px; border-top: 1px solid #e7e7e7; }
  .inner_box .inner_text p:last-of-type { bottom: 10px; margin-right: 3px; }
  .inner_box .inner_text p:last-of-type img { width: 145px; } }
@media screen and (max-width: 736px) { .pc { display: none; }
  #airline_sitebox, #airline_sitebox02 { background: #ffffff; }
  #airline_header { background-size: 125%; }
  #airline_header_box p { padding: 185px 5% 25px; background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(52%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(bottom, white, rgba(255, 255, 255, 0.9) 52%, rgba(255, 255, 255, 0) 75%); background: -moz-linear-gradient(bottom, white, rgba(255, 255, 255, 0.9) 52%, rgba(255, 255, 255, 0) 75%); background: -o-linear-gradient(bottom, white, rgba(255, 255, 255, 0.9) 52%, rgba(255, 255, 255, 0) 75%); background: linear-gradient(to top, white, rgba(255, 255, 255, 0.9) 52%, rgba(255, 255, 255, 0) 75%); }
  .inner_box { width: 95%; }
  .inner_box .inner_text { z-index: 1; height: auto; } }

/*# sourceMappingURL=style.css.map */