@import url(https://fonts.googleapis.com/css?family=Voltaire);
@import url(menu.css);

body {
	font-family:"Meiryo","Verdana","ＭＳ Ｐゴシック","MS UI Gothic","MS PGothic","Osaka";
	font-size: 15px;
	font-weight: normal;
	line-height: 1.7;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background:url("img/bg.png") top center repeat-x;
}

h1,h2,h3,p,dl,dt,dd{
	margin: 0px;
	padding: 0px;
}

th,td{
	margin: 0px;
	padding: 0px;
	line-height: 1.0;
}

img {
	border: none;
}

hr {
	border:solid #ffbbd1;
	border-width:1px 0 0 0;
	margin-top: 5px;
	height:1px;/* for IE6 */
	clear:both;/* for IE6 */
}

.text, textarea, select {
	padding: 5px;
	font-size: 16px;
	background: #fff;
	border:1px solid #777;
	border-radius: 5px;
}

.text {
	width:95%;
}
textarea {
	width:95%;
	height:200px;
}

.bottun {
	font-size: 16px;
	padding: 5px;
}

/*リンクスタイル
---------------------------------------------------------------------------*/
a {
	color: #58a4fc;
	text-decoration: none;
}
a:link		{color: #58a4fc;}
a:visited {color: #58a4fc;}
a:hover		{color: #422e39;}

h2 {
  margin: 0 0 5px 0;
  padding : 70px 0px 5px 0px ;
  font-family: 'Voltaire', sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #000;
	border-bottom : 2px solid #58a4fc;
}
h2::before {
    content: '';
    margin: 0 5px 0 0px;
    background-image: url(img/icon.png);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 100%;
}

h3 {
	font-size: 110%;
	color: #58a4fc;
	text-align: center;
  margin : 0px 0px 5px 0px ;
  padding : 5px 0px 0px 0px;
	border-bottom: 1px dotted #58a4fc;
}

h4 {
	clear: left;
	text-align: left;
	color: #58a4fc;
	font-size: 100%;
	line-height: 1.5;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
}

h5 {
	background: #ffe1eb;
	font-size: 100%;
	color: #332a29;
  padding : 4px 5px 2px 5px;
  margin : 5px 0px 0px 0px ;
  border-left : solid 10px #ffa5c2 ;
}

p {
	padding: 5px 10px 15px 10px;
}

strong {
}

em {
	background: #ffc0d1;
	line-height: 1.0;
	font-style: normal;
	font-size: 99%; 
	color: #083104;
	margin: 0px 2px 0px 0px;
	padding:2px 5px 0px 5px;
}

.small {
	font-size : 80%;
	line-height: 150%;
}

.big {
	font-size : 120%;
	line-height:150%;
}

.red {
	color: #a40000;
}

.indent {
	padding: 0px 0px 0px 1.0em;
}

.disp100 {
	width: 100%;
}
.disp90 {
	width: 90%;
}
.clear { clear:both; }
.clear hr { display:none; }

/*コンテナー（HP全体を包む枠）
---------------------------------------------------------------------------*/
#container {
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

/*ヘッダー
---------------------------------------------------------------------------*/
#header {
	margin: 0px auto 3px auto;
	padding: 0px 0px 0px 0px;
}

.headerimg {
    max-height: 600px;
    overflow: hidden;
    display: block;
}

#header h1 {}


/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
	clear: left;
  max-width: 950px;
	margin: 260px auto 0px auto;
  padding: 0px 0px 0px 0px;
	overflow: hidden
}
@media screen and (max-width: 750px) {
    #contents {
        margin: 0px auto 0px auto;
    }
}
#top #contents {
	clear: left;
  max-width: 950px;
	margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
	overflow: hidden
}


.disp {
	width: 95%;
	margin: 0px auto 0px auto;
}

