/* base.css */
/*--------------------------------------*/


html,body {
    height:100%;
}

html {
    overflow-y:scroll;
}

body {
    background:#ffffff;
    margin:0 auto;
    padding:0;
    text-align:center;
    font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    line-height:1.8;
    font-size:62.5%;
    color:#000000;
    -webkit-text-size-adjust:100%;
}


/* clearfix */
/*--------------------------------------*/
.clearfix:after {
    clear:both;
    display:block;
    visibility:hidden;
    content:" ";
    height:0;
    font-size:0;
}

/* IE6 */
* html .clearfix {
    zoom:1;
}

/* IE7 */
*:first-child+html .clearfix {
    zoom:1;
    }
/*--------------------------------------*/


/* text link color */
/*--------------------------------------*/

a:link    {color:#1111cc; text-decoration:underline;}
a:visited {color:#1111cc; text-decoration:underline;}
a:hover   {color:#29a9e0; text-decoration:none;}
a:active  {color:#29a9e0; text-decoration:none;}

#wrapper a:hover img {
    -ms-filter:"alpha( opacity=70 )";
    filter:alpha(opacity=70);
    opacity:0.7;
}

strong {
    font-weight:bold;
}


/* wrapper */
/*--------------------------------------*/

#wrapper {
    width:100%;
    min-height:100%;
    background:#ffffff;
    margin:0 auto;
    padding:0;
    text-align:center;
    font-size:1.2em;
}

#wrapper img {
    display:block;
    margin:auto;
}



/* header */
/*--------------------------------------*/

#header {
    width:100%;
    margin:0 auto;
    padding:0;
    border-bottom:5px solid #7fc342;
    text-align:center;
    position:fixed;
    background:#fff;
    z-index:10000;
}

#headerInner {
    width:980px;
    margin:0 auto;
    background:#fff;
}

#headerInner h1 {
    margin:0 auto;
    text-align:left;
    float:left;
}

#header h1 img {
    display:inline-block;
    max-width:100%;
    height:auto;
}

#headerInner .btn_adult {
    float:right;
    padding:79px 0 0;
    text-align:right;
}


/* footer */
/*--------------------------------------*/

#footer {
    clear:both;
    position:relative;
    width:100%;
    background:#7fc342;
    margin:0 auto 0;
    padding:10px 0;
    font-size:1.2em;
}

#footer ul {
    width:860px;
    margin:0 auto;
}
#footer ul li {
    float:left;
    min-height:2em;
    background:url("../images/arrow_footer.png") no-repeat 5px 3px;
    margin:0 2em 0 0;
    padding:0.5em 0 0 20px;
    border-left:1px dotted #ffffff;
    vertical-align:middle;
    text-align:left;
    line-height:1.2;
}
#footer ul li.line1 {
    /* line-height:2.4; */
}
#footer ul li a {
}
#footer ul li a:link    {color:#ffffff; text-decoration:none;}
#footer ul li a:visited {color:#ffffff; text-decoration:none;}
#footer ul li a:hover   {color:#ffffff; text-decoration:underline;}
#footer ul li a:active  {color:#ffffff; text-decoration:underline;}



/* navigation :slicknav */
/*--------------------------------------*/
#navigation {
    display:none;
}
.slicknav_menu {
    display:none;
}



/* contents base */
/*--------------------------------------*/

#contents {
    overflow:auto;
    width:860px;
    margin:0 auto;
    padding:0 0 3em;
    text-align:left;
    font-size:1.4em;
}


/* common font/list */
h2 {
    margin:0 auto 20px;
    text-align:center;
}
h3 {
    margin:0 auto 1em;
    text-align:center;
    font-size:1.4em;
}

p {
    margin-bottom:1em;
}

.center {
    margin:0 auto;
    text-align:center;
}

.eol {
    margin-bottom:2em;
}

.nm {
    margin-bottom:0;
}

.notice {
    color:#f00;
}




/* page top */
.pagetop,.pagetop a {
    display:none;
}




/* - 980px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 980px) {

#wrapper img {
    display:block;
    max-width:100%;
    height:auto;
}

/* header */
/*--------------------------------------*/
#header {
    height:120px;
}

#headerInner {
    width:98%;
}

#headerInner h1 {
    width:70%;
    margin:0 10px 0 0;
}


/* footer */
/*--------------------------------------*/
#footer ul {
    width:98%;
}


/* contents base */
/*--------------------------------------*/

#contents {
    width:90%;
}

/* page top */
.pagetop {
    display:none;
    position:fixed;
    bottom:9%;
    right:2%;
}
.pagetop a {
	display:block;
	width:56px;
	height:56px;
	background:url("../images/arrow_top.png") no-repeat 0 0;
	font-size:0.1em;
	text-decoration:none;
	text-indent:-9999px;
}

}
/* - 980px end */





/* - 640px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 640px) {

/* navigation */
.slicknav_menu {
    display:block;
}


/* header */
#headerInner {
    height:74px;
}

#headerInner h1 {
    margin-top:10px;
}
#headerInner .btn_adult {
    position:static;
    float:right;
    width:26%;
    margin:auto;
    padding:7% 0 0;
    text-align:right;
}
#headerInner .btn_adult img {
    display:inline-block;
}


}
/* - 640px end */