@charset "utf-8";

/* =======================================
	SmartPhoneElements
======================================= */

/*CONT Default*/

#percent,#gauge{
	display:none;
}

body{
	background:#FFF;
	font-size:100%;
}

p{
	font-size:0.9em;
	line-height:1.5em;
	text-align: left;
	margin:0 auto 1.2em;
}

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

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

section#top .wh_btm{
	display:none;
}

section#top .main{
	width:100%;
}

section#top .main img.main_logo{
	width:46%;
	position:fixed;
	left:27%;
	top:0.5em;
	z-index: 9999;
}

section#top .main img#mv_sp{
	width:100%;
	height:auto;
	margin:10vh 0 0;
}

div.main .top_cont_wrap{
	width:100%;
	position:relative;
	margin:0 auto;
	/*border:solid 1px #000;*/
}

section#top .top_cont{
	width:88%;
	margin:0 auto;
}

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

section#top .top_cont .timeline{
	width:100%;
	margin:0 auto 2em;
	border:solid 1px #D7000F;
}

section#top .top_cont .timeline iframe { width: 740px !important; }

/**/
section#about{
	background:#FFF ;
	margin-top:-12vh;
	padding:12vh 0 2em;
}

section#about div.contents{
	width:88%;
	margin:0 auto 1em;
}

section#about div.contents > p{
	width:100%;
	font-weight:bold;
	font-size:0.9em;
	line-height:1.8em;
	margin-bottom:2em;
}

img#shopImage{
	margin-top:-12vh;
	padding-top:12vh;
}

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

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

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

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

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

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

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

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

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

section#access{
	display:flex;
	flex-direction: column-reverse;
	justify-content:center;
	padding:12vh 0 8em;
	position:relative;
	margin-top:-12vh;
}

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

section#access div.right{
	width:88%;
	margin:0 auto;
}

section#access div img.map{
	width:90%;
	margin:0 auto;
}

section#access div img.wm{
	width:58%;
	margin:1em auto 1.5em;
}

section#access div.right a{
	width:48%;
	display:block;
	position:absolute;
	left:26%;
	bottom:3em;
	background:#CD000F;
	padding:1em 0;
	margin-top:2em;
	color:#FFF;
	font-size:0.9em;
	font-weight:bold;
	text-decoration: none;
}

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;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	z-index: 999;
}

nav .navWrap{
	width:100%;
	background:#FFF;
	text-align: center;
	height:10vh;
	position:relative;
}

.navWrap p{
	display:none;
}

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

.navWrap a:hover{
	opacity:0.5;
}

.navWrap ul{
	position:absolute;
	right:0;
	top:10vh;
	width:100%;
	height:90vh;
	background:rgba(215,0,15,0.98);
	display:none;
}

.navWrap ul li{
	display:block;
	font-weight:bold;
	margin:0 auto 1.5em;
	color:#FFF;
	font-size:1.3em;
}

.navWrap ul li:first-child{
	margin-top:2em;
}

.navWrap ul li:last-child{
	font-size:1em;
	font-weight:normal;
	margin-top:5em;
}

.navWrap ul li img{
	width:7%;
	margin:0 auto 0.2em;
	display: block;
}


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

footer > div{
	text-align:center;
	margin:0 auto;
}

footer > div ul.foot_bnr{
	width:96%;
	margin:0 2%;
	position:relative;
	text-align: left;
}

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

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

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

footer img#toho_logo{
	width:15%;
	margin:1em auto;
	display:block;
}

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

.pcdn{
	display:block;
}

.w100{width:100%}
.w95{width:95%}
.w90{width:90%}
.w85{width:85%}
.w80{width:80%}
.w75{width:75%}
.w70{width:70%}
.w65{width:65%}
.w60{width:60%}
.w55{width:55%}
.w50{width:50%}
.w45{width:45%}
.w40{width:40%}
.w35{width:35%}
.w30{width:30%}
.w25{width:25%}
.w20{width:20%}
.w15{width:15%}
.w10{width:10%}
.w05{width:5%}

/* Pager */
.lSSlideOuter{
	position:relative;
	width:100%;
}

.lSSlideOuter img{
	width:100%;
}

.lSSlideOuter .lSPager.lSpg {
   margin: 0.5em 0 0;
    padding: 0;
    text-align: center;
}
.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 */