@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  color: #4d4d4d;
}

/* IE10以上 */
@media all and (-ms-high-contrast: none) {
  body {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
/* ============================================ */
/* 全体レイアウト
/* -------------------------------------------- */
/* 全セレクタのデフォルト余白を削除 */
* {
    margin: 0;
    padding: 0;
    /*zoom: 1; /* for IE (hasLayout対策)*/ /* StickyFotterが無効になってしまうため、個別にhasLayout対策を行う */
}

/* 全体レイアウト */
body {
    height: 100%;
    margin: auto;
    background-color: #FFFFFF;
    position: relative;
    height: auto !important;
    min-height: 100%;
}

html {
    height: 100%;
    /* iPhone用ハック */
    -webkit-text-size-adjust: none;
}

#contents{
    padding-bottom: 40px;
}

/* ============================================ */
/* Font関係
/* -------------------------------------------- */
/* デフォルトFontサイズを10pxに統一 */
body { /* for IE6 */
    font-size : 62.5%;
}
html>body { /* for IE6以外 */
    font-size : 10px;
}

/* デフォルトfont-familyの指定 */
body {
    /*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
    /*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;*/

}
/* ============================================ */


/* ============================================ */
/* 共通部品
/* -------------------------------------------- */
/* 非表示 */
div.hide {
    height: 0px;
    visibility: hidden;
}

/* ClearFix */
.clearfix:after {
    content: ".";  /* 新しい要素を作る */
    display: block;  /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    min-height: 1px;
}
* html .clearfix {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}
/**********************************************************/
/* ClearFixとStickyFotterが競合するので、float解除は空divで行う */
/**********************************************************/
div.clear {
    clear:both;
}

/* ============================================ */


/* ============================================ */
/* ボタン関連
/* -------------------------------------------- */
input, button {
    border: 1px solid #ABB5C3;
    padding: 3px;
}
button{
    cursor: pointer;
}
/**forIE6or7**/
button{
    *padding:0;
}

/**ForIe6Only**/
input.radioButton,
input.radioButton:hover
{
    _background-color: transparent;
    _background-image: none;
    _border: 0px;
    _padding: 0px;
}
input.checkBoxButton,
input.checkBoxButton:hover
{
    background-color: transparent;
    background-image: none;
    border: 0px;
    padding: 0px;
}

select.changeStyle {
    background-color: transparent;
    /**
    background-image: url("../images/button/normal.png");
    **/
    background-repeat: repeat-x;
    border: 1px solid #ABB5C3;
    padding: 3px;
}

select.changeStyle:hover {
    background-image: url("");
}

.bgColorPink{
    background-color:#FCECEF;
}

.bgColorGray{
    background-color:#F2F2F2;
}


.noBorder{
    border-width: 0;
}

.cursorPointer{
    cursor: pointer;
}

.underline{
    text-decoration:underline;
}



div.tape{
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 1.5em;
}

div.tapeColor{
    background-color: #e466a5;
    color: #fff;
}

div.tape .tapeInline{
    margin: auto;
}

div.inputForm{
    margin: auto;
}

button.btnSubmit{
    cursor: pointer;
    padding: 10px;
    font-size: 2em;
    color: #fff;
    background-color: #4d4d4d;
    border: solid 1px #666666;
}

div.btnSubmitDisabled{
    padding: 1em;
    font-size: 2em;
    color: #fff;
    background-color: #dbdbdb;
    border: solid 1px #dbdbdb;
}

div.buttonLayout{
    margin: 1em;
    text-align:center;
}

@media screen and (min-width: 800px) {
    .baseWidth{
        max-width: 700px;
        margin: auto;
    }

    .display_sp{
        display:none !important;
    }
}

@media screen and (max-width: 799px) {
    .baseWidth{
        min-width: 320px;
        margin: auto;
    }
    .display_pc{
        display:none !important;
    }
}