@charset "utf-8";

body				{font: 13px/1.8 "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
					*font-family: "ＭＳ Ｐゴシック", "Lucida Sans Unicode", sans-serif; background-color:#202020; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust:100%;}
.win body		{font-family:"ＭＳ Ｐゴシック", "MS PGothic";}

a					{text-decoration:none; color:#26a2cb;}
p, ul, li			{padding:0; margin:0;}
img				{border:none;}
.clear			{clear:both;}

/*clearfix*/
.clearfix:after {content: "."; display:block; clear:both; height:0; visibility:hidden;}
.clearfix {min-height:1px;}
* html .clearfix {height: 1px; /*\*//*/ height:auto; overflow:hidden; /**/}

.line:nth-child(even)					{background-color:#2d2d2d;}
.line:nth-child(odd)					{background-color:#3d3d3d;}
/*for ie8_start*/
.odd											{background-color:#2d2d2d !important;}
.even										{background-color:#3d3d3d !important;}
/*for ie8_end*/

.list_nml							{margin:0 0 0 1em; padding:0; list-style-position:inside; /*color:#666666;*/}
.list_nml	li						{text-indent:-1em;}

textarea, input, select			{font-size:14px; line-height:25px;}

button				{border:none; cursor:pointer; font-size:14px; line-height:25px;}

.btn_m				{display:inline-block; line-height:45px; padding:0 45px; text-align:center; font-weight:bold; color:#111111; background-color:#ffffff;
						box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.btn_m100		{padding:0; width:100%;}
.btn_s          {display:inline-block; line-height:30px; padding:0 20px; text-align:center; font-weight:bold; color:#111111; background-color:#ffffff;}
.bg_dtm			{background-color:#f29556;}
.bg_fxbgm		{background-color:#cfc63a;}
.bg_mobile		{background-color:#88c538;}
.bg_character	{background-color:#6abfc4}
.bg_other			{background-color:#bfbab6;}
.icon_r				{margin-left:10px;}
.icon_l				{margin-right:10px;}
.btn_m .icon_r, .btn_m .icon_l	{color:#ffffff;}
.btn_fb				{background-color:#49659f; color:#ffffff;}
.btn_fb i			{margin-right:5px;}
.btn_miku			{color:#ffffff; background:#e84476 url(../images/btn_bg_miku.png) no-repeat right top;}

.btn_form			{box-shadow:4px 4px rgba(0,0,0, 0.8); padding:0 60px;}

.br_t					{margin-top:30px !important;}
.br_t_ss			{margin-top:4px !important;}
.br_t_s				{margin-top:15px !important;}
.br_t_l				{margin-top:60px !important;}
.br_t_ll				{margin-top:120px !important;}

.br					{display:inline-block;}

.txt_red			{color:#e4204e !important;}
.txt_black			{color:#101010 !important;}
/*.txt_l					{font-size:14px !important;}*/
.note				{background:#f5f5e1; padding:20px 30px;}
.txt_em				{font-weight:bold;}
.txt_youtube		{color:#df2926 !important;}
.txt_facebook		{color:#3c599b !important;}
.txt_google			{color:#dd4b39 !important;}

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


.center				{text-align:center;}

a[href$=".pdf"]		 {background:url(../images/pdficon16px.gif) no-repeat left center; padding-left:24px; display:inline-block;}
a[href$=".doc"]		 {background:url(../images/wordicon16px.gif) no-repeat left center; padding-left:24px; display:inline-block;}
a[href$=".xls"]		 {background:url(../images/xcelicon16px.gif) no-repeat left center; padding-left:24px; display:inline-block;}
a[href$=".zip"]		 {background:url(../images/zipicon.gif) no-repeat left center; padding-left:24px; display:inline-block;}


.wrapper						{max-width:1600px; margin:0 auto; min-width:940px; position:relative;}
ie8 .wrapper					{min-width:1200px !important;}

.maincont						{height:500px; position:relative; z-index:3;}
.siteid							{width:140px; height:36px; position:absolute; top:20px; left:30px; z-index:4; display:block;}

.site_id_bk					{background:url(../images/id_cfm.png) no-repeat center; background:-webkit-image-set( url(../images/id_cfm.png)  1x, url(../images/id_cfm_2x.png) 2x ) no-repeat center;}
.site_id_wht					{background:url(../images/id_cfm_wht.png) no-repeat center; background:-webkit-image-set( url(../images/id_cfm_wht.png)  1x, url(../images/id_cfm_wht_2x.png) 2x ) no-repeat center;}

.gmenu							{list-style-type:none; padding:0; margin:0 0 0 195px; font-size:0; text-align:right; z-index:4; position:absolute; top:0; right:35px;}
.gmenu li						{display:inline-block; margin-left:35px; font-size:14px;}
.gmenu	 a						{padding:30px 1px 4px 1px; display:inline-block; border-bottom:2px solid transparent;
									-webkit-transition: all 0.2s ease;
									-moz-transition: all 0.2s ease;
									-o-transition: all 0.2s ease;}
.gmenu_bk a				{color:#000000;}
.gmenu_wht a				{color:#ffffff;}
.gmenu_nml a				{color:#000000;}
.gmenu_bk a:hover		{border-bottom-color:#000000;}
.gmenu_wht a:hover		{border-bottom-color:#ffffff;}
.gmenu_nml a:hover		{border-bottom-color:#e98a1b;}
.gmenu a.now				{border-bottom:2px solid #000000 !important;}

.gmenu li:nth-child(1)	{display:none;}
.gmenu_icon					{display:none;}
.gmenu .lv2					{display:none;}





.topimg						{position:absolute; left:0; top:0; height:inherit; width:100%; display:block;}
/*.topimg0						{background:#e07933 url(../images/copy_cfm.png) no-repeat center; display:block;}*//* 20周年終了後復帰 */
.topimg0						{background:url(../images/twenty/bg-twenty.jpg) no-repeat center; display:block; background-size: cover; text-align: center;}/* 20周年終了後復帰 */
.topimg1						{background:#111111 url(../images/topimg_bg_dtm.jpg) repeat-x left top; display:none;}
.topimg2						{background:#1a201b url(../images/topimg_bg_fxbgm.jpg) no-repeat center top; display:none;}
.topimg3						{background:#decebb url(../images/topimg_bg_mobile.jpg) no-repeat center top; display:none;}
.topimg4						{background:#121211 url(../images/topimg_bg_character.jpg) no-repeat center top; display:none;}
.topimg_icon				{width:120px; height:120px; background:url(../images/main_icon.png) no-repeat center;}
.topimg_copy				{font-size:30px; line-height:1.4; font-weight:200; letter-spacing:4px; margin-bottom:20px;}
.win .topimg_copy		{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.topimg_desc				{margin:0;}

.topimg_inner				{height:inherit; width:1000px; background-position:right bottom; background-repeat:no-repeat; margin:0 auto; padding-top:110px;
									box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}

.topimg_inner1				{background-image:url(../images/topimg_main_dtm.png); padding-right:550px;}
.topimg1 .topimg_icon	{background-position:0 -120px;}
.topimg1 .topimg_copy, .topimg1 .topimg_desc	{color:#ffffff;}

.topimg_inner2				{background-image:url(../images/topimg_main_fxbgm.png); padding-right:520px;}
.topimg2 .topimg_icon	{background-position:-120px -240px;}
.topimg2 .topimg_copy, .topimg2 .topimg_desc	{color:#111111;}

.topimg_inner3				{background-image:url(../images/topimg_main_mobile.png); padding-right:550px;}
.topimg3 .topimg_icon	{background-position:-240px -240px;}
.topimg3 .topimg_copy, .topimg3 .topimg_desc	{color:#111111;}

.topimg_inner4				{background-image:url(../images/topimg_main_character.png); padding-right:500px;}
.topimg4 .topimg_icon	{background-position:-360px -120px;}
.topimg4 .topimg_copy, .topimg4 .topimg_desc	{color:#ffffff;}

.showcase						{height:170px; position:relative; font-size:0; z-index:3; /*overflow-x:hidden;*/}
.topbtn							{height:inherit; width:25%; text-align:center; display:inline-block; color:#ffffff; font-size:14px; font-weight:bold;
									background-position:center 45px; background-repeat:no-repeat; position:relative;
									-webkit-transition: all 0.3s ease;
									-moz-transition: all 0.3s ease;
									-o-transition: all 0.3s ease;}
.topbtn_icon					{background-image:url(../images/main_icon.png); width:120px; height:120px; margin:0 auto;
									 background:-webkit-image-set( url(../images/main_icon.png)  1x, url(../images/main_icon_2x.png) 2x );}
.topbtn_title					{padding:25px 5px 0 5px;}
.topbtn_desc				{display:none;}
.topbtn_arrow				{display:block; width:0; height:0; border-bottom-color:inherit; border-bottom-style:solid; border-bottom-width:10px;
									border-left:20px solid transparent; border-right:20px solid transparent;
									position:absolute; top:10px; left:50%; margin-left:-20px; display:block;}
.ff2 .topbtn_arrow		{display:none;}

.topbtn_dtm										{background-color:#444444; border-color:#444444;}
.topbtn_fxbgm									{background-color:#313131; border-color:#313131;}
.topbtn_mobile									{background-color:#444444; border-color:#444444;}
.topbtn_character								{background-color:#313131; border-color:#313131;}
.topbtn_dtm .topbtn_icon					{background-position:0 0;}
.topbtn_fxbgm .topbtn_icon				{background-position:-120px 0;}
.topbtn_mobile .topbtn_icon			{background-position:-240px 0;}
.topbtn_character .topbtn_icon			{background-position:-360px 0;}
.topbtn_dtm .topbtn_icon_on			{background-position:0 -360px;}
.topbtn_fxbgm .topbtn_icon_on		{background-position:-120px -360px;}
.topbtn_mobile .topbtn_icon_on		{background-position:-240px -360px;}
.topbtn_character .topbtn_icon_on	{background-position:-360px -360px;}


.subcont									{padding-top:60px; z-index:4; position:relative; background-color:#202020;}

.newsbox									{text-align:center; color:#999999;}
.newsicon									{display:inline-block; background:url(../images/news_icon.png) no-repeat center top; margin-right:45px; vertical-align:top; padding-top:80px;}
.newscont									{display:inline-block; text-align:left; list-style-type:none; margin:0; padding:0; font-size:12px;}
.newscont a								{display:inline-block; max-width:750px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#cccccc; padding:0 5px;
												-webkit-transition: all 0.1s ease;
												-moz-transition: all 0.1s ease;
												-o-transition: all 0.1s ease;}
.newscont a:hover					{background:#e98a1b; color:#202020;}
.newscont .news_date				{padding-right:15px;}
.newscont .news_ctg				{padding-right:15px; color:#e98a1b;}
.newscont .news_title				{}
.newscont a:hover .news_ctg	{color:#ffffff;}

.icon_more								{/*background:#ffffff; padding:2px 5px; color:#202020;*/ color:#ffffff; position:relative; top:3px; margin-right:3px;}


.linkbox							{font-size:0; margin-top:45px; text-align:center; padding:0 45px;}
.linkthum {
	width: 105px;
	height: 70px;
	background-image: url(../images/linkicon.png);
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	font-size: 14px;
	margin: 0 5px;
}
.linkthum_sonicwire					{background-position:0 center;}
.linkthum_piapro					{background-position:-110px center;}
.linkthum_karent					{background-position:-220px center;}
.linkthum_router					{background-position:-330px center;}
.linkthum_mikubook					{background-position:-440px center;}
.linkthum_gigle						{background-position:-550px center;}
.linkthum_39ch						{background-position:-660px center;}
.linkthum_gurakore					{background-position:-770px center;}
.linkthum_mikumoba					{background-position:-880px center;}
.linkthum_pokeon					{background-position:-990px center;}
.linkthum_snowmiku					{background-position:-1100px center;}
.linkthum_magicalmirai				{background-position:-1210px center;}
.linkthum_piapronet					{background-position:-1320px center;}
.linkthum_toontrack					{background-position:-1430px center;}
.linkthum_vsl						{background-position:-1540px center;}
.linkthum_mutant					{background-position:-1650px center;}
.linkthum_vocaloid					{background-position:-1760px center;}
.linkthum_mikuexpo					{background-position:-1870px center;}
.linkthum_miraist					{background-position:-1980px center;}
.linkthum_gurakore_nt				{background-position:-2090px center;}
.linkthum_mikuahr					{background-position:-2200px center;}
.linkthum_runner					{background-position:-2310px center;}
.linkthum_sonoca					{background-position:-2420px center;}
.linkthum_skytown					{background-position:-2530px center;}

.footer					{padding-top:30px; text-align:center; color:#999999; padding-bottom:30px;}
.footer a:hover		{text-decoration:underline;}
.footer_link			{display:inline-block; text-align:left; list-style-type:none; margin:0; padding:0; font-size:0;  margin-right:30px;}
.footer_link li		{display:inline-block; font-size:12px; margin-right:15px;}
.footer_link a		{color:#999999;}
.footer_lang			{/*display:inline-block;*/ display:none; margin-right:30px;}
.footer_lang a, .footer_lang span			{margin:0 5px;}
.footer_lang a		{color:#ffffff;}
.footer_copyright	{display:inline-block; font-size:12px;}







.header						{position:relative; z-index:1; /*background:#f9f9f9;*/ background:#f1f1f1; border-top:2px solid #e07933; height:56px;}
.header .siteid, .header .gmenu	{margin-top:-2px;}
.pageheader				{padding:70px 100px 30px 100px; /*background:#f9f9f9;*/ background:#f1f1f1;}
.pageheader_pb0		{padding-bottom:0;}
.pageheader_pb_l		{padding-bottom:300px;}
.pagetitle					{font-weight:normal; font-size:30px; line-height:36px; margin:0 0 10px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position: relative;}
.win .pagetitle			{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.pagemenu				{list-style-type:none; padding:0; margin:0; position:relative; font-size:0;}
.pagemenu li			{display:inline-block; font-size:14px; margin-right:30px;}
.pagemenu a			{color:#111111; padding:4px 1px; display:inline-block; border-bottom:2px solid transparent;
								-webkit-transition: all 0.2s ease;
								-moz-transition: all 0.2s ease;
								-o-transition: all 0.2s ease;}
.pagemenu a:hover	{border-bottom:2px solid #e98a1b;}
.pagemenu a.now		{border-bottom:2px solid #111111 !important;}

.pagetitle a				{color:#111111;}
.pagetitle a:hover		{color:#e98a1b; text-decoration:underline;}
.pagetitle i				{margin:0 10px; color:#999999; padding:0;}

.sectiontitle				{font-weight:normal; font-size:30px; color:#ffffff; margin-bottom:45px; line-height:1.4;}
.win .sectiontitle		{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.sectiontitle_note		{margin-left:10px; font-size:12px;}


.projectlist		{}
.projectbox		{padding:15px 410px 0 100px; height:350px; position:relative;
						box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.projectbox_dtm						{background:url(../images/projectbox_dtm_s.jpg) no-repeat right top;}
.projectbox_fxbgm					{background:url(../images/projectbox_fxbgm_s.jpg) no-repeat right top;}
.projectbox_mobile					{background:url(../images/projectbox_mobile_s.jpg) no-repeat right top;}
.projectbox_character				{background:url(../images/projectbox_character_s.jpg) no-repeat right top;}
.projectbox_other						{background:url(../images/projectbox_other_s.jpg) no-repeat right top;}

.projectbox_icon						{width:120px; height:120px; background:url(../images/main_icon.png) no-repeat center;
												background:-webkit-image-set( url(../images/main_icon.png)  1x, url(../images/main_icon_2x.png) 2x );}
.projectbox_dtm .projectbox_icon				{background-position:0 -360px;}
.projectbox_fxbgm .projectbox_icon			{background-position:-120px -360px;}
.projectbox_mobile .projectbox_icon			{background-position:-240px -360px;}
.projectbox_character .projectbox_icon		{background-position:-360px -360px;}
.projectbox_other .projectbox_icon				{background-position:-480px -360px;}

.projectbox_title	{color:#ffffff; font-weight:normal; font-size:20px; margin-top:0; margin-bottom:5px;}
.projectbox_desc	{color:#999999;}
.projectbox_btn	{margin-top:20px;}

.projectbox:after			{content:""; display:none; width:0; height:0; border-left-style:solid; border-left-width:15px;
									border-top:30px solid transparent; border-bottom:30px solid transparent;
									position:absolute; top:230px; right:485px;}
.projectbox:nth-child(even):after			{border-left-color:#2d2d2d;}
.projectbox:nth-child(odd):after			{border-left-color:#3d3d3d;}


.projectdetail												{position:relative; background-color:#101010; background-repeat:no-repeat; background-position:left top;}
.projectdetail_info										{width:450px; float:left; padding:25px 90px 60px 100px; position:relative;
																	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.projectdetail_listbox									{margin-left:450px;}
.projectdetail_list											{padding:35px 45px 30px 45px; display:block; position:relative;
																	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.projectdetail_list_inner								{min-height:220px; padding-right:300px; background-repeat:no-repeat; background-position:right top; display:block; position:relative; background-size:230px auto;
																	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.projectdetail_list_sns									{min-height:160px; padding:0; padding-right:300px;}



.projectdetail_dtm						{background-image:url(../images/projectdetail_bg_dtm.jpg);}
.projectdetail_fxbgm					{background-image:url(../images/projectdetail_bg_fxbgm.jpg);}
.projectdetail_mobile					{background-image:url(../images/projectdetail_bg_mobile.jpg);}
.projectdetail_character				{background-image:url(../images/projectdetail_bg_character.jpg);}
.projectdetail_other						{background-image:url(../images/projectdetail_bg_other.jpg);}

.projectdetail_icon										{width:120px; height:120px; background:url(../images/main_icon.png) no-repeat center;
																	background:-webkit-image-set( url(../images/main_icon.png)  1x, url(../images/main_icon_2x.png) 2x );}
.projectdetail_dtm .projectdetail_icon			{background-position:0 -120px;}
.projectdetail_fxbgm .projectdetail_icon		{background-position:-120px -240px;}
.projectdetail_mobile .projectdetail_icon		{background-position:-240px -240px;}
.projectdetail_character .projectdetail_icon	{background-position:-360px -120px;}
.projectdetail_other .projectdetail_icon		{background-position:-480px -120px;}
.projectdetail_title										{color:#ffffff; font-weight:normal; font-size:20px; margin-top:10px; margin-bottom:20px;}
.projectdetail_desc										{color:#f1f1f1;}
.projectdetail_fxbgm .projectdetail_title			{color:#111111;}
.projectdetail_fxbgm .projectdetail_desc			{color:#333333;}
.projectdetail_mobile .projectdetail_title			{color:#111111;}
.projectdetail_mobile .projectdetail_desc			{color:#333333;}

.projectdetail_sonicwire			{background-image:url(../images/projectdetail_sonicwire.png);}
.projectdetail_mp						{background-image:url(../images/projectdetail_mp.png);}
.projectdetail_mpblog				{background-image:url(../images/projectdetail_mpblog.png);}
.projectdetail_piaprostudio		{background-image:url(../images/projectdetail_piaprostudio.png);}
.projectdetail_piapro_net			{background-image:url(../images/projectdetail_piapro_net.png);}
.projectdetail_vocaloid				{background-image:url(../images/projectdetail_vocaloid.png);}
.projectdetail_karent				{background-image:url(../images/projectdetail_karent.png);}
.projectdetail_piapro				{background-image:url(../images/projectdetail_piapro.png);}
.projectdetail_piapro_blog		{background-image:url(../images/projectdetail_piapro_blog.png);}
.projectdetail_mikubook			{background-image:url(../images/projectdetail_mikubook.png);}
.projectdetail_gurakore			{background-image:url(../images/projectdetail_gurakore.png);}
.projectdetail_gurakore_nt		{background-image:url(../images/projectdetail_gurakore_nt.png);}
.projectdetail_mikumoba			{background-image:url(../images/projectdetail_mikumoba.png);}
.projectdetail_mikuahr			{background-image:url(../images/projectdetail_mikuahr.png);}
.projectdetail_runner			{background-image:url(../images/projectdetail_runner.png);}
.projectdetail_39ch					{background-image:url(../images/projectdetail_39ch.png);}
.projectdetail_pokeon				{background-image:url(../images/projectdetail_pokeon.png);}
.projectdetail_csp						{background-image:url(../images/projectdetail_csp.png);}
.projectdetail_gigle					{background-image:url(../images/projectdetail_gigle.png);}
.projectdetail_router					{background-image:url(../images/projectdetail_router.png);}
.projectdetail_snowmiku			{background-image:url(../images/projectdetail_snowmiku.png);}
.projectdetail_mikuexpo			{background-image:url(../images/projectdetail_mikuexpo.png);}
.projectdetail_magicalmirai2016	{background-image:url(../images/projectdetail_magicalmirai2016.png);}
.projectdetail_magicalmirai2015	{background-image:url(../images/projectdetail_magicalmirai2015.png);}
.projectdetail_magicalmirai2014	{background-image:url(../images/projectdetail_magicalmirai2014.png);}
.projectdetail_magicalmirai		{background-image:url(../images/projectdetail_magicalmirai.png);}
.projectdetail_nasita					{background-image:url(../images/projectdetail_nasita.png);}
.projectdetail_beatonica			{background-image:url(../images/projectdetail_beatonica.png);}
.projectdetail_mpub					{background-image:url(../images/projectdetail_mpub.png);}
.projectdetail_youtube_mp		{background-image:url(../images/projectdetail_youtube_mp.png);}
.projectdetail_youtube_39ch	{background-image:url(../images/projectdetail_youtube_39ch.png);}
.projectdetail_facebook_mp		{background-image:url(../images/projectdetail_facebook_mp.png);}
.projectdetail_facebook_cfm		{background-image:url(../images/projectdetail_facebook_cfm.png);}
.projectdetail_facebook_miku	{background-image:url(../images/projectdetail_facebook_miku.png);}
.projectdetail_facebook_miku_jp	{background-image:url(../images/projectdetail_facebook_miku_jp.png);}
.projectdetail_google_miku_jp	{background-image:url(../images/projectdetail_google_miku_jp.png);}
.projectdetail_nicovideo			{background-image:url(../images/projectdetail_nicovideo.png);}
.projectdetail_skytown			{background-image:url(../images/projectdetail_skytown.png);}
.projectdetail_miraist			{background-image:url(../images/projectdetail_miraist.png);}

.projectdetail_site_logo		{}
.projectdetail_site_copy		{color:#ffffff; font-weight:bold; padding-top:10px;}
.projectdetail_site_title			{color:#ffffff; font-weight:normal; font-size:20px; margin-top:8px;}
.projectdetail_sns_title			{color:#ffffff; font-weight:normal; font-size:20px; margin-top:8px;}
.projectdetail_site_desc		{color:#999999; margin-top:25px;}
.projectdetail_sns_desc		{color:#999999; margin-top:10px;}
.projectdetail_site_btn			{display:none; position:absolute; width:280px; top:50%; right:0; margin-top:-20px; text-align:center;
											-webkit-transition: all 0.3s ease;
											-moz-transition: all 0.3s ease;
											-o-transition: all 0.3s ease;}
.projectdetail_site_btn .btn_s						{line-height:40px; padding:0 30px; text-align:center; font-weight:bold; color:#ffffff; background-color:#202020; position:relative;}
.projectdetail_site_btn .btn_s:after				{content:""; display:block; width:0; height:0; border-left-style:solid; border-left-width:15px; border-left-color:#202020;
																	border-top:20px solid transparent; border-bottom:20px solid transparent;
																	position:absolute; top:0; right:-15px;}

.projectdetail_snsicon			{font-size:24px; line-height:24px; color:#cccccc; display:inline-block; margin-right:5px; position:relative; top:1px;}
/*.projectdetail_snsicon		{font-size:40px; line-height:42px; margin-bottom:10px; color:#cccccc;}*/

.projectdetail_list:hover .projectdetail_site_title	{color:#e98a1b;}
/*a.projectdetail_list:hover .projectdetail_site_title	{color:#e98a1b;}*/

.projectdetail_txtbox					{display:block;}
.projectdetail_linkbox					{position:absolute; bottom:30px; left:45px; z-index:2; color:#999999;}
.projectdetail_linkbox a				{padding:5px 0; font-weight:bold; color:#999999;}
.projectdetail_linkbox a:hover		{color:#ffffff; text-decoration:underline;}
.projectdetail_txtbox .projectdetail_site_desc		{padding-bottom:30px;}


.news_whole								{background:#ffffff; /*background:#393939;*/ padding:60px 100px;}
.news										{margin-bottom:30px;}
.news:last-child						{margin-bottom:0;}
.news_info								{width:150px; float:left;
												box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.newslist_month						{color:#666666; /*color:#ffffff;*/ margin-top:0; /*position:relative; top:-3px;*/ line-height:1.4;}
.news_listbox							{margin-left:150px; padding:0 0 0 0;}
.news_list									{list-style-type:none; margin:0; padding:0; overflow:hidden;}
.news_list li								{width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_list a								{display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#666666; padding:2px 5px; max-width:100%;
												-webkit-transition: all 0.1s ease;
												-moz-transition: all 0.1s ease;
												-o-transition: all 0.1s ease;}
.news_list a:hover						{background:#e98a1b; color:#202020;}
.news_list .news_date				{padding-right:15px;}
.news_list .news_ctg					{padding-right:15px; color:#e98a1b;}
.news_list .news_title				{}
.news_list a:hover .news_ctg	{color:#ffffff;}

.news_backward						{text-align:center; margin-top:30px; display:none;}

.newsdetail_whole					{background-color:#f1f1f1; padding-bottom:100px; /*background-color:#dcdcdc; padding:60px 0;*/}
.newsdetail								{background:#ffffff; padding:60px 120px; margin:0 100px; box-shadow: 6px 6px #cccccc;}
.newsdetail_title						{font-weight:normal; font-size:20px; line-height:1.4;}
.newsdetail_date_ctg				{font-size:0;}
.newsdetail_date						{color:#666666; font-size:14px; display:inline-block; margin-right:15px;}
.newsdetail_ctg						{color:#e98a1b; font-size:14px; display:inline-block;}
.newsdetail_summary				{border-bottom:1px solid #dcdcdc; padding-bottom:30px; margin-top:80px;}
.newsdetail_cont						{margin-top:60px;}

.backtotop		{position:fixed; right:0; bottom:21px; width:40px; height:40px;
						background:url(../images/backtotop_bg.png) repeat center; cursor:pointer; z-index:999;
						text-align:center; line-height:40px; font-size:20px; color:#ffffff;
						-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}



.aboutus_whole							{padding:60px 100px;}
.aboutus										{margin-bottom:30px;}
.aboutus:last-child						{margin-bottom:0;}
.aboutus_label								{width:250px; float:left; padding:0 45px 0 0; text-align:right;
													box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.aboutus_cont								{margin-left:250px; padding:0 0 0 0;}

.aboutus_whole p							{color:#ffffff; margin:0;}

.aboutus_equip								{background:#396; padding:60px 100px;}
.aboutus_equip_desc					{background:url(../images/logo_greenpower.gif) no-repeat right top; padding-right:200px; min-height:110px;}

.aboutus_contact							{background:#2d2d2d; padding:60px 100px 60px 100px;}
.aboutus_sns    							{background:#393939; padding:60px 100px 60px 100px;}

.aboutus_info								{background:#393939 url(../images/aboutus_bg1.jpg) no-repeat right top; padding-bottom:100px;}
.aboutus_access							{background:#1c1c1c url(../images/aboutus_bg2.jpg) no-repeat center top; /*background:#2d2d2d;*/ padding:60px 100px 60px 100px;}

.aboutus_map								{background:#2d2d2d; overflow:hidden;}
.access_img									{margin-top:15px; font-size:0;}
.access_img .route						{display:inline-block; vertical-align:top; text-align:center; margin-bottom:20px;}
.access_img .routechart				{color:#ffffff; font-size:14px; padding:10px 20px; border:1px solid #6d6d6d; background:#505050;}
.access_img .routedesc				{color:#ffffff; font-size:12px; margin-top:5px;}
.access_img .routearrow				{color:#ffffff; font-size:14px; padding:10px 10px;}
.access_img .icon-arrow-right		{display:inline-block;}
.access_img .icon-arrow-down	{display:none;}

.routenote									{color:#e55454;}
.bldg_img										{margin-top:20px; color:#ffffff; font-size:12px; width:60%;}
.bldg_map									{margin-top:10px;}


.recruit_whole								{background-color:#393939; padding:60px 100px;}
.recruit_whole p							{color:#ffffff; margin:0;}
.recruit1										{background:#393939; padding-bottom:30px;}
.recruit2										{background:#393939;}
.recruit3										{background:#2d2d2d;}
.aboutus_cont	ul							{margin:0; padding:0; list-style-position:inside; color:#ffffff;}


.contact_whole								{border-top:1px solid #ececec;}
.contact_whole p							{color:#ffffff; margin:0;}
.contact_label								{width:120px; float:left; text-align:center;
													box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.contact_cont								{margin-left:120px;}
.contact_cont p								{color:#999999;}
.contact_icon								{width:120px; height:80px; background:url(../images/main_icon.png) no-repeat center -20px;
													background:-webkit-image-set( url(../images/main_icon.png)  1x, url(../images/main_icon_2x.png) 2x );}
.contact_icon_mp							{background-position:-840px -20px;}
.contact_icon_sonicwire				{background-position:-960px -20px;}
.contact_icon_character				{background-position:-360px -20px;}
.contact_icon_mobile					{background-position:-240px -20px;}
.contact_icon_pr							{background-position:-600px -20px;}
.contact_icon_general					{background-position:-720px -20px;}


.contactbox													{padding:30px 30px 0 30px; display:block; float:left; width:50%; min-height:210px; border-bottom:1px solid #ececec;
																	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.contactbox_bg1											{/*background-color:#393939;*/ background-color:#ffffff;}
.contactbox_bg2											{/*background-color:#2d2d2d;*/ background-color:#ffffff;}
.contactbox:nth-child(odd)							{border-right:1px solid #ececec;}
.contactbox_odd											{border-right:1px solid #ececec;}
.contactbox:hover										{background:#f9f9f9;}


.contactbox_title											{font-weight:normal; font-size:16px; color:#333333; margin-bottom:10px;}
.contactbox:hover .contactbox_title				{color:#e98a1b;}

.plain_whole						{padding:60px 100px 60px 100px; background:#ffffff; position:relative; color:#666666;}
.plain_whole_en				{padding:60px 100px 60px 100px; background-color:#3d3d3d;}
.plain_whole .plain_title	{color:#111111; margin-bottom:20px;}
.plain_whole p					{margin:0;}

.plain_main						{width:100%; float:left; margin-right:-340px; position:relative;}
.plain_sub							{float:right; width:340px; position:relative;
										box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.plain_main_inner				{margin-right:610px;}
.plain_main p					{color:#cccccc;}
.plain_sub p						{color:#cccccc;}

.plain_whole_pb0				{padding-bottom:0;}
.plain_whole_pt0				{padding-top:0;}



.contact_form						{background:#e2e2e2; padding:45px;}
.contact_form .plain_title		{margin-bottom:10px;}
.form_item							{margin-bottom:30px;}
.form_item:last-child			{margin-bottom:0;}
.formbox								{position:relative;}
.formbox	textarea				{width:100%; max-width:100%; height:200px; min-height:100px; border:1px solid #e2e2e2;
											padding:15px; /*box-shadow:3px 3px rgba(0,0,0, 0.05);*/
											box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.formbox	input					{width:100%; max-width:100%; border:1px solid #dcdcdc;
											padding:10px;
											box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.formbox	select					{-webkit-appearance:button; -moz-appearance:button; appearance:button; margin:0;
											padding:10px; padding-right:60px; width:100%;
											border-radius:0; border:1px solid #dcdcdc; cursor:pointer; background-color:transparent; position:relative; z-index:2;
											box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.formbox .iconbtn				{position:absolute; top:10px; right:13px; width:20px; height:25px; text-align:center; cursor:pointer; z-index:1;}
/*.formbox .iconbtn				{position:absolute; top:16px; right:13px; width:20px; height:14px; line-height:14px; font-size:14px; text-align:center; cursor:pointer; z-index:1;}*/
.ff2 .formbox select				{text-indent: .01px; text-overflow: ""; height:46px; padding-top:12px;}
.ie .formbox select				{/*width:auto;*/  padding-right:10px;}
.ie .formbox .iconbtn			{display:none;}
.form_select							{background:#ffffff;}

.formbox	textarea:focus, .formbox	input:focus		{outline:none; border:1px solid #e07933;}

.form_s		{width:70%; max-width:70%;}

.form_file_dummy input											{display:none;}
.form_file							{position:relative;}
.form_file .filename input	{padding-left:56px; overflow:hidden; cursor:pointer;}
.form_file .filebtn				{width:56px; height:46px; position:absolute; top:1px; left:0; line-height:46px; font-size:16px; text-align:center; color:#111111; cursor:pointer; z-index:2;
										box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}

.form_btn							{margin-top:90px; position:relative;}
.form_btn_next					{text-align:right; float:right; width:50%;}
.form_btn_prev					{text-align:left; float:left; width:50%;}

.form_error						{background:#e45353; border-color:#e45353; padding:12px 20px; color:#ffffff; margin-top:0; margin-bottom:12px; position:relative;
										box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.form_error:after				{content:""; display:block; width:0; height:0; border-top-width:10px; border-top-style:solid; border-top-color:inherit; border-left:10px solid transparent; border-right:10px solid transparent;
										position:absolute; bottom:-10px; left:20px;}

.form_s + .form_error		{width:70% !important; max-width:70% !important;}

.contact_form .title_confirm		{color:#e07933; margin-bottom:0;}
p.confirm									{color:#111111;}
img.email									{height:14px; width:auto; margin-right:5px; position:relative; top:1px;}

.ssl		{margin-top:20px;}
.ssl i		{margin-right:5px; color:#e8a921;}


.snsbox_top								{text-align:center; font-size:0; line-height:0.5; margin-top:20px;}
.snsbox_top .snsbtn					{display:inline-block; font-size:10px; line-height:0.5; margin: 0 10px;}
.snsbox_news							{text-align:left; font-size:0; line-height:0.5; margin-top:30px;}
.snsbox_news .snsbtn				{display:inline-block; font-size:10px; line-height:0.5; margin-right: 20px;}


.news_email							{margin-left:5px;}
.news_email .email				{margin:0;}

.news_attach						{margin-top:30px; background:#f5f5f5; padding:30px; overflow:hidden;}
.attach_imgbox					{}
.attach_img							{display:inline-block; background:#ffffff; padding:20px; margin-right:20px; font-size:0; vertical-align:top;}
.attach_img img					{width:200px; height:auto;}
.attach_img2						{display:inline-block; background:#ffffff; padding:20px; margin-right:20px; font-size:0; vertical-align:top;}
.attach_img2 img				{width:180px; height:auto;}
.attach_movie						{margin-top:30px;}
.dl_attach_img                  {margin-top:10px; text-align:center; font-size:11px;}
.dl_attach_img .btn_s           {background:#c3c3c3; color:#ffffff;}

.recruit_whole2					{background:#ffffff; position:relative; color:#666666; padding:60px 100px;}
.recruit_whole_oto				{background:#ffffff url(../images/bg_recruit_oto.png) no-repeat right top; padding-bottom:0;}
.plain_title							{color:#393939; font-size:20px;}
.plain_title_about_cfm			{color:#cccccc; font-size:30px; line-height:1.4; letter-spacing:0.5em; padding-top:15px;}
/*.plain_title_about_cfm			{color:#ffffff; font-size:30px; line-height:34px; letter-spacing:0.5em; background:#202020; padding:0 5px 1px 5px; display:inline;}*/
.recruit_whole2 .titleicon		{font-size:50px; height:60px; line-height:60px; margin-bottom:10px;}
.recruit_whole2 p					{margin:0;}

.recruit_sub							{float:left; width:250px; position:relative;
											box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.recruit_main						{position:relative; margin-left:300px;
											box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.recruit_main .title				{font-size:16px; color:#393939;}

.line_light								{border-bottom:1px solid #f4f4f4;}

.line_light:nth-child(odd)		{background-color:#ffffff;}
.line_light:nth-child(even)	{background-color:#fcfcfc;}


.recruit_photo					{position:relative; padding:10px 10px 60px 10px; background:#f9f9f9;}
.thum_photo_box				{list-style-type:none; font-size:0; margin:0 auto; line-height:1;}
.thum_photo						{position:relative; float:left; width:270px; margin:2px 0; background:#333333;
										box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.thum_photo_img				{}
.thum_photo_txt				{padding:20px; color:#cccccc;}
.thum_photo	 img				{width:100%;}

.recruit_whole_inner			{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; width:100%; padding-bottom:100px;}
.recruit_whole_inner_pb0	{padding-bottom:0;}

.recruit_gijutsu_right		{width:100%; float:right; margin-left:-300px; position:relative;
										box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.recruit_gijutsu_left			{float:left; width:300px; position:relative;
										box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.recruit_gijutsu_inner		{margin-left:360px;}
.recruit_gijutsu_img			{width:300px; height:300px; background:url(../images/bg_recruit_sxsw.jpg) no-repeat center;
										background:-webkit-image-set( url(../images/bg_recruit_sxsw.jpg)  1x, url(../images/bg_recruit_sxsw_2x.jpg) 2x );}


.recruit_creator_left			{width:100%; float:left; margin-right:-400px; position:relative;
										box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.recruit_creator_right		{float:right; width:400px; position:relative;
										box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.recruit_creator_inner		{margin-right:460px;}
.recruit_creator_img			{width:400px; height:220px; background:url(../images/bg_recruit_concert.jpg) no-repeat center;
										background:-webkit-image-set( url(../images/bg_recruit_concert.jpg)  1x, url(../images/bg_recruit_concert_2x.jpg) 2x );}

.recruit_bg_top					{padding-right:450px;}
.recruit_bg_oto					{padding-right:450px;}
.recruit_bg_bosyu				{background:url(../images/bg_recruit_bosyu.png) no-repeat center bottom; padding-bottom:210px;}


.caption	{font-size:11px; line-height:1.4;}






/*extra contents追加*/
.showcase						{}
.topbtn							{width:24.5%; vertical-align:top;}
.topbtn_extra				{width:2%; background-color:#444444; border-color:#444444;}

.topbtn_on					{width:20%;}
.topbtn_extra_on			{width:20%;}


.topimg5											{background:url(../images/purty_wood.png) repeat center; /*background:#101010;*/ display:none;}
.topbtn_extra .topbtn_arrow				{border-bottom-width:10px;
														border-left:10px solid transparent; border-right:10px solid transparent;
														position:absolute; top:10px; left:50%; margin-left:-10px; display:block;}
.topbtn_extra:hover .topbtn_arrow	{border-left:20px solid transparent; border-right:20px solid transparent; margin-left:-20px;}

.deskthumbox										{width:inherit; height:inherit; list-style-type:none; margin:0; padding:0; clear:both; position:relative;}
.header_bg											{display:none; width:inherit; height:150px; position:absolute; top:0; left:0; background:url(../images/header_bg.png) repeat-x left top; z-index:2;}
/*.deskthumbox:after								{content:""; display:block; width:inherit; height:100px; position:absolute; top:0; left:0; background:url(images/header_bg.png) repeat-x left top;}*/

.deskthumbox li									{display:block; width:20%; height:25%; margin:0; padding:0; float:left; color:#ffffff; text-align:center;}
.deskthumbox li div								{width:100%; height:100%; position:relative;}
.deskthum											{height:inherit; background:#101010; background-position:top center; background-repeat:no-repeat; background-size:cover;
															border-top:1px solid #101010; border-right:1px solid #101010;
															box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;
															-webkit-transition: all 0.2s ease;
															-moz-transition: all 0.2s ease;
															-o-transition: all 0.2s ease;}
.deskthumbox li:nth-child(5) .deskthum, .deskthumbox li:nth-child(10) .deskthum, .deskthumbox li:nth-child(15) .deskthum, .deskthumbox li:nth-child(20) .deskthum	{border-right:none;}
.deskthumbox li:nth-child(1) .deskthum, .deskthumbox li:nth-child(2) .deskthum, .deskthumbox li:nth-child(3) .deskthum, .deskthumbox li:nth-child(4) .deskthum, .deskthumbox li:nth-child(5) .deskthum	{border-top:none;}
.champagne div.hidden						{display:none;}

.desk_msg											{position:absolute; width:100%; left:0; top:50%; margin-top:-140px; text-align:center; z-index:1; display:none;}
.desk_msg_inner									{display:inline-block; color:#ffffff; line-height:280px; font-size:100px; letter-spacing:0.2em; text-shadow:0px 0px 10px rgba(0,0,0,0.2);
															-moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg);}

.extra_hidden									{display:none;}
.topbtn_extra .topbtn_icon				{background-position:-1080px 0;}

.font_courgette		{font-family: 'Courgette', cursive;}





/*sp desk*/
.pagetitle_sp_desk		{font-family: 'Courgette', cursive !important; text-align:center; font-size:80px; color:#4c300b !important; line-height:100px; padding-bottom:20px;
									-moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg);}

.deskitembox				{margin-top:30px; font-size:0; text-align:center; list-style-type:none;}
.deskitembox li			{width:250px; margin:0 10px 20px 10px; display:inline-block; font-size:14px;}
.deskitem						{display:block; background:#ffffff; color:#cccccc; padding:5px; 
									-webkit-transition: all 0.2s ease;
									-moz-transition: all 0.2s ease;
									-o-transition: all 0.2s ease;}
.deskitem:hover			{background:#ffffff; box-shadow:4px 4px #ad7f3d; color:#ffffff;}
.deskimg						{background-position:center; background-size:cover; background-repeat:no-repeat; height:160px; position:relative;}
.deskimg:after				{content:""; display:block; position:absolute; width:100%; height:100%; left:0; top:0; background:#000000;
									filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;
									-webkit-transition: all 0.5s ease;
									-moz-transition: all 0.5s ease;
									-o-transition: all 0.5s ease;}
.ie8 .deskimg:after		{display:none;}
									
.deskitem:hover .deskimg:after		{filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}


.deskinfo						{padding:30px 15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; display:none;}

.deskdtl						{width:600px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.deskdtl_img img			{width:600px; height:auto;}
.deskdtl_info				{padding:30px 0 0 0;}
.deskdtl_info p				{color:#666666;}

p.desc_desk					{color:#111111;}

.deskdtl_name				{font-size:20px; font-weight:bold; margin-bottom:24px;}
.deskdtl_name i			{font-size:40px; margin-right:10px;}

.deskdtl_icon_s				{background:url(../images/desk/icon_s.jpg) no-repeat left top; height:60px; padding-left:70px; display:inline-block; line-height:70px;}




body	, textarea, input, select, button
	{font-size:13px; line-height:1.8;}
.gmenu li, .topbtn, .linkthum, .pagemenu li, .newsdetail_date, .newsdetail_ctg, .deskitembox li, .access_img .routechart, .access_img .routearrow	
	{font-size:13px;}



.newsbody p		{}
.newsbody .newssubbox	{padding:45px; background:#f5f5f5; margin-top:45px;}
.newsbody .txt_note		{font-size:12px; color:#666666;}
.newsbody img		{max-width: 100%; height: auto;}



/*事業紹介内のニュース一覧*/
.news_project							{font-size:12px;}
.news_project ul						{list-style-type:none; margin-top:10px; padding:0; overflow:hidden;}
.news_project li						{}
.news_project a						{display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#666666; padding:1px 2px; vertical-align:top; max-width:100%;
												-webkit-transition: all 0.1s ease;
												-moz-transition: all 0.1s ease;
												-o-transition: all 0.1s ease;}

.news_project a:hover				{background:#e98a1b; color:#202020;}
.news_project .news_date			{padding-right:15px; }
.news_project .news_title			{}
.news_project .icon_more			{color:inherit;}


/*チーム紹介*/
.cont_team_thum					{}
.team_thum						{width:28%; margin:0 8% 60px 0; display:block; float:left; vertical-align:top;}
.team_thum:last-child			{margin-right:0;}
.team_thum .team_name			{font-size:14px; margin-bottom:20px;}
.team_thum .team_desc			{color:#999999;}


.team_main						{width:100%; float:left; margin-right:-490px; position:relative; min-height:480px;}
.team_sub						{float:right; width:400px; position:relative;
										box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.team_main_inner				{margin-right:490px;}


/*SNSリスト*/
.snslist                    {margin-top:10px;}
.snsline                    {border-bottom:1px solid #f1f1f1; padding:10px 0;}
.snsheader                  {padding:2px 0; background-color:#666666; color:#dcdcdc;}
.snsline:nth-child(odd)     {background-color:#f9f9f9;}
.snsline:nth-child(even)    {background-color:#ffffff;}
.sns_type                   {width:15%; float:left; padding-left:15px;}
.sns_name                   {width:50%; float:left; padding-left:15px;}
.sns_account                {width:35%; float:left; padding-left:15px;}
.sns_type, .sns_name, .sns_account        {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}




/*inquiry*/
.inquiry_whole		{background:#f1f1f1;}
.inquiry_box1 div	{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; overflow:hidden;}
.inquiry_box1 .list_nml							{margin-bottom:20px; margin-left:0; padding:30px; /*background:#fdfbea;*/ background:#f4f4f4; position:relative;}
.inquiry_box1 .list_nml li						{margin-bottom:6px; list-style-type:none; text-indent:0; font-size:13px;}
.inquiry_box1 .list_nml li:last-child			{margin-bottom:0;}
.inquiry_box1 .list_nml:after					{content:""; display:block; width:0; height:0; border-right:20px solid #ffffff; border-top:20px solid transparent; position:absolute; right:0; bottom:0;}
.inquiry_box1 .list_nml:before					{content:""; display:block; width:0; height:0; /*border-left:20px solid #e5e0bc;*/ border-left:20px solid #d9d9d9; border-bottom:20px solid transparent; position:absolute; right:0; bottom:0;}
.win .inquiry_h1, .win .inquiry_h3_txt			{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.inquiry_box1					{font-size:12px; line-height:1.4; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; padding:0 100px 100px 100px;}
.inquiry_prod, .inquiry_pr		{background:#e8e8e8;}
.inquiry_biz					{background:#d9d9d9;}

.inquiry_h1						{padding:60px 0 20px 0; font-size:26px;}

.inquiry_box3		{clear:both; background:#ffffff; padding:0 35px; margin-bottom:10px;}
.inquiry_h3			{float:left; width:300px; padding:30px 0; font-size:18px;}
.inquiry_c3			{margin-left:300px; margin:98px 0 35px; min-height:150px;}
.inquiry_box3:last-child	{margin-bottom:0;}

.inquiry_txt_contact	{color:#666666;}
.inquiry_link_contact	{margin-bottom:10px; font-size:14px;}
.inquiry_no				{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; display:block; font-size:50px; line-height:60px; margin-bottom:5px; color:#999999;}
.inquiry_h3_txt			{display:block; vertical-align:top; margin-top:3px; padding-right:60px;}
.inquiry_h3_txt .br		{display:block;}

.inquiry_faq_titlebox	{padding:30px; padding-bottom:0; background:#f4f4f4; margin-top:30px;}
.inquiry_faq_title		{font-size:18px; font-weight:normal; color:#2e2e2e;}
.inquiry_faq_txt		{font-size:16px; margin-top:3px; color:#3c3c3c;}
.inquiry_reference		{padding:5px; background:#f4f4f4;}
.inquiry_reference span	{background:#e0e0e0; display:inline-block; padding:3px 6px; margin-right:6px;}
.inquiry_link_contact span	{font-weight:bold; font-size:16px; display:inline-block; margin:0 3px; padding-bottom:1px; border-bottom:1px solid #898989;}
.inquiry_link_contact span.no_border	{border-bottom:none; font-weight: normal;}
.inquiry_faq_subbox		{padding:30px; background:#f4f4f4; margin-top:30px;}

.inquiry_h1 .prefix		{margin-right:10px;}


/* インラインリスト */
.inline_list_nml li				{display:inline-block; width:460px; margin-bottom:5px; color:#ffffff;}
/*--------------------20th--------------------*/
.cfm-20th {
	margin-top: 30px;
	text-align: center;
}
.cfm-20th img {
	width: 100px;
}
.topimg0 img {
	height: 300px;
	margin: 100px auto 0;
	display: block;
}
/*-------------------------------------------*/
.twenty-whole {
	text-align: center;
	padding: 175px 0;
	width: 800px;
	margin: 0 auto;
}
.twenty-whole .logo-twenty img {
	width: 520px;
	text-align: center;
}
.twenty-whole .lead {
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 1px;
	color: #fff;
	margin-top: 80px;
}
/*-------------------------------------------*/
.history-whole {
	margin-top: 60px;
	color: #fff;
	text-align: left;
	position: relative;
	padding-top: 60px;
}
.history-whole:after {
	content: "";
	display: block;
	width: 4px;
	height: 100%;
	position: absolute;
	top: 60px;
	left: 160px;
	background: #fff;
	border-radius: 2px;
	z-index: -1;
}
/*-------------------------------------------*/
.history-whole .history-cont {
	position: relative;
	zoom: 1;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.6;
}
.history-whole .history-cont:after {
	content: "";
	display: block;
	clear: both;
}
.history-whole .history-cont:before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 5px;
	left: 154px;
	background: #E07933;
	border: 3px solid #fff;
	border-radius: 8px;
	box-sizing: border-box;
}
.history-whole .history-cont:last-child {
	margin-bottom: 0;
}
.history-whole .month {
	width: 140px;
	float: left;
	text-align: right;
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-ms-animation-duration: .5s;
	animation-duration: .5s;
}
.history-whole .desc {
	width: calc(100% - 220px);
	float: right;
	box-sizing: border-box;
	position: relative;
}
.history-whole .desc:after {
	content: "";
	display: block;
	width: 51px;
	height: 1px;
	position: absolute;
	top: 11px;
	left: -51px;
	background: #fff;
}
.history-whole .month span {
	font-size: 18px;
	display: inline-block;
	padding: 0 2px;
}
.history-whole .month span.mm {
	display: inline-block;
	min-width: 28px;
}

.history-whole .desc p {
	background: rgba(255, 250, 245, 0.7);
	border-radius: 1px;
	padding: 10px 20px;
	border: 1px solid #FFE6CE;
	color: #AF2F1A;
	margin-bottom: 5px;
	display: inline-block;
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-ms-animation-duration: .5s;
	animation-duration: .5s;
}
.history-whole .desc p:last-child {
	margin-bottom: 0;
}
/*-------------------------------------------*/
.twenty-menu {
	margin-top: 160px;
	list-style-type: none;
}
.twenty-menu:after {
	content: "";
	display: block;
	clear: both;
}
.twenty-menu li {
	display: block;
	width: 50%;
	float: right;
	box-sizing: border-box;
	text-align: center;
}
.twenty-menu li:first-child {
	float: left;
	width: calc(50% - 1px);
}
.twenty-menu li a {
	display: block;
	font-size: 18px;
	padding: 12px 0;
	background: #E8BB2A;
	color: #AF2F1A;
	border-radius: 1px;
	position: relative;
}
.twenty-menu li.active a {
	
}
.twenty-menu li a:after {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -6px;
	content: '';
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-top: 0 solid #E8BB2A;
	transition-duration: .4s;
}

.twenty-menu li.active a:after {
	border-top: 12px solid #E8BB2A;
}
/*-------------------------------------------*/
.greeting-whole {
	margin-top: 60px;
	padding-top: 60px;
	text-align: left;
	background: rgba(255, 250, 245, 0.9);
	border-radius: 1px;
	padding: 90px;
	border: 1px solid #FFE6CE;
	color: #672419;
}
.greeting-whole p {
	font-size: 15px;
	line-height: 1.8;
	letter-spacing: 1px;
	margin-bottom: 30px;
}
.greeting-whole p.break {
	margin-bottom: 60px;
}
.greeting-whole p:last-child {
	margin-bottom: 0;
}



/*.history-whole .desc {
	width: calc(100% - 220px);
	float: right;
	box-sizing: border-box;
	background: rgba(216, 118, 19, 0.89);
	border-radius: 4px;
	padding: 2px 20px;
	border: 1px solid #DC8615;
	position: relative;
}
.history-whole .desc:after {
	content: "";
	display: block;
	width: 51px;
	height: 1px;
	position: absolute;
	top: 11px;
	left: -51px;
	background: #fff;
}
.history-whole .month span {
	font-size: 18px;
	display: inline-block;
	padding: 0 2px;
}
.history-whole .month span.mm {
	display: inline-block;
	min-width: 28px;
}

.history-whole .desc p {
	margin-bottom: 5px;
	border-bottom: 1px dotted #AB4D0A;
	padding: 10px 0;
}
.history-whole .desc p:last-child {
	margin-bottom: 0;
	border-bottom: none;
}
.history-whole .desc p:fisrt-child {
	border-bottom: none;
}*/











/*--------------------rss button--------------------*/
/*.rss {
	display: inline-block;
	position: relative;
	cursor:pointer;
	width:36px;
	height:36px;
	line-height:36px;
	text-align:center;
	font-size: 20px;
	text-decoration:none;
	box-sizing:border-box;
	vertical-align: top;
	margin-left: 20px;
}
.rss:before {
	font-family:'fontello';
	content: '\e806';
	color:#454545;
	position:absolute;
	left: 0;
	top: 0;
	height: inherit;
	width: inherit;
	line-height: inherit;
}*/

.pagetitle .icon-rss {
	color: #000;
	text-decoration: none;
	font-size: 20px;
	margin-left: 20px;
	line-height: 36px;
	vertical-align: middle;
}

