@charset "utf-8";

/*--------------------------- GLOBAL ------------------------------*/
.content-body *{
	padding:0px;
	margin:0px;
}
.pcOnly{display:block;}
.spOnly{display:none;}

/*--- CONTACT BTN ---*/
#dacontact{
	padding:20px 0px 20px 0px;
	background-color:#033546;
	text-align:center;
}
#playercontact{
	text-align:center;
}
a#btn04, #playercontact a#btn{
	display:inline-block;
	background-image:url(http://www.gloken.net/jp/wp-content/uploads/sites/2/2016/03/contactbtn.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:800px;
	height:150px;
	margin-top:20px;
	text-align:left;
	text-indent:-100em;
	overflow:hidden;
}
#dacontact a#btn04:link, #dacontact a#btn04:visited, #playercontact a#btn:link, #playercontact a#btn:visited{
	background-image:url(http://www.gloken.net/jp/wp-content/uploads/sites/2/2016/03/contactbtn.png)
}
#dacontact a#btn04:hover, #dacontact a#btn04:active, #playercontact a#btn:hover, #playercontact a#btn:active{
	background-image:url(http://www.gloken.net/jp/wp-content/uploads/sites/2/2016/03/contactbtn_h.png)
}



/* Settings for Smart Phone */
@media only screen and (max-width: 659px) {
	.pcOnly{display:none;}
	.spOnly{display:block;}
	
	#dacontact a#btn04, #playercontact a#btn{
		width:90%;
		height: 70px;
		text-indent:-500px;
		background-size:100%;
	}
}



/*--------------------------------------------------------------------------*/
/*--------------------------- CAST INDIVIDUAL ------------------------------*/
/*--------------------------------------------------------------------------*/
#article-page article .content-body p{
	font-size:15px;
}
.wrap *{
	padding:0px;
	margin:0px;
}
#jisseki{
	border-top-color:#555;
	border-top-width:1px;
	border-top-style:dotted;
		margin-top:70px;
}
#jisseki h2{
	margin-top:3px;
	border-top-color:#555;
	border-top-width:1px;
	border-top-style:dotted;
	text-align:center;
}
#jisseki h2 img{
	background-color:#fff;
	position:relative;
	top:-25px;
}
.event{
	border-top-color:#555;
	border-top-width:1px;
	border-top-style:dotted;
	margin-top:20px;
}
.event div:last-child{
	margin-bottom:0;
}
.event h3{
	text-align:center;
	font-size:23px;
}
.event h3 span{
	background-color:#fff;
	position:relative;
	top:-20px;
	padding:0 10px;	
}
.event{
	border-top-color:#555;
	border-top-width:1px;
	border-top-style:dotted;
	margin-top:20px;
	padding-bottom:60px;
}
.contents{
	margin-bottom:40px;
}
.contents .image{
	float:left;
	margin-right:30px;
	display:block;
}
.contents h4{
	margin-bottom:20px;
}
.contents:after{
	content:"";
	clear:both;
	display:block;
}
#playercontact{
		text-align:center;
		margin:30px 0;
}
#playercontact a{
	display:inline-block;
	background-image:url(http://www.gloken.net/jp/wp-content/uploads/sites/2/2016/03/contactbtn.png);
	width:800px;
	height:150px;
	text-align:left;
	text-indent:-250px;
	overflow:hidden;
	transition:0s;
}
#playercontact a:hover{
	background-image:url(http://www.gloken.net/jp/wp-content/uploads/sites/2/2016/03/contactbtn_h.png);
}
#btn{
	background-position:0px 0px;
}
@media only screen and (max-width: 659px) {
	#jisseki h2 img{
		width:auto;
	}
	.contents .image{
		float:none;
		margin:0;
	}
	.event{
		padding-bottom:40px;
	}
	#playercontact{
		margin:0 0 30px 0;
	}
}



