@charset "UTF-8"; /* cost */ @import url(../settings.less); /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @ @ [ 共通設定 ] @ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ .price_list { margin-bottom: 30px; .heading03 { margin-bottom: 0; padding: 5px 0; background: @main-color; color: #fff; } dl { border-top: 1px solid #ddd; text-align: center; dt { padding: 8px; border-bottom: 1px solid #ddd; font-weight: bold; } dd { padding: 8px; border-bottom: 1px solid #ddd; font-weight: bold; font-size: 2.0rem; color: @main-color; } } } .track_area { h2 { margin-bottom: 20px; text-align: center; padding: 15px 0; font-weight: bold; font-size: 2.2rem; border-top: 1px solid @main-color; border-bottom: 1px solid @main-color; } .image_texts { margin-bottom: 20px; .image_cont { width: 260px; @media screen and ( max-width: @break-max-width ) { width: 100%; } } .texts_cont { width: 900px; ul.icon { margin-bottom: 20px; li { display: inline-block; background: #666; color: #fff; padding: 5px 15px 7px 15px; margin: 0 5px 5px 0; font-size: 1.4rem; } } ul.notice { margin-bottom: 10px; li { margin-bottom: 15px; } } .price { color: #CC0033; font-size: 3.0rem; font-weight: bold; } } } } .scroll{ overflow: auto; white-space: nowrap; } .scroll::-webkit-scrollbar{ height: 5px; } .scroll::-webkit-scrollbar-track{ background: #F1F1F1; } .scroll::-webkit-scrollbar-thumb { background: #BCBCBC; } @media screen and ( max-width: @break-max-width ) { /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @ @ [ モバイル用設定 ] @ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ /*================================================== $sp_ ==================================================*/ /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ } /*================================================== [ utility ] $clearfix ==================================================*/ .clearfix:after { content:" "; display:block; clear:both; }