/* base */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/ change colours to suit your needs /
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/ change colours to suit your needs /
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs
*/
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
/*--------------------------------------------------------------------------
 *   default;
 *---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
 *	 html, body;
 *---------------------------------------------------------------------------*/
html, body {
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-family: 'ヒラギノ角ゴ ProN W3',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN",'游ゴシック',YuGothic,"meiryo","メイリオ","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  color: #000;
  width: 100%;
//  min-width: 1080px;
  height: 100%;
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  max-width: 2000px;
  margin: 0 auto;
}
/*
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
  body {
    font-size: 75%;
  }
}
*/
/*--------------------------------------------------------------------------
 *	 elements;
 *---------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}
li {
  list-style-type: none;
}
ol, ul {
  margin: 0;
  padding: 0;
}
table {
  margin: 0;
  border-collapse: collapse;
  width: 100%;
}
/*--------------------------------------------------------------------------
 *	 base link;
 *---------------------------------------------------------------------------*/
a {
  outline: none;
  opacity: 1;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  color: #000
}
a:link, a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
outline: none;
opacity: 0.7;
color: #514c47;
}
a:hover img {
      opacity: .7;
      -webkit-opacity: .7;
      -moz-opacity: .7;
      filter: alpha(opacity = 50);
      -ms-filter: "alpha(opacity=50)";
}
a img {
    -webkit-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out;
}
a:active {
outline: none;
}
/*--------------------------------------------------------------------------
 *   utility
*---------------------------------------------------------------------------*/
.cf:before {
display: table;
content: '';
}
.cf:after {
display: table;
content: '';
clear: both;
}
.cf {
zoom: 1;
}
.tx10 {
 font-size: 77% !important;
}
.tx11 {
 font-size: 85% !important;
}
.tx12 {
 font-size: 93% !important;
}
.tx14 {
 font-size: 108% !important;
}
.tx15 {
 font-size: 116% !important;
}
.tx16 {
 font-size: 123.1% !important;
}
.tx17 {
 font-size: 131% !important;
}
.tx18 {
 font-size: 138.5% !important;
}
.tx19 {
 font-size: 146.5% !important;
}
.tx20 {
 font-size: 153.9% !important;
}
.tx21 {
 font-size: 161.6% !important;
}
.tx22 {
 font-size: 167% !important;
}
.tx23 {
 font-size: 174% !important;
}
.tx24 {
 font-size: 182% !important;
}
.tx25 {
 font-size: 189% !important;
}
.tx26 {
 font-size: 197% !important;
}
.tx_L {
 text-align: left !important;
}
.tx_C {
 text-align: center !important;
}
.tx_R {
 text-align: right !important;
}
.tx_j {
 text-align: justify;
 text-justify: inter-ideograph !important;
}
.va_T {
 vertical-align: top !important;
}
.va_M {
 vertical-align: middle !important;
}
.va_B {
 vertical-align: bottom !important;
}
.fl_L {
 float: left !important;
}
.fl_R {
 float: right !important;
}
.fl_n {
 float: none !important;
}
.hidden {
 overflow: hidden !important;
}
.scroll {
 overflow: scroll !important;
}
.scroll-y {
 overflow-y: scroll !important;
}
.lh0 {
 line-height: 0 !important;
}
.lh10 {
 line-height: 1.0 !important;
}
.lh11 {
 line-height: 1.1 !important;
}
.lh12 {
 line-height: 1.2 !important;
}
.lh13 {
 line-height: 1.3 !important;
}
.lh14 {
 line-height: 1.4 !important;
}
.lh15 {
 line-height: 1.5 !important;
}
.lh16 {
 line-height: 1.6 !important;
}
.lh17 {
 line-height: 1.7 !important;
}
.lh175 {
 line-height: 1.75 !important;
}
.lh18 {
 line-height: 1.8 !important;
}
.lh19 {
 line-height: 1.9 !important;
}
.lh20 {
 line-height: 2.0 !important;
}
.m0 {
 margin: 0 !important;
}
.m1 {
 margin: 1px !important;
}
.m2 {
 margin: 2px !important;
}
.m3 {
 margin: 3px !important;
}
.m4 {
 margin: 4px !important;
}
.m5 {
 margin: 5px !important;
}
.m6 {
 margin: 6px !important;
}
.m7 {
 margin: 7px !important;
}
.m8 {
 margin: 8px !important;
}
.m9 {
 margin: 9px !important;
}
.m10 {
 margin: 10px !important;
}
.m15 {
 margin: 15px !important;
}
.m20 {
 margin: 20px !important;
}
.m25 {
 margin: 25px !important;
}
.m30 {
 margin: 30px !important;
}
.m35 {
 margin: 35px !important;
}
.m40 {
 margin: 40px !important;
}
.m45 {
 margin: 45px !important;
}
.m50 {
 margin: 50px !important;
}
.m55 {
 margin: 55px !important;
}
.m60 {
 margin: 60px !important;
}
.m65 {
 margin: 65px !important;
}
.m70 {
 margin: 70px !important;
}
.m75 {
 margin: 75px !important;
}
.m80 {
 margin: 80px !important;
}
.m85 {
 margin: 85px !important;
}
.m90 {
 margin: 90px !important;
}
.m95 {
 margin: 95px !important;
}
.m100 {
 margin: 100px !important;
}
.m110 {
 margin: 110px !important;
}
.m120 {
 margin: 120px !important;
}
.m130 {
 margin: 130px !important;
}
.m140 {
 margin: 140px !important;
}
.m150 {
 margin: 150px !important;
}
.m160 {
 margin: 160px !important;
}
.m170 {
 margin: 170px !important;
}
.m180 {
 margin: 180px !important;
}
.m190 {
 margin: 190px !important;
}
.m200 {
 margin: 200px !important;
}
.m220 {
 margin: 220px !important;
}
.m240 {
 margin: 240px !important;
}
.m260 {
 margin: 260px !important;
}
.m280 {
 margin: 280px !important;
}
.m300 {
 margin: 300px !important;
}
.m0A {
 margin: 0 auto !important;
}
.mt0 {
 margin-top: 0px !important;
}
.mt1 {
 margin-top: 1px !important;
}
.mt3 {
 margin-top: 3px !important;
}
.mt5 {
 margin-top: 5px !important;
}
.mt7 {
 margin-top: 7px !important;
}
.mt10 {
 margin-top: 10px !important;
}
.mt15 {
 margin-top: 15px !important;
}
.mt20 {
 margin-top: 20px !important;
}
.mt25 {
 margin-top: 25px !important;
}
.mt30 {
 margin-top: 30px !important;
}
.mt35 {
 margin-top: 35px !important;
}
.mt40 {
 margin-top: 40px !important;
}
.mt45 {
 margin-top: 45px !important;
}
.mt50 {
 margin-top: 50px !important;
}
.mt55 {
 margin-top: 55px !important;
}
.mt60 {
 margin-top: 60px !important;
}
.mt65 {
 margin-top: 65px !important;
}
.mt70 {
 margin-top: 70px !important;
}
.mt75 {
 margin-top: 75px !important;
}
.mt80 {
 margin-top: 80px !important;
}
.mt85 {
 margin-top: 85px !important;
}
.mt90 {
 margin-top: 90px !important;
}
.mt95 {
 margin-top: 95px !important;
}
.mt100 {
 margin-top: 100px !important;
}
.mrA {
 margin-right: auto !important;
}
.mr0 {
 margin-right: 0px !important;
}
.mr1 {
 margin-right: 1px !important;
}
.mr3 {
 margin-right: 3px !important;
}
.mr5 {
 margin-right: 5px !important;
}
.mr7 {
 margin-right: 7px !important;
}
.mr10 {
 margin-right: 10px !important;
}
.mr15 {
 margin-right: 15px !important;
}
.mr20 {
 margin-right: 20px !important;
}
.mr25 {
 margin-right: 25px !important;
}
.mr30 {
 margin-right: 30px !important;
}
.mr35 {
 margin-right: 35px !important;
}
.mr40 {
 margin-right: 40px !important;
}
.mr45 {
 margin-right: 45px !important;
}
.mr50 {
 margin-right: 50px !important;
}
.mr55 {
 margin-right: 55px !important;
}
.mr60 {
 margin-right: 60px !important;
}
.mr65 {
 margin-right: 65px !important;
}
.mr70 {
 margin-right: 70px !important;
}
.mr75 {
 margin-right: 75px !important;
}
.mr80 {
 margin-right: 80px !important;
}
.mr85 {
 margin-right: 85px !important;
}
.mr90 {
 margin-right: 90px !important;
}
.mr95 {
 margin-right: 95px !important;
}
.mr100 {
 margin-right: 100px !important;
}
.mb0 {
 margin-bottom: 0px !important;
}
.mb1 {
 margin-bottom: 1px !important;
}
.mb3 {
 margin-bottom: 3px !important;
}
.mb5 {
 margin-bottom: 5px !important;
}
.mb6 {
 margin-bottom: 6px !important;
}
.mb7 {
 margin-bottom: 7px !important;
}
.mb10 {
 margin-bottom: 10px !important;
}
.mb15 {
 margin-bottom: 15px !important;
}
.mb13 {
 margin-bottom: 13px !important;
}
.mb20 {
 margin-bottom: 20px !important;
}
.mb25 {
 margin-bottom: 25px !important;
}
.mb30 {
 margin-bottom: 30px !important;
}
.mb35 {
 margin-bottom: 35px !important;
}
.mb40 {
 margin-bottom: 40px !important;
}
.mb45 {
 margin-bottom: 45px !important;
}
.mb50 {
 margin-bottom: 50px !important;
}
.mb55 {
 margin-bottom: 55px !important;
}
.mb60 {
 margin-bottom: 60px !important;
}
.mb65 {
 margin-bottom: 65px !important;
}
.mb70 {
 margin-bottom: 70px !important;
}
.mb75 {
 margin-bottom: 75px !important;
}
.mb80 {
 margin-bottom: 80px !important;
}
.mb85 {
 margin-bottom: 85px !important;
}
.mb90 {
 margin-bottom: 90px !important;
}
.mb95 {
 margin-bottom: 95px !important;
}
.mb100 {
 margin-bottom: 100px !important;
}
.mlA {
 margin-left: auto !important;
}
.ml0 {
 margin-left: 0px !important;
}
.ml1 {
 margin-left: 1px !important;
}
.ml3 {
 margin-left: 3px !important;
}
.ml5 {
 margin-left: 5px !important;
}
.ml7 {
 margin-left: 7px !important;
}
.ml10 {
 margin-left: 10px !important;
}
.ml15 {
 margin-left: 15px !important;
}
.ml20 {
 margin-left: 20px !important;
}
.ml25 {
 margin-left: 25px !important;
}
.ml30 {
 margin-left: 30px !important;
}
.ml35 {
 margin-left: 35px !important;
}
.ml40 {
 margin-left: 40px !important;
}
.ml45 {
 margin-left: 45px !important;
}
.ml50 {
 margin-left: 50px !important;
}
.ml55 {
 margin-left: 55px !important;
}
.ml60 {
 margin-left: 60px !important;
}
.ml65 {
 margin-left: 65px !important;
}
.ml70 {
 margin-left: 70px !important;
}
.ml75 {
 margin-left: 75px !important;
}
.ml80 {
 margin-left: 80px !important;
}
.ml85 {
 margin-left: 85px !important;
}
.ml90 {
 margin-left: 90px !important;
}
.ml95 {
 margin-left: 95px !important;
}
.ml100 {
 margin-left: 100px !important;
}
.p0 {
 padding: 0 !important;
}
.p1 {
 padding: 1px !important;
}
.p2 {
 padding: 2px !important;
}
.p3 {
 padding: 3px !important;
}
.p4 {
 padding: 4px !important;
}
.p5 {
 padding: 5px !important;
}
.p6 {
 padding: 6px !important;
}
.p7 {
 padding: 7px !important;
}
.p8 {
 padding: 8px !important;
}
.p9 {
 padding: 9px !important;
}
.p10 {
 padding: 10px !important;
}
.p15 {
 padding: 15px !important;
}
.p20 {
 padding: 20px !important;
}
.p25 {
 padding: 25px !important;
}
.p30 {
 padding: 30px !important;
}
.p35 {
 padding: 35px !important;
}
.p40 {
 padding: 40px !important;
}
.p45 {
 padding: 45px !important;
}
.p50 {
 padding: 50px !important;
}
.p55 {
 padding: 55px !important;
}
.p60 {
 padding: 60px !important;
}
.p65 {
 padding: 65px !important;
}
.p70 {
 padding: 70px !important;
}
.p75 {
 padding: 75px !important;
}
.p80 {
 padding: 80px !important;
}
.p85 {
 padding: 85px !important;
}
.p90 {
 padding: 90px !important;
}
.p95 {
 padding: 95px !important;
}
.p100 {
 padding: 100px !important;
}
.p110 {
 padding: 110px !important;
}
.p120 {
 padding: 120px !important;
}
.p130 {
 padding: 130px !important;
}
.p140 {
 padding: 140px !important;
}
.p150 {
 padding: 150px !important;
}
.p160 {
 padding: 160px !important;
}
.p170 {
 padding: 170px !important;
}
.p180 {
 padding: 180px !important;
}
.p190 {
 padding: 190px !important;
}
.p200 {
 padding: 200px !important;
}
.p220 {
 padding: 220px !important;
}
.p240 {
 padding: 240px !important;
}
.p260 {
 padding: 260px !important;
}
.p280 {
 padding: 280px !important;
}
.p300 {
 padding: 300px !important;
}
.pt0 {
 padding-top: 0px !important;
}
.pt1 {
 padding-top: 1px !important;
}
.pt3 {
 padding-top: 3px !important;
}
.pt5 {
 padding-top: 5px !important;
}
.pt7 {
 padding-top: 7px !important;
}
.pt10 {
 padding-top: 10px !important;
}
.pt15 {
 padding-top: 15px !important;
}
.pt20 {
 padding-top: 20px !important;
}
.pt25 {
 padding-top: 25px !important;
}
.pt30 {
 padding-top: 30px !important;
}
.pt35 {
 padding-top: 35px !important;
}
.pt40 {
 padding-top: 40px !important;
}
.pt45 {
 padding-top: 45px !important;
}
.pt50 {
 padding-top: 50px !important;
}
.pt55 {
 padding-top: 55px !important;
}
.pt60 {
 padding-top: 60px !important;
}
.pt65 {
 padding-top: 65px !important;
}
.pt70 {
 padding-top: 70px !important;
}
.pt75 {
 padding-top: 75px !important;
}
.pt80 {
 padding-top: 80px !important;
}
.pt85 {
 padding-top: 85px !important;
}
.pt90 {
 padding-top: 90px !important;
}
.pt95 {
 padding-top: 95px !important;
}
.pt100 {
 padding-top: 100px !important;
}
.pr0 {
 padding-right: 0px !important;
}
.pr1 {
 padding-right: 1px !important;
}
.pr3 {
 padding-right: 3px !important;
}
.pr5 {
 padding-right: 5px !important;
}
.pr7 {
 padding-right: 7px !important;
}
.pr10 {
 padding-right: 10px !important;
}
.pr15 {
 padding-right: 15px !important;
}
.pr20 {
 padding-right: 20px !important;
}
.pr25 {
 padding-right: 25px !important;
}
.pr30 {
 padding-right: 30px !important;
}
.pr35 {
 padding-right: 35px !important;
}
.pr40 {
 padding-right: 40px !important;
}
.pr45 {
 padding-right: 45px !important;
}
.pr50 {
 padding-right: 50px !important;
}
.pr55 {
 padding-right: 55px !important;
}
.pr60 {
 padding-right: 60px !important;
}
.pr65 {
 padding-right: 65px !important;
}
.pr70 {
 padding-right: 70px !important;
}
.pr75 {
 padding-right: 75px !important;
}
.pr80 {
 padding-right: 80px !important;
}
.pr85 {
 padding-right: 85px !important;
}
.pr90 {
 padding-right: 90px !important;
}
.pr95 {
 padding-right: 95px !important;
}
.pr100 {
 padding-right: 100px !important;
}
.pb0 {
 padding-bottom: 0px !important;
}
.pb1 {
 padding-bottom: 1px !important;
}
.pb3 {
 padding-bottom: 3px !important;
}
.pb5 {
 padding-bottom: 5px !important;
}
.pb7 {
 padding-bottom: 7px !important;
}
.pb10 {
 padding-bottom: 10px !important;
}
.pb15 {
 padding-bottom: 15px !important;
}
.pb20 {
 padding-bottom: 20px !important;
}
.pb25 {
 padding-bottom: 25px !important;
}
.pb30 {
 padding-bottom: 30px !important;
}
.pb35 {
 padding-bottom: 35px !important;
}
.pb40 {
 padding-bottom: 40px !important;
}
.pb45 {
 padding-bottom: 45px !important;
}
.pb50 {
 padding-bottom: 50px !important;
}
.pb55 {
 padding-bottom: 55px !important;
}
.pb60 {
 padding-bottom: 60px !important;
}
.pb65 {
 padding-bottom: 65px !important;
}
.pb70 {
 padding-bottom: 70px !important;
}
.pb75 {
 padding-bottom: 75px !important;
}
.pb80 {
 padding-bottom: 80px !important;
}
.pb85 {
 padding-bottom: 85px !important;
}
.pb90 {
 padding-bottom: 90px !important;
}
.pb95 {
 padding-bottom: 95px !important;
}
.pb100 {
 padding-bottom: 100px !important;
}
.pl0 {
 padding-left: 0px !important;
}
.pl1 {
 padding-left: 1px !important;
}
.pl3 {
 padding-left: 3px !important;
}
.pl5 {
 padding-left: 5px !important;
}
.pl7 {
 padding-left: 7px !important;
}
.pl10 {
 padding-left: 10px !important;
}
.pl15 {
 padding-left: 15px !important;
}
.pl20 {
 padding-left: 20px !important;
}
.pl25 {
 padding-left: 25px !important;
}
.pl30 {
 padding-left: 30px !important;
}
.pl35 {
 padding-left: 35px !important;
}
.pl40 {
 padding-left: 40px !important;
}
.pl45 {
 padding-left: 45px !important;
}
.pl50 {
 padding-left: 50px !important;
}
.pl55 {
 padding-left: 55px !important;
}
.pl60 {
 padding-left: 60px !important;
}
.pl65 {
 padding-left: 65px !important;
}
.pl70 {
 padding-left: 70px !important;
}
.pl75 {
 padding-left: 75px !important;
}
.pl80 {
 padding-left: 80px !important;
}
.pl85 {
 padding-left: 85px !important;
}
.pl90 {
 padding-left: 90px !important;
}
.pl95 {
 padding-left: 95px !important;
}
.pl100 {
 padding-left: 100px !important;
}
.w5 {
 width: 5px !important;
}
.w10 {
 width: 10px !important;
}
.w15 {
 width: 15px !important;
}
.w20 {
 width: 20px !important;
}
.w25 {
 width: 25px !important;
}
.w30 {
 width: 30px !important;
}
.w35 {
 width: 35px !important;
}
.w40 {
 width: 40px !important;
}
.w45 {
 width: 45px !important;
}
.w50 {
 width: 50px !important;
}
.w55 {
 width: 55px !important;
}
.w60 {
 width: 60px !important;
}
.w65 {
 width: 65px !important;
}
.w70 {
 width: 70px !important;
}
.w75 {
 width: 75px !important;
}
.w80 {
 width: 80px !important;
}
.w85 {
 width: 85px !important;
}
.w90 {
 width: 90px !important;
}
.w95 {
 width: 95px !important;
}
.w100 {
 width: 100px !important;
}
.w110 {
 width: 110px !important;
}
.w120 {
 width: 120px !important;
}
.w130 {
 width: 130px !important;
}
.w140 {
 width: 140px !important;
}
.w150 {
 width: 150px !important;
}
.w160 {
 width: 160px !important;
}
.w170 {
 width: 170px !important;
}
.w180 {
 width: 180px !important;
}
.w190 {
 width: 190px !important;
}
.w200 {
 width: 200px !important;
}
.w210 {
 width: 210px !important;
}
.w220 {
 width: 220px !important;
}
.w230 {
 width: 230px !important;
}
.w240 {
 width: 240px !important;
}
.w250 {
 width: 250px !important;
}
.w260 {
 width: 260px !important;
}
.w270 {
 width: 270px !important;
}
.w280 {
 width: 280px !important;
}
.w290 {
 width: 290px !important;
}
.w300 {
 width: 300px !important;
}
.w5p {
 width: 5% !important;
}
.w10p {
 width: 10% !important;
}
.w15p {
 width: 15% !important;
}
.w20p {
 width: 20% !important;
}
.w25p {
 width: 25% !important;
}
.w30p {
 width: 30% !important;
}
.w33p {
 width: 33% !important;
}
.w35p {
 width: 35% !important;
}
.w40p {
 width: 40% !important;
}
.w45p {
 width: 45% !important;
}
.w50p {
 width: 50% !important;
}
.w55p {
 width: 55% !important;
}
.w60p {
 width: 60% !important;
}
.w65p {
 width: 65% !important;
}
.w70p {
 width: 70% !important;
}
.w75p {
 width: 75% !important;
}
.w80p {
 width: 80% !important;
}
.w85p {
 width: 85% !important;
}
.w90p {
 width: 90% !important;
}
.w95p {
 width: 95% !important;
}
.w100p {
 width: 100% !important;
}
/*アニメーションの定義、mixinの定義*/
/* layout */
.l-header {

}
.l-nav {

}
.l-content {

}
.l-main {

}
.l-side {

}
.l-footer {

}
/* module */
.m-module {
}
/* page */
@charset "UTF-8";
.modal-content {
	width: 70% ;
	margin: 0 ;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 5 ;
	height: 400px;
	overflow: scroll;
}
.modal-content th {
		text-align: center;
	}
