/*ベースページ*/

.intro{
	margin:1em auto;
	}
	
	
.intro ul{
	padding:0 1em;
	list-style:none;
	}
	
.intro ul li{
	margin-bottom:0.8em;
	}
	
.intro2{
	margin:3em auto 3em auto;
	border: dotted 1px #668ad8;/*二重線 太さ 色*/
	background: #f1f8ff;
	}
	
	
.intro2 ul{
	
	background: #f1f8ff;
	padding: 0.5em 1em ;
	list-style:none;
	}
	
.intro2 li{
	line-height: 1.5;
	padding: 0.5em 0;
	}
	
	
	
.info{
	border:1px solid #999; 
	margin-top:2em;
	max-width:370px;
	}
	
	
.info ul{
	padding:1em;
	list-style:none;

	}
	
.intro2 ul.iccharge {
	list-style-type:disc;
	
	}	
	
.intro2 ul.iccharge li {
	margin-bottom:0.3em;
	padding:0;
	
	}	
	
	

/*** レスポンシブテーブルデザイン ***/

caption{
margin-bottom:0.5em;
font-weight:bold;
font-size: 18px;
font-size: 1.8rem;

}


.hyo th{
 border:#999 1px solid;
}

.hyo td{
 border:#999 1px solid;
}

.w80{
width:80%
}
	
.hyo th{
background-color:#E3EBF2;
white-space:nowrap;

}

/*** botan***/

.pccbtn {
text-decoration: none;
font-weight: bold;
text-align: center;
font-size: 18px;
display: block;
margin-top:1em;
max-width:500px;
} 

.pccbtn {
background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);  
background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
/*** IE ver***/
background: linear-gradient(to bottom,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);  

color: #FFF;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #0099CC;
-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
padding: 10px 20px ;
}

/* end */	

/*** photo***/

ul.photo {
    display:table;
    table-layout:fixed;
	width:100%;
    max-width: 700px; /* 最大幅 */

}

ul.photo li {
    display:table-cell;
	padding:2px;

}


ul.photo li:first-child {
    border:none;   
	
}


ul.photo li img{
	width:100%;
	
	}
	
@media only screen and (min-width:  41.875em) {  /*670pxより大きい場合に適用*/
/*iPhone6+横,小型タブレット用*/
ul.photo {
	margin:0 auto;

	
}

}
/* end */	


@media (max-width: 320px){/*320pxより小さい場合に適用*/


.hyo {
width:100%;
}

.hyo thead{
display:none;
}

.hyo td{
display:block;
border:none;
}
	
.hyo th{
display:block;
border:none;

}