/* お問い合わせ */
body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
	font-size: 17px;
	font-family: 'M PLUS 1p';
}
#head {
}
h1 {
	display: none;
}
a 		{ overflow:hidden; color:#65b2e4; }
a:link	{ color:#65b2e4; text-decoration: none; transitional:all  0.5s  ease; transition: .3s; }
a:visited{ }
a:hover  { color:#4c9ccf; text-decoration: none; opacity: 0.6; filter: alpha(opacity=60); -moz-opacity:0.6;}
a:active { color:#4c9ccf; }

.pamphletBody {
	display: block;
	width: 1000px;
	margin:35px auto 20px auto;
}

    .pamphletBody div {
      color: white;
    }

    .even {
      background-color: white;
    }

    .odd {
      background-color: white;
    }

    #flipbook {
      width: 1000px;
      height: 700px;
      border: none;
    }

    #flipbook div {
      width: 500px;
      height: 700px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .arrow {
		height: 70px;
		width: 1000px;
      color: #000;
      font-size: 1.5em;
      display: flex;
      justify-content: space-between;
      margin-top: .75em;

    }

    .fa-circle-arrow-left,
    .fa-circle-arrow-right {
      cursor: pointer;
      transition: .3s;
    }

    .fa-circle-arrow-left:hover,
    .fa-circle-arrow-right:hover {
      opacity: .5;
    }


footer{ text-align:center; margin-top: 30px; }
footer img{ margin-bottom:-23px; width: 350px; height: 70px; }
footer br.sp{ display: none; }
address{ display:inline;}

/* タブレット用 */

@media only screen and (max-width: 800px) {

	.pamphletBody {
      width: 480px;
      height: 300px;
      margin: auto;}
	
    #flipbook {
      width: 480px;
      height: 300px;
    }

    #flipbook div {
      width: 480px;
      height: 300px;
    }
    #flipbook div img {
      width: 480px;
      height: 300px;
    }
	.arrow { width: auto; height: 30px; }
	.arrow img{	width: 80%; height: auto; }
	
	footer{ width: auto; margin-top: 20px;}
	footer br.sp{ display: block; }
	footer img{ width:320px; height: auto; margin: 0 auto 10px -50px; }
}

/* スマホ用 */
@media only screen and (max-width: 480px) {
	.pamphletBody {
      width: 320px;
      height: 200px;
      margin: auto;}
	
    #flipbook {
      width: 320px;
      height: 200px;
    }

    #flipbook div {
      width: 320px;
      height: 200px;
    }
    #flipbook div img {
      width: 320px;
      height: 200px;
    }
	.arrow { width: auto; height: 30px; }
	.arrow img{	width: 80%; height: auto; }
	
	footer{ width: auto; margin-top: 10px;}
	footer br.sp{ display: block; }
	footer img{ width:320px; height: auto; margin: 0 auto 10px -50px; }
}