.modal-content td {
		text-align: center;
		font-size: 14px;
		padding: 7px;
		/*a {
			position: relative;
			display: inline-block;
			font-weight: bold; padding: 0.5em 1em;
			text-decoration: none;
			border-left: solid 4px #668ad8; border-right: solid 4px #668ad8;
			color: #668ad8;
			background: #668ad8; color: #FFF;
		}*/
	}
.modal-content td a {
			text-decoration: underline;
		}
.modal-content tr {
		border-bottom: solid 1px #ddd
	}
#modal-overlay {
	z-index: 3 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}
.button-link {
	color: #00f ;
	text-decoration: underline ;
}
.button-link:hover {
	cursor: pointer ;
	color: #f00 ;
}
/*スマートフォン*/
@media screen and (max-width: 1020px) {
	.modal-content {
		width: 90% ;
		margin: 0 ;
		padding: 10px 5px ;
		border: 2px solid #aaa ;
		background: #fff ;
		position: fixed ;
		display: none ;
		z-index: 5 ;
		height: 500px;
		overflow: scroll;
	}
		.modal-content tr {
		}
		.modal-content th {
			text-align: center;
			font-size: 14px;
			padding-bottom: 10px;
		}
		.modal-content td {
			text-align: center;
			font-size: 14px;
			padding: 7px;
		}
		.modal-content tr {
			border-bottom: solid 1px #ddd
		}
		.modal-content .button-link {
			font-size: 14px;
		}
}
/*スマートフォン*/
@media screen and (max-width: 767px) {
	p {
		font-size: 11px;
	}
	.modal-content {
		width: 90% ;
		margin: 0 ;
		padding: 10px 5px ;
		border: 2px solid #aaa ;
		background: #fff ;
		position: fixed ;
		display: none ;
		z-index: 5 ;
		height: 400px;
		overflow: scroll;

	}
		.modal-content tr {
		}
		.modal-content th {
			text-align: center;
			font-size: 9px;
			padding-bottom: 10px;
		}
		.modal-content td {
			text-align: center;
			font-size: 9px;
			/*a {
				position: relative;
				display: inline-block;
				font-weight: bold; padding: 0.5em 0;
				text-decoration: none;
				border-left: solid 4px #668ad8; border-right: solid 4px #668ad8;
				color: #668ad8;
				background: #668ad8; color: #FFF;
			}*/
		}
			.modal-content td a {
				text-decoration: underline;
			}
		.modal-content .button-link {
			font-size: 11px;
		}
}
.top {


/*タブレット*/

}
/*共通ルール*/
.top .l-inner {
    width: 980px;
    margin: 0 auto;
  }
