@charset "utf-8"; /* CSS Document */ /* default css edit */ body { font-size: 14px; } * html body { font-size: 14px; } /* for lte ie6 */ html>body { font-size: 14px; } // html:not(:target) body { font-size: 14px; } /* for modern browser not ie8 */ //基準14px //10px 72% //11px 79% //12px 86% //13px 93% //14px 100% //15px 108% //16px 115% //17px 122% //18px 129% //19px 136% //20px 143% //21px 150% //22px 158% //23px 165% //24px 172% //25px 179% //26px 186% p, dd, blockquote { text-align: left; } iframe { margin: 0; } /* Bootstrap GoogleMap への影響修正 */ #depmap1 img, #depmap2 img { max-width: none; } /* Bootstrap 修正 */ .carousel-control { background: none; border: none; top:50%; } #container { max-width: 979px; } th, td { vertical-align: top; } .pkg:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } img.center { display: block; margin-left: auto; margin-right: auto; } body { overflow: visible; background-color: #DDD; } #header { background-color: #FFF; } #main_navi { /*Ski の設定を修正*/ height: auto; position: relative; top: auto; left: auto; } /* .top { height: auto; background: transparent; } */ #header { h1 { text-align: left; margin-top: 0; color: #70a8de; font-size: 86%; //12px; font-weight: bold; line-height: 1.5em; } #top_navi { position: relative; z-index: 100; text-align: left; // height: 80px; #ski_rogo { width: 192px; height: 60px; overflow: hidden; float:left; a:hover { opacity: 0.75; } } #rado_rogo { display: block; width: 164px; float:right; a:hover { opacity: 0.75; } } } #visa { position: absolute; top: -1px; right: 0px; } } .navbar { margin-bottom: 0; .container { max-width: 900px; } .nav { margin: 0; } } .navbar-inverse { .navbar-inner { padding: 0; // background: transparent; background: #4AF; filter: none; border: 0; } .brand, .nav>li>a { font-weight: bold; color: #FFF; text-shadow: 0 -1px 0 rgba(0,0,128,0.25); } .nav>li>a:hover, .nav>li>a:focus, .nav li.dropdown.open>.dropdown-toggle, .nav li.dropdown.active>.dropdown-toggle, .nav li.dropdown.open.active>.dropdown-toggle, .nav .active>a, .nav .active>a:hover, .nav .active>a:focus { color: #FFF; background-color: #3495f1; -webkit-box-shadow: #888 0px 0px 5px; -moz-box-shadow: #888 0px 0px 5px; box-shadow: #888 0px 0px 5px; } .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #FFF; border-bottom-color: #FFF; } .nav li a.red { background-color: #F40; &:hover, &:focus { background-color: #E30; } } } #footer { width: 100%; font-size: 86%; //12px; border-top: solid 3px #3495f1; background-color: #FFF; /* background-color: #3495f1;*/ clear: both; a, a:hover { color: #333; /* color: #FFF;*/ } .container > div { margin-top: 10px; } .inquiry { padding: 10px 20px; // background-color: #FFF; dt, dd { // float: left; line-height: 1.5em; p { margin-bottom: 5px; &:last-child { margin-bottom: 0; } span { padding: 1px 6px; background-color: #2372e1; border-radius: 6px; color: #FFF; } } } dt { text-align: left; // padding: 2px 10px 2px 0; } dd { // padding: 2px 10px; // border-left: solid 1px #2372e1; } } .outline { /* border: solid 1px #2372e1;*/ background-color: #2372e1; padding: 10px 20px; .row-fluid [class*="span"] { min-height: 0; } a, a:hover { color: #FFF; } dt, dd { float: left; } dt { color: #FFF; text-align: left; padding: 2px 10px 2px 0; } dd { padding: 2px 10px; border-left: solid 1px #2372e1; } } .sougou { /* border: solid 1px #2372e1;*/ padding: 10px 20px; [class*="span"] { margin-bottom: 10px; } dt { text-align: left; } dd { padding: 2px 0; border-bottom: dotted 1px #2372e1; } } } // // スキー // #ski, #ski-osa, #ski-fuk { background-color: #FFF; .navbar { margin-bottom: 10px; } #content { /* width: 940px;*/ margin: 0 auto; text-align: left; div.pad { padding: 10px; } h2.ttl { margin-bottom: 10px; a:hover { opacity: 0.75; } } .toTop { margin: 0; text-align: right; clear: both; } } #alpha { #alpha-inner { > div { margin-bottom: 20px; } } .topicPath { margin: 0 0 10px 0; font-size: 86%; //12px; } } #beta { #beta-inner { > div { margin-bottom: 20px; } } .ski_sideli { h3 { line-height: 1.5em; padding: 0 10px; } .inner { padding-top: 0; } ul { text-align: left; ul { // padding-left: 12px; } li { // padding-left: 16px; margin-top: 4px; } } } .ski_sidebar { img { display: block; margin: 0 auto; } } .menu { h2 { i { vertical-align: -9px; } } h3 { line-height: 1.5em; padding: 0 10px; } .inner { // padding-top: 0; } ul { text-align: left; li { line-height: 1.2em; // padding-left: 16px; margin-top: 4px; } } } } #beta { } .section-gray, .section-blue { border: #CCC 1px solid; border-radius: 6px; h2 { line-height: 1.4em; } .inner { // padding: 10px; margin: 10px; } } .head { padding: 0 10px; margin-bottom: 10px; background-color: #9CF; h2 { display: inline; } } .h-navi { float:right; color: #FFF; a { color: #FFF; } } .h-gray, .h-blue { border-radius: 6px 6px 0 0; border-bottom: #CCC 1px solid; padding: 4px 10px; h2 { display: inline; } } .h-gray { background-color: #EEE; } .h-blue { background-color: #38C; h2 { color: #FFF; font-weight: normal; a { color: #FFF; } } } .h-snow { border-radius: 6px 6px 0 0; background: rgb(254,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(210,235,249,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(210,235,249,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=0 ); /* IE6-9 */ h2 { padding: 10px 10px 10px 36px; background: url(/ski/osa/images/list_icon.png) no-repeat 4px 4px; } } ul { &.arrow-gray, &.arrow-red { li { text-indent: -1em; padding-left: 1em; &:before { font-size: 57%; //8px; // color: red; content: '▶'; } } } &.arrow-gray { li { &:before { color: #999; } } } &.arrow-red { li { &:before { color: red; } } } } } // // スキー/共通/トップ // #ski-osa.top, #ski-fuk.top { #alpha { .copy { background: #38C; color: #FFF; padding: 10px 10px; } .topicsArea { .topics-container { dl { dt { display: none; } } } } .pickupArea { .pickup-container { .item { margin-bottom: 10px; dl { dt { width: 100px; float: left; img { width: 100%; } } dd { margin-left: 120px; } } } } } } #beta { .osusume1 { h2 { i { vertical-align: -9px; } } h3 { i { margin-top: -4px; } // margin-top: 10px; // padding: 0 10px; line-height: 1.5em; } .inner { // padding-top: 0; } } .osusume3 { h2 { i { vertical-align: -9px; } } } } } // // スキー/トップ // #ski.top { #alpha { #top-visual { position: relative; margin-bottom: 0; #girl { position: absolute; right: 0; top: -70px; tex-align: right; width: 38%; } } .cont02 { background: url(/ski/images/yama_back.png) center bottom no-repeat; .topicsArea { &>div { margin: 10px; background: #FFF; opacity: 0.9; } } .area_map .inner{ position: relative; max-width: 366px; margin: 0 auto; .dropdown-menu { min-width: 0; } .hakuba { position: absolute; top: 61%; right: 18%; .dropdown-menu { left: auto; right: 0; } } .shinetsu { position: absolute; top: 49%; right: 18%; .dropdown-menu { left: auto; right: 0; } } .kansai-kinkou { position: absolute; top: 48%; right: 41%; .btn { text-align: left; } .dropdown-menu { left: auto; right: 0; } } .hokkaido { position: absolute; top: 12%; right: 0%; .dropdown-menu { left: auto; right: 0; } } .tohoku { position: absolute; bottom: 52%; right: 0%; .dropdown-menu { left: auto; right: 0; } } .joetsu { position: absolute; top: 73%; right: 0%; .dropdown-menu { left: auto; right: 0; } } .fukuoka-kinkou { position: absolute; top: 67%; left: 34%; .btn { text-align: left; } } .kyusyu { position: absolute; bottom: 16%; left: 4%; .btn { text-align: left; } } } } .copy { background: #38C; color: #FFF; padding: 20px 10px; } .cont03 { .pickupArea { .pickup-container { .item { margin-bottom: 10px; dl { dt { width: 80px; float: left; } dd { margin-left: 90px; } } } } } } } } #ski { #panf_seikyu ul { margin-left: auto; margin-right: auto; text-align: center; width: 610px; margin-top: 15px; li { float: left; } } } // // スキー/関西/トップ // #ski-osa.top { #beta { .area_map { .inner { position: relative; max-width: 300px; margin: 0 auto; } .hakuba { position: absolute; top: 48%; left: 53%; .dropdown-menu { left: auto; right: 0; } } .shinetsu { position: absolute; top: 22%; left: 52%; .dropdown-menu { left: auto; right: 0; } } .kinkou { position: absolute; top: 26%; left: 3%; } } } } // // スキー/福岡/トップ // #ski-fuk.top { #beta { .area_map { .inner { position: relative; max-width: 300px; margin: 0 auto; } .hokkaido { position: absolute; top: 12%; right: 0%; .dropdown-menu { left: auto; right: 0; } } .tohoku { position: absolute; top: 42%; right: 0%; .dropdown-menu { left: auto; right: 0; } } .joetsu { position: absolute; top: 73%; right: 0%; .dropdown-menu { left: auto; right: 0; } } .hakuba { position: absolute; top: 57%; right: 27%; .dropdown-menu { left: auto; right: 0; } } .kinkou { position: absolute; top: 73%; left: 24%; } } } } // // スキー/カテゴリー&エントリー共通 // #ski-osa.webpage, #ski-osa.category, #ski-osa.entry, #ski-fuk.webpage, #ski-fuk.category, #ski-fuk.entry { #alpha { .main_content_back { p { line-height: 1.4em; } .gelend_map { float: right; // margin-left: 2.127659574468085%; background: #FFF; border: #DDD 1px solid; margin-right: 10px; .inner { padding: 5px; } } .main_content { margin-left: 0; } .hp { margin-top: 4px; font-size: 84%; //10px; line-height: 1.3em; table { border: 1px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0; // font-size: 86%; //12px; th { padding: 5px; border: #E3E3E3 solid; border-width: 0 0 1px 1px; background: #F5F5F5; font-weight: bold; line-height: 120%; // text-align: left; } td { padding: 5px; border: 1px #CCC solid; border-width: 0 0 1px 1px; // text-align: left; &.midashi1 { text-align: center; color: #FFF; background-color: #063; } &.midashi2 { text-align: center; color: #FFF; background-color: #009; } } } } .info_color { display: none; } .catch { background: #38C; padding: 20px 10px; // margin-top: -10px; color: #FFF; } } .gelende_icon { margin-left: -7px; dd { float: left; margin-left: 7px; } } .plan-change { text-align: center; } .topicsArea { h2 { background-color: #9CF; padding: 0 20px; margin-bottom: 10px; } dl { dt { // width: 300px; } dd { } } } .cateback { background-color: #FEC; margin-top: 10px; img.ttl { width: 100%; height: auto; } .cateL { /* width: 50%; float: left;*/ img { width: 100%; max-width: 600px; height: auto; } } .cateR { /* width: 50%; float: left;*/ .pickup { width: 50%; float: left; &:first-child div { padding: 0 10px 0 0; } div img { width: 100%; height: auto; } } } } .cate-contents { .pad { padding: 10px; } p { margin-bottom: 10px; } .rel { position: relative; } .abs { position: absolute; top: 4px; z-index: -999; line-height: 1.1em; h3, h4, p, dt, dd, li { line-height: 1em; font-size: 12px; } } > div { position: relative; div.over { position: absolute; z-index: -999; // font-size: 9px; line-height: 1em; dt,dd { line-height: 1em; } } } } .cateArea { background-color: #FFF; h3 { background-color: #ADF; padding: 0 20px; margin-bottom: 10px; } .optioncode { text-align: right; font-size: 57%; //8px; } .pad { padding: 8px; border-top: dotted 1px #999; &:first-child { border: none; } } // プラン一覧 .item { margin-bottom: 10px; padding: 20px 0; // border-top: dotted 1px #999; .midashi { background: rgb(254,255,255); // Old browsers background: -moz-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(210,235,249,1) 100%); // FF3.6+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(210,235,249,1))); // Chrome,Safari4+ background: -webkit-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); // Chrome10+,Safari5.1+ background: -o-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); // Opera 11.10+ background: -ms-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); // IE10+ background: linear-gradient(to bottom, rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); // W3C filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=0 ); // IE6-9 h4 { font-size: 122%; //17px; padding: 10px 10px 10px 36px; background: url(/ski/osa/images/list_icon.png) no-repeat 0px 4px; text-shadow: 1px 1px 1px #BBF; } } .catch { padding: 10px 0; } .sub-img { margin-top: 6px; } .sub-img1, .sub-img2 { width: 48.5%; float: left; } .sub-img2 { margin-left: 3%; } .data { dt { // margin-top: 6px; } dd { line-height: 1.3em; } .plans { dl { margin-top: 0.5em; } } .price { margin-top: 15px; strong { font-size: 122%; //17px; color: #F5A; } } .tags { margin-top: 6px; font-size: 79%; //11px; ul { margin-left: -2px; img { margin-left: 2px; } li { display: inline-block; margin: 2px 0 0 2px; padding: 1px 6px; line-height: 14px; background-color: #2372e1; border-radius: 6px; color: #FFF; &.orange { background-color: #E90; } &.purple { background-color: #B39; } &.green { background-color: #228b22; } &.pink { background-color: #ff69b4; } &.brown { background-color: #a0522d; } } } } .url { margin-top: 10px; ul { // margin-top: 8px; li { display: inline; // font-size: 108%; //15px; &:before { font-size: 86%; //12px; color: red; content: '▶'; } } } } .more { margin-top: 10px; } } } dt { /* width: 23%; float: left; margin-right: 2%;*/ img { /* width: 100%; height: auto;*/ } } dd { /* width: 74%; float:left; margin-right: 1%;*/ h3 { font-size: 115%; //16px; margin-bottom: 4px; line-height: 1em; height: 1em; overflow: hidden; } .new { display:none; } ul.cate_place { border-top: dashed 1px #AAA; margin-top: 3px; padding-top: 3px; li.charge { /* width: 33%;*/ float: right; text-align: right; font-size: 108%; //15px; color: red; background-color: #ADF; padding: 5px 5px 5px 10px; } } } } .detail { text-align: center; .center { text-align: center; } .info_box { .info { width: 100%; th, td{ border: solid 1px #999; padding: 5px; } th { background-color: #DEF; } } } } .fblikebox { margin-bottom: 20px; } } } #ski-osa.topics, #ski-osa.oneday, #ski-osa.bargain, #ski-osa.special, #ski-fuk.topics, #ski-fuk.oneday, #ski-fuk.thanks, #ski-fuk.hokkaido, #ski-osa.bh-m, #ski-osa.bh-n { .main_contents { position: relative; // overflow: hidden; h2 { position: absolute; z-index: -999; } .main { .copy { background: #4AE; .icon { position: absolute; bottom: -25px; right: -25px; } .text { color: #FFF; padding: 20px; // margin-right: 170px; } } } } } #ski-osa.topics, #ski-fuk.topics { #alpha { .topics-container { dl.banner1 { margin-bottom: 10px; dt { width: 100px; float: left; img { width: 100%; } } dd { margin-left: 120px; } } } } } #ski-osa.bargain, #ski-fuk.thanks { .main_contents { .main { .copy { background: #D37; } } } } #ski-osa.buson, #ski-fuk.buson { #alpha { .main_contents { position: relative; // overflow: hidden; h2 { position: absolute; z-index: -999; } .main { .copy { background: #02D; .icon { position: absolute; bottom: -25px; right: -25px; } .text { color: #FFF; padding: 20px; // margin-right: 170px; .small { font-size: 0.5em; } } } } } .lineup { margin-bottom: 20px; } .syugou { margin-bottom: 20px; table { border: 1px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0; font-size: 86%; //12px; th { padding: 5px; border: #E3E3E3 solid; border-width: 0 0 1px 1px; background: #F5F5F5; font-weight: bold; line-height: 120%; // text-align: left; } td { padding: 5px; border: 1px #CCC solid; border-width: 0 0 1px 1px; // text-align: left; &.midashi1 { text-align: center; color: #FFF; background-color: #063; } &.midashi2 { text-align: center; color: #FFF; background-color: #009; } } } } .route { margin-bottom: 20px; h3 { // font-family: DFG極太明朝体; font-size: 108%; //15px; color: #E6FFFF; background-image: url('/ski/osa/buson/img/route.gif'); background-position: left; background-repeat: no-repeat; padding: 5px 0 5px 40px; } .navi { text-align: center; .booking { background-image: url('/ski/osa/buson/img/booking_bl.gif'); background-repeat: no-repeat; width: 180px; height: 30px; display: inline-block; text-indent: -9999px; } .attention { background-image: url('/ski/osa/buson/img/map_scl.gif'); background-repeat: no-repeat; width: 160px; height: 29px; display: inline-block; text-indent: -9999px; } } dl { margin-top: 10px; border: 1px #CCC dotted; // vertical-align: top; .type01, .type02, .type03 { padding: 5px 0 5px 7px; font-weight: bold; } .type01 { background-color: #BDF59E; color: #008000; } .type02 { background-color: #FFDFEF; color: #F03C84; } .type03 { background-color: #BBD7FF; color: #0066FF; } dt { } dd { padding: 5px 7px; .price { min-height: 40px; font-size: 93%; //13px; b { font-size: 115%; //16px; color: #F33; } } .price2 { min-height: 40px; font-size: 79%; //11px; line-height: 1.2em; b { font-size: 115%; //16px; color: #F33; } } .schedule { font-size: 79%; //11px; line-height: 1.2em; } } } } .businfom { padding: 5px; border: 1px #CCC solid; font-size: 115%; //16px; h3 { line-height: 1em; background-color: #02D; color: #FFF; padding: 5px; text-align: center; margin-bottom: 10px; } div.row-fluid { div.span6 { padding-left: 10px; border-left: 1px #CCC dashed; font-size: 79%; //11px; line-height: 1.4em; &:first-child { // padding-left: 0; border-left: 0; } .ak { td { background-color: #FFE6E6; } } } } } } } #ski-osa.bargain, #ski-fuk.thanks { .plan-change { text-align: center; } } // // エントリー // #ski-osa.entry, #ski-fuk.entry { #content { .cateback { .optioncode { padding-right: 5px; text-align: right; } h2{ font-size: 143%; //20px; padding: 10px; margin: 0px 8px 0 8px; border:solid 2px #ecd99a; background:#FFFFFF; text-align:left; /*white-space:nowrap;*/ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } .entry_text { clear: both; // font-size: 14px; margin: 10px; line-height: 1.4em; } } } .ent_info { background-color: #FFF; margin-top: 10px; padding: 10px; .op_price { font-size: 108%; //15px; color: red; } .ent_infottl1, .ent_infottl2, .ent_infottl3, .ent_infottl4 { margin: 20px 0 10px; padding: 8px 8px; color: #333; font-size: 129%; //18px; border-left: solid 5px #09C; /* height:35px; margin:10px 0 5px; padding:5px 20px 0; text-align:right;*/ } .ent_infottl1 { margin-top: 0; } /* .ent_infottl1 { background: url(/common/img/op/category/ent_ttl1.gif) no-repeat ;} .ent_infottl2 { background: url(/common/img/op/category/ent_ttl2.gif) no-repeat ;} .ent_infottl3 { background: url(/common/img/op/category/ent_ttl3.gif) no-repeat ;} .ent_infottl4 { background: url(/common/img/op/category/ent_ttl4.gif) no-repeat ;} */ /*エントリー/テーブル共通*/ .kiback, .syoback, .maback { table { width: 100%; margin-bottom: 10px; caption { text-align: center; img { margin-bottom: -10px; } } th { width: 20%; padding: 8px; border-top: 1px dotted #FFF; } td { padding: 8px; border-top: 1px dotted #FFF; } tr:first-child th, tr:first-child td { border-top: none; padding-top: 20px; } } } .applicationBtnbox, .mailsubmit { padding: 15px 0 10px; text-align: center; border: 5px solid #F9C; margin: 10px 0; } .mailsubmit { button { font-size: 158%; //22px; font-weight: bold; padding: 15px; } } /*エントリー/基本情報*/ .kiback { th { background-color: #eb7b66; } td { background-color: #fdf8e1; } } /*エントリー/詳細情報*/ .syoback { th { background-color: #66accd; } td { width: 80%; background-color: #fdf8e1; } } /*エントリー/メールフォーム*/ .maback { th { background-color: #93c156; } td { width: 80%; background-color: #fdf8e1; } input { vertical-align: baseline; } } /*エントリー/タイムスケジュール*/ .tiback { .timeL:first-child { border-top: none; padding-top: 0; } .timeL { background-color: #FDF8E1; /* margin-top: 10px;*/ border-top: 1px dotted #900; padding: 10px 0; .scbox { // float: left; // width: 66%; } .imgbox { text-align: center; } h4 { // background: url(/common/img/op/category/watch.gif) no-repeat top left; background-color: #FFF; /* height: 50px;*/ // padding: 18px 0; font-size: 115%; //16px; } h4 .watch { // width: 32%; // margin-right: 2%; text-align: left; // float: left; background-color: #FB6; min-height: 0; padding: 5px; } h4 .schttl { // width: 66%; text-align: left; // float: left; min-height: 0; padding: 5px; } .step { padding-left: 10px; } img { // float:right; // width: 33%; // height: auto; } } } } } // // スキー/ウェブページ // #ski-osa.info, #ski-fuk.info { #alpha { h3 { margin: 20px 0 10px; padding: 8px 8px; color: #333; font-size: 129%; //18px; border-left: solid 5px #09C; } } #payment { p { margin: 0 0 10px; } #pay-bank { .kouza { dl { padding: 10px; background-color: #FFEEDD; margin-bottom: 10px; &:last-child { margin-bottom: 0; } } } .noticeBox { background:#fffafa; padding: 10px; color:#990000; margin:10px 0 20px 0; border: 1px solid #990000; } } .full_inner_box { & > div { margin-bottom: 20px; } dl { text-align:center; border:1px solid #ccc; dt { text-align:center; padding:10px 0; background-color:#FDE29D; margin-bottom:5px; strong { color:#000; display:block; } } dd { text-align: center; padding: 10px 20px; ol { text-align: left; li { margin: 0 0 8px 2em; padding: 0; line-height: 1.3em; list-style: decimal; } } } } } #pay-cvs { .main_bt { li { margin-bottom: 15px; a { display: block; padding: 7px 14px; background-color: #f2f2f2; border: 1px solid #afafaf; font-size: 86%; //12px; font-weight: bold; color: #333; img { vertical-align: middle; } } } } .chuui { padding: 15px; border: 1px solid #fbb03b; h4 { margin-bottom: 10px; } } } #etc { .annai { padding: 10px; background-color: #FFEEDD; /* background:#fffafa; padding: 10px; color:#990000; margin:10px 0 20px 0; border: 1px solid #990000; */ } } } } #ski-osa.bus-info, #ski-fuk.bus-info { #alpha { > div { margin-bottom: 20px; } h3 { background-color: #ADF; padding: 0 20px; margin-bottom: 10px; } .ttl { margin-bottom: 10px; } #rental { a:hover { opacity: 0.75; } } } } .yazi { background-color: #2781ff; border: solid 2px #2372e1; color: #fff; font-size: 1.0em; padding: 0px 3px; margin-right: 5px; } .new { display: none; } .mb { margin-bottom: 10px; } .aka { color: #C32; } a.opa:hover { opacity: 0.75; } .applicationBtnbox { padding: 15px 0 10px; text-align: center; border: 5px solid #F9C; margin: 10px 0; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; vertical-align: middle; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } /* Desktop large ------------------------- */ //@media (min-width: 1200px) { //} /* Tablet to desktop @media が IE9 以前で有効にならないので注意 ------------------------- */ //@media (min-width: 768px) and (max-width: 979px) { @media (min-width: 768px) { /* Bootstrap Modal の修正 */ .modal-body { max-height: 500px; } } /* WidePhone ------------------------- */ @media (max-width: 767px) { //body { font-size: 16px; } html:not(:target) body { font-size: 16px; } /* // GRID [class^="row"] > [class*="span"]{ float: left; margin-left: 2.564102564%; } [class^="row"] > [class*="span"]:first-child { margin-left: 0; } [class^="row"] > .span12 { width: 100%; } [class^="row"] > .span11 { width: 91.45299145300001%; } [class^="row"] > .span10 { width: 82.905982906%; } [class^="row"] > .span9 { width: 74.358974359%; } [class^="row"] > .span8 { width: 65.81196581200001%; } [class^="row"] > .span7 { width: 57.264957265%; } [class^="row"] > .span6 { width: 48.717948718%; } [class^="row"] > .span5 { width: 40.170940171000005%; } [class^="row"] > .span4 { width: 31.623931624%; } [class^="row"] > .span3 { width: 23.076923077%; } [class^="row"] > .span2 { width: 14.529914530000001%; } [class^="row"] > .span1 { width: 5.982905983%; } */ #header { h1 { display: none; } } #ski-osa.category, #ski-fuk.category { #alpha { #alpha-inner { } .gelend-select .inner { padding: 0 20px; } .main_content_back { .gelend_map { margin-right: 0; } .main_content { .main_content-inner { margin-left: 10px; margin-right: 10px; } } .catch { margin-top: 0; } } .cateArea { margin-left: 10px; margin-right: 10px; .item { .main-img { width: 32%; float: left; } .sub-img { margin-top: 0; margin-left: 2%; width: 66%; float: left; } } } } } } /* Landscape phones ------------------------- */ //@media (max-width: 480px) { //} [class^="rd-"], [class*=" rd-"] { display: inline-block; width: 27px; height: 27px; margin-top: 1px; line-height: 27px; vertical-align: text-top; background-image: url("../images/icons.png"); // background-position: 27px 27px; background-repeat: no-repeat; } .rd-menu-blue { background-position: 0 0; } .rd-crown-blue { background-position: -27px 0; } .rd-heart-pink { background-position: -54px -54px; } .rd-family-pink { background-position: -81px -54px; }