@charset "utf-8";

body{
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#FFF;
}

/************************
	Base
************************/
h1,h2{
	margin:0;
	padding:0;
	text-shadow:1px 1px 3px #333;
}
h1{
	font-size:1.25em;
}
h2{
	font-size:1em;
	font-weight:normal;
}
.section{
	height:100vh;
	overflow:hidden;
	background-size: cover;
}
.secinner{
	height:100vh;
}
.slide{
	background-size: cover;
}

/************************
	Section
************************/
#section0{
	background-image: url(../images/firstBG.jpg);
	padding:96px 0 0 0;
}
#section1{
	background-image: url(../images/secondBG.jpg);
	padding:96px 0 0 0;
}
#section2{
	background-image: url(../images/thirdBG.jpg);
	padding:96px 0 0 0;
}
#section3{
	background-image: url(../images/forthBG.jpg);
	padding:96px 0 0 0;
}
#section4{
	background-image: url(../images/fifthBG.jpg);
	padding:96px 0 0 0;
}
#section5{
	background-image: url(../images/sixthBG.jpg);
	padding:96px 0 0 0;
}
#section6{
	background-image: url(../images/seventhBG.jpg);
	padding:96px 0 0 0;
}
/*#section6{
	padding:96px 0 0 0;
	position:relative;
}
#section6 h1{
	z-index:100;
}
#section6 video{
	position:absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index:-1;
	background-size: cover;
}*/
#section7{
	background-image: url(../images/eighthBG.jpg);
	padding:96px 0 0 0;
}
#section8{
	background-image: url(../images/ninthBG.jpg);
	padding:96px 0 0 0;
}
#section9{
	background-image: url(../images/tenthBG.jpg);
	padding:96px 0 0 0;
}
#section9 h1{
	color:#000;
}
/************************
	Head
************************/
#headmenu{
	list-style: none;
	position: fixed;
	width:100%;
	left:0;
	top:0;
	padding:0;
	margin:0;
	z-index:1000;
}
#headmenu ul{
	width:100%;
	max-width:1180px;
	margin:0 auto;
	padding:0;
	font-size:0;
	height:48px;
}
#headmenu li{
	display:inline-block;
	border-left:1px dotted #CCC;
}
#headmenu li:first-child{
	border-left:none;
	margin:0;
	padding:0;
	font-size:0;
}
#headmenu li a{
	display:block;
	padding:0 0.8em;
	font-weight:bold;
	font-size:14px;
	line-height:48px;
	color:#333;
	background:#FFF;
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
	text-decoration:none;
	-webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
	     -o-transition: 0.5s ease-in-out;
	        transition: 0.5s ease-in-out;
}
#headmenu li.listtop{
	float:left;
}
#headmenu li.listtop a{
	font-size:0;
	line-height:0;
	padding-left:4px;
}
#headmenu li.listtop a span{
	padding:0 1.1em 0 0.4em;
	font-size:14px;
	line-height:48px;
}
#headmenu li.listtop a span,
#headmenu li.listtop a img{
	vertical-align:middle;
	border:none;
}
#headmenu li a:hover{
	filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}

/************************
	Head Submenu
************************/
#headmenu li{
	position:relative;
	height:48px;
}
#headmenu li ul{
	position:absolute;
	top:48px;
	width:100%;
	max-width:240%;
	margin:0;
	padding:0;
	font-size:14px;
	height:auto;
	z-index:2000;
}
#headmenu li ul li{
	border:none;
	-webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
	     -o-transition: 0.5s ease-in-out;
	        transition: 0.5s ease-in-out;
}
#headmenu li:hover ul li{
	border-left:none;
	border-bottom:1px dotted #666;
}
#headmenu li ul li:last-child{
	border-bottom:none;
}
#headmenu li:nth-child(6) ul{
	width:400px;
}
#headmenu li:nth-child(7) ul{
	width:270px;
}
#headmenu li:nth-child(8) ul,
#headmenu li:nth-child(8):hover li{
	width:220px;
	right:0;
}
#headmenu li:nth-child(3) ul,
#headmenu li:nth-child(4) ul,
#headmenu li:nth-child(5) ul{
	width:150px;
}
#headmenu li:last-child ul{
	width:120px;
	right:0;
}
#headmenu li ul li{
	display:block;
	overflow:hidden;
	top: 0%;
	height:0;
}
#headmenu li:hover ul li{
	overflow:visible;
	height:48px;
}

/************************
	TogMenu
************************/
.menubtn {
	display:none;
}
.togmenu {
	display:block;
}
@media screen and (max-width: 640px) {
	.togmenu {
		display:none;
	}
	.menubtn{
		display:block;
		padding:0.5em;
		background:#FFF;
		color:#000;
		font-weight:bold;
		cursor:pointer;
		filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
		margin:0;
	}
	.menubtn:hover{
		filter:alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
	#headmenu ul{
		width:100%;
		max-width:100%;
		margin:0 auto;
		padding:0;
		font-size:0;
		height:auto;
	}
	#headmenu li{
		position:inherit;
		display:block;
		border-left:none;
		width:100%;
		border-bottom:1px solid #AAA;
		margin:0;
		padding:0;
		height:auto !important;
	}
	#headmenu li:first-child{
		border-top:1px solid #AAA;
	}
	#headmenu li a{
		display:block;
		width:100%;
		padding:0.5em 0.8em;
		font-weight:bold;
		font-size:14px;
		line-height:1.6;
		color:#333;
		background:#FFF;
		filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
		text-decoration:none;
	}
	#headmenu li.listtop{
		float:none;
	}
	#headmenu li.listtop a{
		font-size:0;
		line-height:0;
		padding-left:4px;
	}
	#headmenu li.listtop a span{
		padding:0 1.1em 0 0.4em;
		font-size:14px;
		line-height:48px;
	}
	#headmenu li.listtop a img{
		display:none;
	}
	#headmenu li ul{
		display:none !important;
	}
	#headmenu li ul:hover *{
		display:none !important;
	}
}

