/*ベース*/
*{
 margin:0; padding:0; z-index:0;
 font-family:"游ゴシック"; color:#313131;
}
header,nav,section,footer,ul{
 display:block; position:relative; overflow:hidden;
}
section,ul,li{
 box-sizing:border-box;
}
li{
 list-style:none;
}
a{
 text-decoration:none;
}
.wrap{
 margin:0 auto; width:1200px;
}
.mobile{
 display:none;
}
.pc{
 display:block;
}
h1{
 text-indent:100%;
 white-space:nowrap;
 overflow:hidden; position:absolute;
}
h2{
text-align:center;
margin:50px 0;  font-size:48px;
}
h2#videohtml{
padding:160px 0; color:#FFFFFF; margin:0;
}
#contact h2,#privacy h2{
 color:#00a0e9; font-size:30px; padding-left:30px; text-align:left;
 border-bottom:3px double #00a0e9; margin:30px 0;
}
h3{
 color:#00a0e9; font-size:30px; padding-left:30px;
 border-bottom:3px double #00a0e9; margin:30px 0;
}
h4{
 border-bottom:1px solid #DDD; margin-bottom:10px;
}
.center{
 text-align:center;
}
/*header*/
/*
header{
 height:160px;
}
*/
header a{
 color:#000000;
}
/*
header img{
 position:absolute; top:30px; left:0;
}
*/
nav{
 height:30px;
}
nav ul{
 position:absolute; top:0; right:0;
}
nav ul li{
 float:left;
 font-size:14px;
 color:#434343;
}
#welcome{
background:#fafaf2;
}
#topimg{
 height:550px; background-image:url(../images/background.jpg); background-repeat:no-repeat; background-position:center;
}
/*subnav*/
#subnav{
 background:rgba(255,255,255,0.5); height:40px;
 margin-bottom:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;
}
#subnav ul{
 display:table; text-align:center; font-size:20px; font-weight:bold;
}
#subnav ul li{
 display:table-cell; display:block; float:left;
 margin-left:-1px; height:40px; line-height:40px;
 width:230px; color:#434343;
}
#subnav ul li:last-child{
 border-right:none;
}
#subnav ul li a{
 display:block;
}
#subnav ul li a:hover{
 color:#e5004f;
}
/*section*/

#iti{
 height:900px;
 background:#ffffff;
}
#otoku{
height:55px; line-height:55px; margin-top:25px;
display:block;
}
#muryou{
font-size:28px;  width:745px;
border:1px solid #535353; height:53px; line-height:53px;
display:block; float:left; letter-spacing:-0.1em; text-align:center;
}
#deco1red{
 margin-left:10px; background:darkred; color:white; display:block; width:420px; float:left; text-align:center;
 font-size:32px; letter-spacing:-0.1em;
}
#nayami dl{
 width:200px; float:left; margin-left:80px; margin-top:30px; height:270px;
}
#nayami dt{
 height:200px;
}
#nayami dd{
 font-size:16.5px; font-weight:bold;
}
#nii{
 height:760px;
 background:#fafaf2;
}
#tubopic{
 float:left; margin-left:80px;
}
#tubocomm{
 font-size:18px; font-weight:bold;
 float:right; width:410px; margin-right:60px;
}
#tubocomm p{
margin-top:1em;
}
#shikumi{
 color:#e60012; font-weight:bold; font-size:20px; letter-spacing:-0.1em;
 margin-left:80px;
}
#nou{
 clear:both; width:100%; 
}
#nou img{
 margin:25px 0;
}
#san{
 height:650px;
 background:#ffffff;
}
#movies img{
 width:355px; height:200px;
}
ul#movies{
 margin:70px 0 50px 0; margin-left:40px;
}
#movies li{
 float:left; margin-right:20px;
}

#shi{
 height:790px;
 background:#fafaf2;
}
#glaf{
 margin-bottom:35px;
}

#goo{
 height:880px;
 background:#ffffff;
 padding-top:20px;
}
#gleft{
 float:left; margin-top:20px; margin-left:50px;
}
#gright{
 float:right; margin-right:70px;
}
#gboth{
 clear:both; margin:100px; padding-top:40px;
}
.font18{
 font-size:18px;
}
.font22{
 font-size:22px;
}

#rok{
 height:1010px;
 background:#fafaf2;
}
#rok ul li{
 float:left; margin-left:40px;
}

#nan{
 height:1050px;
 background:#fbe6ef;
 padding-top:20px;
}
#subpic{
 margin:20px 0;
 position:relative;
}
#button{
 width:500px; height:100px; background-image:url(../images/kounyuu1.png);
 position:absolute; bottom:27px; left:66px;
}
#button:hover{
 background-image:url(../images/kounyuu2.png);
}
#nan p{
 padding-left:20px;
}
.relative{
display:block; position:relative;
}
.script-bane,
.script-bane1{
 position:absolute; top:0; left:400px;
}

/*video.html*/
#video1,#video2{
 margin:50px 0;
}
#video dl{
 width:auto; height:auto; float:left;
 display:block; position:relative; margin:20px 10px;
 border:1px solid #00a0e9; padding:20px;
}

