/* body部分 */
header{
	text-align: center;
}

/* body部分 */
body{
	font-family:  "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

/* main部分 */
#main{
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 18px;
	/*width: 650px;*/
}

/* footer部分 */
footer{
	padding: 30px 0;
	background: #454445;
	color: #fff;
	text-align: center;
	font-size: 0.8em;
}

/* 見出し */
h1 {
	font-size: 25px;
	padding: 4px 0;
	border-top: 3px double #000000;
	border-bottom: 3px double #000000;
	text-align: center;
	color: #000000;
}

/* ボタン */
.btn-square-pop {
	font-size: 18px;
	position: relative;
	display: inline-block;
	padding: 1.0em 1.0em;
	text-decoration: none;
	color: #FFF;
	background: #fd9535;
	border-bottom: solid 2px #d27d00;
	border-radius: 4px;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	font-weight: bold;
}
.btn-square-pop:active {
	border-bottom: solid 2px #fd9535;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

/*画像*/
img {
    max-width: 100%;
    height: auto;
}

/* 横並び画像(レスポンシブ対応) */
@media(min-width:751px){
  /*PC版のみ*/
  .yokonarabe{
    display:flex;
    width:100%;
    margin:0;
  }
  .yokonarabe>div{
    width:48%;
  }
}
/*PC・スマホ共通*/
.yokonarabe>div{
  margin:0 1%;
  border:1px solid #999;
  background:#FFF;
}