@charset "UTF-8";
/************************************************
ひごカルHP-スタイルシート
*************************************************/
/*--------------------初期化--------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
figure,
figcaption,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  padding: 0;
  border: 0;
  margin: 0;
  font-weight:normal;
}

ol,
ul,
li {
  list-style: none;
}

a img,
iframe {
  border: none;
}

img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

/*--------------------固定記述------------------*/
body {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.clearfix::after{
	content: "";
	display: block;
	clear: both;
}
br {
  opacity: 0;
  /* IE・Edge対策 */
}

/*-------------共通の装飾ここから----------------*/






/*-------------共通の装飾ここまで----------------*/
/*--------------------PC版ここから--------------*/
@media (min-width: 1200px) {

.pc_none{
	display:none;
}

body{
	height: 100%;
	background-image: url('../img/back_image.jpg');
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

header{
background: rgb(218,254,0);
background: linear-gradient(90deg, rgba(218,254,0,1) 0%, rgba(0,255,226,1) 100%);
}

header div{
	width: 1200px;
	margin: 0px auto;
	padding:0px 0px 10px;
}

h1{
	float: left;
	padding: 10px 0px 0px;
	margin-left:20px;
}
h1 a img{
	width: 180px;
}

header div ul{
	width: 900px;
	float: right;
	padding: 13px 30px 0px 0px;
}
header div ul li{
	float: right;
	margin: 0px 0px 0px 30px;
}

header div ul li a img{
	width:100%;
}

.mainimage_area{
	width: 100%;
	height: 399px;
	text-align: center;
	background-image: url('../img/backtop.png');
}
.mainimage_area img{
	width: 1000px;
	margin: 12px 0px 0px;
}

#contents01{
	/*background-color:#FFFFB8;*/
	width: 1024px;
	margin: 0px auto;
}
h2{
	text-align: center;
	margin: 50px 0px 20px;
}
h2 img{
	width: 50%;
	filter: drop-shadow(0px 3px 2px #ddd);

}
.about_text{
	text-align: center;
}
.about_text img{
	width: 80%;
}
.groupname{
	text-align: center;
}
.groupname img{
	width: 50%;
}

.groupname_talent01{
	text-align: center;
	margin:50px 0px;
}
.groupname_talent01 img{
	width: 80%;
}

.castintro{
	/*background-color:#98A57F;*/
	width: 990px;
	margin: 0px auto 100px;
}
.castintro li{
	display: block;
	width: 300px;
	float: left;
	margin: 0px 15px;
}
.castintro li a img{
	width: 100%;
}



/*---キャラ紹介用---↓*/
.talentbox{
	width: 1000px;
	margin: 100px auto 200px;
}
.character{
	width: 400px;
	margin: 0px;
	float: left;
}
.character img{
	width: 100%;
	margin: 0px 0px;
}
.profile{
	width: 550px;
	float: right;
}

.profile img{
	width: 100%;
}

.profile .sns_acount{
	width: 450px;
	margin: 30px auto;
}

.profile .sns_acount li{
	width: 90px;
	float: left;
	margin: 0px 10px;
}

.profile .sns_acount li a img{
	width: 100%;
}


.about_text02{
	text-align: center;
	background-color:rgba(255,255,255,0.7);
	padding:30px;
	border-radius:30px;
}

h3{
	border-bottom:3px solid #305c4f;
	font-size:30px;
	text-align:center;
	color:#305c4f;
	font-weight:bold;
	text-shadow: 2px 5px 20px #fff;
	margin-bottom:20px;
}

.about_text02 p{
	font-size:26px;
	color:#305c4f;
}



.operators ul li{
	width:80%;
	margin:0px auto 30px;
	padding:2%;
	background-color:#fff;
	border-radius:20px;
}

.operators ul li img.opeleft{
	float:left;
	width:30%;
}

.operators ul li .ope_txt{
	width:67%;
	float:right;
}

.operators ul li .ope_txt h4{
	margin:10px 0px 20px;
}

.operators ul li .ope_txt h4 img{
	height:60px;
}

.operators ul li .ope_txt p{
	font-size:30px;
	line-height:1.4em;
	color:#305c4f;
}

.operators ul li .ope_txt p.int1{
	font-size:40px;
	margin-bottom:15px;
	padding-left:10px;
}

.operators ul li .ope_txt p.job{
	border-bottom:2px solid #305c4f;
	margin-bottom:7px;
	padding-bottom:3px;
	font-weight:bold;
}


footer{
	background: rgb(0,255,226);
	background: linear-gradient(90deg, rgba(0,255,226,1) 0%, rgba(218,254,0,1) 100%);
	padding: 20px;
	text-align: center;
	color: #ffffff;
	text-shadow: 1px 2px 3px #808080;
	margin: 200px 0px 0px;
}
footer span{
}

}
/*--------------------PC版ここまで--------------*/
/*--------------------SP版ここから--------------*/
@media (max-width: 1199px) {

.sp_none{
	display:none;
}

body{
	height: 100%;
	background-image: url('../img/back_image.png');
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

header{
background: rgb(218,254,0);
background: linear-gradient(90deg, rgba(218,254,0,1) 0%, rgba(0,255,226,1) 100%);
}

header div{
	width:100%;
	margin: 0px auto;
}

h1{
	width:100%;
	float: left;
	padding: 10px 0px 10px;
}
h1 a img{
	margin-left:10px;
	width: 30%;
}

header div ul{
}

header div ul li{
}

header div ul li a img{
	width:100%;
}

.mainimage_area{
	text-align: center;
	background-image: url('../img/backtop.png');
}
.mainimage_area img{
	width: 100%;
	margin: 12px 0px 0px;
}

#contents01{
	/*background-color:#FFFFB8;*/
	width: 96%;
	margin: 0px auto;
}
h2{
	text-align: center;
	margin: 50px 0px 20px;
}
h2 img{
	width: 70%;
	filter: drop-shadow(0px 3px 2px #ddd);

}
.about_text{
	text-align: center;
}
.about_text img{
	width: 94%;
}
.groupname{
	text-align: center;
}
.groupname img{
	width: 50%;
}


.groupname_talent01{
	text-align: center;
	margin:50px 0px;
}
.groupname_talent01 img{
	width: 80%;
}
.castintro{
	/*background-color:#98A57F;*/
	width: 100%;
	margin: 0px auto 100px;
}
.castintro li{
	display: block;
	width: 46%;
	float: left;
	margin: 10px 2%;
}
.castintro li a img{
	width: 100%;
}



/*---キャラ紹介用---↓*/
.talentbox{
	width: 96%;
	margin: 0px auto 100px;
}
.character{
	width: 42%;
	margin: 0px;
	float: left;
}
.character img{
	width: 100%;
	margin: 0px 0px;
}
.profile{
	width: 56%;
	float: right;
}

.profile img{
	width: 100%;
	margin-bottom:10px;
}

.profile .sns_acount{
	width: 100%;
	margin: 0px auto;
}

.profile .sns_acount li{
	width:21%;
	float: left;
	margin: 0px 2%;
}

.profile .sns_acount li a img{
	width: 100%;
}


#FloatingMenu {
	display: block;
	width: 100%;
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index: 9999;
	text-align: center;
	/*border-top:solid 2px #cfb873;*/
	background-color:#00c0ff;
	padding:10px 0px;
	}

#FloatingMenu ul{
	width:100%;
	margin:0px auto;
	padding:0px;
	}

#FloatingMenu li{
	display:block;
	margin:0px;
	padding:0px 0px 0px;
	width:25%;
	float:left;
	opacity:1;
	}

#FloatingMenu li a{
	display:block;
	width:100%;
	}

