@charset "utf-8";


/*----------------------------------------------------
  reset
----------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
padding:0;
margin:0;
}

a{
text-decoration:none;
outline:none;
}

table{
border-spacing:0;
}

fieldset,img{
border:0;
}

address,caption,cite,code,dfn,em,strong,th,var{
font-weight:normal;
font-style:normal;
}

strong{
font-weight:bold;
}

ol,ul{
list-style:none;
margin:0;
padding:0;
}

caption,th{
text-align:left;
}

h1,h2,h3,h4,h5,h6{
font-weight:normal;
font-size:100%;
margin:0;
padding:0;
}

q:before,q:after,
{
content:'';
}

abbr,acronym{border:0;
}

sup{
vertical-align:text-top;
}

sub{
vertical-align:text-bottom;
}

input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}

legend{
color:#000000;
}

hr{
margin:0;
padding:0;
display:none;
}

table{
font-family:monospace;
font-size:inherit;
font:100%;
}

pre,code,kbd,samp,tt{
font-family:monospace;
line-height:100%;
}

body, form{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

#footer select, #footer input, #footer textarea, #footer button{
vertical-align:middle;
font-family:"ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
position:relative;
top:-1px;
font-size:11px;
}

input{
height: 16px;
line-height: 16px;
}

button, input[type="button"]{
overflow:visible;
height:22px;
padding:0 3px;
}

input[type="submit"]{
overflow:visible;
height:20px;
padding:2px 3px 0;
}

select{
height: 20px;
line-height: 20px;
}

input[type="checkbox"],
input[type="radio"]{
border:none;
top:-2px;
top:0\9;
margin-right:2px;
margin-right: 0\9;
}

iframe{
border:none;
}



/*----------------------------------------------------
  utility
----------------------------------------------------*/
.clearfix:after{
content:" ";
display:block;
visibility:hidden;
clear:both;
height:0.1px;
font-size:0.1em;
line-height:0;
}
.clear{
clear: both;
}
a:focus{
outline: 0 !important;
}

/*-- Link --*/
a{text-decoration:underline;font-weight:bold;}
a:link{color:#ffffff;text-decoration:underline;}
a:visited{color:#ffffff;text-decoration:underline;}
a:active{color:#ffffff;text-decoration:underline;}
a:hover{color:#ffffff;text-decoration:none;}



/*----------------------------------------------------
  #loader
----------------------------------------------------*/
#loader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  width: 100%;
  height: 100%;
  /*background: #520000;*/
  background: #000000 url(../images/loading1.gif) scroll no-repeat 50% 50%;
}

/*
#l_box  {
  position: relative;
  max-width: 146px;
  width: 30%;
  height: auto;
  top: 40%;
  margin: 0 auto;
}

#l_box2  {
  position: relative;
  max-width: 172px;
  width: 36%;
  height: auto;
  top: 41%;
  margin: 0 auto;
}
*/


/*----------------------------------------------------
  layout
----------------------------------------------------*/
html{
height:100%;
}

body{
position:relative;
font:12px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
line-height:1.5;
color:#ffffff;
background:#000;
text-align:center;
}

#contents{
min-width:0;
height: 100%;
background:#000000;
overflow:hidden;
}
    
#contents .inner{
width:auto;
}
    

/*----------------------------------------------------
  header
----------------------------------------------------*/
#header{
    position:relative;
    top:auto;
    width:auto;
    min-width:0;
    height:auto;
    text-align:left;
    z-index:10;
    background:#000;
    overflow:hidden;
}

#header .inner{
    position:relative;
    margin:0 auto;
    padding:0;
    width:auto;
    height:auto;
    overflow:hidden;
}



/*----------------------------------------------------
  menu
----------------------------------------------------*/
.l-nav-sp__menu{
    position:relative;
    display:block;
}
    
.pac_home .l-nav-sp__menu{
    margin:0 0 0;
}
    
.spdrawer{
    position:relative;
    text-align:center;
    background-size:100%;
    cursor: pointer;
}
    
.l-menu_1,
.l-menu_2,
.l-menu_3,
.l-menu_4,
.l-menu_5,
.l-menu_6,
.l-menu_7,
.l-menu_8{
    text-align:center;
}
    
.l-menu_1 a,
.l-menu_2 a,
.l-menu_3 a,
.l-menu_4 a,
.l-menu_5 a,
.l-menu_6 a,
.l-menu_7 a,
.l-menu_8 a{
    display:block;
}
    
.spdrawer img{
    width:100%;
    height:auto;
    display:block;
}
    
.l-menu_1 img,
.l-menu_2 img,
.l-menu_3 img,
.l-menu_4 img,
.l-menu_5 img,
.l-menu_6 img,
.l-menu_7 img,
.l-menu_8 img{
    margin:0 auto;
    width:100%;
    height:auto;
    display:block;
}



/*----------------------------------------------------
  footer
----------------------------------------------------*/
#footer{
min-width:0;
height:auto;
text-align:left;
}
    
#footer .inner{
position:relative;
margin:0 auto;
padding:8px 0 12px;
width:auto;
height:auto;
}
    
.base_sp {
  position: relative;
  width: 100%;
  text-align : center;
  margin: 0 auto;
}

.base_banner1 {
  position: relative;
  width: 100%;
  text-align : center;
  margin: 0 auto;
  margin-bottom: 10px;
}

#social {
	position:relative;
    margin-top: px;
/*	display:none; */
	clear:both;
	overflow:hidden;
}

#social ul{
	width:190px;
	list-style-type:none;
	margin:0 auto;
	clear:both;
}

#social ul li{
	width:50%;
	text-align:center;
	float:left;
	padding:0 0 0 0;
}



/*----------------------------------------------------
  00_top
----------------------------------------------------*/
#top .topmainsp{
    /*↓↓↓マップ調整用↓↓↓*/
    /*max-width:640px;*/
    
    width:100%;
    height:auto;
    overflow:hidden;
    display:block;
}
    
#top .topmainsp img{
    width:100%;
    height:auto;
    display:block;
}
    
#top .topmainsp2{
    /*max-width:640px;*/
    width:100%;
    height:auto;
    overflow:hidden;
    display:block;
    margin-top: 15px;
}
    
#top .topmainsp2 img{
    width:90%;
    height:auto;
    display:block;
    margin: 0 auto;
}



/*----------------------------------------------------
  pagetop
----------------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 5px;
	right: 10px;
    z-index: 10000;
}
/*
#page-top a img:hover {
	filter: alpha(opacity=40);
    -moz-opacity:0.4;
    opacity:0.4;
}
*/