.top .title {
    margin-bottom: 30px;
  }
.top .title img {
      width: 100%;
    }
/*ヘッダー*/
.top .l-header {
    width: 100%;
    max-width: 2000px;
    background: #ffffff;
    position: fixed;
    z-index: 2;
    top: 0;
  }
.top .l-header .l-nav {
      max-width: 1300px;
      margin: 0 auto;
    }
.top .l-header h1 {
      float: left;
      padding-top: 15px;
    }
.top .l-header .g-nav-list {
      float: right;
    }
.top .l-header .g-nav-list li {
        float: left;
        background: #0096AA;
        border-right: 2px solid #fff;
      }
.top .l-header .g-nav-list li a {
          display: block;
          padding: 20px 30px;
        }
/*メインビジュアル*/
.top .mv {
    padding: 77px 0 0 0;
  }
.top .mv img {
      width: 100%;
    }
/*コンテンツ部分*/
.top .airmate {
    margin-top: -10px;
    padding: 50px 0;
    background: #0096AA;
    color: #fff;
    text-align: center;
  }
.top .airmate .text {
      margin: 20px 0;
      font-weight: bold;
      line-height: 2em;
    }
.top .airmate h2 {
      font-size: 50px;
    }
.top .airmate span {
      color: #FFF100;
    }