#FloatingMenu li img{
	width:50%;
	}

.about_text02{
	text-align: center;
	background-color:rgba(255,255,255,0.7);
	padding:30px;
	border-radius:30px;
	margin-bottom:100px;
}

h3{
	border-bottom:3px solid #305c4f;
	font-size:30px;
	text-align:center;
	color:#305c4f;
	font-weight:bold;
	text-shadow: 2px 5px 20px #fff;
	margin-bottom:20px;
}

.about_text02 p{
	font-size:26px;
	color:#305c4f;
}


.operators ul li{
	width:80%;
	margin:0px auto 30px;
	padding:2%;
	background-color:#fff;
	border-radius:20px;
}

.operators ul li img.opeleft{
	float:left;
	width:30%;
}

.operators ul li .ope_txt{
	width:67%;
	float:right;
}

.operators ul li .ope_txt h4{
	margin:10px 0px 20px;
}

.operators ul li .ope_txt h4 img{
	height:60px;
}

.operators ul li .ope_txt p{
	font-size:30px;
	line-height:1.4em;
	color:#305c4f;
}

.operators ul li .ope_txt p.int1{
	font-size:40px;
	margin-bottom:15px;
	padding-left:10px;
}

.operators ul li .ope_txt p.job{
	border-bottom:2px solid #305c4f;
	margin-bottom:7px;
	padding-bottom:3px;
	font-weight:bold;
}


footer{
	/*background: rgb(0,255,226);
	background: linear-gradient(90deg, rgba(0,255,226,1) 0%, rgba(218,254,0,1) 100%);*/
	padding: 50px 0px 200px;
	text-align: center;
	color: #8c8c8c;
	margin: 100px 0px 0px;
	font-size:30px;
}
footer span{
	font-weight:bold;
}

}

/*--------------------SP版ここまで--------------*/