@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; }
}

/* 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; }
.mT21 { margin-top: 21px !important; }
.mT23 { margin-top: 23px !important; }
.mT25 { margin-top: 25px !important; }
.mT30 { margin-top: 30px !important; }
.mT31 { margin-top: 31px !important; }
.mT40 { margin-top: 40px !important; }
.mT50 { margin-top: 50px !important; }
.mT60 { margin-top: 60px !important; }
.mT70 { margin-top: 70px !important; }
.mT100 { margin-top: 100px !important; }
.mT150 { margin-top: 150px !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; }

.pV10H0 { padding: 10px 0px !important; }//上下10 左右0
.pV15H0 { padding: 15px 0px !important; }//上下10 左右0
.pV20H0 { padding: 20px 0px !important; }//上下10 左右0

.pTRB0L5 { padding: 0 0 0 5px !important; }//TRB0 L5
.pTRB0L10 { padding: 0 0 0 10px !important; }


/* WIDTH
------------------------------------------------- */
.w30px { width: 30px !important; }
.w40px { width: 40px !important; }
.w50px { width: 50px !important; }
.w60px { width: 60px !important; }
.w70px { width: 70px !important; }
.w80px { width: 80px !important; }
.w90px { width: 90px !important; }
.w100px { width: 100px !important; }
.w110px { width: 110px !important; }
.w120px { width: 120px !important; }
.w125px { width: 125px !important; }
.w130px { width: 130px !important; }
.w140px { width: 140px !important; }
.w150px { width: 150px !important; }
.w160px { width: 160px !important; }
.w170px { width: 170px !important; }
.w180px { width: 180px !important; }
.w190px { width: 190px !important; }
.w200px { width: 200px !important; }
.w210px { width: 210px !important; }
.w213px { width: 213px !important; }
.w220px { width: 220px !important; }
.w230px { width: 230px !important; }
.w240px { width: 240px !important; }
.w250px { width: 250px !important; }
.w260px { width: 260px !important; }
.w270px { width: 270px !important; }
.w280px { width: 280px !important; }
.w290px { width: 290px !important; }
.w300px { width: 300px !important; }
.w350px { width: 350px !important; }
.w400px { width: 400px !important; }
.w450px { width: 450px !important; }
.w500px { width: 500px !important; }
.w550px { width: 550px !important; }
.w600px { width: 600px !important; }

.w10pc { width: 10% !important; }
.w20pc { width: 20% !important; }
.w30pc { width: 30% !important; }
.w40pc { width: 40% !important; }
.w50pc { width: 50% !important; }
.w60pc { width: 60% !important; }
.w70pc { width: 70% !important; }
.w80pc { width: 80% !important; }
.w90pc { width: 90% !important; }
.w100pc { width: 100% !important; }

/* HEIGHT
------------------------------------------------- */
.h10px { height: 10px !important; }
.h20px { height: 20px !important; }
.h30px { height: 30px !important; }
.h35px { height: 35px !important; }
.h40px { height: 40px !important; }
.h50px { height: 50px !important; }
.h60px { height: 60px !important; }
.h100px { height: 100px !important; }
.h150px { height: 150px !important; }
.h180px { height: 180px !important; }
.h200px { height: 200px !important; }

/* BORDER
------------------------------------------------- */

