@charset "UTF-8";
/* CSS Document */

/* 共通 
******************************************************* */
html,body{
height: 100%;
}
body{
margin:0;
padding:0;
-webkit-text-size-adjust: 100%;
font-size: 14px;
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
color: #666;
}

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

img{border:0px;}

.clear {clear: both;}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

a{text-decoration: none; color: #666;}
a:hover{text-decoration: underline;}

a:hover .hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

h1,h2,h3,h4,h5,h6{
margin:0px;
padding:0px;
line-height:1.0;
font-weight: normal;
}


.pd5{padding-top:5px;}
.pd10{padding-top:10px;}
.pd15{padding-top:15px;}
.pd20{padding-top:20px;}
.pd30{padding-top:30px;}
.pd40{padding-top:40px;}

.center{text-align:center;}

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




/* 共通
******************************************************* */



/* ヘッダー
******************************************************* */

#header_area{background: #fff;}

#header_logo{display: none;}
#header_logo_2nd{text-align: center; padding: 45px 0;}

#header_menu_area{background: #b2b2b2; font-family: 'Montserrat', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
	#header_menu_area ul{
	width:100%;
	max-width:940px;
	margin: auto;
	font-size: 18px;
	overflow: hidden;
}
	#header_menu_area ul li{width: 16.6%; text-align: center; float: left;}
	#header_menu_area ul li a{color: #fff; display: block; line-height: 54px; border-top: 3px solid #b2b2b2; border-bottom: 3px solid #b2b2b2;}
	#header_menu_area ul li a:hover{text-decoration: none; border-bottom: 3px solid #E4002D;}

/*スマフォ*/
@media screen and (max-width: 640px) {
	#header_menu_area ul{overflow: hidden;}
	#header_menu_area ul li{width: 50%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; border-bottom: 1px solid #F1F1F1; border-right: 1px solid #F1F1F1;}
	#header_menu_area ul li:nth-child(even){border-right:none;}
	/*#header_menu_area ul li:last-child{width: 100%; border-right:none;}*/
}

/* フッター
******************************************************* */
#footer_area{
	padding: 100px 0 0;
	position: relative;
	background: url(/common/img/footer_gl.gif) top repeat-x; #fff;
	color: #666;
	font-size: 12px;
	}

#footer_logo{width: 100px; height: 142px; position: absolute; top: 60%; left: 50%; margin: -71px 0 0 -50px; opacity: 0.3;}
#footer_logo img{height: 100%; width: 100%;}

#footer_cont_area{position: absolute; top: 60%; width: 100%; opacity: 0;}

#footer_social_area{text-align: center; padding: 0 0 40px;}
	#footer_social_area a{padding: 0 35px 0 0;}
	#footer_social_area a:last-child{padding: 0;}
	
#footer_menu_area{text-align: center;}
	#footer_menu_area a{margin: 0 20px 20px 0;}
	#footer_menu_area a:last-child{margin: 0 0 20px 0;}

#footer_bnr_area{text-align: center; padding: 20px 0 30px;}
	#footer_bnr_area a{padding: 0 20px 0 0;}
	#footer_bnr_area a:last-child{padding: 0;}

#copy{text-align: center; padding: 0 0 35px;}



/* コンテンツ 
******************************************************* */

#contents_bg{background: #F1F1F1;}
#contents{width:100%; max-width:940px; margin: auto;}

h1{font-size: 36px; color: #E4002D; line-height: 110px; text-align: center; 
font-family: 'Montserrat', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
h2{font-size: 24px; color: #666; margin-bottom: 20px;}

.cont_bd{background: url(/common/img/bd.gif) bottom repeat-x; padding:25px 0 27px; clear: both;}

span.link{background: url(/common/img/link_icon.png) right no-repeat; padding-right:15px;}

/*ソーシャルボタン*/
.social_btn{clear:both;}
.social_btn div.mixi_check{float:right; overflow:hidden; height:21px; width:65px;}
.social_btn div.mixi_like{float:right; overflow:hidden; height:21px; width:85px;}
.social_btn div.fb_like{float:right;  overflow:hidden; height:21px; width:120px;}
.social_btn div.fb_share{float:right; overflow:hidden; height:21px; width:100px;}
.social_btn div.tweet{float:right; overflow:hidden; height:21px; width:100px;}
.social_btn div.g_plus{float:right; overflow:hidden; height:21px; width:70px;}