/* ***********************************************************************
	1 : Common
*********************************************************************** */
* {
	margin: 0px;
	padding: 0px;
}
html {
	//font-size: 62.5%;
}
body {
	background: #FFF;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
	
	font-size: 16px;
	line-height: 1.58;
	//font-size: 1.3rem;
	color: #3d3a38;
}


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

a:link{}
a:visited{}

table {
border-collapse:collapse;
border-spacing:0;
//width: 100%;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

img { border-style:none; }
li {list-style-type: none;}

.mb_5{ margin-bottom:5px; }
.mb_10{ margin-bottom:10px; }
.mb_20{ margin-bottom:20px; }
.mb_30{ margin-bottom:30px; }
.mb_40{ margin-bottom:40px; }
.mb_50{ margin-bottom:50px; }
.mt_5{ margin-top:5px; }
.mt_10{ margin-top:10px; }
.mt_20{ margin-top:20px; }
.mt_30{ margin-top:30px; }
.mt_40{ margin-top:40px; }
.mt_50{ margin-top:50px; }

.font0 {font-size: 60%;}
.font1 {font-size: 80%;}
.font2 {font-size: 90%;}
.font3 {font-size: 100%;}
.font4 {font-size: 110%;}
.font5 {font-size: 120%;}
.font6 {font-size: 130%;}
.font7 {font-size: 140%;}
.font8 {font-size: 150%;}
.font9 {font-size: 200%;}
.font10 {font-size: 250%;}
.font11{font-size: 300%;}

.weightB { font-weight:bold; }

.text_right{ text-align:right; }
/* ***********************************************************************
	1 : Structure
*********************************************************************** */
#container {
	background: #FFF;
}
#header {
	height:90px;
	/*background: url(http://handmadechip.jp/file/image/common/top_line.png) ;*/
	//background-repeat:repeat-x;	
	//padding-bottom:8px;
	//border-bottom:1px solid #EEE;
	//background: #FFD200;
	/*background: #fafafa;*/
}

#header_in {
	position: relative;
	width: 1010px;
	margin: 0 auto;
	/*padding-top: 10px;*/
	height: 90px;
}

#wrap {
	position: relative;
	width: 1010px;
	min-height: 400px;
	margin: 0px auto;
	padding:20px 0 50px 0;
	overflow: hidden;
}
#wrap_content {
	position: relative;
	width: 1010px;
	min-height: 400px;
	margin: 0px auto;
	padding:30px 0 50px 0;
	overflow: hidden;
}


#top-left {
	float:left;
	width: 159px;
}
#top-center {
	float:left;
	width: 500px;
	border-left: 1px solid #eee;
	padding: 0 0 0 25px;	
}
#top-right{
	float:left;
	width: 300px;
	padding-left: 25px;		
}
#footer{
    color: #444;
    background-color: #f8f8f8;
    padding: 40px 0;
}

#top_main {
	float:left;
	width:685px;
}

#footer_in{
	width: 1010px;
	margin: 0 auto;
}

.footer_logo{
	width: 170px;
	float:left;
}

.footer_logo img{
	width:100px;
}

.footer_list{
	float:left;
}
.footer_list_about{
	width: 280px;
}

.footer_list_category{
	width: 560px;
}

.footer_list p{
	font-size:12px;
	margin-bottom:10px;
}

.footer_list ul li{
    vertical-align: top;
    letter-spacing: normal;
    width: 115px;
    margin-right: 0;
    padding-right: 7px;
    display: inline-block;	
	font-size:13px; 
}
.footer_list ul li a{
	color:#999;
}

#footer_line{
    font-size: 1.1rem;
    color: #fff;
    background-color: #d0d0d0;
    width: 100%;
    overflow: hidden;
    position: relative;	
    padding: 20px 0; 
}
#footer_line_in{
	width: 1010px;
	margin: 0 auto;
	text-align:right;
	font-size:12px;
}

#content_center {
	float:left;
	width: 680px;
	margin-right:5px;
}

/* ***********************************************************************
	1 : common
*********************************************************************** */
.title_a{
	text-align:center;
	border-bottom: 1px solid #ddd;;
	margin-bottom:10px;
	padding-bottom:10px;
	font-size: 18px;	
}

.category_list{
}