/*---------------------------------------------------------------*/
/*--------------------------- CAST ------------------------------*/
/*---------------------------------------------------------------*/
.setCasts h2{
	height:35px;
	padding:5px 0;
	border-bottom:dotted 1px #aeaeae;
	line-height:35px;
}
.setCasts h2 img{
	display:inline-block;
}
.setCasts{
	padding:30px 0 20px 0;
}
/*------------------ LIST ------------------*/
ul.listCast{
	list-style:none;
}
ul.listCast:after{
	content:"";
	display:block;
	clear:both;
}
ul.listCast li{
	float:left;
}
ul.listCast li a:hover{
	opacity:0.85;
}
ul.listCast li span{
	display:block;
}
/* Preformers */
ul#listPerformers{
	margin:10px 0 0 0;
}
ul#listPerformers li{
	border-bottom:solid #b6b6b6 1px;
}
ul#listPerformers a{
	display:block;
	margin:0 0 15px 0;
	padding:10px 14px 5px 14px;
	border-left:solid #b6b6b6 1px;
	border-bottom:none;
}
ul#listPerformers li:nth-child(3n+1) a{
	padding:10px 14px 5px 0px;
	border-left:none;
}
ul#listPerformers li:nth-child(3n+0) a{
	padding:10px 0px 5px 14px;
}
ul#listPerformers li img{
	width:314px;
	height:314px;
}
ul#listPerformers li .name{
	height:24px;
}
/* OTHERS */
ul.list4{
	margin:20px 0 0 0;
}
ul.list4 li{
	padding:0px 13px 10px 13px;
	border-left:solid #b6b6b6 1px;
}
ul.list4 li:nth-child(4n+1){
	padding:0px 12px 10px 0px;
	border-left:none;
}
ul.list4 li:nth-child(4n+0){
	padding:0px 0px 10px 13px;
}
ul.list4 li img{
	width:230px;
	height:230px;
}
ul.list4 a{
	display:block;
	margin:0 0 5px 0;
	padding:10px 0;
	border-bottom:solid #b6b6b6 1px;
}
/* KAIGAI */
#blockAbroad p{
	padding:15px 2px;
}
#blockAbroad ul{
	margin:20px 0;
	list-style:none;
	text-align:center;
	letter-spacing:60px;
}
#blockAbroad li{
	display:inline-block;
}

/* Settings for Smart Phone */
@media only screen and (max-width: 659px) {
	.setCasts{
		text-align:center;
	}
	ul#listPerformers a {
		border-left:none !important;
	}
	ul#listPerformers li:nth-child(3n+1) a {
		padding: 10px 0px 5px 0px;
	}
	ul#listPerformers a {
	    	padding: 10px 0px 5px 0px;
	}
	ul#listPerformers li:nth-child(3n+0) a {
	    	padding: 10px 0px 5px 0px;
	}
	.content-body h2 img{
		 display:block;
		 width:auto;
		 margin:0 auto;
	}
	ul.listCast li{
		float:none !important;
		display:block !important;
		margin:10px auto !important;
		border-left:none !important;
	}
	ul#listPerformers li img{
		width:100%;
		height:auto;
	}
	#blockAbroad ul{
		letter-spacing:10px;
	}
	#blockAbroad li img{
		height:40px;
		width:auto;
	}
}




/*------------------------------------------------------------------*/
/*--------------------------- JISSEKI ------------------------------*/
/*------------------------------------------------------------------*/
.record{
	width:1000px;
	margin-top:80px;
}
#record01{
	margin-top:50px;
}
.record h2{
	border-bottom:1px dotted #aeaeae;
	padding:0px 0px 20px 0px;
}
#record-text{
	line-height:30px;
	padding: 30px 0px 20px 0px
}
.record ul{
	list style:none;
}
.record li{
	float:left;
	margin-left:50px;
}
.record ul:after{
	content:"";
	clear:both;
	display:block;
}
.record ul li:first-child{
	margin-left:0px;
}
.record span{
	width:300px;
	display:block;
	padding:10px 0px;
	line-height:30px;
}
#width650{
width:650px;
}
/* Settings for Smart Phone */
@media only screen and (max-width: 659px) {
	.record{
		width:100%;
	}
	.record li{
		float:none;
		margin-left:0px;
	}
	.record span{
		width:100%;
	}
	#width650{
		width:100%
	}
}


/*------------------------------------------------------------------------*/
/*--------------------------- KENDAMA AGENT ------------------------------*/
/*------------------------------------------------------------------------*/
#dawrap{
	font-family:"游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,sans-serif;
	width:1000px;
}
#dawrap a{
	transition:0s;
}

#daheader{
	background:#033546 url(http://www.gloken.net/jp/wp-content/uploads/sites/2/2016/01/header_bg1.jpg) no-repeat;
	text-align:center;
}

#dalogo{
	margin:260px 0px 10px 0px;
}

#header_text{
	margin-top:10px;
}

#danavi{
	padding:20px 0px 20px 0px;
	background-color:#033546;
	text-align:center;
	}

#danavi a{
	display:inline-block;	/*aタグは元々inline要素なので、widthやheightの設定を活かすためにinline-blockに設定する*/
	background-image:url(http://www.gloken.net/jp/wp-content/uploads/sites/2/2016/01/btns.png);	/*背景は全てのボタンで1枚の画像を共有するのでここに書く*/
	width:320px;
	height:107px;
	text-align:left;	/*テキストを左寄せにしないと、次の設定が効かない*/
	text-indent:-100px;	/*テキストの開始位置をマイナスに設定することでボックスの外に追い出す*/
	overflow:hidden;	/*ボックスの外にはみ出たものは表示しない*/
	
}
#danavi a:visited, #danavi a:link{
		background-image:url(http://www.gloken.net/jp/wp-content/uploads/sites/2/2016/01/btns.png);
}
#danavi a:hover, #danavi a:active{
		background-image:url(http://www.gloken.net/jp/wp-content/uploads/sites/2/2016/01/btns_h.png);
}

