@charset "utf-8";


/*========= モーダル表示のためのCSS ===============*/

/*infoエリアをはじめは非表示*/
#info1{
  display: none;
}
#info2{
  display: none;
}
#info3{
  display: none;
}
#info4{
  display: none;
}
#info5{
  display: none;
}
#info6{
  display: none;
}
#info7{
  display: none;
}
#info8{
  display: none;
}
#info9{
  display: none;
}
#info10{	
  display: none;	
}	
#info11{	
  display: none;	
}	
#info12{	
  display: none;	
}	
#info13{	
  display: none;	
}	
#info14{	
  display: none;	
}	
#info15{	
  display: none;	
}	
#info16{	
  display: none;	
}	
#info17{	
  display: none;	
}	
#info18{	
  display: none;	
}	
#info19{	
  display: none;	
}	
#info20{	
  display: none;	
}	
#info21{	
  display: none;	
}	
#info22{	
  display: none;	
}	
#info23{	
  display: none;	
}	
#info24{	
  display: none;	
}	
#info25{	
  display: none;	
}	
#info26{	
  display: none;	
}	
#info27{	
  display: none;	
}	
#info28{	
  display: none;	
}	
#info29{	
  display: none;	
}	
#info30{	
  display: none;	
}	
#info31{	
  display: none;	
}	
#info32{	
  display: none;	
}	
#info33{	
  display: none;	
}	
#info34{	
  display: none;	
}	
#info35{	
  display: none;	
}	
#info36{	
  display: none;	
}	
#info37{	
  display: none;	
}	
#info38{	
  display: none;	
}	
#info39{	
  display: none;	
}	
#info40{	
  display: none;	
}	
#info41{	
  display: none;	
}	
#info42{	
  display: none;	
}	
#info43{	
  display: none;	
}	
#info44{	
  display: none;	
}	
#info45{	
  display: none;	
}	
#info46{	
  display: none;	
}	
#info47{	
  display: none;	
}	
#info48{	
  display: none;	
}	
#info49{	
  display: none;	
}	
#info50{	
  display: none;	
}	
#info51{	
  display: none;	
}	
#info52{	
  display: none;	
}	
#info53{	
  display: none;	
}	
#info54{	
  display: none;	
}	
#info55{	
  display: none;	
}	
#info56{	
  display: none;	
}	
#info57{	
  display: none;	
}	
#info58{	
  display: none;	
}	
#info59{	
  display: none;	
}	
#info60{	
  display: none;	
}	
#info61{	
  display: none;	
}	
#info62{	
  display: none;	
}	
#info63{	
  display: none;	
}	
#info64{	
  display: none;	
}	
#info65{	
  display: none;	
}	
#info66{	
  display: none;	
}	
#info67{	
  display: none;	
}	
#info68{	
  display: none;	
}	
#info69{	
  display: none;	
}	
#info70{	
  display: none;	
}	
#info71{	
  display: none;	
}	
#info72{	
  display: none;	
}	
#info73{	
  display: none;	
}	
#info74{	
  display: none;	
}	
#info75{	
  display: none;	
}	
#info76{	
  display: none;	
}	
#info77{	
  display: none;	
}	
#info78{	
  display: none;	
}	
#info79{	
  display: none;	
}	
#info80{	
  display: none;	
}	
#info81{	
  display: none;	
}	
#info82{	
  display: none;	
}	
#info83{	
  display: none;	
}	
#info84{	
  display: none;	
}	
#info85{	
  display: none;	
}	
#info86{	
  display: none;	
}	
#info87{	
  display: none;	
}	
#info88{	
  display: none;	
}	
#info89{	
  display: none;	
}	
#info90{	
  display: none;	
}	
#info91{	
  display: none;	
}	
#info92{	
  display: none;	
}	
#info93{	
  display: none;	
}	
#info94{	
  display: none;	
}	
#info95{	
  display: none;	
}	
#info96{	
  display: none;	
}	
#info97{	
  display: none;	
}	
#info98{	
  display: none;	
}	
#info99{	
  display: none;	
}	
#info100{	
  display: none;	
}	
#info101{	
  display: none;	
}	
#info102{	
  display: none;	
}	
#info103{	
  display: none;	
}	
#info104{	
  display: none;	
}	
#info105{	
  display: none;	
}	
#info106{	
  display: none;	
}	
#info107{	
  display: none;	
}	
#info108{	
  display: none;	
}	
#info109{	
  display: none;	
}	
#info110{	
  display: none;	
}	
#info111{	
  display: none;	
}	
#info112{	
  display: none;	
}	
#info113{	
  display: none;	
}	
#info114{	
  display: none;	
}	
#info115{	
  display: none;	
}	
#info116{	
  display: none;	
}	
#info117{	
  display: none;	
}	
#info118{	
  display: none;	
}	
#info119{	
  display: none;	
}	
#info120{	
  display: none;	
}	
#info121{	
  display: none;	
}	
#info122{	
  display: none;	
}	
#info123{	
  display: none;	
}	
#info124{	
  display: none;	
}	
#info125{	
  display: none;	
}	
#info126{	
  display: none;	
}	
#info127{	
  display: none;	
}	
#info128{	
  display: none;	
}	
#info129{	
  display: none;	
}	
#info130{	
  display: none;	
}	
#info131{	
  display: none;	
}	
#info132{	
  display: none;	
}	
#info133{	
  display: none;	
}	
#info134{	
  display: none;	
}	
#info135{	
  display: none;	
}	
#info136{	
  display: none;	
}	
#info137{	
  display: none;	
}	
#info138{	
  display: none;	
}	
#info139{	
  display: none;	
}	
#info140{	
  display: none;	
}	
#info141{	
  display: none;	
}	
#info142{	
  display: none;	
}	
#info143{	
  display: none;	
}	
#info144{	
  display: none;	
}	
#info145{	
  display: none;	
}	
#info146{	
  display: none;	
}	
#info147{	
  display: none;	
}	
#info148{	
  display: none;	
}	
#info149{	
  display: none;	
}	
#info150{	
  display: none;	
}	
#info151{	
  display: none;	
}	
#info152{	
  display: none;	
}	
#info153{	
  display: none;	
}	
#info154{	
  display: none;	
}	
#info155{	
  display: none;	
}	
#info156{	
  display: none;	
}	
#info157{	
  display: none;	
}	
#info158{	
  display: none;	
}	
#info159{	
  display: none;	
}	
#info160{	
  display: none;	
}	
#info161{	
  display: none;	
}	
#info162{	
  display: none;	
}	
#info163{	
  display: none;	
}	
#info164{	
  display: none;	
}	
#info165{	
  display: none;	
}	
#info166{	
  display: none;	
}	
#info167{	
  display: none;	
}	
#info168{	
  display: none;	
}	
#info169{	
  display: none;	
}	
#info170{	
  display: none;	
}	
#info171{	
  display: none;	
}	
#info172{	
  display: none;	
}	
#info173{	
  display: none;	
}	
#info174{	
  display: none;	
}	
#info175{	
  display: none;	
}	
#info176{	
  display: none;	
}	
#info177{	
  display: none;	
}	
#info178{	
  display: none;	
}	
#info179{	
  display: none;	
}	
#info180{	
  display: none;	
}	
#info181{	
  display: none;	
}	
#info182{	
  display: none;	
}	
#info183{	
  display: none;	
}	
#info184{	
  display: none;	
}	
#info185{	
  display: none;	
}	
#info186{	
  display: none;	
}	
#info187{	
  display: none;	
}	
#info188{	
  display: none;	
}	
#info189{	
  display: none;	
}	
#info190{	
  display: none;	
}	
#info191{	
  display: none;	
}	
#info192{	
  display: none;	
}	
#info193{	
  display: none;	
}	
#info194{	
  display: none;	
}	
#info195{	
  display: none;	
}	
#info196{	
  display: none;	
}	
#info197{	
  display: none;	
}	
#info198{	
  display: none;	
}	
#info199{	
  display: none;	
}	
#info200{	
  display: none;	
}	


/*モーダルの横幅を変更したい場合*/
.modaal-container{
    max-width: 1000px;
}

/*モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
  background:#ccc;  
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
  background:#666;
}


/*========= レイアウトのためのCSS ===============*/

header{
  background: #333;
}

h1{
  font-size:1.5rem;
  text-align: center;
  text-transform: uppercase;
  padding: 20px;
  color: #fff;
}

h2{
  font-size:1.2rem;
  text-align: center;
  margin: 0 0 30px 0;
}

p,ul{
  margin-top:20px;  
}

ul{
  list-style: none;
}

a{
  color:#333;
    outline: none;
}

small{
  background:#333;
  color:#fff;
  display: block;
  text-align: center;
  padding:20px;
}


section{
  padding:30px;
}

section:nth-child(2n){
  background:#f3f3f3; 
}

img{
  max-width: 100%;
  height: auto;
}