*{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -webkit-box-sizing: border-box!important;
       -moz-box-sizing: border-box!important;
            box-sizing: border-box!important;
}
html{
    width: 100%;
    margin:0;
    background-color:#f9f9f9!important;
}
body {
    /*font-family: 'Helvetica Neue', 'Roboto', 'Helvetica', 'Arial', 'Verdana', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-family: Verdana, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;*/
    font-family: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
    font-weight: normal;
    -webkit-text-size-adjust: 100%;
    margin:0;
    padding:0;
}
* a{
    text-decoration: none !important;
}

/* 色の設定 */
.bgwhite{ background-color:#fff !important;}
.bgred{ background-color:#ff0000 !important;}
.bgyellow{ background-color:#ffff00 !important;}
.bgdarksalmon{ background-color:#e9967a !important;}
.bglightyellow{ background-color:#ffffe0 !important;}

.page{
   background-color:#f9f9f9!important;
   padding:0!important;
}
.ui-header .ui-title{
    margin-left: 10% !important;
    margin-right: 10% !important;
}
#title{
    margin:40px 0 5px 0;
    width: 100%;    
}
.boxhalf:before{
    content: "";
    display: block;
    padding-top: 50%!important;  /* initial ratio of 1:1*/
}
.content{
    position:  absolute;
    border-radius: 3px;
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
    -moz-box-shadow: 1px 2px 0px rgba(000,000,000,0.2);
    -webkit-box-shadow: 1px 2px 1px rgba(000,000,000,0.2);
}

/* お知らせ */
.ui-icon-announce:after {
    background-image: url(../images/announce.svg);
    background-color: transparent;
    background-size: contain;
    border-radius: 0;             
    -webkit-border-radius: 0;     
    -moz-border-radius: 0;        
}

.touchHover{
    color:#000!important;
    opacity:0.5!important;
}

.touchLink{
    background-color: rgba(0,0,0,0.3)!important;
}

.touchButton{
    opacity:0.6!important;
}

.ui-slider{
  position:absolute!important;
  right:.5em!important;
  top:.4em!important;
  margin:.2em!important;
  padding:0!important;
}

.relative{
  position:relative;
  padding-top:1em!important;
  padding-bottom:1em!important;
  background-color:#f9f9f9!important;
}


.ui-block-a{
  padding-left:.4em!important;
  padding-right:.2em!important;
}
.ui-block-b{
  padding-left:.2em!important;
  padding-right:.4em!important;
}

.policy p{
  padding:0;
  margin:0;
}
.policy > *{
  -webkit-box-sizing: border-box!important;
     -moz-box-sizing: border-box!important;
          box-sizing: border-box!important;
}
.policy-title{
  padding-left:.5em!important;
  padding-top:.5em!important;
  font-size:1.5em;
  margin-bottom:.5em!important;
}

.policy-subject{
  font-weight:bold;
}

.policy-body{
  margin-bottom:.1em!important;
  text-indent: 1rem;
  margin-left: -1rem!important;
}
.policy-subbody{
  text-indent: -0.5rem;
  padding-left: 1.5em!important;
  padding-right: .5em!important;
  margin-bottom:.1em!important;
}


.tellink{
  font-size:1.8em;
}
.box > a{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

h4.midashi {
  border-bottom: double 5px #FFC778;
}


h5.fukudashi {
  position: relative;
  padding: 0.6em;
  border-radius: 7px;
  background-color:#A3E4D7  ;
}

h5.fukudashi:after {
  position: absolute;
  content: '';
  top: 100%;
  left: calc(20% - 7px);
  border: 15px solid transparent;
  border-top: 15px solid #A3E4D7;
  width: 0;
  height: 0;
}