@charset "utf-8";

/* clearfix */
.cf{
	zoom: 1;
}
.cf:before, .cf:after{
	content: "";
	display: table;
}
.cf:after{
	clear: both;
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*==================================================
body
====================================================*/

body{
	width: 100%;
	background: #000000 url(../img/top_bg.png) top left repeat-x;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
	color: #c9ae70;
}

a{
	color: #c9ae70;
	text-decoration: underline;
}

a:hover{
	color: #c9ae70;
	text-decoration: underline;
}

img{
	vertical-align: middle;
}


#stage2{
	background: url(../img/bg03.jpg) left bottom repeat-x;
	padding-bottom: 60px;
}

.marker{
	color: #c1012e;
	font-weight: bold;
}




/*==================================================
header
====================================================*/

header h1, header p{
	margin-top: 30px;
	text-align: center;
}

header h1 img, header p img{
	width: 100%;
	max-width: 150px;
}

/*==================================================
nav
====================================================*/

nav#pc_nav{
	display: none;
}

nav#mb_nav{
	margin-top: 15px;
	margin-bottom: 15px;
}

nav#mb_nav ul#menu{
	display: none;
}

nav#mb_nav ul#menu li{
	background-color: #c9ae70;
	text-align: center;
	border-bottom: solid 1px #000000;
}

nav#mb_nav ul#menu li a{
	display: block;
	width: 100%;
	padding: 10px 0 6px 0;
	color: #000000;
	text-decoration: none;
}

nav#mb_nav div#toggle{
	display: block;
	position: relative;
	width: 100%;
}

nav#mb_nav div#toggle a{
	display: block;
	position: relative;
	padding: 10px 0 8px 35px;
	text-decoration: none;
	background: url(../img/menu_icon.jpg) center left no-repeat;
}

/*==================================================
topimg
====================================================*/

#topimg{
	border-top: solid 2px #c9ae70;
	border-bottom: solid 2px #c9ae70;
	background: #000000 url(../img/jq/topimg_bg.jpg) center top no-repeat;
}

#topimg #pc_topimg{
	display: none;
}

#topimg div#mb_topimg ul li img{
	width: 100%;
	max-width: 770px;
}

#topcopy{
	display: none;
}

#mb_topcopy p{
	margin: 30px;
	text-align: center;
}

#mb_topcopy p img{
	width: 100%;
	max-width: 464px;
}



/*==================================================
Information
====================================================*/

section.content{
	margin: 15px;
	color: #c9ae70;
	line-height: 1.5;
}

.toppage section.content h2, section.content h1{
	border-bottom: double 3px #c9ae70;
}

.toppage section.content h2 img, section.content h1 img{
	width: 100%;
	max-width: 300px;
}

section.content div#news_bx{
	border-left: solid 1px #c9ae70;
	border-right: solid 1px #c9ae70;
	background-color:#000000;
}

section.content div#news_bx article a{
	color: #c1012e;
}

section.content div#news_bx article a:link{
	text-decoration: none;
}

section.content div#news_bx article a:hover{
	text-decoration: underline;
}

section#topnews article{
	padding: 15px;
	background-color: #000000;
}

section#topnews article p{
	border-bottom: solid 1px #c1012e;
}

section#topnews p#news_list{
	background: url(../img/news_bg.jpg) repeat-x;
	padding: 5px;
	text-align: right;
	border-bottom: double 3px #c9ae70;
}

section#topnews p#news_list a{
	color: #000000;
}

section#topnews #kazari{
	display: none;
}

/*==================================================
bn_space
====================================================*/

div#bn_space{
	display: none;
}

div#mb_bn_space{
	margin: 30px 15px 15px 15px;
	text-align: center;
}

div#mb_bn_space ul li{
	list-style-type: none;
	margin-bottom: 15px;
}


div#mb_bn_space ul li img{
	width: 100%;
	max-width: 400px;
}


/*==================================================
footer
====================================================*/



footer{
	text-align: center;
}


footer div#address{
	border-top: solid 2px #c1210e;
	padding: 15px;
	line-height: 1.5;
}

footer div#address p{
	margin-top: 15px;
}

footer ul#foot-nav{
	padding: 15px;
	border-top: solid 2px #c1210e;
	line-height: 1.5;
}

footer ul#foot-nav li a{
	color: #c9ae70;
}

footer ul#foot-nav li a:link{
	text-decoration: none;
}