.category_list li{
	display:inline-block;
	vertical-align:top;
	width:28%;
	padding:15px 2% 15px 2%;
}
.category_list li a{
	display: block;
}
.category_list li:hover{
	background-color:#f5f5f5;
}
.category_list_title{
	font-weight:bold;
	font-size:18px;
	//margin-bottom:5px;
}
.category_list_desc{
	font-size:14px;
	color:#999;	
}

.pager {
	margin-top:35px;
	margin-bottom:35px;
	text-align: center;
}
.pager a{
	font-size: 17px;
	//display:block;
	padding: 13px 40px;
	//width:100px;
	font-weight:bold;
	background: #f9f9f9;
	border: 1px solid #e7e7e7;
	margin-right:15px;
}



div.pagination {
	position: relative;
	text-align:center;
	margin-bottom:90px;
}

.pagination strong{
  padding: 11px 20px 9px;
  background: #eee;
  border-bottom: 0;	
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0 2px;
  border: 1px solid #eee;
  color: #333;
  font-size: 14px;
  text-align: center;
  letter-spacing: normal;
  vertical-align: middle;  
}

.pagination a {
  padding: 10px 20px 8px;
  border-bottom: 2px solid #ddd;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0 2px;
  border: 1px solid #ddd;
  color: #333;
  font-size: 14px;
  text-align: center;
  letter-spacing: normal;
  vertical-align: middle;  
}  

.pagination>li {
	display: inline;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
z-index: 2;
color: #fff;
cursor: default;
background-color: #428bca;
border-color: #428bca;
}
.pagination>li>a, .pagination>li>span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.428571429;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}



.snsshare {
width: 100%;
height: 50px;
margin-bottom: 95px;
}
.snsshare a {
width: 50%;
padding: 8px 0;
float: left;
font-size: 14px;
font-weight: bold;
color: #ffffff;
text-align: center;
letter-spacing: 0.1em;
display: inline-block;
font-family: 'Avenir','Helvetica neue';
-webkit-font-smoothing: antialiased;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}

.snsshare a:link{
color: #ffffff;
}
.snsshare a:visited{
color: #ffffff;
}
.snsshare a:hover{
color: #ffffff;
}

.snsshare a:hover {
opacity: 0.7;
}
.snsshare a.share_fb_pc {
background-color: #3b5998;
border-bottom-color: #314a7f;
}
.snsshare a.share_tw_pc {
background-color: #00acee;
border-bottom-color: #007fb2;
}
.snsshare a.share_gg_pc {
background-color: #ee4f3c;
border-bottom-color: #007fb2;
}
.snsshare a.share_hatena_pc {
background-color: #1b91cf;
border-bottom-color: #007fb2;
}

a.share_btn_pc span {
  display: block;
  height: 20px;
  margin: 0 auto 0 20px;
  font-weight: 700;
  line-height: 20px;
}
.share_fb_pc span{
  height: 20px;
  //width: 140px;
  background: url(/file/image/sprite_icon_pc.png) left -40px no-repeat;
  background-size: 20px;
}
.share_tw_pc span{
  height: 20px;
  //width: 140px;
  background: url(/file/image/sprite_icon_pc.png) left -0px no-repeat;
  background-size: 20px;
}
.share_gg_pc span{
  height: 20px;
  //width: 140px;
  background: url(/file/image/sprite_icon_pc.png) left -120px no-repeat;
  background-size: 20px;
}
.share_hatena_pc span{
  height: 20px;
  //width: 140px;
  background: url(/file/image/sprite_icon_pc.png) left -80px no-repeat;
  background-size: 20px;
}



/* ***********************************************************************
	header
*********************************************************************** */
.logo {
	text-align:center;
	font-size:28px;
	font-weight:600;
	width:600px;
	margin: 0 auto;
	display: block;
    height: 90px;
    line-height: 90px;
}

.logo img{
	max-height:50px;
	margin: 20px auto;
}

.header_search {
	position: absolute;
	left: 0;
	top: 20px;
}

.header_nav {
	position: absolute;
	right: 0;
	top: 10px;
	font-size:13px;
}

.header_nav li{
	float: left;
	padding-left: 15px;
}

.header_breadcrumb{
	min-width:1010px;
	background: #f6f6f6;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #f3f3f3;
	
}
.header_breadcrumb_in{
	padding:10px 0;
	width: 1010px;
	margin: 0 auto;
}

