@charset "UTF-8";

/* Base Theme ============================================================= */
/* Reset ------------------------------------------------------------------ */

html {-webkit-text-size-adjust: 100%; }
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
h1, h2, h3, h4, h5{ font-size: 100%; font-weight: normal;}
ol, ul{ list-style-type: none; }
img{ vertical-align: top; border: 0;}

body{
background: #fff;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐ明朝",Arial,Helvetica,sans-serif;
color: #333;
}

a{ color: #c270aa; }
a:hover{
filter:alpha(opacity=70);  /* IE7以下用 */
-ms-filter: "alpha(opacity=70)"; /* IE8用 */
-moz-opacity:0.7; /* Firefox 1.5未満, Netscape用 */
-khtml-opacity: 0.7;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
opacity: 0.7; /* Firefox 1.5以上, Opera, Safari用 */
-webkit-transition: all .3s;
transition: all .3s;
}

.red{ color: #ef1212; }
.pink{ color: #a40082; }
.kome{ font-size: .9em; text-indent: -1em; margin-left: 1em; }


/* Utilities ----------------------------------------------------------------- */

.pkg:after{
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
*:first-child+html .pkg{
display: inline-table;
min-height: 1%;
}
.pkg{ display: block; }
/* no ie mac \*/
* html .pkg{ height: 1%; }
.pkg{ display: block; }
/* */


.mt10{ margin-top: 10px !important; }
.mt20{ margin-top: 20px !important; }
.mt30{ margin-top: 30px !important; }
.mt40{ margin-top: 40px !important; }

.mb10{ margin-bottom: 10px !important; }
.mb20{ margin-bottom: 20px !important; }
.mb30{ margin-bottom: 30px !important; }
.mb40{ margin-bottom: 40px !important; }