@charset "utf-8";
/*
* cmn_style.css
*
*/
/* フォント
---------------------------------------- */
.fs12 { font-size:12px!important;}
.fs16 { font-size:16px!important;}
.fs18 { font-size:18px!important;}
.fs20 { font-size:20px!important;}
/* 行高さ
---------------------------------------- */
.lh150 { line-height:150% !important;}
.lh180 {line-height:180% !important;}
.lh200 { line-height:200% !important;}
/* フォントカラー
---------------------------------------- */
.colorcaution { color:#d73c45;}
.colordisable { color:#999;}
.orange { color:#e99000; }
.colorPrice { color:#ff0000; }
/* 背景色
---------------------------------------- */
.colorbackgray {background-color:#EEEEEE;}
/* 強調
---------------------------------------- */
.weightbold { font-family:"FP-ヒラギノ角ゴ ProN W6";}
.weightnormal { font-family:"FP-ヒラギノ角ゴ ProN W3";}
/* 表示
---------------------------------------- */
.displaynone {
display:none;
}
.hidden {
visibility:hidden;
}
/* 幅
---------------------------------------- */
.widthxxs { width:30px!important;}
.widthxs { width:60px!important;}
.widths { width:80px!important;}
.widthsm { width:100px!important;}
.widthm { width:120px!important;}
.widthml { width:180px!important;}
.widthl { width:240px!important;}
.widthlm { width:320px!important;}
.widthxl { width:480px!important;}
.widthmin { width:1px!important;}
.widthmax { width:100%!important;}
/* IME制御
---------------------------------------- */
.imeon { ime-mode:active;}
.imeoff { ime-mode:disabled;}
/* 下部マージン
---------------------------------------- */
.margin05 { margin-bottom:0.5em!important;}
.margin1 { margin-bottom:1em!important;}
.margin15 { margin-bottom:1.5em!important;}
.margin2 { margin-bottom:2em!important;}
.margin25 { margin-bottom:2.5em!important;}
.margin3 { margin-bottom:3em!important;}
.margin4 { margin-bottom:4em!important;}
/* 回り込み
---------------------------------------- */
.fleft { float:left;}
.fright { float:right;}
/* 行揃え
---------------------------------------- */
.acenter { text-align:center!important;}
.aright { text-align:right!important;}
.aleft { text-align:left!important;}
.vabottom { vertical-align:bottom!important;}
.vamiddle { vertical-align:middle!important;}
/* 折り返し
---------------------------------------- */
.nowrap { white-space:nowrap; }
/* オーバーフロー制御
---------------------------------------- */
.ohidden {overflow:hidden; }
/* 罫線
---------------------------------------- */
.noborder {
border:none!important;
}
/* フォーム関係
---------------------------------------- */
label {
margin-right:1em;
cursor:pointer;
line-height:2em;
}
input {
padding:1px;
}
input, textarea {
border:#cccccc 1px solid;
}
input, textarea, select {
vertical-align:middle;
}
input.checkbox,
input.radio {
border:none;
margin-top:-3px;
}
input.submit {
width:120px;
height:3em;
}
input.hover {
border:#666 1px solid;
cursor:pointer;
}
input#btnDelete {
background-color:#FFE8E8;
color:#ff0000;
}
.numonly,
.naturalnum,
.chkemail,
.chkhankaku,
.zip,
.date,
.chktime,
.chktel,
.chkfax,
.chkurl {
ime-mode:disabled;
}
input.required,
textarea.required,
select.required {
/*
border:#2E0000 1px solid;
*/
}
.inputnote {
color:#cc0000;
display:none;
padding-top:2px;
}
.activefield {
border:#ffffff 1px solid;
}
/*------------------------------------
jQueryUI 再定義
--------------------------------------*/
.ui-widget {
font-family:inherit;
font-size:inherit;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family:inherit;
font-size:inherit;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width:40%!important;
margin:0 2%!important;
}
.ui-dialog {
z-index:1000!important;
}
/*------------------------------------
clearfix
--------------------------------------*/
.clearfix {
zoom:1;
overflow:hidden;
}
.clearfix:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0;
line-height: 0;
}
/* その他
---------------------------------------- */
.errorText {
color:#C00!important;
font-weight:bold!important;
}
.clear {
clear:both;
zoom:1;
}
br.clear {
line-height:0;
height:0;
}
button {
cursor:pointer;
}
.indent li {
line-height:1.5em;
padding-left:1em;
}
.indent li span {
margin-left:-1em;
}
/*
a img {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
*/
/*
a:hover img {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
*/
@media screen and (min-width: 813px) {
/* 上部マージン
---------------------------------------- */
.mt05 { margin-top:5px!important;}
.mt10 { margin-top:10px!important;}
.mt15 { margin-top:15px!important;}
.mt20 { margin-top:20px!important;}
.mt25 { margin-top:25px!important;}
.mt30 { margin-top:30px!important;}
.mt40 { margin-top:40px!important;}
.mt50 { margin-top:50px!important;}
.mt60 { margin-top:60px!important;}
.mt70 { margin-top:70px!important;}
.mt75 { margin-top:75px!important;}
.mt80 { margin-top:80px!important;}
.mt90 { margin-top:90px!important;}
.mt95 { margin-top:95px!important;}
.mt100 { margin-top:100px!important;}
.mt120 { margin-top:120px!important;}
/* 下部マージン
---------------------------------------- */
.mb00 { margin-bottom:0px!important;}
.mb05 { margin-bottom:5px!important;}
.mb10 { margin-bottom:10px!important;}
.mb15 { margin-bottom:15px!important;}
.mb20 { margin-bottom:20px!important;}
.mb25 { margin-bottom:25px!important;}
.mb30 { margin-bottom:30px!important;}
.mb40 { margin-bottom:40px!important;}
.mb50 { margin-bottom:50px!important;}
.mb60 { margin-bottom:60px!important;}
.mb70 { margin-bottom:70px!important;}
.mb80 { margin-bottom:80px!important;}
.mb90 { margin-bottom:90px!important;}
.mb95 { margin-bottom:95px!important;}
.mb100 { margin-bottom:100px!important;}
/* 上部
---------------------------------------- */
.pt05 { padding-top:5px!important;}
.pt10 { padding-top:10px!important;}
.pt15 { padding-top:15px!important;}
.pt20 { padding-top:20px!important;}
.pt30 { padding-top:30px!important;}
.pt40 { padding-top:40px!important;}
.pt45 { padding-top:45px!important;}
.pt50 { padding-top:50px!important;}
.pt60 { padding-top:60px!important;}
.pt70 { padding-top:70px!important;}
.pt80 { padding-top:80px!important;}
/* 下部
---------------------------------------- */
.pb05 { padding-bottom:5px!important;}
.pb10 { padding-bottom:10px!important;}
.pb20 { padding-bottom:20px!important;}
.pb30 { padding-bottom:30px!important;}
.pb40 { padding-bottom:40px!important;}
.pb50 { padding-bottom:50px!important;}
.pb60 { padding-bottom:60px!important;}
.pb70 { padding-bottom:70px!important;}
.pb80 { padding-bottom:80px!important;}
}
@media screen and (max-width: 812px) {
/* 上部マージン
---------------------------------------- */
.mt05_sp { margin-top:5px!important;}
.mt10_sp { margin-top:10px!important;}
.mt15_sp { margin-top:15px!important;}
.mt20_sp { margin-top:20px!important;}
.mt25_sp { margin-top:25px!important;}
.mt30_sp { margin-top:30px!important;}
.mt40_sp { margin-top:40px!important;}
.mt50_sp { margin-top:50px!important;}
.mt60_sp { margin-top:60px!important;}
.mt70_sp { margin-top:70px!important;}
.mt75_sp { margin-top:75px!important;}
.mt80_sp { margin-top:80px!important;}
.mt90_sp { margin-top:90px!important;}
.mt95_sp { margin-top:95px!important;}
.mt100_sp { margin-top:100px!important;}
/* 下部マージン
---------------------------------------- */
.mb00_sp { margin-bottom:0px!important;}
.mb05_sp { margin-bottom:5px!important;}
.mb10_sp { margin-bottom:10px!important;}
.mb15_sp { margin-bottom:15px!important;}
.mb20_sp { margin-bottom:20px!important;}
.mb25_sp { margin-bottom:25px!important;}
.mb30_sp { margin-bottom:30px!important;}
.mb40_sp { margin-bottom:40px!important;}
.mb50_sp { margin-bottom:50px!important;}
.mb60_sp { margin-bottom:60px!important;}
.mb70_sp { margin-bottom:70px!important;}
.mb80_sp { margin-bottom:80px!important;}
.mb90_sp { margin-bottom:90px!important;}
.mb95_sp { margin-bottom:95px!important;}
.mb100_sp { margin-bottom:100px!important;}
/* 上部
---------------------------------------- */
.pt05_sp { padding-top:5px!important;}
.pt10_sp { padding-top:10px!important;}
.pt15_sp { padding-top:15px!important;}
.pt20_sp { padding-top:20px!important;}
.pt30_sp { padding-top:30px!important;}
.pt40_sp { padding-top:40px!important;}
.pt50_sp { padding-top:50px!important;}
.pt60_sp { padding-top:60px!important;}
.pt70_sp { padding-top:70px!important;}
.pt80_sp { padding-top:80px!important;}
/* 下部
---------------------------------------- */
.pb05_sp { padding-bottom:5px!important;}
.pb10_sp { padding-bottom:10px!important;}
.pb20_sp { padding-bottom:20px!important;}
.pb30_sp { padding-bottom:30px!important;}
.pb40_sp { padding-bottom:40px!important;}
.pb50_sp { padding-bottom:50px!important;}
.pb60_sp { padding-bottom:60px!important;}
.pb70_sp { padding-bottom:70px!important;}
.pb80_sp { padding-bottom:80px!important;}
}