#video dd{

 text-align:center; font-weight:bold;
}
#video iframe{
 width:335px; height:200px;
}
#back-video{
 background-image:url("../images/back-video.jpg");
 background-size:100%;
 z-index:2;
 height:400px;
}
.douga{
display:block;
}

/*fight.html*/
#p-mainpic{
 text-align:center;
}
.floatleft{
 float:left;
}
.font33{
 font-size:33px;
}
.font20{
 font-size:20px;
}
.font30{
 font-size:30px;
}
.red{
 color:#e60012;
}
.bold{
 font-weight:bold;
}
#width510{
 width:510px; float:right; margin-right:50px;
}
#width510 p{
 padding:20px 0;
}
#fight section{
 padding-left:40px;
}
#araicom p{
 font-size:16px; padding-top:20px;
}
#width610{
width:610px; float:right; margin-right:120px;
}
#tokkyo ul li{
 float:left; margin:0 30px;
}

/*product*/
#p-mainpic{
 text-align:center;
}
#shindou p{
 padding-bottom:50px;
}
.wrap1000{
 width:1000px; margin:0 auto;
}
#width700{
 width:700px; float:right;
}
.marginr200{
 margin-right:200px;
}
.clearboth{
 clear:both;
}
.floatright{
 float:right;
}
#shitajiki{
 margin:40px 0;
}
#h3product{
 border-bottom:none; font-size:20px; padding:0;
}
#p-meganizumu{
 padding-top:40px;
}
#p-meganizumu dl{
 padding-bottom:50px; padding-right:100px;
}
#p-meganizumu dt{
 color:#e60012;
}
/*company*/
#company h2{
 color:#00a0e9; text-align:left; border-bottom:3px double #00a0e9;

}
.paddingR20{
 padding-right:20px;
}
#company table{
 padding:0 50px;
}
#company th{
 width:100px; padding:10px;
 border-bottom:1px solid #DDD; vertical-align:top;
}
#company td{
 border-bottom:1px solid #DDD; padding:10px; vertical-align:top;
}
#width800{
 width:750px; float:left;
}
.table1 td{
 width:500px;
}
#company .table3 th{
 width:200px; text-align:left;
}
#company .table3 td{
 width:900px;
}
/*contact.html*/
#contact input.text{
 width:300px;
}
.button{
 width:100px;
}

/*privacy*/
#privacy p{
padding:10px;
}

/*report.html*/
#report img{
 width:100%;
}
#report h3{
 margin:0; padding:0; padding:20px;
 color:#000; border:none; text-align:center; font-size:40px;
}
#report p{
 font-weight:bold;
}
.text-center{
 text-align:center;
}
.width500{
 width:550px;
}
/*footer*/
footer{
 height:255px;
}
footer p{
 text-align:center; padding:30px; font-size:22px; color:#626262;
}
footer hr{
 border:7px solid #626262; margin-top:80px;
}


/* --************** オリンピックナビ ****************-- */

#header_index{
	
	background:rgb(255,255,255);
	height:40px;
	margin-top:20px;
	margin-bottom:20px;
}

#header_index ul{
	width:1200px;
	height:40px;
	margin:0 auto;
	padding:0;
	text-align:center;
	overflow:hidden;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

#header_index ul li{

	display:block;
	float:left;
	width:230px;
	color:#4343;
	font-size:20px;
	font-weight:bold;

}

#header_index ul li a{
	display:block;
	width:230px;
	height:40px;
	line-height: 40px;

}

#header_index ul li a:hover{
	color:#e5004f;
}

div#Olynpic_banner{
	//width:1200px;
	margin:0 auto;
}

div#Olynpic_banner img{
	text-align:center;
}

/* --===================================================-- */



/*◆◆◆◆◆◆◆◆◆◆レスポンシブ◆◆◆◆◆◆◆◆◆◆*/
@media screen and (max-width:780px){
html,body{
 height:auto;
}
.wrap,.wrap1000{
 width:95%; height:auto;
}
header,footer,section{
 float:none; height:auto;
 margin:0; padding:20px 0; float:none;
}
.red{
 color:#000000;
}
.bold{
 font-weight:normal;
}
header{
 padding:0; margin-top:-20px; padding-bottom:10px;
}
#button{
 display:none;
}
h2{
margin:10px; font-size:20px;
}
#contact h2,#privacy h2{
 color:#00a0e9; font-size:20px; padding-left:30px; text-align:left;
 border-bottom:3px double #00a0e9; margin:20px 0 30px 0;
}
h3{
font-size:18px; margin:10px 0;
}
.mobile{
 display:block;
}
.pc{
 display:none;
}

img{
 width:100%;
}