.top .merit {
    color: #0096AA;
    margin: 30px 0;
  }
.top .merit li {
      text-align: center;
      width: 30%;
      float: left;
      margin-right: 5%;
    }
.top .merit li img {
        width: 100%;
      }
.top .merit li:last-child {
margin-right: 0;
}
.top .merit li:last-child img {
          width: 73%;
}
.top .plan {
    padding: 30px 0;
    background: url(../img/bg_plan.jpg) center no-repeat;
    background-size: cover;
  }
.top .plan li {
      text-align: center;
      width: 30%;
      float: left;
      margin-right: 5%;
    }
.top .plan li .photo {
        width: 100%;
      }
.top .plan li .price {
        float: right;
        margin-bottom: 20px;
      }
.top .plan li:last-child {
margin-right: 0;
}
.top .plan figure img {
        width: 100%;
        /*background-color: rgba(255,255,255,0.4);*/
      }
.top .airport {
    padding: 30px 0;
    background: url(../img/bg_airport.jpg) center no-repeat;
    background-size: cover;
  }
.top .airport h3 {
      text-align: center;
      font-size: 26px;
      margin-bottom: 30px;
    }
.top .airport li {
      width: 18%;
      float: left;
      margin-right: 2.5%;
      margin-bottom: 20px;

    }
