/* 
Theme Name: TRS
Author:株式会社HUGHUG
Description: TRS
Version: 1.0
*/


/* Base
   ========================================================================== */

/* ----------------------------------------------------- */
/* --base-- */
* {
	margin: 0;
	padding: 0;

}

body{
    font-size:16px;
    color:#000;
    background:#FFF;
    text-align:center;
    padding:0;
    max-height: 999999px; /* Android Chrome用 ※文字が大きくなりすぎる場合の対策　*/
    position:relative;
   font-family: 'M PLUS Rounded 1c', sans-serif;
}


li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,p{
	margin: 0;
	padding: 0;
}


/*
a:link{text-decoration:underline;color:#06B5B0;}
a:visited{text-decoration:underline;color:#06B5B0;}
a:hover{text-decoration:underline;color:#06B5B0;}
*/

img{border:0;margin:0;padding:0;}

header,footer,nav,section,article{
	margin:0;
	padding:0;
}

#wrapper{
	width:100%;
	margin:0 !important;
	padding:0 !important;
	text-align:center;
    overflow:hidden;
min-height: 100%;
position:relative;


}

.container{
	width:80%;
	margin:0 auto;

}








/* ----------------------------------------------------- */
/* header#main */
/* ----------------------------------------------------- */
header#main{
    width:100%;
	margin:0 auto;
    font-family: "M PLUS 1p";
	z-index: 99999;
	position: relative;
 

}

header#main h1{
   margin:5px auto 0 5px;
   float:left;
   font-size:18px;
}
header#main h1 a{
    text-decoration: none;
	color: #000;
}

header#main h2{
   margin:5px 5px 0 auto;
   float:right;
   font-size:18px;
}
header#main h2 img{
   width:40px;
   height: auto;
   margin:0 5px 0 0;
   vertical-align: middle;
}




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

footer{
    background:#727272;
	width:100%;
	margin: 0 auto;
	padding:10px 0 2px 0;
	color:#FFF;
    font-family: "M PLUS 1p";
	font-weight: 400;
	text-align: left;
   position: relative;

}

footer .left{
    width:150px;
	margin: 0 50px 20px 20px;
	display: inline-block;

}


footer h2{
    margin: 0 auto 10px 0;
}
footer h2 img{
      width:100%;
	  height: auto;
}


footer nav{
   width:80%;
   display: inline-block;
   margin: 0 auto 10px 0;
   vertical-align: top;

   
}

footer nav ul{
   width:99%;
   margin: 0 auto;
}
footer nav ul li{
   width:25%;
   display: inline-block;
   margin: 0 30px 10px 0;
   vertical-align: top;
   padding: 0 0 0 10px;
   border-left: 1px solid #999;
   min-height: 8em;
}

footer nav h3{
   display:block;
   margin: 0 auto 10px 0;
   font-size:14px;
   
}
footer nav h3 a{
   color:#FFF;
   text-decoration: none;
}

footer nav p{
   font-size:13px;
   margin:0 10px 5px auto;
   display: inline-block;
   font-weight:bold;
}
footer nav p a{
   color:#FFF;
   text-decoration: none;
}








footer #copyright{
    padding:5px 0;
    font-size:12px;
	text-align: right;



}

/* ----------------------------------------------------- */
/* #drawer */
/* ----------------------------------------------------- */


#drawer{
	z-index:0;
	margin:32px 0 0 0;
	width:1px;
	height:1px;
	overflow:hidden;
}

header#gnav{
	z-index:0;
	margin:-100px 0 0 0;
	width:1px;
	height:1px;
	overflow:hidden;
}


/* ----------------------------------------------------- */
/* #pageup */
/* ----------------------------------------------------- */


#pagetop {
    position: fixed;
    right: 5px;
	z-index:2000;

}
#pagetop a {
    background:url(images/pageup.png) no-repeat;
    text-decoration: none;
    width: 50px;
	height:50px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}
#pagetop a:hover {
    opacity:0.5;
}


/* ----------------------------------------------------- */
/* LOADER */
/* ----------------------------------------------------- */

#Loading{
	width:100% !important;
	background:#FFF !important;
	height:100% !important;
	position:absolute;
	top:0;
	left:0;
	z-index:1000 !important;
	text-align:center;
	padding:100px 0;
}

#Loader img{
	margin:30px auto;
}
	




/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* 下層共通 */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */



/* ----------------------------------------------------- */
/* header#main nav */
/* ----------------------------------------------------- */


header#main nav{
   width:100%;
   margin: 0 auto;
	position:relative;
	top:0;
	left: 0;
	z-index: -10;   

}
header#main nav ul{
   width:100%;
   margin: 0 auto;
   position:relative;
   padding-top: 20px;
}

header#main nav ul li{
   display: inline-block;
   margin: 0 25px 0 0;
   font-weight: 600;
   padding: 0 0 20px 0;
   top:18px;
   position:relative;
}

header#main nav ul li a{
   color: #000;
   text-decoration: none;
   display: block;
}
header#main nav ul li.now{
   background: url(images/nav_ico.png) no-repeat bottom center;
   padding-bottom:30px;
}


header#main nav ul li:last-child{
   margin-right:0;

}


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

#sns{
   width:100%;
   margin:0 auto 30px auto;
   text-align:center;

}
#sns img.line{
   width:200px;
   height:auto;
   margin:0 10px 5px 10px;
}



footer{
    background:#727272;
	width:100%;
	margin: 0 auto;
	padding:10px 0 2px 0;
	color:#FFF;
    font-family: "M PLUS 1p";
	font-weight: 400;
	text-align: left;
   position: relative;

}

.chara {
    z-index: 2000;
    width: 139px;
    position: fixed;
    bottom: 0;
    left: 5px;
}
.chara img{
	width:100%;
	height: auto;

}




p.back_arrow img{
   margin-right:5px;
   vertical-align:middle;
}



/* ----------------------------------------------------- */
/* pagination */
/* ----------------------------------------------------- */
.pagination{
    width:98%;
    margin:0 auto;
}
.pagination ul{
    width:99%;
    margin:0 auto;
    text-align:center;
    vertical-align:bottom;
}

.pagination ul li{

    text-align:center;
    font-size:14px;
    list-style-type:none;
    display:inline-block;
    margin:0 0 5px 0;

}
.pagination ul li a{
   padding:6px;
   /*background:#CCC;*/
   /*text-decoration:none;*/
   width:20px;
   height:22px;
   display:block;
   text-decoration:none;
}


.pagination ul li .current{
   padding:8px;
   background:#217705;
   color:#FFF;
   font-weight:bold;
   width:20px;
   height:25px;
}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             

.pagination ul li a.next{
   width:auto !important;
   /*background:none;*/
   padding-bottom:0;
}

.pagination ul li a.prev{
   width:auto !important;
   /*background:none;*/
   padding-bottom:0;
}

.pagination ul a{
   text-decoration:none;
}

/* ----------------------------------------------------- */
/* clearfix */
/* ----------------------------------------------------- */

.clearfix:after{
	content: ".";
	display:block;
	clear: both;
	height:0;
	visibility: hidden;
}
.clearfix{
    display: inline-block;
}

* html .clearfix{
    height:1%;
}
.clearfix{
   display: block;
}