.breadcrumb{
}
.breadcrumb li{
    //font-size: 1.2rem;
    font-weight: normal;
    //line-height: 20px;
    //height: 20px;
    margin: 0 36px 0 0px;
    overflow: visible;
    display: inline-block;
    position: relative;
}

.breadcrumb li:last-child{
    margin: 0px;
}
.breadcrumb li:before{
    content: "";
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: 1px solid #a9a099;
    border-right: 1px solid #a9a099;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -28px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.breadcrumb li:first-child:before{
    border: 0px solid #fff;
}


/* ***********************************************************************
	header_catch
*********************************************************************** */

#header_catch {
	//background: #f6f6f6;
	//border-bottom: 1px solid #eee;
	min-width:1010px;
	margin-bottom:20px;
}

header_catch_in {
	width:100%;	
}

.haeder_catch_content{
	width:33.333%;	
	float:left;
	position: relative;
}

.haeder_catch_content_last{
	margin-right:0px;
}

.haeder_catch_content_img:after {
    content: "";
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(transparent));
    background-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.5) 100%);
    width: 100%;
    height: 104px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.haeder_catch_content img{
	//width:320px;
	width:100%;
	height:300px;
	//padding-bottom:10px;
	display: block;
}

.haeder_catch_content_title{
	font-size:16px;
	color:#fff;
	position: absolute;
	margin:0 20px;
    bottom: 20px;
    left: 0;	
}
.haeder_catch_content_name{
	font-size:13px;
	position: absolute;
	bottom: 12px;
    right: 20px;	
}
.haeder_catch_content_name a{
	color: #ddd;
}

.header_catch_title{
	font-size:18px;	
	font-weight:bold;
	line-height: 1.5;
	//color:#aaa;	
}

.header_catch_txt{
	font-size:13px;	
	line-height: 1.5;
	color:#999;	
}

/* ***********************************************************************
	category_main_nav
*********************************************************************** */
.category_main_nav li.current{
	//border-top: 1px solid #e8eadf;
	font-weight:bold;
	background-color: #f5f5f5;
}
.category_main_nav li.current a{}
.category_main_nav li a:hover{
	background-color: #f5f5f5;
}

.category_main_nav li{
	border-bottom: 1px solid #f3f3f3;
	font-size: 1.0em;
	color: #666;
}
.category_main_nav li a{
	display: block;
	padding: 12px 14px;
}

.category_main_nav li.cat_current{
	font-weight:bold;
}

.category_main_nav li.cat_child{
	padding-left: 12px;	
}

/*
.category_summary{
	margin-bottom:30px;
}
.category_summary_desc{
	float:right;
	width:485px;
}
.category_summary_img{
	float:left;
	width:200px;
}
.category_summary_img img{
	width:170px;	
}
*/
.category_summary_thum_wrap{
    width: 100%;
    height: 210px;
    margin-bottom: 20px;
    overflow: hidden;
    display: table;
    position: relative;
}

.category_summary_thum{
    width: 100%;
    height: 100%; 
    position: absolute;	
}