.top .airport li img {
        width: 100%;
      }
.top .airport li:nth-child(5n) {
margin-right: 0;
}
.top .airport li {
text-align: center;
}
.top .airport li a {
				position: relative;
        width: 100%;
        font-size: 20px;
				display: inline-block;
				font-weight: bold; padding: 0.5em 0;
				text-decoration: none;
				border-left: solid 4px #668ad8; border-right: solid 4px #668ad8;
				color: #668ad8;
				background: #668ad8; color: #FFF;
}
.top .campaign {
    text-align: center;
    background: url(../img/bg_campaign.jpg) center no-repeat;
    background-size: cover;
  }
.top .campaign p.text {
      padding: 18% 0 1%;
      line-height: 1.5em;
      font-size: 40px;
      font-weight: bold;
      color: #FFFF00;
    }
.top .campaign p.img {
      padding: 1% 25% 2%;
    }
.top .campaign p.img img {
        width: 100%;
      }
.top .campaign aside {
      font-size: 16px;
      padding-bottom: 8%;
      color: #fff;
    }
.top .l-footer {
    font-size: 22px;
    padding: 30px 0;
    background: #0096AA;
    color: #fff;
    text-align: center;
  }
/*スマホ用ナビを非表示に*/
.top .sp_header {
  display: none;
  }
