/* 
Theme Name: TRS_new
Author:株式会社HUGHUG
Description: TRS2026デザイン変更
Version: 2.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:10px auto 0 auto;
   display: inline-block;
}
header#main h1 a{
    text-decoration: none;
}
header#main h1 img{
    width:400px;
    height:auto;
    display:block;
    margin:0 auto;
}

/* ----------------------------------------------------- */
/* nav */
/* ----------------------------------------------------- */


header#main nav{
   width:100%;
   margin:0 auto;
   background:#eaeaea;

}

header#main nav ul{
   width:100%;
   margin:0 auto; 
   padding:3px 0;
   text-align:center;
}


header#main nav ul li{
   display: inline-block;
   margin: 0 25px 0 0;
   font-weight: 600;
   padding: 0;

}
header#main nav ul li a{
   text-decoration: none;
   display: block;
   color:#000;
}

header#main nav ul li a:hover{
   text-decoration:underline;

}

header#main nav ul li:first-child{
   width:7%;
   background:#15552d;
   color:#FFF;
   font-weight:bold;
   font-size:16px;
}

header#main nav ul li:first-child a{
   color:#FFF;
   padding:15px 10px;

}

header#main nav ul li:first-child:hover{
   background:#00992f;
}

/* ----------------------------------------------------- */
/* #topic_path */
/* ----------------------------------------------------- */

ol#topic_path {
  width: 100%;
  margin: 0 auto 30px auto;
  background: #000;
  padding: 5px 15px; /* 左右に少し余白 */
  text-align: left;
  list-style: none; /* リストの・を消す */
}

ol#topic_path li {
  display: inline-block;
  font-weight: 600;
  font-size: 11px;
  color: #FFF;
}

/* リンク自体の余白調整 */
ol#topic_path li a {
  color: #FFF;
  text-decoration: none;
  margin-right: 5px; /* 文字と > の間隔 */
}

/* ★「最後以外」の li にだけ > を付ける */
ol#topic_path li:not(:last-child):after {
  content: ">";
  margin: 0 10px;
  color: #FFF;
}




/* ----------------------------------------------------- */
/* 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 ul li.mb{
    display:none;
}



html,body,#wrapp{
	overflow-x: hidden;
}
.gnav_ico{
	visibility:visible !important;	
	position:fixed;
	right:0;
	top:0px;
z-index: 999999;	
}


#wrapper {
    position: relative;
    -webkit-transition: all .2s;
            transition: all .2s;
}
#wrapper.open {
    -webkit-transform: translate3d(-250px, 0, 0);
    transform: translate3d(-250px, 0, 0);
    overflow: hidden;
}

/* ドロワーが開いたとき、コンテンツ部分にかけるオーバーレイ */
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9999;
	background: rgba(0, 0, 0, .3);
}

/* ドロワー本体 */
#drawer {
    position: fixed;
    top: 0;
    right: -250px;
    width: 250px;
    height: 100%;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all .2s;
    transition: all .2s;
    background-color: #333;
}
#drawer.open {
    -webkit-transform: translate3d(-250px, 0, 0);
    transform: translate3d(-250px, 0, 0);
}
/* 開閉ボタン */

header.gnav_ico .drawer-button {
	display: block;
	float: right;
	margin:0 0 0 auto;
	background:#15552d;
	padding:0;
	text-align: center;
	width:75px;
	height:75px;
	


}

header.gnav_ico .drawer-button img{
   width:60%;
   height: auto;
   margin: 15px auto 0 auto;
}



header.close .drawer-button {
	display: block;
	float: left;
	background-color: #333;
	margin:0 auto 0 0px;

}

.drawer-button:hover{
	/*opacity:0.5;*/

	
}

header.close .drawer-button img{
	display:block;
}

/* 以下はメニューのスタイリングなど */
#drawer ul {
    border-top: solid 1px #666;
    border-bottom: solid 1px #666;
    color: #FFF;
}
#drawer ul li {
	border-bottom: dotted 1px #666;

	text-align:left;
	font-size:18px;
}

#drawer ul li:last-child{
	border-bottom:0;
}



#drawer ul li a{
	color:#FFF;
	text-decoration:none;
	display:block;
	padding: 12px 20px;	
}

ul.gnav li img{
	vertical-align:bottom;
	margin-right:5px;
}

header:after {
	content: "";
	display: block;
	clear: both;
}



/* ----------------------------------------------------- */
/* #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;
}
	




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




/* ----------------------------------------------------- */
/* 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;
}