@charset "utf-8";/* CSS Document 日*/

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

/* common */



body			{ 
				font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif }


a					{ text-decoration:none; }
a:link 			{ color: #444; text-decoration:none; }
a:visited 		{ color: #444; text-decoration:none; }
a:hover 			{ color: #ff6000; text-decoration:none; }
a:active 		{ color: #ff6000; text-decoration:none; }






body			{ color:#444;  } 
#bg_wrap		{  }


/* gloval block */
#contents_wrapper			{ font-size:12px; } /* 12px */
#contents_wrapper			{ width:100%; margin:0 auto 0; height:auto; /* position:relative; */ }
#contents_body				{ margin:30px auto 0; padding:0 0 90px; position:relative; } /* space  90-50(#footer_height)=40 */


#contents_body				{ width:780px;  } /* space  90-50(#footer_height)=40 */

#header ,
#FooterContainer			{ width:780px; }

#main_cont				{ padding:20px 20px 25px; }



/* button extend */
.pure-button-primary,
.pure-button-go,
.pure-button-warning,
.pure-button-secondary,
.pure-button-next,
.pure-button-ereg {
				color: white;
				border-radius: 4px;
				text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
				padding:0.4em 1.5em;
}


/* go next */
.pure-button-go,
.pure-button-next {
			background: rgb(223, 117, 20); /* this is an orange */
}


/* ereg */
.pure-button-ereg {
			background: rgb(66, 184, 221); /* this is a light blue */
}

.pure-button-secondary {
            background: rgb(66, 184, 221); /* this is a light blue */
}

.pure-button-warning {
            background: rgb(223, 117, 20); /* this is an orange */
}



/* button extend */


#block_main,
#block_sub				{ width:auto; margin:0 auto 20px;
						border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;
						box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); }

/* padding ctrl */
#block_main				{ min-height:400px; } /* padding widthコントロール留意 */

/* color ctrl */
#block_main				{ background:url(64_white.png) 0 0 repeat; } /* option opacity:0.8 */



.rd				{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }


/* main img ctrl */
#mainimg				{ background:url(hd_imgst.png) left top no-repeat;  width:780px; height:160px; position:relative; }
#mainimg h3			{  text-indent:100%; white-space:nowrap; overflow:hidden; }


.login_blk				{ position:absolute; right:14px; bottom:14px;  }



.login_blk .pure-button		{ display:block; width:10em; font-size:100%;  }

.login_blk .link_wrap,
.login_blk .login_wrap		{   }


.login_blk .link_wrap		{  }
.login_blk .login_wrap		{ margin:6px auto 0 0;   }



body.maite_mode #main_content				{ min-height:480px; }




/* main hd item */

body#invite #mainimg .ex_item				{ background:url(hd_item01.png) center top no-repeat; width:245px; height:340px; position:absolute; top:310px; left:670px; }




#cam_intro						{ background:url(ind_img.png) center top no-repeat; height:980px; width:700px; }



#intro_copy						{ margin:0 auto 10px;  }

#intro_copy p					{ font-size:14px; line-height:1.2; margin:0 auto 0.5em;  }


/* menu */

#menu								{ margin:0 auto 10px; }

#menu .bread_crumb			{  }
#menu .bread_crumb li		{ display:inline-block; }

#menu .bread_crumb li a		{  }
#menu .bread_crumb li em	{ display:inline-block; margin: 0.6em 0.5em 0 0.7em; font-style:normal; vertical-align:top; }




/* title blk */







#title_select					{  } /* outer */


#selected						{  }


.title_blk						{ background:url(t_bg.png) center top no-repeat; width:320px; min-height:130px; overflow:hidden; padding:10px; margin:0 5px 15px;  float:left;  }


#title_select .title_blk:hover			{ box-shadow: 0 0 10px rgba(0, 90, 180, 0.5); } /* hover */




.title_blk.no_select			{ background:url(bg_nos.png) center top no-repeat; }


#selected .title_blk			{  min-height:150px; }


/* new blk */

.title_blk .lefty				{ width:130px; float:left; }



.title_blk .righty			{ width:180px; float:right;  }


.title_blk .title_info_wrap			{ width:320px; overflow:hidden;  }



.title_blk h5					{ background-color:rgba(0,0,55,0.2); margin:0 0 0; height:130px; width:130px; }

.title_blk dl					{  }

.title_blk dt					{ font-size:13px; font-weight:bold; min-height:2.5em; }
.title_blk dd					{ font-size:12px; margin:0.5em 0 0; line-height:1.5; }




/* title exclusive */

/* background  */


#tid_501301.title_blk			{ background:url(tid_501301_bg.png) center top no-repeat; }

#tid_1000201.title_blk			{ background:url(tid_1000201_bg.png) center top no-repeat; }

#tid_1012004.title_blk			{ background:url(tid_1012004_bg.png) center top no-repeat; }

#tid_4.title_blk					{ background:url(tid_4_bg.png) center top no-repeat; }

#tid_2.title_blk					{ background:url(tid_2_bg.png) center top no-repeat; }

#tid_3.title_blk					{ background:url(tid_3_bg.png) center top no-repeat; }

#tid_10.title_blk					{ background:url(tid_10_bg.png) center top no-repeat; }

#tid_7.title_blk					{ background:url(tid_7_bg.png) center top no-repeat; }

#tid_8.title_blk					{ background:url(tid_8_bg.png) center top no-repeat; }

#tid_12.title_blk					{ background:url(tid_12_bg.png) center top no-repeat; }

#tid_24.title_blk					{ background:url(tid_24_bg.png) center top no-repeat; }


.title_blk .ex_dom			{ margin:5px 0 0; height:30px; }

/* sg attention ctrl exclusive */
.ex_dom .sg_attention		{ font-size:10px; line-height:1.1; position:relative; top:25px; }


body#job_select .sg_attention,
body#item .sg_attention 				{ display:none; }




.title_blk .act_wrap			{ margin:10px auto 0; clear:both;  }



#selected						{ width:700px; overflow:hidden; }

#selected .title_blk			{ border:2px solid rgba(150,200,255,1.0); width:316px; }

#selected .no_select			{ border:2px dashed #bbb;  box-shadow: 0 0 5px rgba(0,0,0,0.2) inset; }


#selected h4					{ margin:0 auto 10px; text-align:center; padding:2px; background-color:rgba(255,255,255,0.5); border-radius:10px;  }


#selected h3					{  }


#selected .user_info			{ margin:0 auto 5px; background-color:rgba(150,200,255,1.0); border-radius:5px;   }


#selected .user_info dl		{ display:table; padding:5px; }

#selected .user_info dt,
#selected .user_info dd		{ display:table-cell; }


#selected .user_info dt		{  }
#selected .user_info dd		{ font-weight:bold; }



.s_alert							{ margin:0 auto 5px; background-color:rgba(255,230,230,1.0); border-radius:5px;  padding:10px; width:670px;   }

.s_alert li						{ margin: 0.25em 0 0 0; }

.s_alert .exc_title			{ color:#CC0000; font-weight:bold; margin:0.5em 0 0.5em 0;  }



#mission_select						{ clear:both; }



#mission_select .mission_table	{ width:100%; }


#mission_select .mission_table th,
#mission_select .mission_table td		{ border:1px solid #999;  }









#mission_select							{ }

table.mission_table						{ }

table.mission_table th					{ background-color:#aCF }

table.mission_table tr:nth-child(odd)			{ background:#eff }

table.mission_table th,
table.mission_table td					{ padding:2px; font-size:12px; line-height:1.2; }

table.mission_table th.name			{ width:38%; }
table.mission_table th.s_num			{ width:5%; }
table.mission_table th.rew				{ }
table.mission_table th.g_num			{ width:5%; }
table.mission_table th.act				{ width:18%; text-align:center; }


table.mission_table td.name			{   }
table.mission_table td.s_num			{ text-align:center;  }
table.mission_table td.rew				{ 	 }
table.mission_table td.g_num			{ text-align:center;  }
table.mission_table td.act				{ text-align:center;  }

table.mission_table td.rew img		{ margin:0 0.5em 0 0; display:block; float:left; }


table.mission_table .need_login			{ display:block; font-size:10px; }

table.mission_table .get_item			{ color:#fff; display:block; font-size:10px; }










/* ----- */



.goto a			{ display:block; width:340px; height:125px; margin:5px auto 0; }

#goto_invite a					{ background:url(bott_marge_invite.png) 0 0 no-repeat; }
#goto_invite a:hover			{ background-position:-0 -125px; }




#col1 h4,#col2 h4		{ width:700px; height:50px; text-indent:100%; white-space:nowrap; overflow:hidden; }

#col1 h4				{ background:url(head_copy1.png) 0 0 no-repeat; margin-bottom:-15px }
#col2 h4				{ background:url(head_copy2.png) 0 0 no-repeat; }


.innercont				{ margin:0 auto 20px; overflow:hidden; }
.whbase					{ background-color:#fff; padding:10px 20px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.h_info h3,
.innercont h3			{ margin:0 auto 5px; }



#howtoplay						{ margin:0 0 15px; width:750px; overflow:hidden;  }

#howtoplay p					{ width:370px; height:140px; float:left  }

#howtoplay p a					{ width:370px; height:140px;  text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }


#howtoplay p#howto_a a			{ background:url(b1m.png) 0 0 no-repeat; }
#howtoplay p#howto_b a			{ background:url(b2m.png) 0 0 no-repeat; }


#howtoplay p#howto_a a:hover,
#howtoplay p#howto_b a:hover			{ background-position:0 -140px;  }



#howtoplay p#howto_b			{ margin-left:10px; }








/* h info */
.h_info				{ clear:both; width:auto; margin:0 0 20px; background:#fff; overflow:hidden; padding:10px 10px 10px;  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);  }

.h_info h6			{ font-size:12px; text-align:right; margin:10px 10px 5px auto; padding:0 0 5px; border-bottom:1px #666 dotted;  } 

.h_info h5			{ font-weight:bold; margin:0 0 10px; width:100%; padding:0 0 5px; border-bottom:1px #666 dotted }
.h_info dl			{ clear:both; margin: 0 0 15px 5px; line-height:1.2; overflow:hidden; padding:0 0 3px 0; /* border-bottom:1px #999 dotted; */ }
.h_info dt			{  font-weight:bold; height:100%; font-size:14px; }
.h_info dd			{ margin:0.2em 0 0 2.5em; text-indent:-1.5em;  }


.h_info dd ul		{ margin: 0.5em 0 0 1.5em; }
.h_info dd li		{ font-size: 12px; }



.h_info strong		{ color:#fc4e01; }

.h_info	dd.info_text		{ margin:0.5em 0 0 7em;  }


.h_info .cam_detail dt		{ display:inline-block; height:2.0em; vertical-align:top; width:12%; font-size:1.1em; }
.h_info .cam_detail dd		{ display:inline-block; margin:0; text-indent:0; width:80%; }



dl.appendix						{ margin:1em; padding:1em; background:#cef  }

dl.appendix dt					{ margin:0.5em 0 0; }
dl.appendix dd					{ margin:0; text-indent:0;  }


.atention			{  }




/* title common */
.app_block					{ width:auto; overflow:hidden; clear:both; margin:10px auto 60px; padding:0 0 5px; border-bottom:1px #999 dotted; }


/* title inner */

.inner					{ width:auto; overflow:hidden; }

.img_data_area			{ width:240px; float:left;  overflow:hidden; }
.img_data_area h5		{ text-align:center; font-weight:bold; padding:5px; color:#FFF; background:#F60; font-size:16px; margin:0 0 4px; }

.g_data					{ margin:10px 1.0em 0; text-align:left; font-size:12px;  }
.g_data dd				{  }

.g_data em				{ font-weight:bold; display:inline-block; margin-right:0.5em;  }

.info_ss_area			{ width:490px; float:right; text-align:left; overflow:hidden; }
.info_ss_area h2		{ font-size:16px; font-weight:bold; line-height:1.4; margin:0 0 0.75em; padding:0 0 5px; border-bottom:1px dotted #999 }

.g_info					{ font-size:14px; line-height:1.6; }
.g_info h5				{ font-weight:bold; }
.g_info p				{ margin:0.5em 0 0; }

.ss_area				{ margin:10px 0 0; }
.ss_area a				{  }


/* act */
.act_area						{ clear:both; margin:20px 0 0; }

.act_area a						{ 
font-size:14px; text-align:center; width:240px; margin:20px auto 20px; display:block; padding:10px; border-radius:10px;
background-color:#fed999; background-image:linear-gradient(#FFFFFF,​ #F1F1F1);  color:#222; border:1px solid #ccc;

 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }

.act_area em					{ font-style:normal; margin:0 0 0 1.0em;  }
.act_area a:hover				{ background-color:#fca; }


.act_area.multi a				{ margin:20px 50px 20px; display:inline-block;  }



#utr_code						{ height:0; overflow:hidden }





/* html, body		{ width:100%; } */





#header_wrap			{ height:100%; min-height:750px; padding: 7% 0 1%; background:url(head_img.jpg) center center no-repeat; background-size: cover; }

#header_menu_inner h2		{ font-size:14px; margin:0 1em 0; float:left; color:#eee } /* site id */



#header_menu			{ position:fixed; top:0; width:100%; background:none; background-color: rgba(255,255,255,0.7); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);  }

#header_menu_inner	{ width:100%; margin:0 auto 0; max-width:1200px; padding: 0.6em 0.25em 0.25em; height:auto; }

#smb_share				{ width:100%; text-align:right; list-style:none; margin:0; padding:0; text-align:right;  }

#smb_share li			{ display:inline-block; margin:0 1em 0 0; }

#header					{ max-width:1200px;  margin:0 auto 0; padding:0 5%; color:#FFF; text-align:center;  }


#logo						{ position:relative;  margin:0 auto 0; max-width:800px; }

#logo_space				{  }

#logo_inner				{ width:100%; margin:0 auto 0;  }
#logo_inner img		{ display:block; position:absolute; top:0; left:0;  }







#cont_wrapper			{ margin:0 auto 5em; }


#lay_wrap				{ width:90%; max-width:1200px; margin:0 auto 0; }

#main_copy				{ color:#777; }

.pure-u-1-3				{ width:33%; margin:0 auto 0;  }



/* infomation box */

#info_wrap				{  }

.info_box				{ min-height:450px; margin:0 auto 0; width:90%; background:#fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);  } /* height  */


.info_box h4			{ margin:0 0 0 0.5em;  }
.info_box p				{ margin:0.25em 0 0.25em 0.5em;  }





/* template  form */


#err_msg_block				{ padding:10px; border-radius:10px; margin: 1em auto 1.5em; background:url(alert_back1.png) 0 0 repeat; color:#C00; }
#err_msg_block li			{ line-height:1.5; }

.connect_err_msg						{ padding:5px; border-radius:10px; margin: 1em auto 1.5em; background:url(alert_back1.png) 0 0 repeat; color:#C00; }
.connect_err_msg li					{ line-height:1.2; }


form div						{ margin:0 auto 1em;  }

form h5						{  }
form h6						{ font-size:80%; font-weight:normal; color:#999; }

.input_text_wrap			{ font-size:125%;  }

form .input_text_wrap input			{ font-size:125% !important; color:#666; ime-mode:disabled; }

.input_radio_wrap			{ font-size:125%;  }



.act_wrap					{ text-align:center;  }
.act_wrap button			{ font-size:150%; } 
.act_wrap a					{ text-decoration:none; color:#fff; font-size:120%; } /*  width:33%; */




.act_wrap.side							{ margin-top:7px; }

.act_wrap.side .pure-button		{ display:block; font-size:90%; }

.act_wrap.side .pure-button-secondary		{ font-size:80%; padding:0.2em 1.5em; }


.act_wrap .ofc_site					{ min-height:20px; margin-top:5px; }

.act_wrap .slt_wrap					{ margin-top:5px; }






#retry						{ margin:2em auto 1em; padding:1em; background:#cef;  }

#retry h5					{ margin:0 auto 0.5em  }


.main_message				{ margin:1em auto 1.5em; font-size:150% }

#err_msg_block	.main_message		{ margin:0.5em auto; }


.share						{ text-align:center; margin:1em auto 3em; }
.share a						{ margin:0 1em 0.5em; }



.invite_code				{ padding:1.0em; border:2px dotted #ccc; background:#eee; border-radius:10px; font-size:1.1em; margin:0.25em auto;  }

.invite_code p				{ color:#36F; }


/* media query break points  y pure */


@media (min-width: 980px) {
/* Default Displays	980px and up */

}

@media (max-width: 480px) {
/* Phones	480px and below */

#ft_linker #icon_link		{  }

}

@media (max-width: 767px) {
/* Smaller Tablets and Large Phones	767px and below */

.pure-u-1-3			{ margin:0 auto 1.2em; }

#header_wrap		{ padding: 5em 0 1%;}

#footer				{ position:fixed; bottom:0; }

#ft_linker #text_link		{ margin:0; }
#ft_linker #icon_link		{  }

}

@media (min-width: 768px) and (max-width: 979px) {
/* Large Tablets	768px to 979px */

}