@media screen and (max-width: 1020px) {/* PC用ナビを非表示に */
.top .l-herder, .top .l-nav {
    display: none;
}
.top .sp_header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 2;
    background-color: #fff;
    display: block;
}
.top .sp_header h1 {
    font-size: 9px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 9px;
}
.top .sp_header h1 a {
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    display: block;
    width: 45px;
    color: #486176;
    text-align: center;
    margin: 6px 0px 0 20px;
}
.top .sp_header h1 a:hover {
    opacity: 0.7;
    text-decoration: none;
}
.top .sp_navbtn {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 0;
    width: 45px;
}
    .top .sp_navbtn img {
      width: 100%;
    }
.top #nav_box {
    display: none;
    background: #ffffff;
}
.top #g-nav {
    border-top: solid 1px #fff;
    font-size: 13px;
    z-index: 2;
    position: relative;
}
.top #g-nav ul li {
    border-bottom: solid 1px #fff;
    background: url(../images/arrow_r.png) no-repeat 95% 50%;
    background-size: 6px 12px;
    background-color: #0096aa;
}/* #g-nav ul li:last-child {
    border-bottom: none;
  } */
.top #g-nav ul li a {
    padding: 12px;
    display: block;
    color: #fff;
    text-align: center;
    font-weight: bold;
}
.top #h-btn {
    font-size: 13px;
}
.top #h-btn li {
    padding: 12px;
    border-bottom: solid 1px #A3B0BA;
    background: url(../images/arrow_r.png) no-repeat 95% 50%;
    background-size: 6px 12px;
}
.top #h-btn li a {
    display: block;
}
.top #header-inner {
    *zoom: 1;
    margin: 0 auto;
    padding: 5px 0 0 0;
}
.top #header-inner:after {
    content: "";
    display: table;
    clear: both;
}
.top .l-inner {
    width : 95%;
    margin: 0 auto;
}
.top .l-nav {
    width: 100%;
}
.top .airport {
    padding: 30px 0;
    background: url(../img/bg_airport.jpg) center no-repeat;
    background-size: cover;
}
    .top .airport h3 {
      text-align: center;
      font-size: 26px;
      margin-bottom: 30px;
    }
    .top .airport li {
      width: 18%;
      float: left;
      margin-right: 2.5%;
      margin-bottom: 20px;

    }
      .top .airport li img {
        width: 100%;
      }
    .top .airport li:nth-child(5n) {
margin-right: 0;
}
    .top .airport li {
text-align: center;
}
    .top .airport li a {
				position: relative;
        width: 100%;
        font-size: 16px;
				display: inline-block;
				font-weight: bold; padding: 0.5em 0;
				text-decoration: none;
				border-left: solid 4px #668ad8; border-right: solid 4px #668ad8;
				color: #668ad8;
				background: #668ad8; color: #FFF;
}
.top .campaign {
    text-align: center;
    background: url(../img/bg_campaign.jpg) center no-repeat;
    background-size: cover;
}
    .top .campaign p.text {
      padding: 18% 0 1%;
      line-height: 1.5em;
      font-size: 24px;
      font-weight: bold;
      color: #FFFF00;
    }

    .top .campaign p.img {
      padding: 1% 25% 2%;
    }
      .top .campaign p.img img {
        width: 100%;
      }

    .top .campaign aside {
      font-size: 16px;
      padding-bottom: 8%;
      color: #fff;
    }
}
.top {/* スマートフォン */
}
@media screen and (max-width: 767px) {/* PC用ナビを非表示に */
.top .l-herder, .top .l-nav {
    display: none;
}
.top .sp_header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 2;
    background-color: #fff;
    display: block;
}
.top .sp_header h1 {
    font-size: 9px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 9px;
}
.top .sp_header h1 a {
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    display: block;
    width: 45px;
    color: #486176;
    text-align: center;
    margin: 6px 0px 0 20px;
}
.top .sp_header h1 a:hover {
    opacity: 0.7;
    text-decoration: none;
}
.top .sp_navbtn {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 0;
    width: 45px;
}
    .top .sp_navbtn img {
      width: 100%;
    }
