@charset "UTF-8";

@media screen and (max-width: 780px){
  
  div.container {
	width: 100%;
	font-size:.8em;

  }
  
  div.container h1 {
	width: 100%;
	text-align: center;
  }
  
  div.container h1 img{
	  width: 90%;
	  margin: 0;
	  margin: 0 auto;
  }
  
  header,footer {
	width: 100%;
  }
  
  div.main {
	width: 90%;
	background-color: #fff;
	margin: 20px auto;
	padding: 0;
	padding: 20px 0;
	
	/* ボックスを角丸にする */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
  }
  
  div.main h1 {
  	width: 90%;
	margin:0;
	margin:0 auto;
  }
  
  div.main h1 img{
	width: 100%;
  }
  
  div.main p {
  	width: 100%;
	margin: 0;
	margin: 0 auto;
	text-align: center;
  }
  
  div.main p img {
  	width: 90%;
	
  }
  
  div.main p.read {
	font-size: .9em;
  }
  
  div.main h2 {
	width: 80%;
	margin:0;
	margin:20px auto;
	font-size: 1.2em;
	letter-spacing: .1em;
  }
  
  div.main ul {
	font-size:.8em;
	
  }
  
  div.main li::after {
	display: block;
	content: '';
	position: absolute;
	top: .2em;
	left: -1em;
	width: 8px;
	height: 8px;
	background-color: #f93e3e;
	border-radius: 100%;
  }
  
  
  /*----------------------えんぶチャート2017概要*/

  div.main div.box_boshu {
	width: 100%;
  }
  
  div.main div.box_boshu .left {
	width: 90%;
	float: none;
	margin:0;
	margin:0 auto;
  }

  div.main div.box_boshu .right {
	width: 90%;
	float: none;
	margin:0;
	margin:0 auto;
  }
  
  div.main div.box_boshu h3 {
	width: 100%;
  }

  div.main div.box_boshu p {
	width: 100%;
  }
  
  div.main div.info {
	width:90%;
	margin:0;
	margin:0 auto;
  }
  
  div.main div.info li::after {
	display: block;
	content: '';
	position: absolute;
	top: .2em;
	left: -1em;
	width: 8px;
	height: 8px;
	background-color: #f93e3e;
	border-radius: 100%;
  }
  
  /*----------------------プレゼントの内容*/

  div.main div.box_present {
	width: 100%;
  }

  div.main div.box_present .left {
	width: 50%;
	float: none;
	margin: 0;
	margin: 20px auto;
	text-align: center;
  }

  div.main div.box_present .right {
	width: 100%;
	float: none;
  }

  div.main div.box_present .right h5{
	width: 100%;
	font-size:1.3em;
	text-align:center;
  }


  div.main div.box_present .right p {
	 width: 90%;
	font-size:.9em;
	text-align: center;
  }

  div.main div.wait {
	font-size: 1.1em;
	padding: 15px 5px;
	clear: both;
	/* ボックスを角丸にする */
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width: 100%;
	margin: 10px auto;
  }
	

}