@charset "utf-8";
/* CSS Document */
/*
 初期化
----------------------------------------------------------------------------------------------------*/
html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption
{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}

table,tbody,tfoot,thead,tr,th,td
{margin:0;padding:0;border:0;outline:0;vertical-align:top;border-collapse:separate;}

ul{list-style:none;}

caption{text-align:left;padding-bottom:5px;}

p,dl,dt,dd{padding:0;margin:0;}
ul li,ol li{list-style:none;}

:root ol, :root ul {
	margin: 0;
	padding: 0;
}
:root blockquote {
	margin: 0;
}

/*div,p,dt,dd,li,td,th,h1,h2,h3,h4,h5{word-wrap: break-word;word-break: break-all;white-space:normal !important;}*/

em{font-style:normal;}

img{vertical-align:top;}

hr{padding:0;margin:0;border:none;}

/* html 5 */
header,footer,nav,article,section,aside,time,figure{display:block;}
[hidden],command,datalist,menu[type=context],rp,source{display: none;}

/*
 テキスト
----------------------------------------------------------------------------------------------------*/

/* weight */
.fwb{font-weight:bold;}
.fwn{font-weight:normal;}

/* color */
.alrtClr{color:#d21 !important;}
.alrtClr02{color:#07b !important;}

/*
 マージン
----------------------------------------------------------------------------------------------------*/

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}

.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}

.mr0{margin-right:0px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}

/*
 パディング
----------------------------------------------------------------------------------------------------*/
.pt0{padding-top:0px !important;}
.pt5{padding-top:5px !important;}
.pt8{padding-top:8px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}

.pb0{padding-bottom:0px !important;}
.pb5{padding-bottom:5px !important;}
.pb8{padding-bottom:8px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}

.pl0{padding-left:0px !important;}
.pl5{padding-left:5px !important;}
.pl8{padding-left:8px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}
.pl60{padding-left:60px !important;}

.pr0{padding-right:0px !important;}
.pr5{padding-right:5px !important;}
.pr8{padding-right:8px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}
.pr60{padding-right:60px !important;}

/*
 インライン要素配置
----------------------------------------------------------------------------------------------------*/
.taL { text-align:left !important; }
.taR { text-align:right !important; }
.taC { text-align:center !important; }

.vaT { vertical-align:top !important; }
.vaM { vertical-align:middle !important; }
.vaB { vertical-align:bottom !important; }


/*
 SNS
----------------------------------------------------------------------------------------------------*/
.socials li {
	margin-left:7px;
	line-height:0;
	float:left;
	width:75px;
	/*padding-top: 10px;
	overflow:hidden;*/
}
.socials li:nth-child(1){ width: 75px; overflow: hidden; position: relative;}
.socials li.facebook{width:116px;}
.socials li#linebtn{ width:88px; }

.headL2 {
	max-width: 980px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	height: 30px;
}

.gn-socials {
	position: absolute;
	right:0;
	top: 0px;
	width:auto!important;
}

body #contentsWrapper .contArea { max-width: 100%!important; padding-left: 0!important; padding-right: 0!important; position: relative!important; }


#socialBox { display: none; padding: 10px; }

@media screen and (max-width: 767px) {

#socialBox { display: block; padding: 10px; }
.headL2 { display: none; }

#sp_social_v2 {
	margin-top: 40px;
	text-align: center;
}

#sp_social_v2 ul {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 30px 0;
	border: #e5e5e5 1px solid;
	background: #fbfbfb;
	-webkit-box-sizing: border-box!important;
	-moz-box-sizing: border-box!important;
	-o-box-sizing: border-box!important;
	-ms-box-sizing: border-box!important;
	box-sizing: border-box!important;
	font-size: 1.4rem;
	font-weight: bold;
}

#sp_social_v2 ul li {
	display: table-cell;
	padding: 3% 0;
}

#sp_social_v2 ul li:nth-child(2) {
	border-left: #e5e5e5 1px solid;
	border-right: #e5e5e5 1px solid;
}

#sp_social_v2 ul li a { display: block; width: 70%; margin: 0 auto; font-size:75%; }

#sp_social_v2 ul li a img { width: 100%; height: auto; max-width: 104px;  }

#socialBtn {
	border-top:1px solid #e8e8e8;
	padding-top:60px;
	padding-bottom:40px;
}

#socialBtn a { margin-right: 60px; }

#socialBtn a.lastbtn { margin-right: 0; }

#socialBtn a img {
	width:100px;
	height:100px;
}

}

@media screen and (min-width: 0px) and (max-width: 500px) {
	
	#sp_social_v2 ul li a { display: block; width: 70%; margin: 0 auto; font-size:55%; }
	
}