.top #nav_box {
    display: none;
    background: #ffffff;
}
.top #g-nav {
    border-top: solid 1px #fff;
    font-size: 13px;
    z-index: 2;
    position: relative;
}
.top #g-nav ul li {
    border-bottom: solid 1px #fff;
    background: url(../images/arrow_r.png) no-repeat 95% 50%;
    background-size: 6px 12px;
    background-color: #0096aa;
}/* #g-nav ul li:last-child {
    border-bottom: none;
  } */
.top #g-nav ul li a li b {
    padding: 12px;
    display: block;
    color: #fff;
    text-align: center;
    font-weight: bold;
}
.top #h-btn {
    font-size: 13px;
}
.top #h-btn li {
    padding: 12px;
    border-bottom: solid 1px #A3B0BA;
    background: url(../images/arrow_r.png) no-repeat 95% 50%;
    background-size: 6px 12px;
}
.top #h-btn li a li b {
    display: block;
}
.top #header-inner {
    *zoom: 1;
    margin: 0 auto;
    padding: 5px 0 0 0;
}
.top #header-inner:after {
    content: "";
    display: table;
    clear: both;
}
.top .title {
    margin-bottom: 30px;
}
    .top .title img {
      width: 100%;
    }/* ヘッダー */
.top .l-header {
    width: 100%;
    background: #ffffff;
    border-bottom: 2px solid #000;
    position: fixed;
    top: 0;
}
    .top .l-header .l-nav {
      width: 980px;
    }
    .top .l-header h1 {
      float: left;
      padding-top: 15px;
    }
    .top .l-header .g-nav-list {
      float: right;
    }
      .top .l-header .g-nav-list li {
        float: left;
        padding: 20px 30px;
        background: #0096AA;
        border-right: 2px solid #fff;
      }/* メインビジュアル */