/* #cfcfcf */
.bA_1soCF { border:1px solid #cfcfcf; }
.bT_1soCF { border-top:1px solid #cfcfcf; }
.bR_1soCF { border-right:1px solid #cfcfcf; }
.bB_1soCF { border-bottom:1px solid #cfcfcf; }
.bL_1soCF { border-left:1px solid #cfcfcf; }

.bA_3soCF { border:3px solid #cfcfcf; }
.bT_3soCF { border-top:3px solid #cfcfcf; }
.bR_3soCF { border-right:3px solid #cfcfcf; }
.bB_3soCF { border-bottom:3px solid #cfcfcf; }
.bL_3soCF { border-left:3px solid #cfcfcf; }

.bA_1doCF { border:1px double #cfcfcf; }
.bT_1doCF { border-top:1px double #cfcfcf; }
.bR_1doCF { border-right:1px double #cfcfcf; }
.bB_1doCF { border-bottom:1px double #cfcfcf; }
.bL_1doCF { border-left:1px double #cfcfcf; }

.bA_3doCF { border:3px double #cfcfcf; }
.bT_3doCF { border-top:3px double #cfcfcf; }
.bR_3doCF { border-right:3px double #cfcfcf; }
.bB_3doCF { border-bottom:3px double #cfcfcf; }
.bL_3doCF { border-left:3px double #cfcfcf; }

.bA_1daCF { border:1px dashed #cfcfcf; }
.bT_1daCF { border-top:1px dashed #cfcfcf; }
.bR_1daCF { border-right:1px dashed #cfcfcf; }
.bB_1daCF { border-bottom:1px dashed #cfcfcf; }
.bL_1daCF { border-left:1px dashed #cfcfcf; }

.bA_3daCF { border:3px dashed #cfcfcf; }
.bT_3daCF { border-top:3px dashed #cfcfcf; }
.bR_3daCF { border-right:3px dashed #cfcfcf; }
.bB_3daCF { border-bottom:3px dashed #cfcfcf; }
.bL_3daCF { border-left:3px dashed #cfcfcf; }

/* #363636 */
.bA_1so36 { border:1px solid #363636; }
.bT_1so36 { border-top:1px solid #363636; }
.bR_1so36 { border-right:1px solid #363636; }
.bB_1so36 { border-bottom:1px solid #363636; }
.bL_1so36 { border-left:1px solid #363636; }

.bA_3so36 { border:3px solid #363636; }
.bT_3so36 { border-top:3px solid #363636; }
.bR_3so36 { border-right:3px solid #363636; }
.bB_3so36 { border-bottom:3px solid #363636; }
.bL_3so36 { border-left:3px solid #363636; }

.bA_1do36 { border:1px double #363636; }
.bT_1do36 { border-top:1px double #363636; }
.bR_1do36 { border-right:1px double #363636; }
.bB_1do36 { border-bottom:1px double #363636; }
.bL_1do36 { border-left:1px double #363636; }

.bA_3do36 { border:3px double #363636; }
.bT_3do36 { border-top:3px double #363636; }
.bR_3do36 { border-right:3px double #363636; }
.bB_3do36 { border-bottom:3px double #363636; }
.bL_3do36 { border-left:3px double #363636; }

.bA_1da36 { border:1px dashed #363636; }
.bT_1da36 { border-top:1px dashed #363636; }
.bR_1da36 { border-right:1px dashed #363636; }
.bB_1da36 { border-bottom:1px dashed #363636; }
.bL_1da36 { border-left:1px dashed #363636; }

.bA_3da36 { border:3px dashed #363636; }
.bT_3da36 { border-top:3px dashed #363636; }
.bR_3da36 { border-right:3px dashed #363636; }
.bB_3da36 { border-bottom:3px dashed #363636; }
.bL_3da36 { border-left:3px dashed #363636; }

/* 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; }
.z3 { x-index:3; }
.z4 { x-index:4; }
.z5 { x-index:5; }
.z6 { x-index:6; }
.z7 { x-index:7; }
.z8 { x-index:8; }
.z9 { x-index:9; }
.z10 { x-index:10; }
.z20 { x-index:20; }
.z30 { x-index:30; }
.z40 { x-index:40; }
.z50 { x-index:50; }
.z100 { x-index:100; }

/* 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; }

/* OPACITY 透過
------------------------------------------------- */
.opa10{
filter:alpha(opacity=10); /* IE 6,7 */
-ms-filter: "alpha(opacity=10)"; /* IE 8,9 */
-moz-opacity: 0.1; /* Firefox */
-khtml-opacity: 0.1; /* Safari 1.x */
opacity: 0.1; /* Safari, Opera */
zoom:1; /* IE */
}
.opa20{
filter:alpha(opacity=20);
-ms-filter: "alpha(opacity=20)";
-moz-opacity: 0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
zoom:1;
}
.opa30{
filter:alpha(opacity=30);
-ms-filter: "alpha(opacity=30)";
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
zoom:1;
}
.opa50{
filter:alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
zoom:1;
}
.opa70{
filter:alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
zoom:1;
}
.opa90{
filter:alpha(opacity=90);
-ms-filter: "alpha(opacity=90)";
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
zoom:1;
}

/* FONT SIZE
------------------------------------------------- */
.fs11 {font-size:1.1em;}
.fs12 {font-size:1.2em;}
.fs13 {font-size:1.3em;}
.fs14 {font-size:1.4em;}
.fs15 {font-size:1.5em;}
.fs16 {font-size:1.6em;}
.fs17 {font-size:1.7em;}
.fs18 {font-size:1.8em;}
.fs19 {font-size:1.9em;}
.fs20 {font-size:2.0em;}
.fs22 {font-size:2.2em;}
.fs24 {font-size:2.4em;}
.fs26 {font-size:2.6em;}

.fvw3 {font-size:3vw;}
.fvw4 {font-size:4vw;}
.fvw5 {font-size:5vw;}
.fvw6 {font-size:6vw;}
.fvw7 {font-size:7vw;}
.fvw8 {font-size:8vw;}
.fvw9 {font-size:9vw;}

/* FONT COLOR 
命名規則 CMYK + G = 緑, P = パープル, B = ブラウン, W = ホワイト
薄い1→濃い5
------------------------------------------------- */

.fcC1 {color:#f0f8ff;}
.fcC2 {color:#afeeee;}
.fcC3 {color:#add8e6;}
.fcC4 {color:#87ceeb;}
.fcC5 {color:#0000ff;}

.fcM1 {color:#ffe4e1;}
.fcM2 {color:#ffb6c1;}
.fcM3 {color:#ff6347;}
.fcM4 {color:#ff0000;}
.fcM5 {color:#dc143c;}

.fcY1 {color:#ffffe0;}
.fcY2 {color:#fffacd;}
.fcY3 {color:#ffff00;}
.fcY4 {color:#ffd700;}
.fcY5 {color:#ffa500;}

.fcK1 {color:#dcdcdc;}
.fcK2 {color:#c0c0c0;}
.fcK3 {color:#a9a9a9;}
.fcK4 {color:#808080;}
.fcK5 {color:#363636;}

.fcG1 {color:#adff2f;}
.fcG2 {color:#00ff00;}
.fcG3 {color:#9acd32;}
.fcG4 {color:#006400;}
.fcG5 {color:#556b2f;}

.fcP1 {color:#dda0dd;}
.fcP2 {color:#da70d6;}
.fcP3 {color:#9400d3;}
.fcP4 {color:#8b008b;}
.fcP5 {color:#800080;}

.fcB1 {color:#a0522d;}
.fcB2 {color:#8b4513;}
.fcB3 {color:#b22222;}
.fcB4 {color:#a52a2a;}
.fcB5 {color:#8b0000;}

.fcW1 {color:#fff;}

/* BACKGROUND COLOR 
命名規則 CMYK + G = 緑, P = パープル, B = ブラウン
薄い1→濃い2
------------------------------------------------- */
.bcC1{background-color:#f0ffff;}
.bcC2{background-color:#191970;}

.bcM1{background-color:#fff0f5;}
.bcM2{background-color:#dc143c;}

.bcY1{background-color:#fffff0;}
.bcY2{background-color:#ffd700;}

.bcK1{background-color:#f5f5f5;}
.bcK2{background-color:#363636;}

.bcG1{background-color:#f0fff0;}
.bcG2{background-color:#556b2f;}

.bcP1{background-color:#ee82ee;}
.bcP2{background-color:#800080;}

.bcB1{background-color:#f5deb3;}
.bcB2{background-color:#800000;}

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