.category_summary_thum span{
}
.category_summary_thum .overshadow{
    background-image: -webkit-linear-gradient(-90deg, transparent 0%, rgba(0,0,0,0.5) 96%);
    background-image: linear-gradient(-180deg, transparent 0%, rgba(0,0,0,0.5) 96%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.category_summary_thum_title {
	font-size: 26px;
    color: #fff;
    width: 100%;
    height: 100%;
    margin: 0;
    display: table-cell;
    position: absolute;
    z-index: 20;
}
.category_summary_thum_title h1{
    line-height:210px;
    text-align: center;
    font-weight:400;
}
.category_summary_info{
	margin-bottom:30px;
}


/* ***********************************************************************
	top_center content
*********************************************************************** */
.ul_content_summary{
}
ul.ul_content_summary li{
	border-bottom: 1px solid #ddd;
	padding-bottom:5px;
	margin-bottom:5px;
}
.content_summary{
    padding:10px 0px 10px 150px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    min-height: 110px;	
}
.content_summary_thum{
    width: 135px;
    height: 90px;
    position: absolute;
    left: 0;
}

.content_summary_title{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
}

.content_summary_description{
	margin-top:3px;
	font-size: 13px;
	line-height: 1.5;
	color: #999;
}
.content_summary_url{
	font-size: 12px;
	line-height: 1.7;
	color: #ccc;
}

.content_summary_category{
	font-size:10px;
	padding:2px 5px;
	background-color:#aaa;
	color:#fff;
}

/*
.content_summary{
	padding:10px 0;
	width:100%;
	border-bottom: 1px solid #eee;
}

.content_summary_thumb{
	width:150px;
	margin-right: -150px;	
	float:left;
}

.content_summary_thumb img{
	width:133px;
	height:90px;
}

.content_summary_thumb a{
	display: block;
}

.content_summary_text{
	width: 100%;
	float:left;
}

.content_summary_text_inner{
	margin-left: 150px;	
}

.content_summary_text_inner_wr{
	margin-left: 120px;	
	margin-right: 90px;	
}

.content_summary_right{
	width:90px;
	float: right;
	text-align:right;
	margin-left: -90px;
}

.content_summary_text_680{
	width:560px;
	float:left;
}

.content_summary_category{
	font-size:10px;
	padding:2px 5px;
	background-color:#666;
	color:#fff;
}
*/

.tab{
	position: relative;
	margin: 20px 0 35px 0;
}
.tab_part{
	border-bottom: 1px solid #e7e7e7;
}

.tab_part li{
	float: left;
	margin-bottom: -1px;
	border: solid #e7e7e7;
	border-width: 1px 1px 0;
	background-color: #f4f4f4;
	padding:10px 15px;
}

.tab_part li.tab_on{
	border-bottom: 1px solid #fff;
	background-color: #fff;
}

/* ***********************************************************************
	top_center side
*********************************************************************** */
.side_title{
	padding-bottom:10px;
	padding-left:6px;
	border-bottom: 1px solid #999;
}
.side_title h2{
	padding-bottom:1px;
	font-size:18px;
	//color: #79c6e6;	
}
.side_title p{
	color: #999;
	font-size:12px;
}

.ul_side_content_summary{
}
ul.ul_side_content_summary li{
	border-bottom: 1px solid #ddd;
	padding-bottom:5px;
	margin-bottom:5px;
}
.side_content_summary{
    padding:10px 0px 10px 77px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    min-height: 85px;	
}
.side_content_summary_thum{
    width: 65px;
    height: 65px;
    position: absolute;
    left: 0;
}

.side_content_summary_title{
    font-size: 14px;
    /*font-weight: bold;*/
    line-height: 1.5;
}
.side_content_summary_num{
	background-color:#EF4823;
	text-align:center;
	font-size:12px;	
	color:#FFF;
	position: absolute;
	opacity: 0.8;
	padding:0px 5px;
	left:0;
	top:10px;
}


/*
.side_content_summary{
	padding:10px 0;
	border-bottom: 1px solid #eee;
}

.side_content_summary_num{
	width:18px;
	height:18px;
	background-color:#EF4823;
	text-align:center;
	line-height: 18px;
	font-size:12px;	
	color:#FFF;
	position: absolute;
	opacity: 0.8;
	margin-left: 5px;
}

.side_content_summary_thumb{
	width:65px;
	margin-right: -65px;	
	float:left;
}

.side_content_summary_thumb img{
	width:50px;
	float:left;
	padding-left: 5px;
}
.side_content_summary_right{
	width: 100%;
	float:left;
}
.side_content_summary_right_in{
	margin-left: 65px;	
}

.side_content_summary_text{
	font-size:14px;
	line-height: 21px;
	font-weight:bold;	
}
.side_content_summary_user{
	text-align:right;
	padding-top:5px;
}
*/

/* ***********************************************************************
	content_top
*********************************************************************** */
.content_top{
	margin-bottom:20px;
}

.content_top_tag{
	margin-bottom:10px;
	font-size:12px;
}

.content_top_tag li{
	float:right;
	margin-left:5px;
}


.content_top{
	width: 100%;
	float: left;
}

.content_top h1{
	margin: 0px 0 12px 0;
    font-size: 24px;
    //font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.7;	
}

.content_top_lead{
    font-size: 15px;
    //font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.7;
    color: #4c4845;	
}


.content_top_day{
	color: #666;
	font-size: 12px;	
}

.contest_top_social{
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	margin-bottom:40px;
}

.contest_top_social_left{
	display: inline-block;
}

/* ***********************************************************************
	side_user
*********************************************************************** */
.side_user{}
.side_user_thum{
    width: 70px;
    margin-right: -70px;
    float: left;
}

.side_user_thum img{
	width:60px;
	height:60px;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;	
}
.side_user_right{
	width:100%;
	float:left;
	font-size:12px;
	color: #999;
}
.side_user_right_in{
	margin-left: 70px;
}

/* ***********************************************************************
	user
*********************************************************************** */
.content_user{
}
.content_user_thum{
    width: 135px;
    margin-right: -135px;
    float: left;	
}
.content_user_thum img{
	width:110px;
	height:110px;
	border-radius: 110px;
	-webkit-border-radius: 110px;
	-moz-border-radius: 110px;	
}
.content_user_right{
	width:100%;
    float: left;	
}
.content_user_right_in{
	margin-left: 135px;
}

/* ***********************************************************************
	toc
*********************************************************************** */
.toc{
	margin-bottom:30px;
	padding:13px 25px 10px;
	//background-color:#fafafa;
	border:solid 15px #f6f6f6;
}

.toc_title{
	color:#4c4845;
	margin-bottom:5px;
	font-size:18px;
}

.toc_list{
	padding-left:15px;
}
.toc_list_item{
	 list-style-type: disc;   
	 font-size: 19px;
	 color: #ccc;
}

/* ***********************************************************************
	content article
*********************************************************************** */
.at{
	margin-bottom:90px;
}
.at_part{
	margin-bottom:35px;
}

/*7 .at_title*/
.at_title{
	//border-bottom: 1px solid #FFD200;
	padding-bottom: 3px;	
}

.at_title_h2{
	//border: 1px  solid #ddd;
	background-color: #f6f6f6;
	padding: 8px 20px 8px 23px;		
    font-weight: 500;
    font-style: normal;
    font-size: 28px;
    line-height: 1.4;
   //letter-spacing: -.02em;	
}

.at_title_h3{
	border-left: 8px  solid #ddd;
	//background-color: #f6f6f6;
	padding: 4px 16px 8px 18px;		
    font-weight: 500;
    font-style: normal;
    font-size: 26px;
    line-height: 1.4;
    //letter-spacing: -.02em;	
}

.at_title_h4{
	//border-left: 8px  solid #ddd;
	padding: 4px 16px 8px 4px;		
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    line-height: 1.4;
    //letter-spacing: -.02em;	
}


/*8 .at_txt*/
.at_txt{	
//padding-left:10px;　
}
.at_txt_normal{	font-size:18px;	}
.at_txt_large{	font-size:22px;	}
.at_txt_huge{	font-size:26px;	}

/*9 .at_quote*/
.at_quote{
	border-left: 2px  solid #aaa;
	//background-color:#fcfcfc;
	//background-image: url('/file/image/blockquote.png');
	background-position: 15px 15px;
	background-repeat: no-repeat;
	padding:20px 20px 20px 20px;
}

.at_quote_normal{	font-size:18px;	}
.at_quote_large{	font-size:23px;	}
.at_quote_huge{	font-size:29px;	}
.at_quote_small{	font-size:15px;	}


.at_quote_from{
	display:block;
	font-size: 12px;	
}
.at_quote_from a{
	color:#aaa;
}

/*6 .at_link*/
.at_link{
    padding-left:150px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    min-height: 90px;	
}
.at_link_thumb{
    width: 135px;
    height: 90px;
    position: absolute;
    left: 0;
}

.at_link_title{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
}

.at_link_description{
	margin-top:3px;
	font-size: 13px;
	line-height: 1.5;
	color: #999;
}
.at_link_url{
	font-size: 12px;
	line-height: 1.7;
	color: #ccc;
}


/*
.at_link{ }
.at_link_thumb {
	float:left;
	width:150px;
	margin-right: -150px;	
}
.at_link_thumb img {
	width:135px;
	height:90px;
}
.at_link_thumb a{
	display: block;
}

.at_link_text {
	word-wrap: break-word;
	float:left;
	width:100%;	
}

.at_link_title{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
}

.at_link_description{
	font-size: 13px;
	line-height: 1.5;
	color: #999;
}
.at_link_url{
	font-size: 12px;
	line-height: 1.9;
	color: #ccc;
}

.at_link_text_inner {
	margin-left:150px;	
}
	
.at_link_text_all_inner {
	width:100%;	
}
*/

/*15 .at_table*/
.at_table{
}
.at_table table{
	table-layout: fixed;
 	//word-wrap: break-word;
 	word-break:break-all;
	border:solid 1px #ccc;
}
.at_table table tr{ }
.at_table table td{
	padding:8px;
	border:solid 1px #ccc;
}
.at_table table th{
	background-color:#eee;
	padding:8px;
	border:solid 1px #ccc;
}

/*10 .at_img*/
.at_img{
	display: block;
	text-align:center;	
}
.at_img img{
	max-width: 100%;
}
.at_img_title{display:block;}
.at_img_description{}


/*11 .at_mov*/
.at_mov{}
.at_mov_title{}
.at_mov_description{}

.at_mov_wrap_yt{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
} 
.at_mov_wrap_yt iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*17 .at_music*/
.at_music{}

/*16 .at_slide*/
.at_slide{}

/*12 .at_tweet*/
.at_tw{
	text-align:left;
	padding:15px 0px;
	margin-bottom:10px;
	//border-bottom: 1px solid #EEE;
	width: 100%;
    display:table;
    table-layout: fixed;
}
.at_tw_left{
	width:62px;
	display: table-cell;
    vertical-align: top;
}
.at_tw_left a{
	display:block;
} 

.at_tw_right{
	width:100%;
	display: table-cell;
}

.at_tw_username{
	color:#aaa;
	margin-right:3px;
	font-size:13px;
	line-height:1.2em;	
	display:inline;
}
.at_tw_screenname{
	font-size:13px;
	line-height:1.2em;	
	color:#aaa;
	display:inline;
}
.at_tw_screenname a{
	color:#666;	
}

.at_tw_follow{
	float:right;
	color:#ccc;		
	font-size:13px;	
}

.at_tw_content{
	font-size:18px;
	line-height:1.5em;	
	margin-top:5px;
	margin-bottom:10px;
}

.at_tw_media{
	margin-bottom:7px;
}
.at_tw_media_img img{
	max-width:100%;
}

.at_tw_media_mv{
	position: relative;
	max-width: 100%;
}

.at_tw_media_youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.at_tw_media_youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.at_tw_media_vine {
	position: relative;
	width: 100%;
	padding-top: 100%;
}
.at_tw_media_vine iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


.at_tw_time{
	margin-left:2px;
}
.at_tw_time a{
	color:#aaa;
}

.at_tw_under li{
	margin-right:9px;
	font-size:0.8em;
	float:left;
}

.at_tw_under_icon{
	width:16px;
}

.del_tweet{
	position: absolute;
	top: 0px;
	right: 0px;	
}


/*13 .at_board*/
.at_board{
	text-align:left;
	padding:15px 10px;
	margin-bottom:10px;
	border-bottom: 1px solid #EEE;
}
.at_board_num{
	font-size:0.8em;
	display:inline;
	line-height:1em;	
}
.at_board_username{
	font-size:0.7em;
	//font-weight:bold;
	display:inline;
	line-height:1em;		
}
.at_board_content{
	word-wrap: break-word;
	//word-break: break-all;
}
.at_board_time{
	font-size:0.8em;
	color:#aaa;
}
.del_board{
position: absolute;
top: 0px;
right: 0px;	
}

/*14 .at_goods*/
.at_goods{}

.at_goods_left{
	float:left;
	width:240px;
	margin-right: -240px;	
	text-align:center;	
}

.at_goods_left img{
	max-width:200px;
}
.at_goods_right{
	float:left;
	width:100%;
}

.at_goods_right_inner{
	margin-left: 240px;	
}

/*15 .at_map*/
.at_map{}

/*18 markdown*/
.at_md{
	font-size:18px;
}

.at_md a{
	//color:blue;
	text-decoration: underline;
}

.at_md table{
	table-layout: fixed;
 	//word-wrap: break-word;
 	word-break:break-all;
	border:solid 1px #ccc;
}
.at_md table tr{ }
.at_md table td{
	padding:8px;
	border:solid 1px #ccc;
}
.at_md table th{
	background-color:#eee;
	padding:8px;
	border:solid 1px #ccc;
}

.at_md blockquote{
	background-color: #f3f3f3;
	background-image: url('/file/image/blockquote.png');
	background-position: 15px 15px;
	background-repeat: no-repeat;
	padding:20px 20px 20px 40px;
}

.at_md hr{
	margin: 10px 0 10px 0;
	border: none;
	border-bottom: 1px solid #ddd;
}

.at_md ul{
	display: block;
	//-webkit-margin-before: 1em;
	//-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 20px;	
}
.at_md ul li{
	list-style-type: disc;
}
.at_md ul ul li{}
.at_md ul ul ul li{ }

.at_md ol{
	display: block;
	//-webkit-margin-before: 1em;
	//-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 20px;		
}
.at_md ol li{
	list-style-type: decimal;
}
.at_md ol ol li{}
.at_md ol ol ol li{}

.at_md pre code{
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  color: #333;
  background: #f8f8f8;
}

/*19 btn*/
.at_btn{
    //font-size:13px;	
}

.at_btn_common{
    display:inline-block;
    vertical-align:middle;
    white-space:nowrap; 
    line-height:2.5;
    height:     2.5em; 
    padding-right:1em; 
    padding-left: 1em;  
    border-radius:4px;
    overflow:visible;
    background-color:#a7a7a7;
    color:#fff;    
}

.at_btn_blue{
    background-color:#3967ab;
    color:#fff;
}

.at_btn_white{
	border: solid #bfbfbf 1px;
    background-color: #fafafa;
    color: #4a4a4a;
}

.at_btn_long{
    width:75%;
}

.at_btn_center{
	text-align:center;
}

.at_btn_left{
	margin-left:3px;
	text-align:left;
}
.at_btn_right{
	text-align:right;
}

/*20 btn*/
.at_pin{
   margin:0 40px;
}
.at_pin_img{
	max-height: 1000px;
    overflow: hidden;
    position: relative;	
}
.at_pin_img_in{
	text-align: center;
}
.at_pin_img_in img{
   max-width:100%;
    vertical-align: bottom;
    height: auto;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;        
}
.at_pin_img_in amp-img{
   max-width:100%;
    vertical-align: bottom;
    height: auto;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;        
}

.at_pin_img_in img:hover{
	opacity: 0.8;
}
.at_pin_box{
	border: 1px solid #eee;
    border-top-width: 0;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.at_pin_box_top{
	padding: 10px;
	border-bottom: 1px solid #eee;
}
.at_pin_site{
	font-size: 11px;
}

.at_pin_box_bottom{
    font-size: 10px;
    line-height: 1;
    min-height: 19px;
    position: relative;
}
.at_pin_box_bottom a{
    color: inherit;
    width: 100%;
    height: 100%;
    padding: 20px 0;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
 }
 .at_pin_box_bottom a:hover .at_pin_logo{
    background-position: 0 -39px;
}
   
.at_pin_logo{
    background-position: -47.5px 0;
    width: 95px;
    height: 39px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.at_pin_logo{
    background: url(/file/image/pinterest_logo.png) no-repeat;
    -webkit-background-size: 95px auto;
    -moz-background-size: 95px auto;
    -o-background-size: 95px auto;
    background-size: 95px auto;
}

.at_pin_btn{
	font-size: 14px;
    line-height: 32px;
    color: #fff;
    background-color: #bd061d;
    height: 31px;
    padding-right: 10px;
    padding-left: 24px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    cursor: pointer;
}
.at_pin_btn:before{
    content: "";
    background: url(/file/image/pinterest_white.png) no-repeat;
    -webkit-background-size: auto 15px;
    -moz-background-size: auto 15px;
    -ms-background-size: auto 15px;
    -o-background-size: auto 15px;
    background-size: auto 15px;
    width: 12px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.at_pin_repin{
	font-size:12px;
	color:#aaa;
}
.at_pin_repin:before{
    content: "";
    width: 11px;
    height: 0;
    margin-right: 4px;
    padding-top: 10px;
    display: inline-block;
    background: url(/file/image/pinterest_repin_mini.png) no-repeat;
    width:10px;
}


/*21 insta*/
.at_insta{
   margin:0 0px;
}

.at_insta_img{
	max-height: 1000px;
    overflow: hidden;
    position: relative;	
}
.at_insta_img_in{
	text-align: center;
}
.at_insta_img_in img{
   max-width:100%;
    vertical-align: bottom;
    height: auto;   
}

.at_insta_img_in amp-img{
   max-width:100%;
    vertical-align: bottom;
    height: auto; 
}

.at_insta_img_in img:hover{
	opacity: 0.8;
}
.at_insta_box{
}

.at_insta_box_top{
	padding: 5px 10px 10px;
}
.at_insta_site{
	font-size: 11px;
}