#btn01{
	background-position:-20px -20px;
}

#btn02{
	background-position:-340px -20px;
}

#btn03{
	background-position:-660px -20px;
}

/*--------------------------- SCENE ------------------------------*/
#scene{
	background-color:#63a0b5;
	padding:15px 0px 30px 0px;
}
#scene h2{
	text-align:center;
}
#scene h2 img.pcOnly{
	margin:0 auto;
}
#scene ul{
	margin-left:20px;
	list-style:none;
}
#scene ul:after{
	content:"";
	clear:both;
	display:block;
}
#scene li{
	float:left;
	background-color:#2b6376;
	margin:10px;
	padding:10px;
	border-radius:10px;
}
#scene span{
	display:block;
	width:280px;
	border-radius:10px;
	text-align:center;
	color:#fff;
	font-size:14px;
	line-height:20px;
	padding:5px 0px;
}
#scene01 span{background-color:#479ace;}
#scene02 span{background-color:#a1b866;line-height:40px;}
#scene03 span{background-color:#8f90bc;line-height:40px;}
#scene04 span{background-color:#2eba9d;}
#scene05 span{background-color:#f38564;}
#scene06 span{background-color:#ea5481;}


/*--------------------------- PART 1 ------------------------------*/
.part{
	color:#ffffff;
}
.part p{
	border-top-color:#ffffff;
	border-top-width:1px;
	border-top-style:solid;
	font-size:13pt;
	line-height:25pt;
	padding-top:15px;
}
#part1{
	background:url(http://www.gloken.net/jp/wp-content/uploads/sites/2/2016/01/part1_bg.jpg) no-repeat;
	width:1000px;
	height:250px;
}
#part1 p{
	margin:0px 40px 0px 250px;
}

#part1_num{
	float:left;
}

.photoleft{
	float:left;

/*--------------------------- PART 2------------------------------*/
}
#part2{
	background:url(http://www.gloken.net/jp/wp-content/uploads/sites/2/2016/01/part2_bg.jpg) no-repeat;
	width:500px;
	height:500px;
	float:right;
}
#part2 p{
	margin:0px 20px 0px 20px;
}

/*--------------------------- PART 3 ------------------------------*/

#part3{
	background:url(http://www.gloken.net/jp/wp-content/uploads/sites/2/2016/01/part3_bg.jpg) no-repeat;
	width:500px;
	height:750px;
	float:left;
}
#part3 p{
	margin:0px 20px 0px 20px;
}
#tube{
	text-align:right;
	border:none;
}
#tube img{
	vertical-align:middle;
}
#part3 iframe{
	margin:20px 20px 0px 20px;
}
#part3 a{
	color:#ffffff;
	text-decoration:none;
}

.photoright{
	float:right;
}



/* Settings for Smart Phone */
@media only screen and (max-width: 659px) {
	#dawrap{
		width:auto;
	}
	#daheader{
		height:auto;
		padding:0 0 1px 0;
		background-size:100%;
	}
	#daheader .spOnly img{
		display:inline-block;
		padding:0 10px;
	}
	#daheader .spOnly p{
		padding:10px 20px 0px 20px;
		text-align:left;
		color:#fff; 
		font-size:0.95rem;
	}
	#dalogo{
		margin:100px 0 10px 0;
		width:50%;
	}
	#scene ul{
		margin-left:0px;
	}
	#scene li{
		 float:none;
		 background-color:#2b6376;
		 margin:20px auto;
		 padding:20px;
		 border-radius:10px;
		 width:90%;
	}
	#scene span{
		 width:100%;
	}
	
	#part1{
		width:100%;
		height:auto;
		background-color:#033546;
		padding-bottom:30px;
	}
	#part1 h2{
		background:url(http://www.gloken.net/jp/wp-content/uploads/sites/2/2016/02/part1_header_sp.png);
		background-size:100%;
	}
	#part1_num{
		float:none;
		width:50%;
		height:auto;
		visibility:hidden;
	}
	#part1_header{
		visibility:hidden;
	}
	#part1 p {
		 margin: 0px 30px 0px 30px;
	}
	#part2{
		 width:100%;
	}
	#part3{
		 width: 100%;
	}
	#part3 iframe{
		 width:90%;
	}
	#tube img{
		 width:auto;
	}
}