.top .mv {
    padding: 66px 0 0 0;
}
    .top .mv img {
      width: 100%;
    }/* コンテンツ部分 */
.top .airmate {
    margin-top: -10px;
    padding: 20px 0;
    background: #0096AA;
    color: #fff;
    text-align: center;
}
    .top .airmate .text {
      margin: 10px 0;
      font-weight: bold;
      line-height: 2em;
    }
    .top .airmate h2 {
      font-size: 22px;
    }
    .top .airmate span {
      color: #FFF100;
    }
      .top .airmate .more img {
        width: 60%;
      }
.top .merit {
    color: #0096AA;
    margin: 20px 0;
}
    .top .merit li {
      text-align: center;
      width: 30%;
      float: left;
      margin-right: 5%;
    }
      .top .merit li img {
        width: 100%;
      }
    .top .merit li:last-child {
margin-right: 0;
}
    .top .merit li:last-child img {
          width: 73%;
}
.top .plan {
    padding: 20px 0;
    background: url(../img/bg_plan.jpg) center no-repeat;
    background-size: cover;
}
    .top .plan li {
      text-align: center;
      width: 30%;
      float: left;
      margin-right: 5%;
    }
      .top .plan li img {
        width: 100%;
      }
    .top .plan li:last-child {
margin-right: 0;
}
      .top .plan figure img {
        width: 100%;
      }
.top .airport {
    padding: 20px 0;
    background: url(../img/bg_airport.jpg) center no-repeat;
    background-size: cover;
}
    .top .airport h3 {
      text-align: center;
      font-size: 16px;
      margin-bottom: 30px;
    }
    .top .airport li {
      width: 31%;
      float: left;
      margin-right: 3%;
      margin-bottom: 20px;

    }
      .top .airport li img {
        width: 100%;
      }
    .top .airport li:nth-child(3n) {
margin-right: 0 !important;
}
    .top .airport li:nth-child(5n) {
margin-right: 2.5%;
}
    .top .airport li a {
				position: relative;
        width: 90%;
        font-size: 12px;
				display: inline-block;
				font-weight: bold; padding: 0.5em 0.5em;
				text-decoration: none;
				border-left: none; border-right: none;
				color: #668ad8;
				background: #668ad8; color: #FFF;
}
.top .campaign {
    text-align: center;
    background: url(../img/bg_campaign.jpg) center no-repeat;
    background-size: cover;
}
    .top .campaign p.text {
      padding: 27% 0 1%;
      line-height: 1.5em;
      font-size: 16px;
      font-weight: bold;
      color: #FFFF00;
    }
    .top .campaign p.img {
      padding: 1% 25% 2%;
    }
      .top .campaign p.img img {
        width: 100%;
      }

    .top .campaign aside {
      font-size: 12px;
      padding-bottom: 10%;
      color: #fff;
    }
.top .l-footer {
    font-size: 12px;
    padding: 30px 0;
    background: #0096AA;
    color: #fff;
    text-align: center;
}
}

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