@media screen and (min-width: 981px) {
	/* 981px以上用（PC用）の記述 */
}
@media screen and (max-width: 980px) {
	/* 980px以以下用（PC用）の記述 */
}
@media screen and (min-width: 768px) and (max-width: 979px) {
	/* 768px - 979px用（タブレット用）の記述 */
}
@media screen and (min-width: 480px) and (max-width: 767px)  {
	/* 480px - 767px用（タブレット／スマートフォン用）の記述 */
}
@media screen and (max-width: 479px) {
	/* 479px以下用（スマートフォン用）の記述 */
}

/*ナビゲーション*/
nav ul li.nav_home a{ background:none;}


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

header{ text-align:center;}

.pic_msg{ display:inline!important;}


/* コンテンツ
---------------------------------------------------- */
.con_wrap{ width:992px; margin:0 auto; padding-right:-12px;}
.con_wrap .box{ width:236px; margin:0 12px 18px 0; float:left; background:#fff; position:relative;}

.con_wrap .box{
    border-radius: 2px;        /* CSS3草案 */  
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 2px;   /* Firefox用 */}

/*CMS装飾*/
.con_wrap .box_cms{
    border-radius: 14px;        /* CSS3草案 */  
    -webkit-border-radius: 14px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 14px;   /* Firefox用 */
	margin-bottom:104px;}
	
	
/*PIE*/
.con_wrap .box,
.con_wrap .box_cms{ behavior: url(/common/js/PIE.htc);}

/*PIEやめてボーダーにする場合*/
/*.ie8 .con_wrap .box{ margin-right:10px; border:1px solid #f0bebd;}
.ie8 .con_wrap .box_cms_img{ margin-right:12px; border:none;}*/


/*sns共通*/
.con_wrap .box .box_data{ padding:0 16px 0 16px;}
.con_wrap .sns_icon{ position:absolute; top:-6px; right:-6px;}

.con_wrap .box .top_area{}
.con_wrap .box .top_area .user{ line-height:1.3; text-align:right; padding-left:48px; height:52px; display:table; width:100%; box-sizing:border-box;}
.con_wrap .box .top_area .user .inner{ display:table-cell; vertical-align:middle;}
.con_wrap .box .top_area .user .user_name{ font-weight:bold; color:#2b2b2b;}
.con_wrap .box .top_area .user .user_name a{ color:#2b2b2b;}
.con_wrap .box .top_area .user .user_id{ font-size:90%; color:#686868;}
.con_wrap .box .top_area .user .user_id a{ color:#686868;}
.con_wrap .box .top_area .icon a:hover img{
opacity:1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";}

.con_wrap .box .info_area {}
.con_wrap .box .info_area img{ padding-bottom:6px; max-width:204px; height:auto;}

.con_wrap .box .info_area .date{ padding:10px 0 12px 0; text-align:right; color:#686868; font-size:85%;}

.con_wrap .box .btn_view_sns{ text-align:center; /*padding-top:12px;*/}





/*CMS*/
.con_wrap .box_cms .box_data{ padding:0 18px 16px 18px;}	
.con_wrap .box_cms .cate{
	position:absolute;
	top:0;
	right:-6px;
	color:#fff;
	font-size:90%;
	width:60px;
	height:54px;
	text-align:center;
	line-height:1.2;
	display:table;
	background:url(/img/snsbox_cate_bg.png) no-repeat left top;}
.con_wrap .box_cms .cate p{ width:60px; height:54px; display:table; margin-top:-1px;}
.con_wrap .box_cms .cate p span{
	display:table-cell;
	vertical-align:middle;}
	
.con_wrap .box_cms .yatsuzo_img{ position:absolute; left:0; bottom:-92px;}
.ie8 .con_wrap .box_cms .yatsuzo_img{ bottom:-91px;}

.con_wrap .box_cms h1{ padding:20px 0 16px 0; font-size:103%; line-height:1.4; padding-right:32px; min-height: 24px;}

.con_wrap .box_cms .info_area img{ max-width:200px;}


/*CMS画像のみ*/
.con_wrap .box_cms_img{ background:none; text-align:center;}
.con_wrap .box_cms_img img{ max-width:236px; height:auto;}



/*sns ツイッター、facebook共通*/
.con_wrap .box_tw .icon,
.con_wrap .box_fb .icon{ position:absolute; top:-11px; left:0; height:64px;}

.con_wrap .box_tw .icon img,
.con_wrap .box_fb .icon img{ max-height:64px; width:auto;}

.con_wrap .box_tw .top_area,
.con_wrap .box_fb .top_area{ padding-bottom: 14px;}

.con_wrap .box_tw .info_area img.firstimg,
.con_wrap .box_fb .info_area img.firstimg{ margin-top:-14px;}


/*youtube*/
.con_wrap .box_youtube{ background:#000; color:#fff!important; background-image:url(/img/snsbox_youtube_bg.gif); background-repeat:no-repeat; background-position:0 0;}
.con_wrap .box_youtube .top_area{ padding-top:34px;}
.con_wrap .box_youtube .top_area a{ color:#fff!important;}
.con_wrap .box_youtube .top_area .icon{ width:38px; float:left; padding-top:10px;}
.con_wrap .box_youtube .top_area .icon img{ max-width:38px; height:auto;}
.con_wrap .box_youtube .top_area .user{ height:60px; float:left; width:160px; padding-left:0;}
.con_wrap .box_youtube .info_area a{ color:#F4D9D9!important;}
.con_wrap .box_youtube .info_area .date{ color:#bbb;}
.con_wrap .box_youtube .info_area article h1{ padding:10px 0;}
.con_wrap .box_youtube .info_area article h1 a{ color:#fff!important;}
.con_wrap .box_youtube iframe{ margin-left:-16px;}
.con_wrap .box_youtube .youtube_area{ position:relative;}
.con_wrap .box_youtube .youtube_area span{ width:32px; height:23px; position:absolute; top:50%; left:50%; margin-top:-12px; margin-left:-16px; text-indent:-999999px;}
.con_wrap .box_youtube .youtube_area span{ background:url(/img/icon_youtube_play.png) no-repeat 0 0;}
.con_wrap .box_youtube .youtube_area a:hover span{ background-position:0 -23px;}
.con_wrap .box_youtube .youtube_area img{ max-width:204px; height:auto;}

.box_youtube .youtube_area a:hover img{
opacity:1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";}




/*ツイッター*/
/*.con_wrap .box_tw .action_choice{font-family: "rosettaicons"}*/
.con_wrap .box_tw .info_area a{ color:#0084b4;}

.con_wrap .box_tw .action_choice{ display:table; width:100%; padding:0 0 12px 0;}
.con_wrap .box_tw .action_choice div{ display:table-cell; text-align:center;}
.con_wrap .box_tw .action_choice .tw_action_icon{ font-size:160%;}
.con_wrap .box_tw .action_choice a{ color:#ccd6dd; text-decoration:none;}
.con_wrap .box_tw .action_choice .tw_actionCount { color:#8899a6; padding-left:3px;}

.con_wrap .box_tw .action_choice .tw_action_reply a:hover { color:#0084b4;}
.con_wrap .box_tw .action_choice .tw_action_retweet a:hover { color:#5c913b;}
.con_wrap .box_tw .action_choice .tw_action_favorite a:hover { color:#ffac33;}
/*
.con_wrap .box_tw .action_choice .tw_action_retweet .tw_action_icon{ font-weight:bold;}
*/

.tooltip span.tooltip_detail {display:none; padding:5px; margin-top:-40px; width:90px; margin-left:-50px;}
.tooltip:hover span.tooltip_detail{display:inline; position:absolute; background:#ccc; color:#6c6c6c; z-index:9;}


/*ツイッターユーザー*/
.box_tw_user{}
.con_wrap .box_tw_user .top_area { padding-bottom: 0;}
.con_wrap .box_tw_user .icon{ position:static; top:auto; left:auto; height:auto;}
.con_wrap .box_tw_user .top_area{ }
.con_wrap .box_tw_user .top_area .icon{ width:38px; float:left; padding-top:10px;}
.con_wrap .box_tw_user .top_area  .icon img{ max-width:38px; height:auto;}
.con_wrap .box_tw_user .top_area .user{ height:60px; float:right; width:160px; box-sizing:inherit; padding-left:0;}

	


/*facebook*/
.con_wrap .box_fb .info_area a{ color:#3b5998;}
.con_wrap .box_fb .action_choice{ padding:0 0 12px 0; font-size:93%; color:#6d84b4;}
.con_wrap .box_fb .action_choice a{ color:#6d84b4;}
.con_wrap .box_fb .action_choice a .icon-thumb-up{ padding-right:2px;}
.con_wrap .box_fb .action_choice a:hover{ text-decoration:none;}
/*
.con_wrap .box_fb .action_choice a span:hover{ text-decoration:underline;}
.con_wrap .box_fb .action_choice a span.icon-thumb-up:hover{ text-decoration:none;}
*/
.con_wrap .box_fb .action_choice .fb_action { color:#8899a6;}
.con_wrap .box_fb .action_choice a:hover { color:#3b5998;}
.con_wrap .box_fb .action_choice a:hover .fb_action { text-decoration:underline;}

.con_wrap .box_fb p.comment_count{ color:#3a3a3a; font-size:80%; padding-bottom:10px;}
.con_wrap .box_fb .comment_area{ border-top:1px solid #d3d0cf; padding:10px 0 0 0;}
.con_wrap .box_fb .comment_box{ padding-bottom:14px;}
.con_wrap .box_fb .comment_box .user_icon{ width:26px; height:26px; overflow:hidden; float:left;}
.con_wrap .box_fb .comment_box .user_icon img{ max-width:26px; height:auto;}
.con_wrap .box_fb .comment_box .user_comment{ float:left; padding-left:8px; width:170px;}
.con_wrap .box_fb .comment_box .user_comment p{ line-height:1.4; font-size:95%;}
.con_wrap .box_fb .comment_box .user_comment span{ font-weight:bold; padding-right:6px;}
.con_wrap .box_fb .comment_box .user_comment p.date{ color:#686868; font-size:90%;}



/* 他要素
---------------------------------------------------- */
/*タブ*/
.tab_area{ position:absolute; top:34px; left:0; z-index:99;}
.tab_area ul li{ line-height:0; margin-bottom:3px; background:#000;}

.shadow {
	box-shadow: 0 0 4px #c7807e;
	-moz-box-shadow: 0 0 4px #c7807e;
	-o-box-shadow: 0 0 4px #c7807e;
	-ms-box-shadow: 0 0 4px #c7807e;
	background:#c7807e;
}

/*シャドウをかけたことによるハック*/
/*
.ie8 .con_wrap .shadow{ margin-top:-3px; margin-left:-3px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#c7807e, direction=0, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#c7807e, direction=90, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#c7807e, direction=180, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#c7807e, direction=270, strength=3, enabled=true);
}
*/


.faclity_box{}


/*挙動*/

#infscr-loading img {
    bottom: 50px;
    left: 50%;
	margin-left:-8px;
    opacity: 0.8;
    position: fixed;
    text-align: center;
    width: 16px;
    z-index: 100;
}
#infscr-loading div {
    /*background: none repeat scroll 0 0 #000;
    border-radius: 10px;*/
    bottom: 50px;
    color: #fff;
    left: 50%;
	margin-left:-100px;
    opacity: 0.8;
    position: fixed;
    text-align: center;
    width: 200px;
    z-index: 100;
}




/* ハック
---------------------------------------------------- */

/*ipad　縦向き対策*/

@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation:portrait) {

}


/*ipad　横向き対策*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

}




/*iphone対策*/
/* ----iPhone 3〜4 縦---- */
@media only screen and (max-width: 320px) and (orientation:portrait){

}

/* ----iPhone 3〜4 横---- */

@media only screen and (max-width: 480px) and (orientation:landscape){

}