/*------------------------------------*/
/*「NEWS」部分
--------------------------------------*/
.news_disp {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.news_list {
	margin: 0px 0px 0px 0px;
	line-height: 1.5;
	border-bottom: 1px dotted #555;
}

.news_list a {
  display:block;
	padding: 5px 5px 5px 5px;
	color: #000;
	text-decoration: none;
}

.news_list a:hover {
	background-color: #58a4fc;
	color: #fff;
}
.news_list a:hover .date {
    color: #fff;
}

.news_tag {
	float: left;
  display:block;
	width: 100px;
  font-family: 'Voltaire', sans-serif;
	background:#58a4fc;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	margin: 0px 10px 0px 0px;
	padding: 0px 4px 0px 4px;
}

.date {
	font-size: 12px;
	color: #808080;
}

.news_detail {
	float:none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 2px 0px;
  border-bottom : 0px solid #22c797 ;
  border-left : 0px solid #22c797 ;
}
.news_detail h3 {
	text-align: left;
}

.news_detail p {
	border-bottom: 0px;
	padding: 5px 10px 5px 10px;
}

.news_detail img {
  max-width: 500px;
  width: 90%;
  display:block;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

.news_detail_footer{
	clear: both;
	font-size: 12px;
	text-align: right;
	color: #58a4fc;
	padding: 0px 3px 0px 0px;
}

/*------------------------------------*/
/*「PROFILE」部分
--------------------------------------*/
.box {
  text-align: center;
}

.profile_disp {
  text-align: center;
}
.profile {
  display: inline-block;
	/*width: 144px;*/
	text-align: center;
	width: 188px;
	line-height: 1.4;
	margin: 0px 10px 10px 10px;
}

.profile h4 {
	text-align: center;
  margin : 0px 0px 0px 0px;
	font-size: 16px;
	line-height: 1.0;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}

.profile h6 {
	text-align: center;
  margin : 0px 0px 0px 0px;
	font-size: 10px;
	line-height: 1.5;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}

.profile img {
	/*width: 144px;*/
	width: 200px;
}

/*「TWITTER」
---------------------------------------------------------------------------*/
.twitter_disp {
	background: #edfbff;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}


/*「MOVIE」部分
---------------------------------------------------------------------------*/
.movie_disp {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
}

.movie_list {
	float: left;
	width: 30%;
	margin: 15px 9px 15px 14px;
	padding: 0px;
}

.movie_list h3 {
	font-size: 100%;
	line-height: 1.3;
	padding: 8px 0px 5px 0px;
}

.movie_list p {
	font-size: 86%;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	height: 5em;
}

.movie_detail {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.movie_detail iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

@media screen and (max-width: 750px) {
	.movie_disp {
		margin: 0px 0px 0px 0px;
		padding: 0px 10px 0px 10px;
	}
	.movie_list {
		clear: left;
		width: 100%;
		margin: 15px 5px 15px 0px;
		padding: 0px;
	}
}

/*「SOUND」部分
---------------------------------------------------------------------------*/
.sound_disp {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 5px;
}

/*「CONTACT」
---------------------------------------------------------------------------*/
.form_disp {
	max-width: 600px;
}
.form_disp strong{
}
.form_disp .text {
	width:80%;
	margin-bottom: 10px;
}
.form_disp textarea {
	width:100%;
	height:200px;
}


/*「FOOTER」
---------------------------------------------------------------------------*/
#footer {
	clear: left;
	background: #e8f8ff;
	margin: 100px auto 0px auto;
	padding:10px 0px 10px 0px;
}

#footer p{
	text-align: center;
	color: #000;
	margin: 0px auto 0px auto;
	padding:0px 0px 0px 0px;
}

#footer a {
	color: #000;
}

/*リスト
---------------------------------------------------------------------------*/
.list {
	float:none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 2px 0px;
  border-bottom : 0px solid #22c797 ;
  border-left : 0px solid #22c797 ;
}

.list p {
	border-bottom: 0px;
	padding: 5px 5px 5px 30px;
}

.list img {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

.list_footer{
	float:none;
	clear: both;
	font-size: 11px;
	text-align: right;
	color: #da238d;
	padding: 0px 3px 0px 0px;
  border-right : 5px solid #d6218a ;
}


/*汎用テーブル
---------------------------------------------------------------------------*/
.tbl {
	width: 100%;
	margin: 0px auto 10px auto;
	padding: 0px;
	border: 1px solid #8a8a8a;
}

.tbl th {
	background-color: #e5e5e5;
	line-height: 1.4;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #2d2d2d;
	margin: 0px 0px 0px 0px;
	padding: 8px 5px 5px 5px;
	border-bottom: 1px solid #e5e5e5;
}

.tbl td {
	line-height: 1.6;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px dotted #8a8a8a;
}

.tbl caption {
	vertical-align: left;
	font-weight: bold;
	color: #e4007f;
}

.tbl img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #acacac;
  position: relative;
	top: 50%;
	transform: translateY(-50%);
}


/*強調部分
---------------------------------------------------------------------------*/
.caution {
	background:url() #fccedc right;
	line-height: 1.5;
	margin: 5px 0px 5px 0px;
	padding:7px 5px 5px 5px;
	border: 1px solid #e45781;
}

.caution strong {
	color: #60152c;
}

/*注釈部分
---------------------------------------------------------------------------*/
.notes {
	background: #ffd8b8;
	line-height: 1.5;
	font-size: 92%;
	color: #362e2b;
	margin: 0px 0px 5px 0px;
	padding:5px 5px 2px 5px;
	border: 0px solid #e45781;
}

.notes strong {
	color: #692800;
}

/*ページナビ
---------------------------------------------------------------------------*/
ul.pageNav {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	text-align: center;
}

ul.pageNav li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

ul.pageNav li span,
ul.pageNav li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 13px;
	background: #000;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
}

ul.pageNav li a:hover {
	color: #000;
	background: #888;
	border-color: #00f;
}

/*画像オンマウス透過
---------------------------------------------------------------------------*/
/*a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
}*/

/*ボタン
---------------------------------------------------------------------------*/
.btn p a{
	width:30%;
	min-width: 200px;
	margin: 0px auto;
	padding:5px 10px 5px 10px;
	background:#58a4fc;
	color:#ffffff;
	text-align:center;
	display:block;
	text-decoration:none;
	border-radius:5px;
}
.btn p a:hover{
	text-decoration:none;
	background:#000;
}

/*トップへ戻るボタン
---------------------------------------------------------------------------*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 100%;
}
#page-top a {
    background: #e8f8ff;
    text-decoration: none;
    color: #000;
    width: 60px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 50px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

form {
    text-align: left;
}