@charset "shift_jis";
/***************************************
* base.css
***************************************

フォントの指定
1.0rem = 10px

ex.(IE7,8 rem非対応のため、下のように併記する)
font-size: 10px;
font-size: 1.0rem;

***************************************/

/**********************************************************/
/* normarize.css */
/**********************************************************/

/*-----------------------------------------*/
/* HTML5 display definitions */
/*-----------------------------------------*/

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{ display: block; }
audio,canvas,video{ display: inline-block; }
audio:not([controls]){ display: none; }
[hidden]{ display: none; }

/*-----------------------------------------*/
/* base */
/*-----------------------------------------*/

html{
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

body{ margin: 0; }

/*-----------------------------------------*/
/* typography */
/*-----------------------------------------*/

b,strong{ font-weight: bold; }
small{ font-size: 75%; }
footer small{ font-size: 100%; }
sub,sup{ position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup{ top: -0.25em; }
sub{ bottom: -0.25em; }
em,cite{ font-style: normal; }

/*-----------------------------------------*/
/* lists */
/*-----------------------------------------*/

ul{ padding-left: 0; list-style: none; }
dd{ margin-left: 0; }

/*-----------------------------------------*/
/* embedded content */
/*-----------------------------------------*/

img{ border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root){ overflow: hidden; }

iframe{ border: 0; vertical-align: top; }

/*-----------------------------------------*/
/* figure */
/*-----------------------------------------*/

figure{ margin: 0 }

/*-----------------------------------------*/
/* table */
/*-----------------------------------------*/

table{
	border-collapse:collapse;
	border-spacing:0;
}

th,td{
	vertical-align:top;
	text-align:left;
}

th{ font-weight:normal; }

/**********************************************************/
/* setup */
/**********************************************************/

body{ color:#444; }

h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,figure,pre{ margin: 0;}

/*-----------------------------------------*/
/* typograpy */
/*-----------------------------------------*/

html{ font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Yu Gothic", "Meiryo", "メイリオ", sans-serif; }

p,li,dt,dd,th,td,pre{ -ms-line-break:strict; line-break:strict; -ms-word-break: break-strict; word-break: break-strict; }

html{ font-size:62.5%; }

p,ul,ol,dl,th,td,button,pre,textarea{ line-height:1.5; }

h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,th,td,button,pre,textarea{
	font-size: 14px;
	font-size:1.4rem;
	line-height: 1.5;
}

/*-----------------------------------------*/
/* link */
/*-----------------------------------------*/

a{
	color:#333;
	/*-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-o-transition:all .2s linear;
	-ms-transition:all .2s linear;
	transition:all .2s linear;*/
}

a:hover{ color: #777; }

a { text-decoration: none; }
/*a:focus{ outline: thin dotted; }*/
a:focus, *:focus { outline:none; }
a:hover, a:active{ outline: 0; }

/*-----------------------------------------*/
/* img */
/*-----------------------------------------*/

img{
	/*opacity: 1.0;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-o-transition:all .2s linear;
	-ms-transition:all .2s linear;
	transition:all .2s linear;  微妙にズレるので一時的に隠します*/
}
img:hover { /*opacity: 0.7;*/ }

/**********************************************************/
/* libraries */
/**********************************************************/

/*-----------------------------------------*/
/* clearfix */
/*-----------------------------------------*/

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

/*-----------------------------------------*/
/* clear */
/*-----------------------------------------*/

.clear{ clear: both; }

/*-----------------------------------------*/
/* float */
/*-----------------------------------------*/

.left { float: left; }
.right { float: right; }

/*-----------------------------------------*/
/* table cell */
/*-----------------------------------------*/

/* table-cell list */
.tc_list { display: table; }
.tc_list li{ display: table-cell; text-align:center; vertical-align: middle; }

/* IE 6 */
* html .tc_list li{
	display:inline;
	zoom:1;
}
/* IE 7 */
*:first-child+html .tc_list li{
	display:inline;
	zoom:1;
}
/* Mac IE*/
/*\*//*/
* html .tc_list li{
display:inline-block;
}
/**/

/**********************************************************/
/* layout */
/**********************************************************/

body{
	/*min-width:936px;*/
	min-width:100%;
	background-color: #FFFFFF;
	/*background:#484343;
	background: url('../images/common/bg.jpg') repeat;*/
}

.contents { position: relative; }

.contents .inner,
.page_header .inner,
.global_nav .inner,
.page_footer .inner{
	position:relative;	
	/*width:900px;*/
	margin:0 auto;
}



/**********************************************************/
/* common parts */
/**********************************************************/

/*-----------------------------------------*/
/* header */
/*-----------------------------------------*/

.page_header{
	/*position:fixed;*/
	position: relative;
	top:0;
	right:0;
	left:0;
	z-index:10;
	height:100px;
	background: #363030;
}

.page_header h1,
.page_header p,
.page_header ul,
.page_header dl{ margin-bottom: 0; }

.page_header h1,
.page_header form{ float:left; }

.page_header .header_nav{}

.page_header h1{
	float:left;
	width:170px;
	margin-left:-4px;
	padding-top:10px;
}

.page_header .head_info { display: block; width: 606px; height: 64px; float: right; margin: 18px 0 0 0; background: url('../images/header/head_info.png'); }

/*-----------------------------------------*/
/* global nav */
/*-----------------------------------------*/

#cosplay_page #gp_nav,
#cosplay_option_page #gp_nav,
#item_page #gp_nav,
#gallery_page #gp_nav,
#profile_page #gp_nav,
#profile_d_page #gp_nav,
#option_page #gp_nav, 
#option_d_page #gp_nav{ display: none; }

//#gp_nav #btn_drop { position: absolute; top: 14px; right: -10px; }

//#gp_nav #drop_list { position: absolute; top: 48px; right: -10px; display: none; box-shadow: 10px 10px 10px rgba(0,0,0,0.4); }
//#gp_nav #drop_list li { float: none; text-align: left; padding-left: 18px; }
//#gp_nav #drop_list li:hover { background: url('../images/ui/list_arrow.png') no-repeat 0 4px; }

#gp_nav #drop_list {
	margin: 0 auto;
	width: 900px;
}

#gp_nav #drop_list li {
	float: right;
	font-size: 10px;
	font-size: 1rem;
	margin-right: 18px;
}

#gp_nav #drop_list li a {
	display: block;
	color: #CCC;
}

/*-----------------------------------------*/
/* global nav */
/*-----------------------------------------*/

.global_nav{
	/*position:fixed;
	top:100px;*/
	position: relative;
	top: 0;
	right:0;
	left:0;
	z-index:1;
	height:60px;
	background: #5D5251;
	/*opacity: 0.95;  仮に */
}

.global_nav .inner{
	padding-top:13px;
	text-align:center;
}

.global_nav ul{ margin:0 auto; }

.global_nav li{
	text-align:center;
	float: left;
	margin-right: 5px;
}

.global_nav a{
	position:relative;
	display:block;
	margin:0 -1px;
}

/* IE 6 */
* html .tc_list{
	padding-left: 10px;
}
/* IE 7 */
*:first-child+html .tc_list{
	padding-left: 10px;
}

.global_nav #navPull {
	position: absolute;
	left: 50%;
	top: 49px;
	margin-left: -20px;
	cursor: pointer;
}

/*-----------------------------------------*/
/* footer */
/*-----------------------------------------*/

.page_footer{
	position: relative;
	padding:20px 0 100px;
	border-top:1px solid #fff;
	font-size:10px;
	font-size:1rem;
	line-height:1.5;
	height: 90px;
	color:#CCC;
	background: #484343;
}

.page_footer .inner{
}

/*-----------------------------------------*/
/* scroll_back bottomボタンがない場合*/
/*-----------------------------------------*/

#scroll_back { position: fixed; _position: absolute; bottom: 20px; right: 0; cursor: pointer; }
#scroll_back:hover { box-shadow: 10px 10px 10px rgba(0,0,0,0.2); }

/*-----------------------------------------*/
/* scroll_back2 bottomボタンがある場合 */
/*-----------------------------------------*/

#scroll_back2 { position: fixed; _position: absolute; bottom: 110px; right: 0; cursor: pointer; }
#scroll_back2:hover { box-shadow: 10px 10px 10px rgba(0,0,0,0.2); }

/*-----------------------------------------*/
/* section */
/*-----------------------------------------*/
.section { margin-bottom: 16px; }
.section h2 { margin-bottom: 10px; }
.section h2 img:hover { opacity: 1; }

/*-----------------------------------------*/
/* box */
/*-----------------------------------------*/
.box {
	border-radius: 8px;
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px;
	background: #E9E7E6;
	padding: 18px;
}
.box2 {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: #E9E7E6;
	padding: 18px 18px 120px 18px;
}
.box_gray_line { background: #221E1E; border: solid 2px #626262; }
.box_gray { background: #352F2F; }
.box_none { background: none; padding: 0; }

.box_gray_line a,
.box_gray a { color:#CCC; }

.box_gray_line a;hover,
.box_gray a;hover { color: #68503E; }

/*-----------------------------------------*/
/* item_list */
/*-----------------------------------------*/
.item_list { color: #CCC; margin-right: -15px; width: 915px; overflow: hidden; _display:inline; /* IE6 */ }
.item_list li{ position: relative; float: left; background: #221E1E; border: solid 2px #626262; padding: 18px; margin: 0 15px 10px 0; border-radius: 8px; }

.item_list li .view {
	display: none;
	width: 62px;
	height: 62px;
	position: absolute;
	top: 65px;
	left: 104px
}

.item_list li:hover .view {
	display: block;
}

/*-----------------------------------------*/
/* video_section */
/*-----------------------------------------*/
#video_section #video { width: 320px; height: 180px; background: url('../images/icon/no_video.jpg') no-repeat; }

/*-----------------------------------------*/
/* link_section */
/*-----------------------------------------*/
#link_section ul { _width: 880px; /* IE6 */ }
#link_section ul li { width: 238px; height: 52px; }
#link_section ul li img { border: solid 2px #626262; padding: 5px; border-radius: 8px; float: left; margin-top: -4px; margin-left: -4px; }
#link_section ul li span { display: block; width: 220px; text-align: center; position: absolute; }
#link_section ul li .prefix { top: 18px; right: 0; }
#link_section ul li .name { bottom: 18px; right: 0; font-size: 16px; font-size: 1.6rem; }

/*-----------------------------------------*/
/* other_section */
/*-----------------------------------------*/

//#other_section ul { margin-right: -32px; width: 926px; overflow: hidden; _width: 896px; _display: inline; /* IE6 */ }
//#other_section ul li { float: left; margin-right: 32px; }

#other_section ul { float: left; }
#other_section ul li { margin: 0 50px 32px 0; }
#other_section ul li:last-child { margin-bottom: 0; }
#other_section .magazine { float: right; }


/*-----------------------------------------*/
/* Gal2_section */
/*-----------------------------------------*/

#Gal2_section {
	margin-bottom:10px;
}

#Gal2_section .gal2Info{
	width:741px;
	margin-right: auto;
	margin-left : auto;
}

#Gal2_section .gal2Info div{
	border:1px solid #626262;
	display:block;
	float:left;
	padding-top: 10px;
	margin:0 5px 10px 5px;
}

#Gal2_section .gal2Info ul{
	border:none;
	margin:0;
}

#Gal2_section .gal2Info p{
	width: 741px;
	color: #CCC;
	clear:both;
	padding: 5px 0 5px 30px;
}

#Gal2_section .gal2Info a{
	color: #fff;
}

.gal2Info {
	margin-right: -10px;	
}

.gal2Info div{
    border-radius:5px;
	text-align:center;
	color: #CCC;
	background-color:#221E1E; 
}
.gal2Info ul{
	border-bottom:dotted 1px #8D48C6;
	padding:10px 0 10px 5px;
	margin-bottom:10px;
}
.gal2Info li {
	color: #CCC;
	display:inline;/*for IE6*/
	float:left;
	text-align:center;
}
.gal2Info li img { margin: 0 5px 10px 0;}

.gal2Info li span{
	display:block;
	/*line-height:16px;*/
	margin-top:2px;
}

/*-----------------------------------------*/
/* toggle_switch */
/*-----------------------------------------*/
.toggle_switch { display: block; width: 42px; height: 20px; margin:0 auto 0; background-repeat: no-repeat; }
.slidedown { background: url('../images/ui/slidedown.png'); }
.slideup { background: url('../images/ui/slideup.png'); }

/*-----------------------------------------*/
/* pager */
/*-----------------------------------------*/
.pager { position: fixed; top: 50%; z-index:1; display: none; }
.pager:hover { box-shadow: 10px 10px 10px rgba(0,0,0,0.2); }
#next { right: -40px; }
#prev { left: -40px; }

/*-----------------------------------------*/
/* modal window */
/*-----------------------------------------*/
.modal-wrap{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:none;
	z-index:10000;
	/* for IE6 */
	_position: absolute;
	_width: 100%;
	_height: 100%;
}

.modal-wrap .modal-background{
	position:fixed;
	width:100%;
	height:100%;
	background-color:#000000;
	opacity:.75;
	filter:alpha(opacity=75);
	-ms-filter:"alpha(opacity=75)";
	/* for IE6 */
	_position: absolute;
	_width: 100%;
	_height: 2000px;
}

.modal-wrap .modal-container{
	position:relative;
	width:940px;
	height:705px;
	background: none;
	border-radius:5px;
}

.modal-wrap .close { position: absolute; top: -12px; right: -12px; }

/*---------------------------
  ▼moveFooter▼
---------------------------*/ 
#moveFooter { z-index: 100; position: fixed; bottom: 0px; width: 100%; height: 100px; padding: 5px 0px; background-color: rgba(0, 0, 0, 0.40);}
#moveFooter li { float: left; width: 50%;}
#moveFooter li img { display: block;}
@media (orientation: landscape) {
	#moveFooter { display: none;}
}