footer ul#foot-nav li a:hover{
	text-decoration: underline;
}

footer ul#foot-nav li{
	float: left;
	list-style-type: none;
	margin-right: 15px;
}

footer ul#foot-nav li.last{
	margin-right: 0;
}

footer p#cor{
	line-height: 1.5;
	padding: 0 15px 0 15px;
}

/****************************************
page-top
*****************************************/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 20px;
}
#page-top a {
	background: #c9ae70;
	text-decoration: none;
	color: #000000;
	width:40px;
	height:40px;
    line-height: 40px;
	text-align: center;
	display: block;
    border-radius: 50%;
	filter:alpha(opacity=4);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity:0.4;
}
#page-top a:hover {
	text-decoration: none;
	background: #c9ae70;
}




/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
メディアクエリによる切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 769px){
	
	/*  header*/
	
	header h1, header p{
		margin-top: 30px;
		margin-left: 30px;
		text-align: left;
	}
	
	/* nav */
	
	nav#mb_nav{
		display: none;
	}
	
	nav#pc_nav{
		display: block;
		height: 40px;
		padding-top: 10px;
		margin-top: 30px;
	}
	
	nav#pc_nav ul li{
		float: left;
		width: 20%;
		text-align: center;
		border-left: solid 1px #ff003c;
		border-right: solid 1px #c1210e;
		text-indent: -9999px;
	}
	
	nav#pc_nav ul li.fast{
		border-left: none;
	}
	
	nav#pc_nav ul li.last{
		border-right: none;
		width: 18%;
	}
	
	nav#pc_nav ul li a{
		display: block;
		width: 100%;
		height: 18px;
	}
	
	nav#pc_nav ul li#n_home a{
		background: url(../img/menu/menu01.png) center top no-repeat;
	}
	
	nav#pc_nav ul li#n_home a:hover{
		background: url(../img/menu/menu01.png) center bottom no-repeat;
	}
	
	nav#pc_nav ul li#n_aboutus a{
		background: url(../img/menu/menu02.png) center top no-repeat;
	}
	
	nav#pc_nav ul li#n_aboutus a:hover{
		background: url(../img/menu/menu02.png) center bottom no-repeat;
	}
	
	nav#pc_nav ul li#n_info a{
		background: url(../img/menu/menu03.png) center top no-repeat;
	}
	
	nav#pc_nav ul li#n_info a:hover{
		background: url(../img/menu/menu03.png) center bottom no-repeat;
	}
	
	nav#pc_nav ul li#n_recruit a{
		background: url(../img/menu/menu04.png) center top no-repeat;
	}
	
	nav#pc_nav ul li#n_recruit a:hover{
		background: url(../img/menu/menu04.png) center bottom no-repeat;
	}
	
	/*nav#pc_nav ul li#n_cast a{
		background: url(../img/menu/menu05.png) center top no-repeat;
	}
	
	nav#pc_nav ul li#n_cast a:hover{
		background: url(../img/menu/menu05.png) center bottom no-repeat;
	}*/
	
	/*2023.8.3追加*/
	nav#pc_nav ul li#n_greeting a{
		background: url(../img/menu/menu06.png)center top no-repeat;
	}
	
	nav#pc_nav ul li#n_greeting a:hover{
		background: url(../img/menu/menu06.png)center bottom no-repeat;
	}
	/**/

	
	/* topimg */
	
	#topimg #mb_topimg{
		display: none;
	}
	
	#topimg #pc_topimg{
		display: block;
	}
	
	div#topimg div.slideShow {
		margin: 0 auto 0 auto;
		width: 100%;
		text-align: left;
		position: relative;
	}

	div#topimg div.slideShow ul {
		width: 100%;
	}

	div#topimg div.slideShow ul li {
		top: 0;
		left: 0;
		width: 100%;
		display: none;
		position: absolute;
	}

	div#topimg div.slideShow ul li img {
		width: 100%;
	}

	.pagiNation {
		left: 0;
		width: 100%;
		height: 66px;
		text-align: center;
		position: absolute;
		z-index: 110;
	}

	.pagiNation a {
		margin: 5px 2px;
		width: 40px;
		height: 40px;
		display: inline-block;
		overflow: hidden;
		background: #aaa;
		transition: all 0.2s ease-in-out;
		opacity: 0.6;
	}

	.pagiNation a.pn1 {
		background: url(../img/jq/sumb06.png) no-repeat left top;
		background-size: cover;
	}

	.pagiNation a.pn2 {
		background: url(../img/jq/sumb06.png) no-repeat left top;
		background-size: cover;
	}

	.pagiNation a.pn3 {
		background: url(../img/jq/sumb06.png) no-repeat left top;
		background-size: cover;
	}

	.pagiNation a.pn4 {
		background: url(../img/jq/sumb06.png) no-repeat left top;
		background-size: cover;
	}

	.pagiNation a:hover {
		opacity: 1;
	}

	.pagiNation a.pnActive {
		opacity: 1;
	}
	
	.slideShow .btnPrev,
	.slideShow .btnNext {
		margin-top: -25px;
		top: 50%;
		width: 50px;
		height: 50px;
		position: absolute;
		z-index: 105;
	}

	.slideShow .btnPrev {
		left: 15px;
		background: transparent url(../img/jq/btnPrev.png) no-repeat center center;
	}

	.slideShow .btnNext {
		right: 15px;
		background: transparent url(../img/jq/btnNext.png) no-repeat center center;
	}
	
	#mb_topcopy{
		display:none;
	}
	
	#topcopy{
		display:block;
	}
	
	#topcopy p{
	margin: 60px 0 60px 0;
	text-align: center;
	}

	#topcopy p img{
		width: 100%;
		max-width: 712px;
		margin-top: 30px;
	}
	
	/* news banner */
	
	section.content{
		width: 64%;
		float: left;
		margin: 15px 0 15px 2%;
	}
	
	/* bn_space */
	
	div#mb_bn_space{
		width: 30%;
		float: right;
		margin-top: 56px;
		margin-right: 2%;
	}
	
	/* footer */
	footer ul#foot-nav{
		width: 290px;
		margin: 0 auto;
	}
	

	
}

