@charset "utf-8";
/* PC用共通CSSファイル */

@media screen and (min-width: 961px){

* {
	margin: 0 ;
	padding: 0;
	width:100%;
	}

html {
	font-size: 62.5%;
}

body {
//	background-image:url(../../images/bg.jpg);
//	background-repeat: no-repeat

	padding: 0;
	margin: 0;
	box-sizing : border-box;
	font-size: 1.4rem;
	background-color: #ffffff;
	color:#000000;
//	font-weight:bold;
	vertical-align: baseline;
	font-family: "ヒラギノ角ゴ", 'Hiragino Kaku Gothic Pro', 'Osaka', "MS Pゴシック", 'MS P Gothic', "メイリオ", 'Meiryo', 'Helvetica Neue','Helvetica','Arial', sans-serif;
	background-size:100% auto;
	margin-right: auto;
	margin-left : auto;

	}

div.resizeimage img { width: 100vw; }

input,select
{font-size:100%; padding:5px;}

/* ------------------------------
	リンク
------------------------------ */

a {
	color:#000000;
}
a:link{
	text-decoration:underline;
}
a:visited{
	text-decoration:underline;
}
a:hover{
	text-decoration:underline;
}
a:active {
	text-decoration: underline;
	}
	
img,a img{
	border: 0;
//	text-decoration:none;!important
}


	


/* ------------------------------
	contents
------------------------------ */

.noBorder {
	border:0;
	outline:0;
}

.inner{
margin:0 auto;
width:100%;
}

.container {

	left:	0px;
//	width:1200px;
	width:100%;
	text-align: center;
	font-size: 1.5rem;
//	color: #ffffff;
	margin: 0 auto;
	padding:0px;
	display: block;
}

.header_box1{
	position: relative;
	height: 50px;
	width: 100%;
	background-color: #000000;
	margin-left : auto ; margin-right : auto ;
}


.header_box2{
	position: relative;
	height: 70px;
	width: 100%;
	background-color: #ff166c;
	margin-left : auto ; margin-right : auto ;
}
.header_sns_link{
	width: 1200px;

	margin-left : auto ; margin-right : auto ;

}
.header_menu{
	width: 1200px;

	margin-left : auto ; margin-right : auto ;
}


.footer_box{
	position: relative;
	color:#ffffff;
	width: 100%;
	height:	50px;
//	margin: 10px auto 10px;
	padding: 0;
	background-color: #000000;
	margin-left : auto ; margin-right : auto ;

}

.footer_copy{
	position: absolute;
	top:15px;
	color:#ffffff;
	width: 100%;
//	margin: 10px auto 10px;
	text-align: center;
}



.img_box {
	float:left;
//	width: 100%;
}

.sns_box{
	position: relative;
	/*position: absolute;*/
	float:right;
	text-align: left;;
	width:211px;
	height: 40px;
	background: #cfff6a;
	padding: 0 45px 0 10px;
	top:10px;
}
.sns_box.header_box_inner{
	width: 80px;
}
.header_box1 .lang{
	padding-top: 10px;
	text-align: right;
}
.header_box1 .lang form{
	width: 140px;
	display: inline-block;
	float: left;
	text-align: left;
}
.official_link{
	display: inline;
	text-align: right;
	/*background-image:url(../../images/official_link.jpg);*/
	/*background-repeat: no-repeat*/
	/*min-width: 181px;*/
	/*height: 40px;*/
}
.clearfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/*.header_fb{
	position: absolute;
	width:27px;
	top:7px;
	left:75px;
}
.header_tw{
	position: absolute;
	width:27px;
	top:7px;
	left:110px;
}*/
.header_yt{
	position: absolute;
	width:27px;
	top:7px;
	right:10px;
}

.main_title{
	width:370px;
	height: 70px;
}
.menu01{
	width:161px;
}
.menu02{
	width:79px;
}
.menu03{
	width:110px;
}
.menu04{
	width:142px;
}
.menu05{
	width:85px;
}
.menu06{
	width:90px;
}
.menu07{
	width:81px;
}
.menu08{
	width:82px;
}

.base_all{
	width: 1200px;
	position: relative;
	margin-left : auto ; margin-right : auto ;
}

.page_title{
	width: 1158px;
	margin-left : auto ;
	margin-right : auto ;
	margin-top : 40px;
	font-size: 40px;
	line-height: 1;
	padding: 55px 0;
	text-align: center;
	font-weight: bold;
}

.space80{
	margin : 40px auto;
}



/* ------------------------------
	menu
------------------------------ */

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
//  display: block;
  float: left;
  margin: 0;
  line-height: 1;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;

}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  text-align: left;
}

#normal li ul{
  display: none;
}
#normal li:hover ul{
  display: block;
}


/* ------------------------------
	JS check
------------------------------ */

.js_chk{
	width: 1060px;
	text-align: left;
	border: 5px solid #ffaaaa;
	padding: 10px;
	margin-left : auto ;
	margin-right : auto ;
}

.js_chk p{
	text-align:center;
	font-size: 16px;
	font-weight: bold;
}


/* ------------------------------
	pc view
------------------------------ */


.img_sp_view{
	display:none;

}


/* PC用共通CSSファイル */

}
.hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}