@charset "UTF-8";
#wapar{
    width : 390px;
    margin: auto; /*0は不要 中央配置*/
    display: flex; /*Flexboxを作る*/
    display: -webkit-flex; /* PC-Safari,iOS8.4*/
    flex-direction: column; /*header・footerを縦並び*/
    min-height: 100vh; /*ビューポートの高さの100%*/
    overflow-x: hidden; /*横スライダーを消す*/
    line-height : 1.7;
}

.txt{
  display: -webkit-flex;
  display: flex;
  width: 390px;
  font-size : 1.2em;
  background-color: #e3feec;
  list-style: none;
  padding: 0;
  height: 30px;
  justify-content: space-around;/*均等割付*/
  line-height: 30px;
  /*縦方向の位置 親要素*/
}
.info{
    color : white;
    width : inherit;
    height : 145px;
    line-height : 145px;
    background-image : url(space.png);
}

.info h2{
    font-size : 2.2em;
    color : white;
    background-image : url(iphone.png);
    background-position : 153px center;
    background-repeat : no-repeat;
    text-align : center;
}

ul.sample{
  width : 390px;
  height : auto;
  font-size : 1em;
}

/* 画像の回り込み、テキストとの余白*/
.ido{
	width : 160px;
    height : 283px;
    float : right;
    margin : 3px 0px 8px 25px;
}

.clearfix::after{
	content: "";
    clear: both;
    display: block;
}


mark{
/*text-indent: initial; text-indent:打ち消す*/
    background-color : #ffffcc;
    font-weight : normal;
}

.inden{
    padding-left:1em;
    text-indent:-1em;
}

.guide{
    font-size : 1.1em;
    line-height : 33px;
    width : 390px;
    height : 33px;
    margin : 0.5em 0; 
    text-align : center;
    background-color : #e3feec;
    display:-webkit-flex;
    display:flex;
    justify-content: space-around;  
    align-items:center;
    border-top : 1px solid silver;
    border-bottom : 1px solid silver;
}

/*Default-color:non*/
a,a:hover,a:visited{
    color: inherit;
}