/* PC向けレイアウトの指定：1280px以上では固定レイアウト */
@media only screen and (min-width: 1280px){
	
	body{
		font-size: 14px;
	}
	
	header{
		width: 1280px;
		margin: 0 auto;
	}
	
	header h1, header p{
		margin-left: 0;
	}
	
	#stage{
		width: 1280px;
		margin: 0 auto;
	}
	
	/* nav */
	
	nav#pc_nav ul{
		width: 1280px;
		margin: 0 auto;
	}
	
	nav#pc_nav ul li.fast{
		border-left: solid 1px #c1012e;
	}
	
	nav#pc_nav ul li.last{
		border-right: solid 1px #c1012e;
	}
	
	/* topimg */

	div#topimg div#pc_topimg{
		width: 1280px;
	}

	
	/*news banner*/
	
	section#topnews #kazari{
		display: block;
		position: absolute;
		top: 810px;
		margin-left: -80px;
	}
	
	section.content div#news_bx{
		height: 332px;
		overflow: auto;
	}
	
	section.content{
		width: 845px;
		margin-left: 0;
	}
	
	/* bn_space */
	
	#mb_bn_space{
		display: none;
	}
	
	div#bn_space{
		display: block;
		width: 400px;
		float: right;
		margin-right: 15px;
	}
	
	div#bn_space ul{
		margin: 55px 0 0 0;
	}
	
	div#bn_space ul li{
		list-style-type: none;
		margin-bottom: 5px;
	}
	
	div#bn_space ul li img{
		width: 100%;
		max-width: 400px;
	}
	
	div#bn_space ul li a{
	display: block;
	width: 400px;
	height: 120px;
	}

	div#bn_space ul li.bn_recruit a{
		text-indent: -9999px;
		background: url(../img/topbanner02.jpg) left top no-repeat;
	}

	div#bn_space ul li.bn_recruit a:hover{
		background: url(../img/topbanner02.jpg) left bottom no-repeat;
	}

	div#bn_space ul li.bn_aboutus a{
		text-indent: -9999px;
		background: url(../img/topbanner03.jpg) left top no-repeat;
	}

	div#bn_space ul li.bn_aboutus a:hover{
		background: url(../img/topbanner03.jpg) left bottom no-repeat;
	}

	div#bn_space ul li.bn_facebook a{
		text-indent: -9999px;
		background: url(../img/topbanner01.jpg) left top no-repeat;
	}

	div#bn_space ul li.bn_facebook a:hover{
		background: url(../img/topbanner01.jpg) left bottom no-repeat;
	}
	
	/* footer */
	
	footer ul#foot-nav{
		width: 245px;
	}
	
	
}