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

table, td, th{
	border: 1px #c0c0c0 solid;/* border-collapseはtableとdisplay: table;(inline-table)にのみ設定できる仕様。*/
	border-collapse: collapse;/*border-collapseプロパティは、隣接するセルのボーダーを重ねて表示するか（collapse）、間隔をあけて表示するか（separate）を指定します。*/
}

.inline-table{
	display: inline-tabl
	width : 410px;
	height : auto;
  caption-side : top;
}

.inline-table th{
	white-space: nowrap;/*width:50px最少巾指定 white-space: 可変;*/
	width: 50px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	font-size: 0.9em;
	background-color: #e3feec;
}

.inline-table td{
	white-space: nowrap;/*width:50px最少巾指定　white-space: 可変;*/
	width: 50px;
	height: 25px;
	line-height: 25px;
	font-size: 0.85em;
	text-align: right;
}
.summary{
	font-size: 1.2em;
	text-align: center;
	width : 410px;
	height: 30px;
	margin : 0 0 0.5em 0;
	line-height: 30px;
	color: white;
  background-image : url(c-top.png);
}

.inline-table td:nth-child(1){
	background-color : #fff8f0;
    text-align: center;
}

.inline-table td:nth-child(2),
.inline-table td:nth-child(3),
.inline-table td:nth-child(4){
	text-align: right;
}

ul{
    width : 410px;
    margin:5px 0;
}

.heading-2{
    text-align: center;
    /*text*/
    background-color : #e3feec;
    width : 410px;
    height : 30px;
    vertical-align: middle;
    font-size : 1em;
    line-height : 30px;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : silver;
    margin-bottom : 0.5em;
}

/*  display: inline;
は要素を横並び inline-blockを使えば、widthが効く: vertical-align: middle;
で上下中央に設定します。左右のlineの色: 位置lineの太さ1px:lineのwidth50px:lineとtextのbefore:afterのwidth:margin-左右 : 10px;
*/

.heading-2::before,
.heading-2::after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    background-color: #706e67;
    margin-right: 10px;
    margin-left: 10px;
    height: 1px;
}

aside ul li{
	width : 410px;
	font-size: 1em;
	line-height: 1.5;
}

aside ul li p{
	padding-left: 1em;
	text-indent : -1em;
}

.samp2 ::before{
  content: "\025c6";
  color : blue;
  font-size : 1.2em;
  line-height : 1.2em;
  }

.cent{
  width : 410px;
  margin : auto;
}

.style1{
	border : 1px dashed #706646;
    margin : 0.5em 0;
}

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

.cont::after{
   content: ":";
   font-size : 1.2em;
   color : red;
}

h2 p{
    font-size : 1.3em;
    line-height : 30px;
    background-color : #e3feec;
    text-align : center;
    width : inherit;
    height : 30px;
    padding-top : 2px;
    padding-bottom : 2px;
    border-top-width : 1px;
    border-bottom-width : 1px;
    border-top-color : lime;
    border-bottom-color : lime;
}

.guide{
    font-size : 1.1em;
    line-height : 33px;
    width : 410px;
    height : 33px;
    margin : 0.5em 0px 0.5px; 
    text-align : center;
    background-color : #e3feec;
    display:flex;
    justify-content: space-around;  
    align-items:center;
    padding-bottom : 2px;
    border-bottom-style : none;
    border-bottom-color : silver;
}

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