@charset "utf-8";

/* =======================================
	PC Elements
======================================= */

/*CONT Default*/

#percent,#gauge{
	display:none;
}

footer{
	position:relative;
}

nav{
	min-height:58px;
}

p{
	font-size:1em;
	line-height:1.5em;
	text-align: left;
	margin:0 auto 1.2em;
	color:#000;
}

p span,
dd span{
	font-size:0.8em;
}

/**/
section#top{
	background:#000000;
}

section#top .wh_btm{
	position:absolute;
	width:100%;
	height:6.56%;
	background: #FFF;
	left:0;
	bottom:0;
}

section#top .main{
	width:100%;
	height:100%;
	background:url("../img/main_bg.jpg") no-repeat center top;
	background-size: cover;
	position:relative;
	transition:1s;
}

section#top .main img#mv_sp{
	display:none;
}

div.main .top_cont_wrap{
}

/*バナー掲載時*/
section#top .top_cont{
	width:44%;
	height:80%;
	position:absolute;
	left:50%;
	top:10%;
}
/*バナーを掲載しない時*/
section#top .top_cont.noBanner{
	position:absolute;
	left:50%;
	top:15%;
}

section#top .top_cont img{
	width:90%;
	margin:0 auto 3%;
	transition:1s;
}

section#top .top_cont img.sub{
	width:60%;
	margin-top:-1em;
}

/*バナー掲載時*/
section#top .top_cont .timeline{
	width:90%;
	height:40%;
	margin:0 auto 1em;
}

/*バナーを掲載しない時*/
section#top .top_cont.noBanner .timeline{
	height:50%;
}

section#top .top_cont.noBanner img.sub{
	width:70%;
}

section#top .top_cont a#bnr{
	transition:0.5s;
	z-index: 10;
}

section#top .top_cont a#bnr:hover{
	opacity:0.5;
}

/**/
section#about{
	background:#FFF ;
	margin:0;
	padding:1.5em 0 2em;
}

section#about div.contents{
	width:88%;
	margin:2em auto 4em;
	/*display:inline-flex;
	flex-wrap: wrap;
	justify-content:space-between;*/
}

section#about div.contents > p{
	width:42%;
	margin:0 3.8%;
	font-weight:bold;
	font-size:1em;
	line-height:2em;
	display:inline-block;
	vertical-align: top;
}

section#about div.contents > p.en{
	
	font-size:0.95em;
	line-height:1.9em;
}

/**/
section#info{
	background:#FFF;
	margin:0;
	text-align: center;
	padding:2em 0 2em;
}

section#info h1{
	width:30%;
	margin:0 auto 2.5em;
}

section#info h1 img{
	width:100%;
}

section#info h3{
	font-size:1.2em;
	font-weight:bold;
	margin:0 auto 0.5em;
}

section#info ul{
	margin:3em auto;
	font-size:1em;
}

section#info ul li{
	margin:0 auto 0.5em;
	line-height:1.5em;
}

section#info ul li span{
	font-size:0.8em;
}

section#info p{
	text-align: center;
}

section#info p span.ja,
section#info p span.en{
	display:block;
}

section#access{
	display:-webkit-box;
  	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding:3em 0 5em;
}

section#access div.left{
	width:38%;
	margin:0;
}

section#access div.right{
	width:20%;
	margin:0 0 0 5%;
}

section#access div img.map,
section#access div img.wm{
	width:100%;
}

section#access div.right a{
	width:100%;
	display:block;
	background:#CD000F;
	padding:1em 0;
	margin-top:2.5em;
	color:#FFF;
	font-weight:bold;
	text-decoration: none;
	transition:0.5s;
}

section#access div.right a img{
	height:1.2em;
	vertical-align: bottom;
	margin-right:0.3em;
}

section#access a:hover{
	opacity:0.5;
}

/*NAVI*/

nav{
	width:100%;
	position:fixed;
	left:0;
	top:0;
	margin:0;
	padding:0;
}

nav .navWrap{
	width:100%;
	background:#CD000F;
	color:#FFF;
	margin:0;
	padding-bottom:0.5em;
	text-align: left;
}

.navWrap p{
	color:#FFF;
	padding:0.5em 0 0 ;
	font-size:0.9em;
	margin:0 1em;
	width:auto;
	vertical-align: middle;
	display:inline-block;
}

.navWrap a{
	color:#FFF;
	text-decoration: none;
	transition:0.3s;
}

.navWrap a:hover{
	opacity:0.5;
}

.navWrap ul{
	position:absolute;
	right:0.5em;
	top:0.5em;
}

.navWrap ul li{
	display:inline-block;
	font-weight:bold;
	margin:0 1em 0 2em;
	transition:0.5s;
}

.navWrap ul li img{
	height:1.2em;
	width:auto;
	vertical-align:bottom;
	margin-right:0.3em;
}

.navWrap ul li:last-child{
	display:none;
}

@media (orientation: portrait) {
.navWrap ul li{
	margin:0 0.8em 0;
}	
}

/*FOOTER*/
footer{
	position:relative;
	text-align: center;
	padding:1em 0;
	background:#CD000F;
}

footer > div{
	width:90%;
	max-width:1200px;
	text-align:center;
	margin:0 auto;
}

footer > div ul.foot_bnr{
	text-align:center;
}

footer > div ul.foot_bnr li{
	width:30%;
	margin:0 1% 0.5em;
	display:inline-block;
}

footer > div ul.foot_bnr li img{
	width:100%;
	transition:0.5s;
}

footer copyright{
	font-size:0.7em;
	color:#FFF;
	text-align: center;
}

footer img#toho_logo{
	width:60px;
	margin:1em auto;
	display:block;
	transition:0.5s;
}

footer img:hover{
	opacity:0.5;
}

/*Smph display*/
.spdn{
	display:block;
}

.pcdn{
	display:none;
}


/* Slider */
/* Pager */
.lSSlideOuter{
	position:relative;
}

.lSSlideOuter .lSPager.lSpg {
   /* margin: 10px 0 0;
    padding: 0;*/
    text-align: center;
	position:absolute;
	left:0;
	bottom:10px;
	width:100%;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #CCCCCC;
    border-radius: 30px;
    display: inline-block;
    height: 12px;
    overflow: hidden;
    text-indent: -999em;
    width: 12px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #CD000F;
}
/* End of pager */