@charset "UTF-8"; /* CSS Document */ #wrapper { /*--------------------------------------------------------------------------------------------*/ /*---------------------------------------スマホ-----------------------------------------------------*/ /*-----------------------------------------タブレット---------------------------------------------*/ /*----------------------------------------------------------------------------------*/ /*------------------------------------タブレット・PC--------------------------------------------------------*/ /* ページ上部へ */ /**** リニューアル改修 ****/ } @media screen and (max-width: 1024px) { #wrapper .main_photo { width: 100% !important; } #wrapper #pan { display: block !important; font-size: 12px; } } @media screen and (min-width: 0px) and (max-width: 639px) { #wrapper { /* clearfix */ /* .clearfix, .about, .fuku, .satuei .tab, .item, .tab_sp { zoom: 1; } .clearfix:after, .about:after, .fuku:after, .satuei:after, .tab:after, .item:after, .tab_sp:after { content: ""; display: table; clear: both; } */ /* ------ wrapper ------ */ /* .main_photo { width:100% ; position:relative; margin:0 auto; } .main_photo .p_cre {margin-top:100px; font-size:11px;} .main_photo img.ttl { position:absolute; top:20%; left:15%; z-index:100; width:50% } */ /* tab_sp */ /* h2 */ /* float */ /* tx_box */ /* オーロラとは */ /* 質問20151205追記 */ /* 服装 */ /* 撮影ポイント */ /* foot */ /* 国旗指定 */ /* 問合せ */ } #wrapper body { font-size: 15px; } #wrapper #pagetop { display: none; width: 100%; text-align: center; } #wrapper #pagetop a { color: #fff; font-size: 14px; text-decoration: underline; } #wrapper .wrapper img { max-width: 100%; height: auto; width: auto; } #wrapper #pan { width: auto; margin: 5px 0 0 10px; } #wrapper .wrapper { display: block; width: 100%; background: #010024; color: #fff; padding-bottom: 10px; overflow: auto; } #wrapper #contents { background: url(../images/bg.png) repeat; background-size: 200%; width: 93%; color: #fff; } #wrapper .p_cre { text-align: right; margin-top: 5px; font-size: 11px; } #wrapper .main_photo { display: none; } #wrapper .tab_sp { margin: 10px 0; } #wrapper .tab_sp li { width: 49%; float: left; margin: 0 2px 3px 0; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } #wrapper .tab_sp a { display: block; text-align: center; color: #fff; font-weight: bold; padding: 12px 0; font-size: 15px; text-shadow: 1px 1px #333; } #wrapper .tab_sp li.nav01 { background: #53ba8e; } #wrapper .tab_sp li.nav02 { background: #d1a4d8; } #wrapper .tab_sp li.nav03 { background: #ffa1ba; } #wrapper .tab_sp li.nav04 { background: #5cb8c7; } #wrapper .ttl_bg { margin: 15px 0 10px 0; font-size: 17px; padding: 20px 0 22px 70px; } #wrapper .col_01 { background: url(../images/top/ttl_bg.png) no-repeat; } #wrapper .col_02 { background: url(../images/top/ttl_bg2.png) no-repeat; } #wrapper .col_03 { background: url(../images/top/ttl_bg3.png) no-repeat; } #wrapper .col_04 { background: url(../images/top/ttl_bg4.png) no-repeat; } #wrapper .col_05 { background: url(../images/top/ttl_bg5.png) no-repeat; } #wrapper .f_left { float: none; } #wrapper .f_right { float: none; } #wrapper .tx_box { padding: 0px 10px 10px 10px; line-height: 1.6; font-size: 14px; } #wrapper .about .f_right { width: 100%; margin: 0 auto; } #wrapper .about span { display: block; font-size: 12px; text-align: center; margin-top: 8px; } #wrapper .tx_q { font-weight: bold; font-size: 15px; } #wrapper .fuku .f_left { width: 270px; margin: 0 auto; } #wrapper .fuku .f_right { background: url(../images/top/fuku_bg.png) no-repeat; padding: 15px 20px; font-size: 12px; margin-top: 5px; } #wrapper .fuku .f_right p { margin-bottom: 8px; } #wrapper .fuku span { font-size: 16px; margin-right: 10px; } #wrapper .satuei .f_right { width: 170px; margin: 0 auto; } #wrapper .satuei dl { width: 100%; } #wrapper .satuei dt { display: block; background: #fff; color: #000; width: 40%; border-radius: 3px; margin-bottom: 5px; text-align: center; } #wrapper .satuei dd { margin-bottom: 10px; } #wrapper .foot_area { background: #04225e; clear: both; margin-top: 20px; padding: 15px; } #wrapper .foot_area h4 { font-size: 20px; text-align: center; padding: 0 0 10px 0; border-bottom: #f8f6bd solid 1px; } #wrapper .foot_area h5 { margin: 15px 0 10px 0; } #wrapper .foot_area .item { width: 100%; } #wrapper .foot_boxLeft { width: 100%; } #wrapper .foot_boxLeft p { line-height: 1.4; font-size: 14px; } #wrapper .foot_boxLeft a { display: block; background: #1eb1b3; border-radius: 2px; -webkit-border-radius: 4px; -moz-border-radius: 2px; color: #fff; font-size: 15px; font-weight: bold; line-height: 1.25; text-align: center; width: 100%; margin: 5px auto; padding: 7px 0; box-shadow: snow 2px 2px; } #wrapper .foot_boxRight img { width: auto; margin: 10px auto; display: block; } #wrapper .ico_finland, #wrapper .ico_sweden, #wrapper .ico_norway, #wrapper .ico_iceland { background: url(../images/ico_finland.png) no-repeat; padding-left: 38px; font-size: 17px; line-height: 1.2; font-weight: bold; } #wrapper .ico_sweden { background: url(../images/ico_sweden.png) no-repeat; } #wrapper .ico_norway { background: url(../images/ico_norway.png) no-repeat; } #wrapper .ico_iceland { background: url(../images/ico_iceland.png) no-repeat; } #wrapper .toi { margin: 20px auto; } #wrapper .toi a { display: block; width: 100%; color: #fff; text-align: center; font-weight: bold; padding: 10px 0; font-size: 22px; background: -moz-linear-gradient(top, #c2a189 0%, #a87855 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c2a189), color-stop(100%, #a87855)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c2a189 0%, #a87855 100%); /* Chrome10+,Safari5.1+ */ border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } #wrapper .toi a span { display: block; font-size: 18px; } #wrapper ul.tab { display: none; } } @media screen and (min-width: 640px) and (max-width: 789px) { #wrapper { /* 隠すもの */ /* clearfix */ /* ------ wrapper ------ */ /* tab_sp */ /* h2 */ /* float */ /*.f_left {float:none;} .f_right {float:none;} */ /* tx_box */ /* オーロラとは */ /* 服装 */ /* 撮影ポイント */ /* foot */ /* 国旗指定 */ /* 問合せ */ } #wrapper .tab { display: none; } #wrapper .sp_main_photo { display: none; } #wrapper .clearfix, #wrapper .about, #wrapper .fuku, #wrapper .satuei .tab, #wrapper .item, #wrapper .tab_sp { *zoom: 1; } #wrapper .clearfix:after, #wrapper .about:after, #wrapper .fuku:after, #wrapper .satuei:after, #wrapper .tab:after, #wrapper .item:after, #wrapper .tab_sp:after { content: ""; display: table; clear: both; } #wrapper #pagetop { display: none; width: 100%; text-align: center; } #wrapper #pagetop a { color: #fff; font-size: 14px; text-decoration: underline; } #wrapper .wrapper img { max-width: 100%; height: auto; width: auto; } #wrapper .wrapper { display: block; width: 100%; background: #010024; color: #fff; padding-bottom: 10px; overflow: hidden; } #wrapper #contents { background: url(../images/bg.png) repeat; background-size: 200%; width: 93%; color: #fff; } #wrapper .main_photo { width: 100%; position: relative; margin: 0 auto; background: url(../images/main_bg.jpg) no-repeat; height: 300px; } #wrapper .main_photo .p_cre { margin-top: 100px; font-size: 11px; } #wrapper .main_photo img.ttl { position: absolute; top: 20%; left: 10%; z-index: 100; width: 50%; } #wrapper .p_cre { text-align: right; margin-top: 10px; font-size: 11px; } #wrapper .p_cre a { color: #fff; } #wrapper #iview { width: 100%; } #wrapper .tab_sp { margin: 10px 0; } #wrapper .tab_sp li { width: 24.5%; float: left; margin: 0 3px 3px 0; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } #wrapper .tab_sp li:last-child { margin-right: 0px; } #wrapper .tab_sp a { display: block; text-align: center; color: #fff; font-weight: bold; padding: 15px 0; font-size: 18px; } #wrapper .tab_sp li.nav01 { background: #b3efd4; /* Old browsers */ background: -moz-linear-gradient(top, #b3efd4 0%, #53ba8e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b3efd4), color-stop(100%, #53ba8e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b3efd4 0%, #53ba8e 100%); /* Chrome10+,Safari5.1+ */ } #wrapper .tab_sp li.nav02 { background: #ebd0ef; /* Old browsers */ background: -moz-linear-gradient(top, #ebd0ef 1%, #c091c9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ebd0ef), color-stop(100%, #c091c9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ebd0ef 1%, #c091c9 100%); /* Chrome10+,Safari5.1+ */ } #wrapper .tab_sp li.nav03 { background: #ffc4d3; /* Old browsers */ background: -moz-linear-gradient(top, #ffc4d3 1%, #ff99b2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffc4d3), color-stop(100%, #ff99b2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffc4d3 1%, #ff99b2 100%); /* Chrome10+,Safari5.1+ */ } #wrapper .tab_sp li.nav04 { background: #a7dde5; /* Old browsers */ background: -moz-linear-gradient(top, #a7dde5 0%, #5cb8c7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a7dde5), color-stop(100%, #5cb8c7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a7dde5 0%, #5cb8c7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a7dde5 0%, #5cb8c7 100%); /* Opera 11.10+ */ } #wrapper .ttl_bg { margin: 15px 0 10px 0; font-size: 19.5px; font-weight: normal; padding: 20px 0 22px 70px; } #wrapper .col_01 { background: url(../images/top/ttl_bg.png) no-repeat; } #wrapper .col_02 { background: url(../images/top/ttl_bg2.png) no-repeat; } #wrapper .col_03 { background: url(../images/top/ttl_bg3.png) no-repeat; } #wrapper .col_04 { background: url(../images/top/ttl_bg4.png) no-repeat; } #wrapper .col_05 { background: url(../images/top/ttl_bg5.png) no-repeat; } #wrapper .tx_box { padding: 0px 10px 10px 10px; line-height: 1.6; } #wrapper .about .f_left { width: 45%; } #wrapper .about .f_right { width: 51%; margin: 0 auto; } #wrapper .about span { display: block; font-size: 12px; text-align: center; margin-top: 8px; } #wrapper .fuku .f_left { width: 270px; margin: 0 auto; } #wrapper .fuku .f_right { background: url(../images/top/fuku_bg.png) no-repeat; padding: 15px 20px; font-size: 12px; margin-top: 5px; } #wrapper .fuku .f_right p { margin-bottom: 8px; } #wrapper .fuku span { font-size: 16px; margin-right: 10px; } #wrapper .satuei .f_left { width: 50%; } #wrapper .satuei .f_right { width: 170px; margin-right: 50px; } #wrapper .satuei dl { width: 645px; } #wrapper .satuei dt { float: left; clear: left; width: 100px; margin-bottom: 15px; } #wrapper .satuei dd { float: left; width: 500px; margin-bottom: 15px; } #wrapper .foot_area { background: url(../images/top/foot_bg.png); clear: both; height: 510px; margin-top: 40px; } #wrapper .foot_area .inner { padding: 0 30px 0 0; } #wrapper .foot_area h4 { background: url(../images/top/foot_tt_bg.png) no-repeat -130px 0; font-size: 25px; text-align: center; padding: 30px 0; font-weight: normal; } #wrapper .foot_area h5 { margin: 15px 0 10px 0; } #wrapper .foot_area .item { display: block; float: left; width: 45%; margin: 10px 0 10px 30px; } #wrapper .foot_boxLeft { float: left; width: 50%; } #wrapper .foot_boxLeft p { line-height: 1.4; font-size: 14px; } #wrapper .foot_boxLeft a { display: block; color: #fff; font-size: 14px; font-weight: bold; line-height: 1.25; text-align: center; width: 160px; margin-top: 10px; padding: 10px 0; border-radius: 4px; box-shadow: snow 1px 2px; } #wrapper .foot_boxRight { float: right; width: 40%; margin-top: 15px; } #wrapper .ico_finland, #wrapper .ico_sweden, #wrapper .ico_norway, #wrapper .ico_iceland { background: url(../images/ico_finland.png) no-repeat; padding-left: 38px; font-size: 17px; line-height: 1.2; font-weight: bold; } #wrapper .ico_sweden { background: url(../images/ico_sweden.png) no-repeat; } #wrapper .ico_norway { background: url(../images/ico_norway.png) no-repeat; } #wrapper .ico_iceland { background: url(../images/ico_iceland.png) no-repeat; } #wrapper .toi { margin: 20px auto; width: 45%; } #wrapper .toi a { display: block; color: #fff; text-align: center; font-weight: bold; padding: 15px 0; font-size: 22px; background: -moz-linear-gradient(top, #c2a189 0%, #a87855 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c2a189), color-stop(100%, #a87855)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c2a189 0%, #a87855 100%); /* Chrome10+,Safari5.1+ */ border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } #wrapper .toi a span { display: block; font-size: 18px; } } @media screen and (max-width: 1024px) { #wrapper #iview { width: 100% !important; height: 100% !important; } #wrapper .main_photo img.ttl { position: absolute; left: 0% !important; z-index: 100; width: 50%; } } @media screen and (min-width: 790px) { #wrapper { /* 隠すもの */ /* clearfix */ /* ------ wrapper ------ */ /* ------ p_cre 20141028追記 ------ */ /* h2 */ /* ------------ top ------------ */ /* オーロラとは */ /* 服装 */ /*　質問 20151205追記　*/ /* 問合せ */ /* 撮影ポイント */ /* foot */ /* 国旗指定 */ } #wrapper .tab_sp { display: none; } #wrapper .sp_main_photo { display: none; } #wrapper .clearfix, #wrapper .about, #wrapper .fuku, #wrapper .satuei .tab, #wrapper .item { *zoom: 1; } #wrapper .clearfix:after, #wrapper .about:after, #wrapper .fuku:after, #wrapper .satuei:after, #wrapper .tab:after, #wrapper .item:after { content: ""; display: table; clear: both; } #wrapper #pan h1.seo { float: right; } #wrapper .wrapper { display: block; width: 100%; background: #010024; font-size: 14px; overflow: hidden; } #wrapper .wrapper img { width: auto; max-width: 100%; } #wrapper .wrapper .country .slide img { max-width: 395px; margin: 0 auto; } #wrapper .slick-prev { left: 20 !important; } #wrapper .wrapper .country .slide .slick-next { right: 20 !important; } #wrapper #contents { background: url(../images/bg.png) no-repeat; padding-bottom: 55px; color: #fff; overflow: auto; } #wrapper .main_photo { position: relative; margin: 0 auto; height: 500px; background: url(../images/top/main01.jpg) no-repeat center; } #wrapper .main_photo img.ttl { display: none; } #wrapper .p_cre { text-align: right; margin-top: 20px; font-size: 11px; } #wrapper .p_cre a { color: #FFF; } #wrapper .tab { margin-top: 0px; margin: 30px 0; } #wrapper .tab li { display: block; float: left; width: 238px; margin-right: 2px; } #wrapper .ttl_bg { margin: 45px 0 20px 0; font-size: 28px; padding: 10px 0 20px 75px; font-weight: normal; } #wrapper .col_01 { background: url(../images/top/ttl_bg.png) no-repeat; } #wrapper .col_02 { background: url(../images/top/ttl_bg2.png) no-repeat; } #wrapper .col_03 { background: url(../images/top/ttl_bg3.png) no-repeat; } #wrapper .col_04 { background: url(../images/top/ttl_bg4.png) no-repeat; } #wrapper .col_05 { background: url(../images/top/ttl_bg5.png) no-repeat; } #wrapper .tx_box { padding-left: 15px; line-height: 1.8; } #wrapper .about .f_left { width: 590px; } #wrapper .about .f_right { width: 340px; } #wrapper .about span { font-size: 12px; text-align: right; } #wrapper .fuku { margin-top: 30px; } #wrapper .fuku .f_left { width: 270px; margin: 15px 0 0 40px; } #wrapper .fuku .f_right { width: 535px; background: url(../images/top/fuku_bg.png) no-repeat; padding: 20px 35px; } #wrapper .fuku .f_right p { margin-bottom: 8px; } #wrapper .fuku span { font-size: 20px; margin-right: 10px; font-weight: bold; } #wrapper .tx_q { font-size: 17px; font-weight: bold; } #wrapper .tx_a { font-size: 12px; } #wrapper .toi { width: 458px; margin: 30px auto; } #wrapper .toi a { display: block; color: #fff; text-align: center; font-weight: bold; padding: 30px 0 24px 0; font-size: 23px; background: url(../images/top/btn_otoi.png) no-repeat; } #wrapper .toi a span { display: block; font-size: 18px; } #wrapper .toi a:hover { text-decoration: none; opacity: 0.8; } #wrapper .satuei .f_left { width: 645px; } #wrapper .satuei .f_right { width: 170px; margin-right: 50px; } #wrapper .satuei dl { width: 645px; } #wrapper .satuei dt { float: left; clear: left; width: 100px; margin-bottom: 15px; } #wrapper .satuei dd { float: left; width: 500px; margin-bottom: 15px; } #wrapper .foot_area { background: url(../images/top/foot_bg.png); clear: both; height: 510px; margin-top: 40px; } #wrapper .foot_area .inner { padding: 0 0 0 47px; } #wrapper .foot_area h4 { background: url(../images/top/foot_tt_bg.png) no-repeat; font-size: 25px; text-align: center; padding: 30px 0; font-weight: normal; } #wrapper .foot_area h5 { margin: 15px 0 10px 0; } #wrapper .foot_area .item { display: block; float: left; width: 405px; margin: 25px 45px 15px 0; } #wrapper .foot_area a:hover { opacity: 0.8; text-decoration: none; } #wrapper .foot_boxLeft { float: left; width: 185px; } #wrapper .foot_boxLeft p { line-height: 1.4; font-size: 14px; } #wrapper .foot_boxLeft a { display: block; color: #fff; font-size: 14px; font-weight: bold; line-height: 1.25; text-align: center; height: 27px; width: 170px; margin-top: 10px; padding-top: 11px; border-radius: 4px; box-shadow: snow 1px 2px; } #wrapper .foot_boxRight { float: right; width: 217px; } #wrapper .ico_finland, #wrapper .ico_sweden, #wrapper .ico_norway, #wrapper .ico_iceland { background: url(../images/ico_finland.png) no-repeat; padding-left: 38px; font-size: 17px; line-height: 1.2; font-weight: bold; } #wrapper .ico_sweden { background: url(../images/ico_sweden.png) no-repeat; } #wrapper .ico_norway { background: url(../images/ico_norway.png) no-repeat; } #wrapper .ico_iceland { background: url(../images/ico_iceland.png) no-repeat; } } #wrapper .foot_boxLeft a.finland { background-color: #53ba8e; } #wrapper .foot_boxLeft a.sweden { background-color: #d1a4d8; } #wrapper .foot_boxLeft a.norway { background-color: #ffa1ba; } #wrapper .foot_boxLeft a.iceland { background-color: #5cb8c7; } #wrapper #pagetop { position: fixed; bottom: 20px; right: 20px; font-size: 77%; width: 100px; margin: 0px; } #wrapper #pagetop a { background: #fff; text-decoration: none; color: #666; width: 100px; padding: 30px 0; text-align: center; display: block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #wrapper #pagetop a:hover { text-decoration: none; background: #999; } #wrapper body { font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif; } #wrapper .sp { display: none; } #wrapper .wrapper { background: #010024 url(../images/renew/wrap_bg.jpg) repeat-y center top; } #wrapper .wrapper section, #wrapper .wrapper div { box-sizing: border-box; } #wrapper .Cont { width: 960px; margin: 0 auto; line-height: 1.8; font-size: 16px; color: #fff; } #wrapper .main_photo { background: url(../images/renew/main_bg.jpg) no-repeat center top; height: 580px; margin-bottom: 10px; } #wrapper .main_photo h1.top { color: #ffffff; font-family: "Sawarabi Mincho", sans-serif !important; font-size: 95px; font-weight: 300; letter-spacing: 0.5rem; line-height: 1.1; } #wrapper .main_photo h1.top span { font-size: 40px; } @media screen and (min-width: 640px) and (max-width: 789px) { #wrapper .main_photo h1.top { font-size: 90px; letter-spacing: 0; } } #wrapper .main_photo .inner { width: 850px; height: 580px; margin: 0 auto; padding-top: 75px; overflow: hidden; position: relative; } #wrapper .main_photo .lead { margin-top: 15px; line-height: 1.8; font-size: 115%; text-shadow: 0 0 1px #000; color: #fff; } #wrapper .main_photo .tab { width: 100%; display: flex; justify-content: center; position: absolute; bottom: 70px; left: 0; margin-left: -5px; } #wrapper .main_photo .tab li { margin: 0 5px; text-align: center; font-size: 22px; font-weight: bold; text-shadow: rgba(0, 0, 0, 0.5) 0 0 5px; } #wrapper .main_photo .tab li a { display: inline-block; width: 100%; padding: 18px 0 14px; border-radius: 4px; } #wrapper .main_photo .tab li a:link, #wrapper .main_photo .tab li a:visited { color: #ffffff; } #wrapper .main_photo .tab li a:hover { opacity: 0.7; text-decoration: none; } #wrapper .main_photo .tab li:nth-of-type(1) a { background: -moz-linear-gradient(17deg, #53ba8e, #87cfb0); background: -webkit-linear-gradient(17deg, #53ba8e, #87cfb0); background: linear-gradient(73deg, #53ba8e, #87cfb0); } #wrapper .main_photo .tab li:nth-of-type(2) a { background: -moz-linear-gradient(73deg, #d1a4d8, #dfbfe4); background: -webkit-linear-gradient(73deg, #d1a4d8, #dfbfe4); background: linear-gradient(73deg, #d1a4d8, #dfbfe4); } #wrapper .main_photo .tab li:nth-of-type(3) a { background: -moz-linear-gradient(73deg, #ffa1ba, #ffbdcf); background: -webkit-linear-gradient(73deg, #ffa1ba, #ffbdcf); background: linear-gradient(73deg, #ffa1ba, #ffbdcf); } #wrapper .main_photo .tab li:nth-of-type(4) a { background: -moz-linear-gradient(73deg, #5cb8c7, #8dcdd8); background: -webkit-linear-gradient(73deg, #5cb8c7, #8dcdd8); background: linear-gradient(73deg, #5cb8c7, #8dcdd8); } #wrapper .Cont h2 { background: url(../images/renew/ttl_bg_1.png) no-repeat center bottom; margin-bottom: 35px; font-size: 210%; text-align: center; } #wrapper .Cont h2:before { content: url(../images/renew/ttl_bg_star_1.png); display: inline-block; margin-right: 10px; vertical-align: middle; } #wrapper .Cont .flex { display: flex; justify-content: space-between; } #wrapper .Cont .flex li { width: 50%; } #wrapper #spot { padding-bottom: 70px; } #wrapper #spot h3 { background: url(../images/renew/ttl_bg_aurorabelt.png) no-repeat left bottom; padding: 0 0 4px 20px; font-size: 160%; } #wrapper #spot .aurorabelt h3 { padding-top: 60px; } #wrapper #spot .aurorabelt .text { padding: 110px 15px 0 20px; } #wrapper #spot .aurorabelt .caption { max-width: 100%; width: 460px; text-align: right; } #wrapper #spot .country h3 { background: url(../images/renew/ttl_bg_country.png) no-repeat center bottom; margin-bottom: 20px; text-align: center; } #wrapper #spot .country h3 img { margin-right: 14px; } #wrapper #spot .country > div { background: linear-gradient(45deg, transparent 19px, #04225e 19px), linear-gradient(135deg, transparent 19px, #04225e 19px), linear-gradient(225deg, transparent 19px, #04225e 19px), linear-gradient(315deg, transparent 19px, #04225e 19px); background-position: bottom left, top left, top right, bottom right; background-size: 60% 60%; background-repeat: no-repeat; margin: 70px auto 80px; padding: 30px 30px 60px; } #wrapper #spot .country > div:nth-of-type(even) .flex { flex-direction: row-reverse; } #wrapper #spot .country > div:nth-of-type(even) .flex li:last-child { text-align: left; } #wrapper #spot .country .flex li:first-child { width: 57.5%; } #wrapper #spot .country .flex li:last-child { text-align: right; } #wrapper #spot .country table { width: 690px; margin: 15px auto 0; text-align: center; font-size: 85%; } #wrapper #spot .country table th, #wrapper #spot .country table td { padding: 6px; } #wrapper #spot .country table th { background: #010024; font-weight: normal; border-left: 1px solid #fff; color: #fff; } #wrapper #spot .country table th:first-child { border: none; } #wrapper #spot .country table td { background: #fff; border-left: 1px solid #000; color: #000; } #wrapper #spot .country table td:first-child { border: none; } #wrapper .buttonDetail a { background: url(../images/renew/btn_bg_1.png) no-repeat 0 0; background-size: cover; width: 380px; height: 60px; display: flex; justify-content: center; align-items: center; position: relative; margin: 28px auto -90px; line-height: 0; font-size: 135%; text-shadow: 0 0 6px #0d3e28; font-weight: bold; color: #fff; text-decoration: none; } #wrapper .buttonDetail a:after { width: 9px; height: 9px; content: ""; display: block; position: absolute; top: 24px; right: 13px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); } #wrapper .canada .buttonDetail a { pointer-events: none; } #wrapper #compare { padding-bottom: 130px; } #wrapper #compare h2 { background: url(../images/renew/ttl_bg_2.png) no-repeat center bottom; margin-bottom: 40px; letter-spacing: 2px; } #wrapper #compare h2:before { content: url(../images/renew/ttl_bg_star_2.png); } #wrapper #compare h3 { background: url(../images/renew/ttl_bg_compare.png) no-repeat center bottom; margin: 20px 0 10px; padding-bottom: 5px; font-size: 160%; } #wrapper #compare h3 + p { padding: 0 70px; text-align: left; } #wrapper #compare .flex { flex-wrap: wrap; } #wrapper #compare .flex li { box-sizing: border-box; position: relative; padding: 15px 0 50px; text-align: center; } #wrapper #compare .flex li .figure { min-height: 220px; display: flex; justify-content: center; align-items: center; } #wrapper #compare .flex li:nth-child(-n+2) .figure { min-height: 170px; } #wrapper #compare .flex li:nth-child(n+3) { padding-top: 50px; } #wrapper #compare .flex li:after { background: url(../images/renew/compare_border_1.png) no-repeat center bottom; display: block; content: ""; width: 96%; height: 3px; position: absolute; bottom: 0; left: 2%; } #wrapper #compare .flex li:nth-child(2):after { background: url(../images/renew/compare_border_2.png) no-repeat left top; width: 3px; height: 92%; left: 0; bottom: 4%; } #wrapper #compare .flex li:nth-child(3):after { background: url(../images/renew/compare_border_2.png) no-repeat left top; width: 3px; height: 92%; left: inherit; right: -3px; top: 4%; bottom: inherit; } #wrapper #compare .flex li:nth-child(4):after { background: url(../images/renew/compare_border_1.png) no-repeat center bottom; width: 96%; height: 3px; bottom: inherit; top: -3px; left: 2%; } #wrapper #compare .result { background: linear-gradient(45deg, transparent 19px, #04225e 19px), linear-gradient(135deg, transparent 19px, #04225e 19px), linear-gradient(225deg, transparent 19px, #04225e 19px), linear-gradient(315deg, transparent 19px, #04225e 19px); background-position: bottom left, top left, top right, bottom right; background-size: 60% 60%; background-repeat: no-repeat; position: relative; padding: 30px; } #wrapper #compare .result:before { content: url(../images/renew/icon_result_1.png); position: absolute; top: 10px; left: 10px; } #wrapper #compare .result:after { content: url(../images/renew/icon_result_2.png); position: absolute; bottom: 0; right: 10px; } #wrapper #compare .result p { width: 520px; margin: 0 auto 6px; font-size: 130%; } #wrapper #compare .result p span { display: inline-block; line-height: 1.3; border-bottom: 1px solid #fff; } #wrapper #compare .result p strong { font-size: 120%; color: #fff861; } #wrapper #info { padding-bottom: 120px; } #wrapper #info h2 { background: url(../images/renew/ttl_bg_info_3.png) no-repeat center bottom; margin-bottom: 60px; } #wrapper #info h2:before { content: url(../images/renew/ttl_bg_star_info.png); } #wrapper #info .inner > .flex li:first-child { margin-right: 20px; } #wrapper #info .inner > .flex:nth-child(2) { flex-direction: row-reverse; margin-top: 60px; } #wrapper #info .inner > .flex:nth-child(2) li:first-child { margin-right: 0; margin-left: 20px; text-align: right; } #wrapper #info .inner > .flex:nth-child(2) li:last-child { width: 60%; } #wrapper #info h3 { background: url(../images/renew/ttl_bg_info.png) no-repeat -30px bottom; margin: 0 0 10px; padding-bottom: 17px; line-height: 1; letter-spacing: 1px; font-size: 160%; } #wrapper #info .text { padding: 12px 0; } #wrapper #info .text p:first-child { margin-bottom: 10px; } #wrapper #info .prepare { padding-top: 75px; font-size: 90%; } #wrapper #info .prepare h3 { background: url(../images/renew/ttl_bg_info_2.png) no-repeat center bottom; margin-bottom: 40px; text-align: center; } #wrapper #info .prepare .flex { justify-content: center; } #wrapper #info .prepare .flex li:first-child { width: 272px; text-align: center; } #wrapper #info .prepare .flex li:last-child { width: calc(100% - 272px); } #wrapper #info .prepare .flex dl { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; line-height: 1.5; } #wrapper #info .prepare .flex dl dt, #wrapper #info .prepare .flex dl dd { margin-bottom: 9px; } #wrapper #info .prepare .flex dl dt { background: #fff; width: 80px; display: flex; justify-content: center; align-items: center; padding: 5px 0; font-weight: bold; color: #000; border-radius: 3px; text-align: center; } #wrapper #info .prepare .flex dl dd { width: calc(100% - 80px); padding-left: 12px; box-sizing: border-box; } #wrapper #info .prepare .flex:first-of-type { margin-bottom: 45px; } #wrapper #info .prepare .flex:nth-of-type(2) li:first-child img { width: 60%; } #wrapper #info .prepare .flex:nth-of-type(2) li:last-child p:first-child { padding-bottom: 20px; line-height: 1; font-size: 115%; } #wrapper #info .prepare .flex:nth-of-type(2) dl dt { height: 40px; } #wrapper #info .faq { padding-top: 40px; } #wrapper #info .faq h3 { background: url(../images/renew/ttl_bg_info_2.png) no-repeat center bottom; margin-bottom: 25px; text-align: center; } #wrapper #info .faq .flex li { padding: 0 24px; } #wrapper #info .faq .flex li:first-child { padding-left: 0; } #wrapper #info .faq .flex li:last-child { padding-right: 0; } #wrapper #info .faq .flex li:nth-child(2) { background-image: url(../images/renew/faq_border_1.png), url(../images/renew/faq_border_1.png); background-repeat: no-repeat, no-repeat; background-position: 0 0, right 0; } #wrapper #info .faq .flex h4 { display: flex; align-items: center; margin-bottom: 15px; line-height: 1.5; font-size: 130%; } #wrapper #info .faq .flex h4 img { margin-right: 25px; } #wrapper #tour { padding-bottom: 120px; } #wrapper #tour h2 { background: url(../images/renew/ttl_bg_4.png) no-repeat center bottom; margin-bottom: 50px; } #wrapper #tour h2:before { content: url(../images/renew/ttl_bg_star_3.png); } #wrapper #tour .inner { display: flex; justify-content: space-between; flex-wrap: wrap; } #wrapper #tour .inner > div { width: 31.25%; } #wrapper #tour .item_result { background: #fff; position: relative; margin-bottom: 30px; padding-bottom: 70px; color: #333; } #wrapper #tour .item_result a { text-decoration: none; } #wrapper #tour .item_result .item_tourCode, #wrapper #tour .item_result .days { display: none; } #wrapper #tour .item_result .visual_display { display: flex; flex-wrap: wrap; flex-direction: column-reverse; } #wrapper #tour .item_result h2 { background: none; height: 120px; overflow: hidden; margin: 0 0 5px; padding: 0 18px 0; line-height: 1.5; text-align: left; font-size: 100%; } #wrapper #tour .item_result h2 b { font-weight: normal; } #wrapper #tour .item_result h2 a { text-decoration: none; cursor: pointer; } #wrapper #tour .item_result h2:before { content: none; } #wrapper #tour .item_result .price { padding: 14px 20px 20px; font-size: 145%; font-weight: bold; color: #f9423a; } #wrapper #tour .item_result .price small { margin: 0 1px; font-size: 70%; } #wrapper #tour .item_result .item_day { padding: 16px 18px 5px; font-weight: bold; } #wrapper #tour .item_result .item_day .departures { display: inline-block; margin: 0 10px 8px 0; padding: 4px 4px 2px; border: 1px solid #333; } #wrapper #tour .item_result .item_slideImg { position: relative; } #wrapper #tour .item_result .item_slideImg:before { background: url(../images/renew/tour_ttl_bg.png) no-repeat right top; content: 'フィンランド'; display: inline-block; position: absolute; top: 0; left: 0; padding: 2px 30px 2px 10px; font-size: 16px; color: #fff; } #wrapper #tour .item_result:nth-child(2) .item_slideImg:before { content: 'スウェーデン'; } #wrapper #tour .item_result:nth-child(3) .item_slideImg:before { content: 'ノルウェー'; } #wrapper #tour .item_result:nth-child(4) .item_slideImg:before { content: 'アイスランド'; } #wrapper #tour .item_result:nth-child(5) .item_slideImg:before { content: 'カナダ（イエローナイフ）'; } #wrapper #tour .item_result:nth-child(6) .item_slideImg:before { content: 'カナダ（ホワイトホース）'; } #wrapper #tour .item_result .box_img { height: 200px; display: flex; justify-content: center; align-items: center; overflow: hidden; } #wrapper #tour .item_result .box_img img { min-height: 200px; width: auto; } #wrapper #tour .item_result .buttonDetail { width: 100%; position: absolute; bottom: 15px; left: 0; } #wrapper #tour .item_result .buttonDetail a { background: url(../images/renew/btn_bg_2_2.png) no-repeat 0 0; background-size: cover; width: 260px; height: 50px; margin: 0 auto; font-size: 125%; } #wrapper #tour .item_result .buttonDetail a:after { top: 20px; } #wrapper #tour .item_result .buttonDetail a { text-shadow: 0 0 4px #326c75; } #wrapper #tour .Cont > .buttonDetail a { background: url(../images/renew/btn_bg_2.png) no-repeat 0 0; background-size: contain; width: 420px; margin-bottom: 0; text-shadow: 0 0 4px #326c75; } @media screen and (max-width: 1024px) { #wrapper .Cont { width: 95%; font-size: 15px; } #wrapper .Cont h2 { line-height: 2; font-size: 180%; } #wrapper .main_photo .inner { width: 90%; } #wrapper .main_photo .tab li { width: calc(25% - 10px); font-size: 16px; } #wrapper #spot .aurorabelt h3 { padding-top: 10px; } #wrapper #spot .aurorabelt .text { padding-top: 7.5vw; } #wrapper #spot .country .text { padding-left: 20px; } #wrapper #spot .country > div:nth-child(odd) .text { padding-left: 0; padding-right: 20px; } #wrapper #spot .country table { width: 90%; } #wrapper #compare h3 { font-size: 140%; } #wrapper #compare h3 + p { padding: 0 10px; } #wrapper #compare .flex li { padding: 15px 20px 50px; } #wrapper #compare .flex li .figure { min-height: 0 !important; height: 22vw !important; } #wrapper #compare .flex li .figure img { max-width: 350px; width: 100%; } #wrapper #info .prepare .flex li:last-child { padding-left: 20px; } #wrapper #info .faq .flex li { padding: 0 15px; } #wrapper #info .faq .flex h4 { font-size: 110%; } #wrapper #info .faq .flex h4 img { margin-right: 10px; } #wrapper #info .faq .flex h4 br { display: none; } #wrapper #tour .inner { max-width: 760px; margin: 0 auto; } #wrapper #tour .inner > div { width: 48%; } #wrapper #tour .item_result h2 { height: 90px; } #wrapper #tour .item_result .buttonDetail a { background-size: contain; width: 200px; height: 40px; font-size: 100%; } #wrapper #tour .item_result .buttonDetail a:after { top: 15px; right: 13px; width: 6px; height: 6px; } } @media screen and (max-width: 800px) { #wrapper .Cont .country .flex { margin-bottom: 20px; } #wrapper .Cont h2 { background-size: 100% !important; } #wrapper #spot h3 { background-position: center bottom; background-size: 100% !important; padding: 0 0 4px; text-align: center; font-size: 150%; } #wrapper #spot .aurorabelt .text { padding-top: 20px; } #wrapper #compare .result p { width: 412px; font-size: 110%; } #wrapper #compare .flex li .figure { height: 26vw !important; } #wrapper #info .prepare .flex li:first-child { width: 180px; } #wrapper #info .prepare .flex li:last-child { width: calc(100% - 180px); } #wrapper #info .prepare .flex:nth-of-type(2) li:first-child img { width: 80%; } #wrapper #info .prepare .flex dl dd br { display: none; } #wrapper #tour .item_result h2 { height: 110px; } #wrapper #pagetop { width: 68px; bottom: 15px; right: 15px; } #wrapper #pagetop a { width: auto; line-height: 1.5; padding: 15px 3px 12px; font-size: 10px; } } @media screen and (max-width: 639px) { #wrapper .sp { display: inline-block; } #wrapper .pc { display: none; } #wrapper #pan h1 { font-size: 10px; } #wrapper .wrapper { background: #010024 url(../images/renew/wrap_bg_sp.jpg) repeat-y center top; background-size: 100%; } #wrapper .Cont { width: 94%; font-size: 14px; } #wrapper .Cont .flex { flex-wrap: wrap; } #wrapper .Cont .flex li { width: 100%; } #wrapper .Cont h2 { background: url(../images/renew/ttl_bg_1_sp.png) no-repeat center bottom; margin-bottom: 30px; padding-bottom: 5px; line-height: 1.5; letter-spacing: 1px; font-size: 140%; } #wrapper .Cont h2:before { transform: scale(0.6); height: 0; vertical-align: top; margin: 0 -12px 0 -20px; } #wrapper .main_photo { display: block; background: url(../images/renew/main_bg_sp.jpg) no-repeat center top; background-size: cover; height: 103vw; margin-bottom: 30px; } #wrapper .main_photo h1.top { text-align: center; font-size: 14vw; letter-spacing: 0; } #wrapper .main_photo h1.top span { font-size: 7vw; } #wrapper .main_photo .inner { width: 92%; height: 103vw; padding-top: 30px; } #wrapper .main_photo .lead { margin-top: 12px; text-align: center; font-size: 80%; } #wrapper .main_photo .tab { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; bottom: inherit; left: inherit; margin: 12vw auto 0; } #wrapper .main_photo .tab li { width: 48%; margin: 0 0 10px; } #wrapper .main_photo .tab li a { padding: 12px 0 10px; } #wrapper #spot .aurorabelt .text { padding: 15px 0 0; } #wrapper #spot .country > div { background-image: linear-gradient(45deg, transparent 12px, #04225e 12px), linear-gradient(135deg, transparent 12px, #04225e 12px), linear-gradient(225deg, transparent 12px, #04225e 12px), linear-gradient(315deg, transparent 12px, #04225e 12px); background-size: 60% 60%; margin: 20px auto 0; padding: 20px; } #wrapper #spot .country > div:nth-child(odd) .text { padding: 0; } #wrapper #spot .country .flex { flex-direction: column-reverse !important; } #wrapper #spot .country .flex > li { width: 100%; } #wrapper #spot .country .flex > li:last-child { width: 100%; } #wrapper #spot .country .flex > li:first-child { width: 100%; } #wrapper #spot .country h3 { background: url(../images/renew/ttl_bg_country_sp.png) no-repeat center bottom; width: 260px; margin: 10px auto 20px; font-size: 135%; } #wrapper #spot .country h3 img { margin: 0 10px -1px 0; } #wrapper #spot .country table { width: 100%; line-height: 1.5; } #wrapper #spot .country table th { padding-top: 8px; } #wrapper #spot .country table td { padding: 14px 4px 12px; } #wrapper #spot .country table th:first-child, #wrapper #spot .country table th:nth-child(2), #wrapper #spot .country table td:first-child, #wrapper #spot .country table td:nth-child(2) { white-space: nowrap; } #wrapper #spot .country .text { padding: 0 0 15px; } #wrapper .buttonDetail a { background-size: contain; max-width: 100%; width: 275px; height: 45px; margin: 25px auto 0; font-size: 115%; } #wrapper .buttonDetail a:after { width: 7px; height: 7px; top: 18px; right: 10px; } #wrapper #compare { padding-bottom: 40px; } #wrapper #compare h2 { background: url(../images/renew/ttl_bg_2_sp.png) no-repeat center bottom; margin-bottom: 20px; font-size: 110%; letter-spacing: 0; } #wrapper #compare h2:before { margin: 0 -12px 0 -20px; } #wrapper #compare h2 span { font-size: 145%; } #wrapper #compare h3 + p { margin-bottom: 20px; padding: 5px 0 20px; /*border-bottom: 1px solid #808092;*/ } #wrapper #compare .flex li { padding: 10px 0 !important; } #wrapper #compare .flex li:first-child .figure img { width: 240px; } #wrapper #compare .flex li .figure { height: auto !important; } #wrapper #compare .flex li .figure img { width: 300px; } #wrapper #compare .flex li:after { content: none; } #wrapper #compare .flex li:last-child h3 + p { margin-bottom: 0; border: none; } #wrapper #compare .result { background-image: linear-gradient(45deg, transparent 12px, #04225e 12px), linear-gradient(135deg, transparent 12px, #04225e 12px), linear-gradient(225deg, transparent 12px, #04225e 12px), linear-gradient(315deg, transparent 12px, #04225e 12px); padding: 20px 0 14px; text-align: center; } #wrapper #compare .result:before { transform: scale(0.5); top: -10px; left: -15px; } #wrapper #compare .result:after { transform: scale(0.5); bottom: -10px; right: -15px; } #wrapper #compare .result p { width: auto; } #wrapper #info { padding-bottom: 20px; } #wrapper #info h2 { background: url(../images/renew/ttl_bg_info_3_sp.png) no-repeat center bottom; margin-bottom: 20px; } #wrapper #info h2:before { margin-left: -30px; } #wrapper #info h3 { margin: 0; padding: 20px 0 12px; text-align: center; font-size: 135%; } #wrapper #info .bullet { width: 210px; margin: 0 auto; font-weight: bold; font-size: 120%; } #wrapper #info .inner > .flex li:first-child { margin-right: 0; } #wrapper #info .inner > .flex:nth-child(2) { margin-top: 20px; } #wrapper #info .inner > .flex:nth-child(2) li:first-child { margin: 0; text-align: center; } #wrapper #info .inner > .flex:nth-child(2) li:last-child { width: auto; } #wrapper #info .prepare { padding-top: 0; } #wrapper #info .prepare h3 { background: url(../images/renew/ttl_bg_info.png) no-repeat center bottom; margin-bottom: 20px; } #wrapper #info .prepare .flex li:last-child { width: auto; padding: 15px 0 0; } #wrapper #info .prepare .flex dl dt { width: 60px; } #wrapper #info .prepare .flex dl dd { width: calc(100% - 60px); } #wrapper #info .prepare .flex:first-of-type { margin-bottom: 10px; } #wrapper #info .prepare .flex:nth-of-type(2) li:last-child p:first-child { text-align: center; padding-bottom: 10px; line-height: 1.5; font-weight: bold; font-size: 125%; } #wrapper #info .faq { padding-top: 20px; } #wrapper #info .faq h3 { background: url(../images/renew/ttl_bg_info.png) no-repeat center bottom; margin-bottom: 10px; } #wrapper #info .faq h4 { justify-content: center; } #wrapper #info .faq .flex { flex-wrap: wrap; } #wrapper #info .faq .flex li { background: none !important; width: 100%; margin-bottom: 10px; padding: 10px 0 20px; border-bottom: 1px solid #808092; } #wrapper #info .faq .flex li:last-child { border-bottom: none; } #wrapper #tour { padding-bottom: 50px; } #wrapper #tour h2 { background: url(../images/renew/ttl_bg_4_sp.png) no-repeat center bottom; margin-bottom: 30px; } #wrapper #tour .inner > div { width: 100%; margin-bottom: 10px; } #wrapper #tour .item_result { padding: 0; } #wrapper #tour .item_result .visual_display { justify-content: space-between; flex-direction: row-reverse; } #wrapper #tour .item_result .visual_display > div { width: calc(100% - 140px); } #wrapper #tour .item_result .visual_display > div:last-child { width: 140px; } #wrapper #tour .item_result .visual_display > div .box_img { height: 140px; width: 140px; line-height: 0; } #wrapper #tour .item_result .visual_display > div .box_img img { max-width: none; min-height: 0; width: auto; height: 140px; } #wrapper #tour .item_result .visual_display .item_slideImg:before { background: none; top: 5px; left: 100%; width: 192px; padding: 0 0 0 10px; font-size: 14px; font-weight: bold; color: #5cb8c7; } #wrapper #tour .item_result .visual_display .item_title { padding: 10px 0 0; position: relative; } #wrapper #tour .item_result .visual_display .item_title:before { width: 9px; height: 9px; content: ""; display: block; position: absolute; border-top: 1px solid #060606; border-right: 1px solid #060606; transform: rotate(45deg); position: absolute; top: 50%; right: 8px; margin-top: -3px; } #wrapper #tour .item_result h2 { height: 40px; margin: 0; padding: 0 24px 0 10px; font-size: 13px; } #wrapper #tour .item_result .price { padding: 10px 10px 10px; font-size: 16px; } #wrapper #tour .item_result .item_day { padding: 25px 24px 0 10px; font-size: 85%; } #wrapper #tour .item_result .item_day .departures { margin: 0 10px 7px 0; padding: 2px 2px 0; } #wrapper #tour .item_result .buttonDetail { display: none; } #wrapper #tour .Cont > .buttonDetail a { width: 290px; height: 42px; } #wrapper #tour .Cont > .buttonDetail a:after { top: 16px; } } @media screen and (max-width: 360px) { #wrapper .Cont { font-size: 13px; } #wrapper .main_photo h1.top { font-size: 40px; } #wrapper #compare h2 { font-size: 95%; } #wrapper #compare h2 span { font-size: 160%; } #wrapper #tour .item_result .visual_display > div:last-child { width: 120px; } #wrapper #tour .item_result .visual_display > div { width: calc(100% - 120px); } #wrapper #tour .item_result .visual_display > div .box_img { width: 120px; } #wrapper #tour .item_result .visual_display .item_slideImg:before { width: 160px; font-size: 13px; } #wrapper #tour .item_result .price { font-size: 14px; } } @media screen and (max-width: 330px) { #wrapper .main_photo .tab { margin: 10px auto 0; } } /*# sourceMappingURL=page.css.map */