@charset "utf-8"; /*--------------------------------------*/ /*初期設定 /*--------------------------------------*/ @color_main: #372616;//メインカラー @color_effect: #60AEE4;//差し色 @color_effect2: #4aa4e2;//差し色2 @color_bg: #f8f7f1;//薄め背景色 @color_gray: #f5f5f5;//グレー @color_border: #ccc;//ボーダーカラー /*--------------------------------------*/ /*要変更 /*--------------------------------------*/ #Breadcrumbs li { max-width: 700px; } .dlt_h3{ text-align: left; clear: both; margin-bottom: 10px; color: #fff; padding: 8px 10px; background: @color_effect2; /* Old browsers */ background: -moz-linear-gradient(top, lighten(@color_effect2, 10%) 0%, @color_effect2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,lighten(@color_effect2, 10%)), color-stop(100%,@color_effect2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, lighten(@color_effect2, 10%) 0%,@color_effect2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, lighten(@color_effect2, 10%) 0%,@color_effect2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, lighten(@color_effect2, 10%) 0%,@color_effect2 100%); /* IE10+ */ background: linear-gradient(to bottom, lighten(@color_effect2, 10%) 0%,@color_effect2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='lighten(@color_effect2, 10%)', endColorstr='@color_effect2',GradientType=0 ); /* IE6-9 */ border-radius: 3px; font-size: 150%; font-weight: bold; } .dlt_h4{ text-align: left; clear: both; margin-bottom: 10px; background: #000; color: #fff; padding: 5px 10px; } .dlt_free{ overflow: hidden; margin-bottom: 15px; text-align: left; clear: both; margin-top: 30px; } .dlt_free, .dlt_free *{ font-size: 14px !important; line-height: 160% !important; /*font-family: "メイリオ", "Meiryo", "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS P Gothic", Verdana,Arial, Helvetica, sans-serif;*/ } .dlt_freetitle{ text-align: left; clear: both; margin-bottom: 10px; border-radius: 6px; font-weight: bold; border: 1px solid darken(@color_effect2, 10%); box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset; color: #fff; padding: 5px 10px; background: @color_effect2; /* Old browsers */ background: -moz-linear-gradient(top, lighten(@color_effect2, 10%) 0%, @color_effect2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,lighten(@color_effect2, 10%)), color-stop(100%,@color_effect2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, lighten(@color_effect2, 10%) 0%,@color_effect2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, lighten(@color_effect2, 10%) 0%,@color_effect2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, lighten(@color_effect2, 10%) 0%,@color_effect2 100%); /* IE10+ */ background: linear-gradient(to bottom, lighten(@color_effect2, 10%) 0%,@color_effect2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='lighten(@color_effect2, 10%)', endColorstr='@color_effect2',GradientType=0 ); /* IE6-9 */ } .mb5{ margin-bottom: 5px !important; } .mb10{ margin-bottom: 10px !important; } .mb20{ margin-bottom: 20px !important; } .mb30{ margin-bottom: 30px !important; } .mb40{ margin-bottom: 40px !important; } .mb60{ margin-bottom: 60px !important; } a.fade0, a.fade8{ -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } a.fade0:hover{ filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } a.fade8:hover{ filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; } /*--------------------------------------*/ /*base /*--------------------------------------*/ .pc_none{ display: none !important; } .mysns *{ vertical-align: bottom !important; } *{ margin: 0; padding: 0; } html, body{ /* height: 100%; */ } body{ /* line-break: strict; font-size: 78%; line-height: 160%; text-align: center; font-family: "メイリオ", "Meiryo", "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS P Gothic", Verdana,Arial, Helvetica, sans-serif; word-break: break-all; word-wrap: break-word; */ } img{ background: url(/wp-content/themes/cmn/images/spacer.gif); } img, a img{ border: 0; } a{ outline: 0; } .mb10{ margin-bottom: 10px; } .mb15{ margin-bottom: 15px; } .mb20{ margin-bottom: 20px; } .mb30{ margin-bottom: 30px; } .mb40{ margin-bottom: 40px; } .mb60{ margin-bottom: 60px; } .dlt_category_txt{ text-align: left; margin-bottom: 20px; } /*--------------------------------------*/ /*pager /*--------------------------------------*/ #dlt_pager{ clear: both; overflow: hidden; padding-top: 20px; margin-bottom: 30px; width: 100%; } #dlt_pager .dlt_pagerprev{ width: 33%; float: left; text-align: left; } #dlt_pager .dlt_pagertop{ width: 33%; float: left; text-align: center; } #dlt_pager .dlt_pagernext{ width: 33%; float: left; text-align: right; } #dlt_pager .dlt_pagernext a, #dlt_pager .dlt_pagerprev a{ display: inline-block; width: 80px; width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; } #dlt_pager .pagination{ display: block; overflow: hidden; text-align: center; line-height: 100%; } #dlt_pager .pagination span{ display: inline-block; margin: 0 2px; } #dlt_pager .pagination a{ display: block; padding: 9px; background: @color_gray; border: 1px solid @color_border; text-decoration: none; } #dlt_pager .pagination .current{ border: 1px solid @color_border; } #dlt_pager .pagination .current a{ padding: 8px; background: #fff; border: 1px solid @color_border; } /*--------------------------------------*/ /*side /*--------------------------------------*/ #dlt_archives, #dlt_categories{ border: 1px solid @color_border; width: auto; margin-bottom: 10px; background: @color_gray; text-align: left; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; } #dlt_archives p, #dlt_categories p{ margin: 0; font-weight: bold; padding: 7px; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); color: #fff; border: 1px solid darken(@color_effect2, 10%); box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset; border-top-left-radius: 5px; border-top-right-radius: 5px; background: @color_effect2; /* Old browsers */ background: -moz-linear-gradient(top, lighten(@color_effect2, 10%) 0%, @color_effect2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,lighten(@color_effect2, 10%)), color-stop(100%,@color_effect2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, lighten(@color_effect2, 10%) 0%,@color_effect2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, lighten(@color_effect2, 10%) 0%,@color_effect2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, lighten(@color_effect2, 10%) 0%,@color_effect2 100%); /* IE10+ */ background: linear-gradient(to bottom, lighten(@color_effect2, 10%) 0%,@color_effect2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='lighten(@color_effect2, 10%)', endColorstr='@color_effect2',GradientType=0 ); /* IE6-9 */ } #dlt_archives ul, #dlt_categories ul{ display: block; border: 1px solid @color_border; margin: 3px; background: #fff; border-radius: 3px; } #dlt_archives ul li, #dlt_categories ul li{ display: block; border-top: 1px dotted @color_border; } #dlt_archives ul li:first-child, #dlt_categories ul li:first-child{ border-top: none !important; } #dlt_archives ul li a, #dlt_categories ul li a{ display: block; padding: 7px 10px; border-top: 1px solid #fff; margin: 0; } #dlt_archives ul li a:hover, #dlt_categories ul li a:hover{ background: @color_bg; } /*--------------------------------------*/ /*post /*--------------------------------------*/ em{ font-style: italic; font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS P Gothic", Verdana,Arial, Helvetica, sans-serif; } .dlt_entry_content img, .dlt_entry_content2 img{ max-width: 100%; height: auto; } .dlt_entry_content p, .dlt_entry_content2 p{ margin: 0; } .dlt_entry_footer{ clear: both; background: @color_bg; padding: 5px; text-align: right; } .dlt_entry_content strong, .dlt_entry_content2 strong{ color: inherit; } .dlt_entry_content em, .dlt_entry_content2 em{ color: inherit; font-style: italic; } .dlt_entry_content ul li, .dlt_entry_content2 ul li{ list-style: disc; margin-left: 25px; } .dlt_entry_content ol li, .dlt_entry_content2 ol li{ list-style: decimal; margin-left: 25px; } .dlt_entry_content blockquote, .dlt_entry_content2 blockquote{ background-color: @color_bg; padding: 15px 40px; margin: 15px 0; position: relative; display: block; overflow: hidden; } .dlt_entry_content blockquote:before, .dlt_entry_content2 blockquote:before{ content: "“"; font-size: 600%; line-height: 1em; color: @color_border; position: absolute; left: 5px; top: 5px; } .dlt_entry_content blockquote:after, .dlt_entry_content2 blockquote:after{ content: "”"; font-size: 600%; line-height: 0em; color: @color_border; position: absolute; right: 5px; bottom: 0; } .dlt_entry_content hr, .dlt_entry_content2 hr{ size: 0; color: transparent; border-bottom: 1px dotted @color_border; clear: both; margin: 10px 0; display: block; width: 100%; } .alignleft{ float: left; margin: 0 15px 15px 0; } .aligncenter{ float: none; display: block; margin: 0 auto 15px; clear: both; } .alignright{ float: right; margin: 0 0 15px 15px; } .single .dlt_entry{ margin-bottom: 40px; } /*--------------------------------------*/ /*投稿一覧レイアウト dlt_layout1 /*--------------------------------------*/ .dlt_lay_post{ overflow: hidden; padding: 0 5px; } .dlt_lay_post .dlt_entry{ clear: both; overflow: hidden; width: auto; word-wrap: break-word; margin-bottom: 40px; text-align: left; } .archive .dlt_lay_post .dlt_entry a{ display: inline; overflow: hidden; text-decoration: none; } .dlt_lay_post .dlt_simg{ display: none; } .dlt_lay_post .dlt_entry_header{ overflow: hidden; border-bottom: 1px dotted @color_border; margin-bottom: 7px; } .dlt_lay_post .dlt_entry_header div{ font-size: 100%; padding: 1px 0 0 7px; border-left: 3px solid @color_effect; } .dlt_lay_post .dlt_entry_header h4{ font-size: 130%; display: block; border-left: 3px solid @color_effect; padding: 0 0 1px 7px; margin-bottom: 5px; } .dlt_lay_post .dlt_entry_content{ overflow: hidden; width: 100%; margin-bottom: 40px; font-size: 134%; } /*--------------------------------------*/ /*投稿一覧レイアウト dlt_layout2 /*--------------------------------------*/ .dlt_lay_post2{ padding: 15px 40px 0; overflow: hidden; } .dlt_lay_post2 .dlt_entry{ clear: both; overflow: hidden; word-wrap: break-word; text-align: left; width: auto; } .dlt_lay_post2 .dlt_entry a{ display: block; overflow: hidden; text-decoration: none; } .dlt_lay_post2 .dlt_simg{ display: none; } .dlt_lay_post2 .dlt_entry_header{ display: table; border-bottom: 1px dotted @color_border; width: 100%; } .dlt_lay_post2 .dlt_entry_header div{ display: table-cell; vertical-align: middle; width: 100px; font-size: 120%; padding: 10px 0; font-weight: bold; } .dlt_lay_post2 .dlt_entry_header h4{ font-size: 120%; vertical-align: middle; display: table-cell; padding: 10px 0 10px 17px; position: relative; } .dlt_lay_post2 .dlt_entry_header h4:after{ position: absolute; top: 50%; left: 3px; display: block; content: ''; width: 5px; height: 5px; margin-top: -4px; border-top: 2px solid @color_effect; border-right: 2px solid @color_effect; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .dlt_lay_post2 .dlt_entry_content{ display: none; } /*--------------------------------------*/ /*投稿一覧レイアウト dlt_layout3 /*--------------------------------------*/ .dlt_lay_post3{ width: 100%; overflow: hidden; margin-bottom: 40px; } .dlt_lay_post3 .dlt_entry{ overflow: hidden; word-wrap: break-word; text-align: center; width: 25%; float: left; } .dlt_lay_post3 .dlt_entry a{ display: block; overflow: hidden; padding: 10px; border-bottom: 1px solid @color_border; border-right: 1px solid @color_border; text-decoration: none; } .dlt_lay_post3 .dlt_entry:nth-of-type(-n+4) a{ border-top: 1px solid @color_border; } .dlt_lay_post3 .dlt_entry:nth-of-type(4n+1) a{ border-left: 1px solid @color_border; } .dlt_lay_post3 .dlt_simg{ display: table; width: 100%; overflow: hidden; } .dlt_lay_post3 .dlt_simg span{ display: table-cell; vertical-align: middle; overflow: hidden; } .dlt_lay_post3 .dlt_simg img{ display: block; margin: 0 auto; max-height: 160px;/*画像の幅をpxで指定 要変更*/ } .dlt_lay_post3 .dlt_entry_header{ display: none; } .dlt_lay_post3 .dlt_entry_content{ display: none; } .dlt_lay_post3 a:hover .dlt_simg img{ filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; } /*--------------------------------------*/ /*投稿一覧レイアウト dlt_layout4 /*--------------------------------------*/ .dlt_lay_post4{ width: 100%; overflow: hidden; margin-bottom: 40px; } .dlt_lay_post4 .dlt_entry{ overflow: hidden; word-wrap: break-word; text-align: center; width: 25%; float: left; } .dlt_lay_post4 .dlt_entry a{ display: block; overflow: hidden; padding: 10px; border-bottom: 1px solid @color_border; border-right: 1px solid @color_border; text-decoration: none; } .dlt_lay_post4 .dlt_entry:nth-of-type(-n+4) a{ border-top: 1px solid @color_border; } .dlt_lay_post4 .dlt_entry:nth-of-type(4n+1) a{ border-left: 1px solid @color_border; } .dlt_lay_post4 .dlt_simg{ display: table; width: 100%; overflow: hidden; } .dlt_lay_post4 .dlt_simg span{ display: table-cell; vertical-align: middle; overflow: hidden; } .dlt_lay_post4 .dlt_simg img{ display: block; margin: 0 auto; max-height: 160px;/*画像の幅をpxで指定 要変更*/ } .dlt_lay_post4 .dlt_entry_header div{ font-size: 90%; padding-top: 5px; } .dlt_lay_post4 .dlt_entry_content{ display: none; } .dlt_lay_post4 a:hover{ filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; } /*--------------------------------------*/ /*投稿一覧レイアウト dlt_layout5 /*--------------------------------------*/ .dlt_lay_post5{ text-align: left; margin-top: 30px; } .dlt_lay_post5 .dlt_entry{ clear: both; overflow: hidden; padding-bottom: 15px; border-bottom: 1px dotted @color_border; margin-bottom: 15px; } .dlt_lay_post5 .dlt_entry_header, .dlt_lay_post5 .dlt_entry_content{ margin-left: 190px; margin-top: 0 !important; } .dlt_lay_post5 .dlt_simg{ display: table; width: 150px; height: 180px; background: #fff; padding: 8px; border: 1px solid @color_border; overflow: hidden; float: left; } .dlt_lay_post5 .dlt_simg span{ display: table-cell; width: 150px; height: 180px; vertical-align: middle; } .dlt_lay_post5 .dlt_simg img{ display: block; max-width: 150px; max-height: 180px; width: auto; height: auto; margin: 0 auto; } /*--------------------------------------*/ /*ギャラリーレイアウト /*--------------------------------------*/ .dlt_lay_gallery{ max-width: 1500px; width: 100%; overflow: hidden; margin-bottom: 40px; } .dlt_lay_gallery .dlt_entry{ overflow: hidden; word-wrap: break-word; text-align: center; width: 25%; float: left; border-bottom: 1px solid @color_border; } .dlt_lay_gallery .dlt_entry a{ text-decoration: none; font-weight: normal; display: block; overflow: hidden; padding: 10px; border-right: 1px solid @color_border; } .dlt_lay_gallery .dlt_entry:nth-of-type(-n+4) a{ border-top: 1px solid @color_border; } .dlt_lay_gallery .dlt_entry:nth-of-type(4n+1) a{ border-left: 1px solid @color_border; } .dlt_lay_gallery .dlt_simg{ width: 100%; overflow: hidden; margin: 0 auto 5px; } .dlt_lay_gallery .dlt_simg img{ display: block; } .dlt_lay_gallery .dlt_entry_header{ margin-bottom: 5px; } .dlt_lay_gallery a:hover .dlt_simg img{ filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; } /*-------ギャラリー シングル-------*/ .dlt_lay_gallery_single{ width: 100%; overflow: hidden; } .dlt_lay_gallery_single .dlt_entry_header h4{ padding: 10px 0; border-bottom: 1px dotted @color_border; margin-bottom: 10px; font-size: 120%; text-align: left; } .dlt_lay_gallery_single .dlt_mainimg{ width: 300px !important;/*任意*/ height: 300px !important;/*任意*/ display: table !important; table-layout: fixed; margin: 0 0 10px !important; } .dlt_lay_gallery_single .dlt_singleimg{/*画像が1枚の時*/ height: auto !important; } .dlt_lay_gallery_single .dlt_mainimg a{ display: table-cell !important; width: 100%; height: 100%; vertical-align: middle; text-align: center; } .dlt_lay_gallery_single .dlt_singleimg a{/*画像が1枚の時*/ height: auto !important; vertical-align: top !important; } .dlt_lay_gallery_single .dlt_mainimg a img{ display: block; width: auto !important; height: auto !important; margin: 0 auto !important; max-width: 100% !important; max-height: 300px !important;/*任意 pxで指定*/ } .dlt_lay_gallery_single .dlt_thumimg{ overflow: hidden; margin-bottom: 15px; width: 300px;/*上記.dlt_mainimgのwidth値*/ } .dlt_lay_gallery_single .dlt_thumimg div{ width: 93px;/*上記.dlt_thumimgのwidth値 - (サムネイル列数-1)×marginRight*/ height: 93px; display: block; float: left; margin: 0 10px 10px 0; } .dlt_lay_gallery_single .dlt_thumimg div:nth-of-type(3n){/*サムネイル列数*/ margin-right: 0; } .dlt_lay_gallery_single .dlt_thumimg div.off{ display: none !important; } .dlt_lay_gallery_single .dlt_thumimg div a{ display: block; width: 100%; height: 100%; overflow: hidden; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover !important; } .dlt_lay_gallery_single .dlt_thumimg div img{ display: block; display: none; } .dlt_lay_gallery_single .dlt_thumimg div a span{ display: none; } .dlt_lay_gallery_single .dlt_thumimg hr{ display: none !important; } .dlt_lay_gallery_single .dlt_entry_content{ text-align: left; margin-bottom: 40px; clear: both; } .dlt_lay_gallery_single .dlt_caption{ clear: both; height: 2em; } .dlt_lay_gallery_single .dlt_fig dl{ display: table; width: 100%; } .dlt_lay_gallery_single .dlt_fig dt{ display: table-cell; border-bottom: none; vertical-align: middle; width: 90px; } .dlt_lay_gallery_single .dlt_fig dt:after{ margin-top: -3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .dlt_lay_gallery_single .dlt_fig dd{ display: table-cell; vertical-align: middle; margin-top: 0 !important; } .dlt_lay_gallery_single .dlt_lay_gallery .dlt_entry{ margin-bottom: 0; } /*-------Before After 機能 ギャラリー シングル-------*/ .dlt_lay_gallery_single2{ width: 100%; overflow: hidden; } .dlt_lay_gallery_single2 .dlt_entry_header h4{ padding: 10px 0; border-bottom: 1px dotted @color_border; margin-bottom: 10px; font-size: 120%; text-align: left; } .dlt_lay_gallery_single2 .dlt_inner, .dlt_lay_gallery_single2 .dlt_td1, .dlt_lay_gallery_single2 .dlt_td2{ display: block !important; float:none !important; clear: both !important; width: 100% !important; margin-bottom: 0; } .dlt_lay_gallery_single2 .dlt_mainimg{ display: none; } .dlt_lay_gallery_single2 .dlt_thumimg{ overflow: hidden; margin-bottom: 15px; } .dlt_lay_gallery_single2 .dlt_thumimg div{ width: 50%; height: 230px;/*任意*/ display: table; table-layout: fixed; } .dlt_lay_gallery_single2 .dlt_thumimg div.off{ display: none !important; } .dlt_lay_gallery_single2 .dlt_thumimg div:nth-of-type(odd){ float: left; background: #F1E9CE; } .dlt_lay_gallery_single2 .dlt_thumimg div:nth-of-type(even){ float: right; position: relative; background: #FFCC66; } .dlt_lay_gallery_single2 .dlt_thumimg div:nth-of-type(even):after{ position: absolute; top: 45%; left: -19px;/*任意*/ display: block; content: ''; width: 20px; height: 20px; margin-top: -10px; border-top: 5px solid #330100; border-right: 5px solid #330100; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .dlt_lay_gallery_single2 .dlt_thumimg div a{ display: table-cell !important; vertical-align: middle; width: 100%; height: 100%; text-align: center; background: #fff; background: none !important; } .dlt_lay_gallery_single2 .dlt_thumimg div img{ display: block; max-width: 95% !important; max-height: 200px !important;/*任意 pxで指定*/ width: auto !important; height: auto !important; margin: 0 auto !important; } .dlt_lay_gallery_single2 .dlt_thumimg div span{ display: none; } .dlt_lay_gallery_single2 .dlt_thumimg hr:nth-of-type(even){ display: block; width: 100%; height: 0; size: 0; border: none; border-bottom: none;/*適宜*/ clear: both; } .dlt_lay_gallery_single2 .dlt_thumimg hr:nth-of-type(odd){ display: none !important; } .dlt_lay_gallery_single2 .dlt_entry_content{ text-align: left; margin-bottom: 40px; clear: both; } .dlt_lay_gallery_single2 #before{ float: left; display: block; width: 50%; background: #ddd; text-align: center; } .dlt_lay_gallery_single2 #after{ float: right; display: block; width: 50%; background: #ccc; text-align: center; } .dlt_lay_gallery_single2 .dlt_caption{ clear: both; height: 2em; } /*--------------------------------------*/ /*メニューレイアウト /*--------------------------------------*/ .dlt_lay_menu{ text-align: left; margin-bottom: 40px; overflow: hidden; clear: both; } .dlt_lay_menu .dlt_entry{ } .dlt_lay_menu .dlt_entry:nth-child(odd){ } .dlt_lay_menu .dlt_entry:last-child{ margin-bottom: 20px; } .dlt_lay_menu .dlt_entry dl{ margin: 0; display: table; width: 100%; } .dlt_lay_menu .dlt_entry:nth-of-type(1) dl{ } .dlt_lay_menu .dlt_menu_title{/*商品名*/ position: relative; padding-left: 5px; } .dlt_lay_menu .dlt_menu_cap{/*商品説明*/ padding-left: 5px; font-size: 90%; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } .dlt_lay_menu .dlt_entry dt{ display: table-cell; margin: 0; vertical-align: middle; padding: 8px; width: auto; } .dlt_lay_menu .dlt_entry dd{ margin: 0; display: table-cell; vertical-align: middle; } .dlt_lay_menu .dlt_entry dd ul{ margin: 0; display: table; width: 100%; } .dlt_lay_menu .dlt_entry dd ul:last-child{ } .dlt_lay_menu .dlt_entry dd li{ padding: 8px; display: table-cell; vertical-align: middle; word-break: normal; } .dlt_lay_menu li.dlt_menu_price{/*商品価格*/ text-align: right; word-break: keep-all; } dd.dlt_menu_bunrui div:nth-child(n+2){ } /*--------------------------------------*/ /*商品レイアウト /*--------------------------------------*/ .dlt_lay_menu2 hr{ display: none; width: 100%; height: 0; size: 0; clear: both; border: none; border-bottom: 1px dotted #ccc; margin-bottom: 30px; color: #fff; } .dlt_lay_menu2 hr:nth-of-type(3n){/*3列で改行*/ display: block; } .dlt_lay_menu2 .dlt_entry{ margin-bottom: 30px; float: left; width: 31%; margin-left: 1.15%; margin-right: 1.15%; } .dlt_lay_menu2 .dlt_entry dl{ display: block; } .dlt_lay_menu2 .dlt_entry dt{ display: block; } .dlt_lay_menu2 .dlt_entry dd{ display: block; } .dlt_lay_menu2 .dlt_img{ width: 100%; height: auto; height: 180px; background: #fff; } .dlt_lay_menu2 .dlt_img img{ display: block; width: auto; height: auto; max-width: 100%; max-height: 180px; margin: 0 auto 5px; } .dlt_lay_menu2 .dlt_menu_title{ font-weight: bold; margin-bottom: 5px; } .dlt_lay_menu2 dd ul{ display: table !important; margin-bottom: 0 !important; padding-bottom: 0 !important; width: 100%; } .dlt_lay_menu2 dd ul:nth-last-of-type(1){ margin-bottom: 10px !important; } .dlt_lay_menu2 dd li{ display: table-cell !important; float: none !important; width: auto !important; margin: 0 !important; } .dlt_lay_menu2 .dlt_prc{ text-align: right; } /*--------------------------------------*/ /*お客様の声レイアウト /*--------------------------------------*/ .dlt_lay_voice .dlt_entry{ clear: both; overflow: hidden; width: auto; word-wrap: break-word; margin-bottom: 40px; text-align: left; } .dlt_lay_voice .dlt_entry_header{ overflow: hidden; border-bottom: 1px dotted @color_border; margin-bottom: 7px; } .dlt_lay_voice .dlt_entry_header h4{ font-size: 110%; display: block; border-left: 3px solid @color_effect; padding: 0 0 1px 7px; margin-bottom: 5px; } .dlt_lay_voice .dlt_entry_content{ overflow: hidden; width: 100%; margin-bottom: 40px; } /*--------------------------------------*/ /*Q&Aレイアウト /*--------------------------------------*/ .dlt_lay_questions{ margin-bottom: 40px; text-align: left; } .dlt_lay_questions ul{ display: block; } .dlt_lay_questions li{ display: block; border-bottom: 1px dotted @color_border; } .dlt_lay_questions li a{ display: block; padding: 5px 0 5px 18px; position: relative; } .dlt_lay_questions li a:after{ position: absolute; top: 50%; left: 3px; display: block; content: ''; width: 5px; height: 5px; margin-top: -4px; border-top: 2px solid @color_effect; border-right: 2px solid @color_effect; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .dlt_lay_qa .dlt_entry{ clear: both; overflow: hidden; width: auto; word-wrap: break-word; margin-bottom: 20px; text-align: left; } .dlt_lay_qa .dlt_entry_header{ overflow: hidden; border-bottom: 1px dotted @color_border; margin-bottom: 7px; } .dlt_lay_qa .dlt_entry_header h4{ font-size: 110%; display: block; border-left: 3px solid @color_effect; padding: 0 0 1px 7px; margin-bottom: 5px; } .dlt_lay_qa .dlt_entry_content{ overflow: hidden; width: 100%; } .dlt_lay_qa .dlt_qa1{ overflow: hidden; width: auto; margin-bottom: 15px; } .dlt_lay_qa .dlt_qa2{ overflow: hidden; width: auto; background: @color_bg; border: 1px solid @color_border; border-radius: 3px; padding: 7px; } /*--------------------------------------*/ /*クーポンレイアウト /*--------------------------------------*/ .dlt_lay_coupon .dlt_entry{ width: auto; border: 1px solid @color_border; padding: 1px; margin-bottom: 20px; clear: both; } .dlt_lay_coupon .dlt_inner{ display: table; width: 100%; margin-bottom: 0; } .dlt_lay_coupon .dlt_td1{ display: table-cell; text-align: center; width: 30px; vertical-align: middle; padding: 0; background: @color_effect2; color: #fff; } .dlt_lay_coupon .dlt_td1 span{ display: block; } .dlt_lay_coupon .dlt_td2{ display: table-cell; vertical-align: middle; padding: 15px 15px; } .dlt_lay_coupon .dlt_entry_header{ display: table; margin-bottom: 10px; width: 100%; border-bottom: 1px dotted @color_border; padding-bottom: 10px; } .dlt_lay_coupon .dlt_entry_header h4, .dlt_lay_coupon .dlt_entry_header p{ display: table-cell; } .dlt_lay_coupon .dlt_entry_header p{ text-align: right; } .dlt_lay_coupon .dlt_entry_header .dlt_not{ text-decoration: line-through; } .dlt_lay_coupon .dlt_entry_header .dlt_price{ color: @color_effect; } .dlt_lay_coupon .dlt_td2 .dlt_txt{ } .dlt_lay_coupon .dlt_td2 dl.dlt_txt{ display: block; } .dlt_lay_coupon .dlt_td2 dl.dlt_txt dt, .dlt_lay_coupon .dlt_td2 dl.dlt_txt dd{ display: inline; } .dlt_lay_coupon .dlt_td2 dl.dlt_txt dt{ color: @color_effect; } .dlt_lay_coupon .dlt_td2 dl.dlt_txt dd{ padding-right: 10px; } /*--------------------------------------*/ /*店舗レイアウト /*--------------------------------------*/ .dlt_lay_shop{ margin-bottom: 40px; overflow: hidden; } .dlt_lay_shop .dlt_entry{ width: 50%; max-width: 600px; float: left; text-align: center; } .dlt_lay_shop .dlt_entry a{ display: block; padding: 10px 15px; text-decoration: none !important; } .dlt_lay_shop .dlt_entry a:hover{ filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; } .dlt_lay_shop .dlt_simg{ width: 100%; height: 100px; overflow: hidden; margin: 0 auto 5px; } .dlt_lay_shop .dlt_simg img{ display: block; } .dlt_lay_shop .dlt_entry_content{ text-align: left; position: relative; } .dlt_lay_shop .dlt_entry_content h4{ margin-bottom: 5px !important; padding: 5px 0; border-bottom: 1px dotted @color_border; font-size: 120%; font-weight: bold; padding-right: 90px; } .dlt_lay_shop .dlt_entry_content ul{ display: table; width: 100%; } .dlt_lay_shop .dlt_entry_content li{ display: table-cell; } .dlt_lay_shop .dlt_entry_content li:first-child{ min-width: 70px; width: 20%; } .dlt_lay_shop .dlt_entry_content .dlt_btn{ position: absolute; top: 1px; right: 0; } #gmap{ clear: both; width: 100%; margin-bottom: 30px; } #smap{ } .dlt_lay_shop .dlt_entry_content ul li{ list-style: none; margin-left: 0; } /*--------------------------------------*/ /*ムービーレイアウト /*--------------------------------------*/ /*--1列--*/ .dlt_lay_movie_1 .dlt_entry{ margin-bottom: 40px; } .dlt_lay_movie_1 .dlt_entry_content{ width: 100%; } .dlt_lay_movie_1 .dlt_movie{ margin-bottom: 10px; } .dlt_lay_movie_1 .dlt_entry_content iframe{ display: block; width: 100%; height: auto; } .dlt_lay_movie_1 hr{ display: none; } /*--2列--*/ .dlt_lay_movie_2{ overflow: hidden; } .dlt_lay_movie_2 .dlt_entry{ width: 48%; float: left; margin: 0 1% 40px 1%; } .dlt_lay_movie_2 .dlt_entry_content{ width: 100%; } /* .dlt_lay_movie_2 .dlt_movie{ margin-bottom: 10px; } */ .dlt_lay_movie_2 .dlt_entry_content iframe{ display: block; width: 100%; height: auto; } .dlt_lay_movie_2 hr{ display: none; } .dlt_lay_movie_2 hr:nth-of-type(2n){ display: block; clear: both; width: 100%; height: 0; size: 0; border: none; background: none; } /*--3列--*/ .dlt_lay_movie_3{ overflow: hidden; } .dlt_lay_movie_3 .dlt_entry{ width: 31.3%; float: left; margin: 0 1% 40px 1%; } .dlt_lay_movie_3 .dlt_entry_content{ width: 100%; } /* .dlt_lay_movie_3 .dlt_movie{ margin-bottom: 10px; } */ .dlt_lay_movie_3 .dlt_entry_content iframe{ display: block; width: 100%; height: auto; } .dlt_lay_movie_3 hr{ display: none; } .dlt_lay_movie_3 hr:nth-of-type(3n){ display: block; clear: both; width: 100%; height: 0; size: 0; border: none; background: none; } /*--4列--*/ .dlt_lay_movie_4{ overflow: hidden; } .dlt_lay_movie_4 .dlt_entry{ width: 23%; float: left; margin: 0 1% 40px 1%; } .dlt_lay_movie_4 .dlt_entry_content{ width: 100%; } /* .dlt_lay_movie_4 .dlt_movie{ margin-bottom: 10px; } */ .dlt_lay_movie_4 .dlt_entry_content iframe{ display: block; width: 100%; height: auto; } .dlt_lay_movie_4 hr{ display: none; } .dlt_lay_movie_4 hr:nth-of-type(4n){ display: block; clear: both; width: 100%; height: 0; size: 0; border: none; background: none; } /*--------------------------------------*/ /*リンクレイアウト /*--------------------------------------*/ .dlt_lay_link{ text-align: left; margin-bottom: 40px; overflow: hidden; clear: both; } .dlt_lay_link .dlt_entry{ } .dlt_lay_link .dlt_entry:nth-child(odd){ } .dlt_lay_link .dlt_entry:last-child{ margin-bottom: 20px; } .dlt_lay_link .dlt_entry_header h4{ font-size: 110%; display: block; border-left: 3px solid @color_effect; padding: 0 0 1px 7px; margin-bottom: 5px; } .dlt_lay_link .dlt_entry dl{ margin: 0; display: table; width: 100%; table-layout: fixed; } .dlt_lay_link .dlt_entry dt{ display: table-cell; margin: 0; vertical-align: middle; padding: 8px; width: 150px;/*任意*/ padding: 10px 10px 10px 0; } .dlt_lay_link .dlt_entry dt img{ display: block; width: auto; height: auto; max-width: 100%; margin: 0 auto; vertical-align: middle; } .dlt_lay_link .dlt_entry dd{ text-align: left; margin: 0; display: table-cell; vertical-align: middle; padding: 10px 0; } /*--------------------------------------*/ /*投稿関連付け(ヘアカタ-スタッフ) /*--------------------------------------*/ .dlt_haircata_to_staff dd{ display: block !important; border-bottom: 1px dotted @color_border; } .dlt_haircata_to_staff dd:last-child{ border-bottom: none; } .dlt_haircata_to_staff dd a{ display: block; } .dlt_haircata_to_staff dd a:hover img{ font-size: 90%; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } .dlt_haircata_to_staff dd>div{ display: table; } .dlt_haircata_to_staff dd div div{ display: table-cell; vertical-align: middle; width: 80px; } .dlt_haircata_to_staff dd h5{ display: table-cell; vertical-align: middle; padding-left: 10px; font-size: 100%; font-weight: normal; } .dlt_haircata_to_staff dd div div img{ display: block; width: 80px; height: auto; } /*--------------------------------------*/ /*タクソノミーナビ /*--------------------------------------*/ #dlt_snav{ display: table; margin-bottom: 20px; width: 100%; } #dlt_snav ul{ display: table-row; width: 100%; } #dlt_snav li{ display: table-cell; vertical-align: middle; text-align: center; padding-bottom: 8px; width: auto; } #dlt_snav li a{ display: block; border-right: 1px solid @color_border; } #dlt_snav li:nth-child(5n+1) a{ border-left: 1px solid @color_border; } /*--------------------------------------*/ /* /*--------------------------------------*/ .dlt_inner{ width: 100%; display: table; margin-bottom: 30px; text-align: left; } .dlt_td1{ display: table-cell; padding-right: 20px; vertical-align: top; } .dlt_td2{ display: table-cell; vertical-align: top; } /*--------------------------------------*/ .dlt_fig{ border-top: 1px solid @color_border; } .dlt_fig dl{ display: block; border-bottom: 1px solid @color_border; margin: 0; text-align: left; } .dlt_fig dt{ display: block; border-bottom: 1px dotted @color_border; background: @color_bg; padding: 7px 7px 7px 22px; margin: 0; position:relative; } .dlt_fig dt:after{ position: absolute; top: 50%; left: 7px; display: block; content: ''; width: 5px; height: 5px; margin-top: -5px; border-top: 1px solid @color_effect; border-right: 1px solid @color_effect; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .dlt_fig dd{ display: block; padding: 7px; margin: 0; } /*--------------------------------------*/ .dlt_tag{ display: table; overflow: hidden; width: 100%; font-size: 100%; } .dlt_tag li{ display: table-cell; vertical-align: middle; text-align: center; background: #dfdfdf; border-right: 1px solid #fff; color: #fff; line-height: 120%; padding: 2px 0 2px; line-height: 150%; letter-spacing: 1px; font-size: 90%; } .dlt_tag li.dlt_ac{ background: @color_effect2; } .dlt_tag4{ margin-bottom: 1px; } .dlt_tag4 li{ width: 25%; } .dlt_tag3 li{ width: 33.3%; } .dlt_tag li:first-child{ width: auto; } .dlt_tag li:empty{ background: none; } .dlt_tag4 img{ margin: 0 auto 3px; width: 30px; display: block; } /*--------------------------------------*/ .dlt_shade{ position: fixed; top: 0; left: 0; display: table; height: 100%; width: 100%; z-index: 1000; background: rgba(0,0,0,0.6); } .dlt_shade .dlt_popimg{ display: table-cell; vertical-align: middle; text-align: center; } .dlt_shade .dlt_popimg img{ box-shadow: 0 0 10px rgba(0,0,0,0.6); z-index: 1000; position: absolute; } .dlt_shade span{ position: absolute; z-index: 1000; } .dlt_shade span.dlt_close{ display: table; height: 34px; width: 34px; top: 50%; left: 50%; border-radius: 20px; overflow: hidden; box-shadow: 0 0 2px rgba(0,0,0,0.6); } .dlt_shade span.dlt_close a{ line-height: 0; display: table-cell; vertical-align: middle; background: @color_effect; color: #fff; text-decoration: none !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); font-size: 20px; text-align: center; } .dlt_shade span.dlt_close a:hover{ text-shadow: -1px 1px 0 rgba(0,0,0,0.3); filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; } .dlt_shade span.dlt_bprev, .dlt_shade span.dlt_bnext{ display: block; height: 90px; width: 90px; top: 50%; margin: -25px 0 0 0 !important; text-indent: -10000px; outline:none; line-height:1px; font-size:1px; background: rgba(0,0,0,0.3); } .dlt_shade span.dlt_bprev{ left: 0 !important; } .dlt_shade span.dlt_bnext{ left: auto !important; right: 0 !important; } .dlt_shade span.dlt_bprev a, .dlt_shade span.dlt_bnext a{ display: block; height: 100%; width: 100%; position: relative; } .dlt_shade span.dlt_bprev a:after, .dlt_shade span.dlt_bnext a:after{ position: absolute; top: 50%; left: 0; display: block; content: ''; width: 40px; height: 40px; margin-top: -22px; border-top: 5px solid @color_effect; border-right: 5px solid @color_effect; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .dlt_shade span.dlt_bprev a:after{ -webkit-transform: rotate(225deg); transform: rotate(225deg); margin-left: 30px; } .dlt_shade span.dlt_bnext a:after{ margin-left: 10px; } .dlt_shade span.dlt_bprev a:hover:after, .dlt_shade span.dlt_bnext a:hover:after{ filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; } #dlt_imgloader{ top: 50%; left: 50%; margin: -10px 0 0 -10px; position: absolute !important; width: 20px; height: 20px; border-radius: 50%; border: 5px solid #fff; border-right-color: transparent !important; animation: spin 1s linear infinite; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; } @-webkit-keyframes spin{ 0% { transform: rotate(0deg); opacity: 0.2; } /*0%の時は20%の透明度*/ 50% { transform: rotate(180deg); opacity: 0.5; } /*50%の時は50%の透明度*/ 100% { transform: rotate(360deg); opacity: 0.2; } /*100%の時に20%の透明度に戻る*/ } @-moz-keyframes spin{ 0% { transform: rotate(0deg); opacity: 0.2; } /*0%の時は20%の透明度*/ 50% { transform: rotate(180deg); opacity: 0.5; } /*50%の時は50%の透明度*/ 100% { transform: rotate(360deg); opacity: 0.2; } /*100%の時に20%の透明度に戻る*/ } .dlt_poptxt{ position: absolute; top: 50%; left: 50%; min-width: 300px; color: rgba(255,255,255,0.8); z-index: 1000; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } .dlt_poptxt p{ letter-spacing: 0.5px; font-size: 11.5px; margin: 0 !important; padding: 0 0 10px !important; line-height: 150% !important; } .dlt_poptxt p.dlt_poptitle{ font-weight: bold; padding: 10px 0 5px !important; } /*--------------------------------------*/ .dlt_btn{ display: inline-block; border: 1px solid darken(@color_effect2, 50%); background: @color_effect2; color: #fff; border-radius: 3px; text-shadow: -1px -1px 0px rgba(0,0,0,0.3); } .dlt_btn a, .dlt_btn span{ font-size: 85%; line-height: 110%; letter-spacing: 2px; display: block; width: auto; cursor: pointer; padding: 4px 10px; border-radius: 3px; border-top: 1px solid rgba(255,255,255,0.5); } .dlt_btn a:hover, a:hover .dlt_btn span{ background: lighten(@color_effect2, 10%); } .dlt_btn a:active, a:active .dlt_btn span{ background: darken(@color_effect2, 10%); } /*--------------------------------------*/ /*問い合わせフォーム /*--------------------------------------*/ #sk_form_front { text-align: left; } #sk_form_alert_content { border: none !important; padding: 0 !important; margin-bottom: 15px; } #sk_form_admin_tel { display: inline; padding-right: 15px; } #sk_form_admin_tel_time { display: inline; } .sk_form_table { display: table; margin: 20px 0; width: 100%; text-align: left; border-collapse: separate; border-spacing: 0 1px; background: @color_border; border: none !important; } .sk_form_table dl { display: table-row; } .sk_form_table dt { display: table-cell; vertical-align: middle; width: 200px !important; background: @color_bg; border-top: 2px solid #fff !important; border-bottom: 2px solid #fff !important; padding: 5px 7px; } .sk_form_table dd { display: table-cell; vertical-align: middle; border: none !important; width: auto !important; background: #fff; border-top: 2px solid #fff !important; border-bottom: 2px solid #fff !important; padding: 5px 7px; } .sk_form_table dt span { color: #dd0000; } #sk_form_submit { text-align: center; margin-bottom:20px; } #sk_form_submit input { margin: 0 auto; } .sk_form_table input { padding: 5px; } #sk_form_privacy_content{ max-height: 200px !important; overflow: auto; border: 1px solid @color_border; padding: 10px !important; margin-bottom: 15px; } input[type=submit] { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border: #a9a9a9 1px solid; -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2), 0 0 2px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0,0,0,0.3); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0,0,0,0.3); width: 33%; padding: 0 3px; margin: 0 5px; cursor: pointer; color: #333; font-weight: normal; background: @color_gray; text-shadow: 1px 1px 0px #fff; text-align: center; font-size: 100% !important; } #sk_form_admin_tel{ display: inline; padding-right: 15px; } #sk_form_admin_tel_time{ display: inline; } #sk_form_submit input{ width: 150px; padding: 7px; cursor: pointer; color: #fff; text-shadow: -1px -1px 0px rgba(0,0,0,0.3); text-align: center; display: block; margin: 0 auto; font-size: 130%; border: 1px solid darken(@color_effect2, 50%); background: @color_effect2; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset; border-radius: 3px; outline: none; } #sk_form_submit input:hover, #sk_form_submit input:focus{ background: lighten(@color_effect2, 10%); } #sk_form_submit input:active{ background: darken(@color_effect2, 10%); } #sk_form_submit input::-moz-focus-inner{ border: 0; } .sk_form_table input{ padding: 5px; } #sk_form_alert_title{ margin-bottom: 10px; padding-bottom: 5px; } .sk_form_table dd p.form_option_area{ color: #d00; margin-bottom: 0 !important; } .sk_form_table dd p.form_option_area:empty{ display: none !important; } .error_message{ color: #d00; } form input, form textarea{ display:; background: #fff; border: 1px solid #a2c2f7; padding: 5px; font-size: 13px; color: #333; font-family: "メイリオ", "Meiryo", "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS P Gothic", Verdana,Arial, Helvetica, sans-serif; } form textarea{ width: 90%; } form select{ background: #fff; padding: 0 5px; border: 1px solid #a2c2f7; font-family: "メイリオ", "Meiryo", "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS P Gothic", Verdana,Arial, Helvetica, sans-serif; } form select option{ padding: 1px 5px; border: none; } form input[type=radio], form input[type=checkbox]{ display: inline-block; } form input[type=radio] + label, form input[type=checkbox] + label{ position: relative; display: inline-block; font-size: 14px; line-height: 30px; cursor: pointer; } form input[type=file]{ border: none; } form input[name^="tel_"]{ width: 20% !important; } @media (min-width: 1px){ form input[type=radio], form input[type=checkbox]{ display: none; margin: 0; } form input[type=radio] + label, form input[type=checkbox] + label{ padding: 0 0 0 24px; } form input[type=radio] + label::before, form input[type=checkbox] + label::before{ content: ""; position: absolute; top: 50%; left: 0; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 18px; height: 18px; margin-top: -9px; background: #FFF; } form input[type=radio] + label::before{ border: 2px solid @color_border; border-radius: 30px; } form input[type=checkbox] + label::before{ border: 2px solid @color_border; } form input[type=radio]:checked + label::after, form input[type=checkbox]:checked + label::after{ content: ""; position: absolute; top: 50%; -moz-box-sizing: border-box; box-sizing: border-box; display: block; } form input[type=radio]:checked + label:after{ left: 5px; width: 8px; height: 8px; margin-top: -4px; background: @color_effect; border-radius: 8px; } form input[type=checkbox]:checked + label:after{ left: 3px; display: block; content: ''; width: 12px; height: 8px; margin-top: -5px; border-top: 3px solid @color_effect; border-right: 3px solid @color_effect; -webkit-transform: rotate(120deg); transform: rotate(120deg); } } .zip{ display: block; margin-bottom: 5px; } .gallery { padding-top: 0 !important; } dl.gallery-item{ margin: 0 !important; padding: 0 !important; } .gallery-columns-1 dl.gallery-item{ width: 100% !important; } .gallery-columns-2 dl.gallery-item{ width: 50% !important; } .gallery-columns-3 dl.gallery-item{ width: 33.3% !important; } .gallery-columns-4 dl.gallery-item{ width: 25% !important; } .gallery-columns-5 dl.gallery-item{ width: 20% !important; } .gallery-columns-6 dl.gallery-item{ width: 16.6% !important; } .gallery-columns-7 dl.gallery-item{ width: 14.2% !important; } .gallery-columns-8 dl.gallery-item{ width: 12.5% !important; } .gallery-columns-9 dl.gallery-item{ width: 11.1% !important; } dl.gallery-item dt{ display: block !important; width: auto !important; margin-bottom: 10px; padding: 0 3% !important; } dl.gallery-item dt a{ display: block !important; padding: 0 !important; overflow: hidden !important; margin-left: auto !important; margin-right: auto !important; width: auto !important; border: none !important; background: none !important; } dl.gallery-item dt a:hover{ } dl.gallery-item dt a img{ border: none !important; width: auto !important; max-width: 100% !important; height: auto !important; padding: 0; margin: 0 auto; } /* ここ以下、サイトによって調整必須 */ /* wrap and sidebar */ #dlt_content { display: inline-block; width: 100%; } .dlt_wrap { margin: 0 auto; width: 1100px; } #dlt_main { display: inline-block; padding: 20px 0px; width: 70%; float: left; } #dlt_sidebar { display: inline-block; padding: 20px 0px; width: 25%; float: right; } /* header Sample */ header { background-color: @color_effect2; margin-bottom: 20px; padding: 20px 0px; color: #FFF; } /* footer Sample */ footer { background-color: @color_effect2; margin-top: 20px; padding: 20px 0px; color: #FFF; } /* global Sample */ #global { width: 100%; display: table; border-collapse: collapse; margin: 10px 0px; } #global li { display: table-cell; padding: 2px 8px; text-align: center; border: 1px solid #CCC; } #global li a { width: 100%; display: inline-block; } .sk_form_table, .sk_form_table dt{ background: none !important; } .sk_form_table dt{ width: 200px !important; padding-right: 50px; padding-bottom: 0 !important; text-align: right; font-size: 134%; } .sk_form_table dd{ padding-top: 0 !important; } .box-right01 img.after{ max-width: 400px; width: auto !important; height: auto !important; } .box-left01 img.before{ max-width: 220px; width: auto !important; height: auto !important; } #dlt_pan a:first-child{ display: none !important; } .question_area.mt-10{ font-size: 134% !important; } #dlt_pager a, .dlt_lay_post .dlt_entry a:first-child, .dlt_lay_post2 .dlt_entry a, #dlt_archives ul li a, #dlt_categories ul li a{ text-decoration: none; color: #444; } #dlt_pager a:hover, .dlt_lay_post2 .dlt_entry a:hover, .dlt_lay_post .dlt_entry a:first-child:hover{ color: #3174AD; } .page-electricity .section{ float: none !important; }