/*
Theme Name: taglive_iFrame_template
Theme URI: http://taglive.jp/ac/excel_make/wp-content/theme/taglive_iFrame_template

Author: argyle Inc.
Author URI: http://argyle.jp/
Description: This theme is a template of taglive for photos of Instagram and tweets of Twitter.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */


/*------------------
content
------------------*/

#taglive_contents {
    margin: 0 auto 70px !important;
    width: 900px!important;
}

div#instaWrap #taglive_contents {/***********************************************************************/
	font-size:10px;
	width: 300px!important;
}

div.taglive_img_info {
	margin: 0 auto;
	width: 900px;
	text-align: right;
	padding-right: 0px;
	padding-bottom: 5px;
}

div#instaWrap div.taglive_img_info {/***********************************************************************/
	margin: 0 auto;
	width: 290px;
	text-align: right;
	padding-right: 10px;
	padding-bottom: 5px;
	
	display:none;
}

div.taglive_entry_text {
	font-size: 1.3em;
	padding:5%;
}

div.twitter_profile img,
div.inst_profile img{
	width:30px;
	border-radius: 20px;
}

div.twitter_profile a,
div.inst_profile a{
	vertical-align:0.5em;
	padding-left:8px;
	text-decoration: none;
	color:#a58f47;
	font-weight:bold;
	position: absolute;
	font-size: 15px;
	bottom: 18px;
	left: 50px;
	text-shadow: 2px 2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, -2px -2px 2px #fff;
}

div#instaWrap div.twitter_profile,
div#instaWrap div.inst_profile{/***********************************************************************/
	position:relative;
	width:30px;
	height:30px;
}

div#instaWrap div.twitter_profile img,
div#instaWrap div.inst_profile img{/*******************************************************************/
	position:absolute;
	top:0;
	left:0;
}

div#instaWrap div.twitter_profile a,
div#instaWrap div.inst_profile a{/***********************************************************************/
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	top:0;
	left:0;
	
	overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

div.twitter_message,
div.inst_message{
	padding:5px 0 10px!important;
	text-shadow: 1px 1px 0 #fff;
	color:#392200;
	line-height:1.5em;
	word-wrap: break-word;
	display: none;
	
}
div.twitter_photo img,
div.inst_photo img {
	margin-bottom:5%;
	width: 100%;
}


div.twitter_link,
div.inst_link {
    text-align: right;
	text-shadow:1px 1px 0 #fff;
	display: none;
}

div.inst_link a {
	text-decoration: none;
}

div.twitter_link a:hover,
div.inst_link a:hover {
    text-decoration: underline;
}

div.twitter_link a{
	background:url(http://taglive.jp/appli/images/icon_tw.png) no-repeat left 1px;
	padding-left:20px;
}


div.inst_link a{
	background:url(http://taglive.jp/appli/images/icon_inst.png) no-repeat left 1px;
	padding-left:20px;
}

/*------------------
masonry
------------------*/
.post {
	background: #f6f4ec;
	border-radius: 3px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	width:31.2%;
	border-radius: 6px;
}

div#instaWrap .post {/***********************************************************************/
	background: #f6f4ec;
	border-radius: 3px;
	margin-bottom: 10px;
	margin-left: 3px;
	margin-right: 3px;
	width:31.2%;
	border-radius: 6px;
	
	width:92px;
}

#taglive_contents, .post {
    transition-duration: 0.7s;
}
#taglive_contents {
    transition-property: height, width;
}
.post {
    transition-property: left, right, top;
}

#taglive_next_button {
	display: block;
	width: 200px;
	margin:0 auto 60px;
	padding: 10px;
	border: 3px solid #000000;
	background: #ffffff none repeat scroll 0% 0%;
	text-align: center;
	color: #000000;
	font-weight: bold;
	font-size: 18px;
	cursor: pointer;
	clear: both;
}


/*--------------------------------------------
tablet
--------------------------------------------*/
@media only screen and (max-width: 800px) {
/*------------------
content
------------------*/
div.taglive_img_info {
	margin: 0 auto;
	width: 680px;
	text-align: right;
	padding-right: 0px;
	padding-bottom: 5px;
}

#taglive_contents {
	width: 70%!important;
}

.post {
	width: 42%;
	margin-bottom: 30px;
	border-radius: 3px;
}

}


/*--------------------------------------------
smart_phone
--------------------------------------------*/
@media only screen and (max-width: 600px) {
	
/*------------------
content
------------------*/
#taglive_contents {
	width: 80%!important;
}

.post {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
}

div.taglive_img_info {
	margin: 0 auto;
	width: 280px;
	text-align: right;
	padding-right: 0px;
	padding-bottom: 5px;
}


}