/************************
	Inner
************************/
.section .secinner{
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
.section .secbody_l{
	width:45%;
	float:left;
}
.section .secbody_r{
	width:45%;
	float:right;
}
.section .secbody_l,
.section .secbody_r{
	box-sizing:border-box;
	height:calc(100vh - 120px);
	overflow:auto;
}
.section .secbody_l div,
.section .secbody_r div{
	background:#000;
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
	padding:10px !important;
	color:#FFF;
}

.section .secbody_l a,
.section .secbody_r a{
	color:#FFF;
}
.section .secbody_l .plink a,
.section .secbody_r .plink a{
	text-decoration:none;
	font-weight:bold;
	display:block;
	padding:0.5em;
	background:#FFF;
	color:#005FB5;
	box-shadow:2px 2px #666;
}
.section .secbody_l .plink a:hover,
.section .secbody_r .plink a:hover{
	background:#666;
	color:#FFF;
	box-shadow:none;
}
.section .secbody_l .plink a:before,
.section .secbody_r .plink a:before{
	content:"　";
	width:1em;
	background:url("../images/toplink_icon.png") no-repeat center center;
	background-size:11px 18px;
}
.section .secbody_l .plink a:hover:before,
.section .secbody_r .plink a:hover:before{
	background:url("../images/toplink_icon2.png") no-repeat center center;
}

@media screen and (max-width: 640px) {
	.section .secbody_l,
	.section .secbody_r{
		width:90%;
		float:none;
		margin:0 auto;
	}
}

/************************
	Clear
************************/
/*clearfix*/
.clear{
 clear:both;
}
.clearfix:after{
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}
.clearfix{
 display: inline-table;
 min-height: 1%;
 overflow:hidden;
}
/*Hides from MacIE \*/
* html .clearfix{zoom: 1;}
*:first-child+html .clearfix {zoom: 1;}
.clearfix{display: block;}
/*Hides from MacIE */


/************************
	Calrse
************************/
#myRoundabout {
	padding: 0;
	background:url("../images/logo_top.png") no-repeat center center;
	background-size:cover;
}
#myRoundabout ul {
list-style: none;
    margin: 0;
}
#myRoundabout li {
	list-style-type: none;
}
.roundabout-holder {/*全体表示幅*/
	list-style: none;
	width:80%;
	height:calc(100vh - 200px);
	margin: auto;
}
.roundabout-moveable-item{
	cursor: pointer;
}
.roundabout-moveable-item a{
	display:block;
	background-size:cover;
	border-radius:100%;
}
.roundabout-moveable-item a.ch1{
	background:url("../images/1.jpg") no-repeat center center;
}
.roundabout-moveable-item a.ch1:hover,
.roundabout-in-focus a.ch1{
	background:url("../images/1_ov.jpg") no-repeat center center !important;
}
.roundabout-moveable-item a.ch2{
	background:url("../images/2.jpg") no-repeat center center;
}
.roundabout-moveable-item a.ch2:hover,
.roundabout-in-focus a.ch2{
	background:url("../images/2_ov.jpg") no-repeat center center !important;
}
.roundabout-moveable-item a.ch3{
	background:url("../images/3.jpg") no-repeat center center;
}
.roundabout-moveable-item a.ch3:hover,
.roundabout-in-focus a.ch3{
	background:url("../images/3_ov.jpg") no-repeat center center !important;
}
.roundabout-moveable-item a.ch4{
	background:url("../images/6.jpg") no-repeat center center;
}
.roundabout-moveable-item a.ch4:hover,
.roundabout-in-focus a.ch4{
	background:url("../images/6_ov.jpg") no-repeat center center !important;
}
.roundabout-moveable-item a.ch5{
	background:url("../images/9.jpg") no-repeat center center;
}
.roundabout-moveable-item a.ch5:hover,
.roundabout-in-focus a.ch5{
	background:url("../images/9_ov.jpg") no-repeat center center !important;
}
.roundabout-moveable-item a.ch6{
	background:url("../images/4.jpg") no-repeat center center;
}
.roundabout-moveable-item a.ch6:hover,
.roundabout-in-focus a.ch6{
	background:url("../images/4_ov.jpg") no-repeat center center !important;
}
.roundabout-moveable-item a.ch7{
	background:url("../images/5.jpg") no-repeat center center;
}
.roundabout-moveable-item a.ch7:hover,
.roundabout-in-focus a.ch7{
	background:url("../images/5_ov.jpg") no-repeat center center !important;
}
.roundabout-moveable-item a.ch8{
	background:url("../images/7.jpg") no-repeat center center;
}
.roundabout-moveable-item a.ch8:hover,
.roundabout-in-focus a.ch8{
	background:url("../images/7_ov.jpg") no-repeat center center !important;
}
.roundabout-moveable-item a.ch9{
	background:url("../images/8.jpg") no-repeat center center;
}
.roundabout-moveable-item a.ch9:hover,
.roundabout-in-focus a.ch9{
	background:url("../images/8_ov.jpg") no-repeat center center !important;
}
.roundabout-moveable-item img {/*画像の大きさ*/
	height:100%;
	width:100%;
	border: none;
	border-radius:100%;
}
.roundabout-in-focus { cursor: auto; }