@charset "utf-8";

@media print{
.noprint{display:none;}
}

/* 680px以上の横幅までのウィンドサイズ　(PC) */
@media screen and (min-width: 680px){
.pc { display:block; }
.sp { display:none; }
}

/* 最大680pxの横幅のウィンドサイズの場合 (スマホ) */
@media screen and (max-width: 680px){
.pc { display:none; }
.sp { display:block; }

a {font-size:2.8vw !important;}
.page_title_icon {font-size:7.0vw !important;}
}

/* MARGIN
------------------------------------------------- */
.mT0 { margin-top: 0px !important; }
.mT2 { margin-top: 2px !important; }
.mT5 { margin-top: 5px !important; }
.mT7 { margin-top: 7px !important; }
.mT9 { margin-top: 9px !important; }
.mT10 { margin-top: 10px !important; }
.mT15 { margin-top: 15px !important; }
.mT19 { margin-top: 19px !important; }
.mT20 { margin-top: 20px !important; }

.mR0 { margin-right: 0px !important; }
.mR5 { margin-right: 5px !important; }
.mR10 { margin-right: 10px !important; }
.mR20 { margin-right: 20px !important; }
.mR30 { margin-right: 30px !important; }

.mB0 { margin-bottom: 0px !important; }
.mB5 { margin-bottom: 5px !important; }
.mB10 { margin-bottom: 10px !important; }
.mB20 { margin-bottom: 20px !important; }
.mB30 { margin-bottom: 30px !important; }

.mL0 { margin-left: 0px !important; }
.mL5 { margin-left: 5px !important; }
.mL10 { margin-left: 10px !important; }
.mL20 { margin-left: 20px !important; }
.mL30 { margin-left: 30px !important; }

/* PADDING
------------------------------------------------- */
.pA0 { padding: 0px !important; }
.pA2 { padding: 2px !important; }
.pA3 { padding: 3px !important; }
.pA5 { padding: 5px !important; }
.pA10 { padding: 10px !important; }

/* WIDTH
------------------------------------------------- */
.w30px { width: 30px !important; }

.w10pc { width: 10% !important; }
.w20pc { width: 20% !important; }
.w30pc { width: 30% !important; }
.w40pc { width: 40% !important; }
.w100pc { width: 100% !important; }

/* HEIGHT
------------------------------------------------- */
.h10px { height: 10px !important; }
.h20px { height: 20px !important; }
.h30px { height: 30px !important; }

/* DISPLAY
------------------------------------------------- */
.dB { display: block; }
.dN { display: none; }

/* VISIBILITY
------------------------------------------------- */
.vH { visibility: hidden; } /* 非表示 */
.vV { visibility: visible } /* 表示 */
.vC { visibility: collapse; } /* 要素が存在しないものと扱う */

/* POSITION　位置
------------------------------------------------- */
.posiR { position: relative; }
.posiA { position: absolute; }
.posiF { position: fixed; }

/* POSITIONと組み合わせて使う */
.TL10 { top:10px; left:10px; }
.TL20 { top:20px; left:20px; }
.TL30 { top:30px; left:30px; }

.TR10 { top:10px; right:10px; }
.TR20 { top:20px; right:20px; }
.TR30 { top:30px; right:30px; }

.BR10 { bottom:10px; right:10px; }
.BR20 { bottom:20px; right:20px; }
.BR30 { bottom:30px; right:30px; }

.BL10 { bottom:10px; left:10px; }
.BL20 { bottom:20px; left:20px; }
.BL30 { bottom:30px; left:30px; }

/* Z-INDEX　Z位置
------------------------------------------------- */
.z1 { x-index:1; }
.z2 { x-index:2; }

/* FLOAT　位置
------------------------------------------------- */
.leftBox { float: left !important; }
.centerBox { margin-left: auto; margin-right: auto; }
.rightBox { float: right !important; }
.clearFix { clear: both; }

/* TEXT　位置
------------------------------------------------- */
.leftText { text-align: left !important; }
.centerText { text-align: center !important; }
.rightText { text-align: right !important; }

/* IME　入力制御
------------------------------------------------- */
.ime_on { ime-mode: active !important; }
.ime_off { ime-mode: disabled !important; }
.ime_alpha { ime-mode: inactive !important; }

/* FONT SIZE
------------------------------------------------- */
.fs14 {font-size:1.4em;}
.fs16 {font-size:1.6em;}
.fs18 {font-size:1.8em;}

/* ボタンのアウトライン化
------------------------------------------------- */
.btn.outline{background:none;font-color:#363636;}

select.readonly, input.readonly{background-color:#c0c0c0;color:#666;}