@charset "shift_jis";
/* ----------------------------
  RESET
------------------------------ */
/* html5doctor.com Reset Stylesheet v1.4 2009-07-27 Author: Richard Clark - http://richclarkdesign.com */
html, body, div, a, img, header, footer, section{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	font-weight:normal;
}
{
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}
html {
	font-size:62.5%;
}
body {
	font-size:1rem;
	line-height:1.4;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display block;
}

select {
	margin:inherit;
}
img {
	vertical-align:bottom;
}
a, a:link, a:visited, a:hover, a:active {
	text-decoration:unserline;
}
a img {
	border:0;
	outline:0;
}
span {display:inline-block;}


/* ----------------------------
  BODY“ŕ
------------------------------ */
.btn_area{
	margin-bottom:0px;
}
.fc{
	font-size:1.3rem;
	line-height:1.6;
}

/* ----------------------------
 .viewer
------------------------- */
.viewer {
    margin:0 auto;
    width:100%;
    position:relative;
    overflow:hidden;
}
.viewer ul {
    width:100%;
    overflow:hidden;
    position:relative;
}
.viewer ul li {
    top:0;
    left:0;
    width:100%;
    position:absolute;
}
.viewer ul li img {
    width:100%;
}
 
/* ----------------------------
 sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
    margin-top:-25px;
    top:50%;
    width:50px;
    height:50px;
    position:absolute;
    z-index:101;
}

/* ----------------------------
 footer
------------------------- */
.footer {
	color: #666;
	background: url(../images/common/bg_footer.png) no-repeat left bottom;
	-webkit-background-size: 320px auto;
	-moz-background-size: 320px auto;
	background-size: 320px auto;
	text-align: center;
    font-size: 1.2rem;
	line-height: 16px;
	padding: 10px 0px 10px;
	margin-top: 4px;
	border-top: 1px solid #cec1c1;
}

#navi .foot_logo{
	text-align:center;
}

#navi .foot_logo img {
	width:100% !important;
	max-width: 216px;
}

/* =======================================
    ClearFixElements
======================================= */
.viewer ul:after {
    content:".";
    height:0;
    clear:both;
    display:block;
    visibility:hidden;
}
 
.viewer ul {
    display:inline-block;
    overflow:hidden;
}

/* =======================================
    YouTube
======================================= */

.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}