header{
 height:auto;
}
header img{
 position:relative; top:0px; left:0; margin-top:20px;
}
nav.mobile{
 height:auto; margin-top:20px;
}
nav.mobile ul{
 position:relative; width:100%; top:0; right:0;
}
nav.mobile ul li{
 float:none; font-size:20px; color:#434343; text-align:center;
 border-bottom:1px solid #fafaf2; display:block; padding:5px;
}
#otoku{
height:auto; line-height:auto; margin-top:10px; display:block; width:100%;
}
#muryou{
font-size:16px;  width:100%; border:1px solid #535353; height:auto; line-height:2em;
display:block; float:none; letter-spacing:0; text-align:center;
}
#deco1red{
 margin-left:0px;  width:100%; float:none; text-align:center;
 font-size:16px; letter-spacing:0em; font-weight:bold;
}
#topimg{
 height:auto;
}
#shikumi{
 color:#e60012; font-weight:normal; font-size:18px; letter-spacing:0em;
 margin-left:0; padding:10px;
}
#iti{
 height:auto; background:#ffffff;
}
#nayami dl{
 width:70%; float:none; margin-left:15%; margin-top:0px; height:auto;
}
#nayami dt{
 width:90%; height:90%; margin-left:5%;
}
#nayami dd{
 font-size:16.5px; font-weight:bold; text-align:center; padding:10px;
}
#nii{
 height:auto; background:#fafaf2;
}
#tubopic{
 float:none; margin-left:0px;
}
#tubocomm{
 font-size:18px; font-weight:bold;
 float:none; width:auto; margin-right:0px;
}
#tubocomm p{
margin-top:1em;
}
p#shikumi{
 color:#e60012; font-weight:normal; font-size:20px; letter-spacing:0em;
 margin-left:0px; margin-bottom:20px;
}
#nou{
 clear:both;
}
#nou img{
 margin:20px 0; width:150%; margin-left:-25%;
}

#san{
 height:auto; background:#ffffff;
}
#movies img{
 width:80%; height:auto;
}
ul#movies{
 margin:10px 0; margin-left:20%;
}
#movies li{
 float:none; margin-right:0;
}

#shi{
 height:auto;
 background:#fafaf2;
}
#glaf{
 margin-bottom:10px;
}

#goo{
 height:auto;
 background:#ffffff;
 padding-top:20px;
}
#gleft{
 float:none; margin-top:10px; margin-left:0px;
}
#gright{
 float:none; margin-right:0px;
}
#gboth{
 clear:both; margin:10px; padding-top:40px;
}

#rok{
 height:auto; background:#fafaf2;
}
#rok ul li{
 float:none; margin-left:0px; padding:5px;
}

#nan{
 height:auto; background:#fbe6ef; padding-top:20px;
}
#subpic{
 margin:20px 0; position:relative;
}
#video{
 float:none padding:0 20px;
}
#video ul li{
width:100%; height:100%;
}
iframe{
width:100%; height:100%;
}
#san,#shi{
padding-bottom:20vh;
}
.script-bane,
.script-bane1{
left:5%;
}
#back-video{
 background-image:none;
 height:40px;
}

#video1,#video2{
 margin:0;
}
h2#videohtml{
 color:#00a0e9; padding:0; margin:10px 0 10px 0;
}
#subnav{
 width:100%; height:auto;
}
#subnav ul{
 width:100%; height:auto; padding:20px 0;
}
#subnav ul li{
 display:table-cell; display:block; float:none; border-right:none; border-bottom:1px solid #ddd; margin-bottom:5px;
 margin-left:0; width:100%;
}
#subnav ul li a{
 width:100%;
}
#video iframe{
 width:100%; height:100%;
}
#video dl{
 width:auto; height:auto; float:none;
}

/*prpduct.html*/
#width700{
 float:none; width:100%;
}
.floatright,.floatleft{
 float:none;
}
#p-meganizumu{
 padding-top:10px;
}
#p-meganizumu dl{
 padding-right:0px;
 padding-bottom:10px; padding-top:10px;
}
#shindou p{
 padding-bottom:10px;
}
#shitajiki{
 margin:10px 0;
}
/*fight.html*/
#width510,#width610{
 width:100%; float:none; margin-right:0;
}
#fight section{
 padding-left:0px;
}
#tokkyo ul,#tokkyo ul li{
 width:100%; margin:0;
}

#width510 p{
 padding:5px 0;
}
#araicom p{
 font-size:16px; padding-top:5px;
}
.font30,.font33{
 font-size:20px;
}
.font33{
font-weight:bold;
}
/*company.html*/
#company table{
 padding:0 10px;
}
#width800{
 width:100%; float:none;
}
#company th{
 width:70px; padding:10px;
 border-bottom:1px solid #DDD; vertical-align:top;
}
/*contact.html*/
.button{
 width:100%;
}

/*report.html*/
.width500{
 width:100%;
}
#report p{
 font-weight:normal;
}
/*footer*/
footer{
 height:autopx;
}
footer p{
 text-align:center; padding:10px; font-size:20px;
}
footer hr{
 border:7px solid #626262; margin-top:40px;
}

/* --******************** オリンピックバナー ******************-- */

#header_index{
	display:none;
}

div#Olynpic_banner img{
	display:block;
	margin:0 auto;
	width:90%;
}

/* --===============================================---- */

/*レスポンシブここまで*/
}