/*
Theme Name: Photorip 3
Description: iMag Mag is a Premium WordPress News Magazine Theme for free.It is Fully Responsive WordPress Theme. It Includes much more options and highly customizable. It is Magazine Style Responsive layout with unlimited sections. You can create many sections by adding magazine homepage widget. It has four column Footer Widgets. You can add unlimted Widgets in each Footer Column. It Offers Widgetized Sidebar. Theme also come with Category Post Widget, Recent Post Widget, Popular Post Widget,Latest Tweets Widget, Flickr Widget.
Author: ThemePacific (Yamatatsu)
Author URI: http://themepacific.com
Theme URI: http://demo.themepacific.com/imagmag/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0.3(c)
Tags: White , black , theme-options,two-columns,Two-Columns,Right-sidebar,Translation-Ready,Flexible-Width,Threaded-comments,Custom-menu,Featured-Images
*/

/* =============================================================================
   Reset / Display Role
   ========================================================================== */


/* #Reset & Basics (Inspired by E. Meyers) */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {line-height: 1;}
	ol, ul, li { list-style: none;}
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	blockquote {margin: 0 0 38px 0;padding: 20px 20px 0 20px;background: #FAFAFA;border-right: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;border-left: 8px solid #E5E5E5;}
	table { border-collapse: separate; border-spacing: 0; margin-bottom:10px;}
	caption, th, td { text-align: left; font-weight: normal; }

/* =============================================================================
   General Styles
   ========================================================================== */

/* #Basic Styles */
	body { font-family:  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;font-size: 12px;color: #666;-webkit-text-size-adjust: 100%;line-height: 18.5px;}
 	html{ min-height: 100%; }

/* #Typography */
	h1, h2, h3, h4, h5, h6 {color: #666;line-height:1;/*font-family: Helvetica,Arial,sans-serif;*/ font-weight: normal; }
	h1{font-size:1.8em}h2{font-size:1.7em}h3{font-size:1.6em}h4{font-size:1.4em}h5{font-size:1.25em}h6{font-size:1.1em}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

 	p img { margin: 0; }

	i, cite, em, var, address, dfn {font-style: italic;}
	strong { font-weight: bold; }
	small,sub,sup { font-size: 80%; }
	sub {vertical-align: baseline;position: relative;top: 0.3em;}
	sup {vertical-align: baseline;position: relative;bottom: 0.3em;}
	code {font: .9em Monaco,monospace,Courier,"Courier New";}
	acronym {text-transform: uppercase;border-bottom: 1px dashed #666;cursor: help;}
	pre {overflow: auto;font: .9em Monaco,monospace,Courier,"Courier New";line-height: 20px;margin-bottom: 20px;padding: 10px;}

/*	#Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px;   }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a{ color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

/* #Links */
	a{ color: inherit; text-decoration: none; outline: 0;-webkit-tap-highlight-color:#FFA602; }
	a:hover{ color: inherit; }
	p a { line-height: inherit; }
	a {transition: all .2s linear; -o-transition: all .2s linear;-moz-transition: all .2s linear;-webkit-transition: all .2s linear;}


/* #Lists */

	ol { list-style: decimal; }
 	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px;  }

	li { line-height: 18px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 1.7; }
	dl {margin: 0 0 20px 5px;}
	dl dt {font-weight: bold;margin: 10px 0 0 0;}
	dl dd {margin: 5px 0 0 1.5em;}
	dl dd {margin: 5px 0 0 1.5em;}
 	.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
	.clearfix { display: inline-block; }
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
		.clearer {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	}

/* =============================================================================
   Structure
   ========================================================================== */

/* #Wrapper */
 	body{background:#F6F5F2;}
 	/*body{background:#;}*/
	#wrapper {
position: relative;
margin: 0 auto;
background-color: #fff;
/*-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .08);*/
}
	#blocks-wrapper  {position: relative;
padding: 0;
background: #fff;}
	#sidebar {float:right;/*margin-top: 20px;*/ }

/* #Header */


	#header {clear: both;margin: 0 auto;padding: 0;border-bottom: none!important;position: relative;z-index: 6;}
 	#head-content {margin: 0 auto;padding:0;position: relative; position:relative;z-index:8;background-color: #333;}
	.head-strip{border-top:5px solid #B6B4B0;}
	#logo {margin: 0px; padding:8px; float:left;color:#555; height: 32px;}
 	#logo h1, #logo h2 {margin: 0; float:left;}
	#logo img {height: 32px;  margin-top: 2px; }
	#logo a {padding: 0px;margin: 0px;text-decoration: none; height: 32px;}
	.header-inner {margin: 0 auto; position: relative;}

	.header-search .searchform {
		width: auto;
		margin-top: 12px;
		margin-right: 10px;
		padding: 0;
	}
	.header-search .searchform input[type="text"] {
		padding: 4px 0 4px 6px;
		border: none;
		height: 16px;
		width: 240px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		background-color:#eee;
		color:#111;
		border-radius: 4px 0 0 4px;
		margin: 0;
	}

	#head-content .header-search{float:right;}
	#head-content .header-search button {
		padding: 0 10px;
		height: 24px;
		line-height: 24px;
    float: right;
		margin: 0;
		border-radius: 0 4px 4px 0 ;
		background-color: #fff;
		border: 0;
		border-left: 1px solid #aaa;
	}
	#logo .social-icons {
		float:right;
		margin-left: 12px;
		margin-top: 4px;
	}

	#logo .social-icons li {
		float: left;
		color : #fff;
		font-size:24px;
		line-height: 32px;
		padding: 0 6px;
	}

	#logo .social-icons .tw a:hover {
		color: #55acee;
	}

	#logo .social-icons .fb a:hover {
		color: #6288d6;
	}

	#logo .social-icons .pt a:hover {
		color: #ff5c79;
	}

	#head-content .header-search button i {
		font-size: 120%;
	}

  /* #categroy menu */

	#catnav{
background: url('images/headbg.png') repeat #1F1D1C;
margin: 0;
font-size: 12px;
min-height: 35px;
 position: relative;
 -webkit-box-shadow: 0px 3px 19px rgba(50, 50, 50, 0.19);
-moz-box-shadow: 0px 3px 19px rgba(50, 50, 50, 0.19);
box-shadow: 0px 3px 19px rgba(50, 50, 50, 0.19);
 }

#catnav ul ,#catnav_2.secondary ul{
margin: 0 auto;
padding: 0;
list-style: none;
line-height: 1;
border-bottom: 0;
text-align: center;
text-transform: uppercase;
}
#catnav ul a ,#catnav_2.secondary  ul a{
position: relative;
display: block;
text-transform: uppercase;
font-size: 110%;
line-height: 42px;
padding: 0 10px;
height: 40px;
border-bottom: 2px solid transparent;
/* color: white; */
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#catnav ul li,#catnav_2.secondary ul li{
float: left;
position: relative;
width: auto;
 transition: all .2s;
-ms-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
-webkit-transition: all .2s;
}
#catnav > ul > li:before ,#catnav_2.secondary > ul > li:before{
position: absolute;
top: 0px;
left: -1px;
display: block;
content: '';
height: 100%;
width: 1px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background: url('images/header-separator.png') repeat transparent;
z-index: 10;
}
	#catnav > .sub-menu,#catnav_2.secondary> .sub-menu {margin-left:0;}

	#maganav ul  a,#catnav_2.secondary ul a{border-right:none;}
  #catnav ul li.current-menu-item  a{color: #fff;}
 	ul.catnav li a{padding:5px 10px;}
  #catnav ul li.current-menu-item ,#catnav ul li a:hover {color: white;background: #06AFE4; }

	#catnav_2.secondary ul li.current-menu-item a,
	#catnav_2.secondary >ul >li a:hover {
		border-bottom: 2px solid rgb(255, 207, 29);
		color: rgb(255, 207, 29);
	}

	#catnav ul li.dropme a,#catnav_2.secondary ul li.dropme a{background: #212326;}
	#catnav ul ul ,#catnav_2.secondary ul ul{position: absolute;left: -999em;width: 212px;z-index:99999;border:0;border-bottom: 1px solid #222;margin-left:-1px;background: none;border-bottom: none;}
	#catnav ul ul a,#catnav_2.secondary ul ul a {
width: 198px;
background-color: #212326;
height: 15px;
line-height: 15px;
padding: 15px 0px 15px 15px;
overflow: hidden;
text-align: left;
border-right: none;}
	#catnav ul ul a:hover,#catnav_2.secondary ul ul a:hover {background-color: #3C3732!important;}
	#catnav ul ul ul ,#catnav_2.secondary ul ul ul {border-top:0;margin: -44px 0 0 208px;}
	#catnav ul li li,#catnav_2.secondary ul li li  { margin:0;border:0;border-bottom: 1px solid #272727;}
	#catnav ul li:hover,#catnav_2.secondary ul li:hover { position:static;}
	#catnav ul li:hover ul ul,#catnav_2.secondary ul li:hover ul ul, #catnav ul li:hover ul ul ul,#catnav_2.secondary ul li:hover ul ul ul, #catnav ul li:hover ul ul ul ul,#catnav_2.secondary ul li:hover ul ul ul ul { left:-999em; }
	#catnav ul li:hover ul,#catnav_2.secondary ul li:hover ul, #catnav ul li li:hover ul,#catnav_2.secondary ul li li:hover ul,#catnav ul li li li:hover ul,#catnav_2.secondary ul li li li:hover ul,#catnav ul li li li li:hover ul ,#catnav_2.secondary ul li li li li:hover ul { left:auto; }
	#notifybrowser{padding:30px;background:#eee;border:1px solid #ddd;}
.fluid_container {
	float:left;/*margin-top:20px;*/position: relative;z-index: 1;background: #fff;width:100%; -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
	}
 /* #Homepage */
/* #Magazine */
.blogposts-wrapper {
position: relative;
background:#fff;
margin: 0;
padding: 0px 0px 0px;
/*border-top:5px solid #303436;*/
}
.bl.blogposts-wrapper2 {
position: relative;
background:#fff;
margin: 0;
padding: 0px 0px 0px;
border-top:none;
}
 .blog-lists { position: relative; float: left; margin: 0;}
h2.blogpost-wrapper-title{
/* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
border-bottom: 1px solid #DFDFDF;
/*border-top: 5px solid #303436;*/
/* line-height: 42px; */
color: #686868;
padding-top: 13px;
height: 27px;
text-transform: uppercase;
/* min-height: 0px; */
font-size: 14px;
font-weight: bold;
text-align: center;
margin: 0 0 8px 0;
 }

   	.tpcrn_magazine_singlethumb  .blog-lists li:first-child h3 a {font-size: 22px;}
 	.blog-lists li {position:relative; padding: 0;overflow: hidden;}
 	/*.blog-lists li:first-child {width: 100%;}*/
 	.blog-lists-title { position: relative;width:70%; display:inline;float: left;margin-left: 10px; }
	.full-right .blog-lists-title { float:right;width:50%; margin: 0; margin-top: 0px;}
	.blog-lists h3{ display: inline-block;margin:0;font-size:1.3em}
 	.blog-lists h3 a, .full-left-title a, .blog-lists h3, .blog-lists-blog h3{padding:0 0 4px;font-size: 16px; color: #164C72;text-decoration: none;line-height: 1;font:bold 16px/1.2""; }
  	.blog-lists .time ,.sb-post-list-title .time{color: #999;font-size: 12px;margin:5px 0 2px;}
	.sb-post-list-title .time{margin-top:4px;}
	.maga-excerpt{display:none;float:left; margin-top: 4px; width:100%;}
	.sticky{}
 	.sb-post-list-title span{ padding-left:0px;color:#7E7E7E; display: none;}
.magbig-thumb {
position: relative;
width: 100%;
max-height:180px;
overflow: hidden;
}

.magbig-thumb .new-entry {
	position: absolute;
	top : 0;
	left : 0;
	z-index: 4;
	padding: 4px 10px;
	background-color: rgba(255, 255, 255, 1);
	color: #000;
}
		/*.imagmag_themepacific_magazine_singlethumb .magbig-thumb {height:145px;}*/
	.magbig-thumb img{width: 100%;height: auto;position: relative;opacity: 1 !important;}


  	.blog-lists-blog{clear: both;}
  	.clearfix li {}
  	/*.full-left + li:nth-last-child(odd) {clear: both; }*/
  	.blog-lists-blog h3 {font-size: 1.3em;margin: 0;}
	.full-right{width: 100%;margin-right: 10px;height:120px;}
	.full-left {
display: block;
position: relative;
margin: 8px 10px 0 0px;
padding-bottom: 0px !important;
width: calc(50.65% - 10px);
width: -webkit-calc(50.65% - 10px);
float: left;
}
.full-left > a { display: block;}
	.full-left:nth-child(even) {
margin: 8px 0 0 0px;
width: calc(50.65% - 10px);
width: -webkit-calc(50.65% - 10px);
	}
	.full-left2 {
display: block;
position: relative;
margin: 8px 16px 0 0px;
padding-bottom: 0px !important;
width: calc(49.99999% - 8px);
width: -webkit-calc(49.99999% - 8px);
float: left;
}
	.full-left2:nth-child(even) {
margin: 8px 0 0 0px;
width: calc(49.99999% - 8px);
width: -webkit-calc(49.99999% - 8px);
	}
	.list-block {position: relative;border-top: none;padding-bottom: 6px;color: #70858F;padding:8px 0;min-height:60px;}
	/*.imagmag_themepacific_magazine_singlethumb .list-block { width: 100%;}*/


	.list-block .full-left-title a { font-size: 100%;}
	.list-block-slide{padding:4px;}
	.list-block-slide h3{/*font-family:sans-serif;*/}
	.list-block-slide .post-meta-blog{font-size:10px;}
	#sidebar .sb-post-thumbnail {width: 100%;margin-right: 12px;display: inline-block;vertical-align: top;}
	.full-right .sb-post-thumbnail { float:left;width: 48%;}

/*Home Blog /Archives/Search */

/* #Pagination */

		.pagination { position: relative;margin: 10px 10px 30px 30px;overflow: hidden;text-align:center;}
	.pagination .current ,.pagination a, .page-numbers.dots{
font-weight: 300;
line-height: 33px;
padding: 0 12px;
text-align: center;
margin-right: 8px;
display: block;
float: left;
color: white;
background: black;
border: 1px solid black;
}
 .pagination .current,.pagination a:hover  {
color: black;
background: #fff;
text-decoration: none;}
  .page-numbers.dots{text-shadow:none;padding:0;border:none;background:none;box-shadow:none;color:#000;}



/* # single Post/ Page styles */
	.post-content {
background: white;
margin: 0;
padding:9px 0 0;
}
	.post-title { position: relative; margin-bottom: 20px;}
	.post-title h1 { /*font-family:sans-serif !important;*/ color:#333;
		margin: 10px 0;font-size:1.8em;margin-bottom: 10px;word-break:normal;word-wrap: break-word; }
	.page .post-title {border-bottom: 1px solid whiteSmoke;}


.post-meta-blog{/*font-family: Arimo,sans-serif;*/
	color: #999;font-size: 12px; margin: 0 0 8px;}
.post-meta-blog span {display: inline-block;
padding: 0;
color: #000;}

 /* #Post Thumbnails */



/* #Post/Page Elements */
	.post-outer{ margin:0 0 0 0px}
	.page .post-outer{ margin:0px}
	.post_content { position: relative; color: #222;   /*font-style:normal;font-family: "HelveticaNeue", "Helvetica Neue","Helvetica", Arial, sans-serif;*/ font-size:13px;line-height: 20px;margin: 10px 0;}
	.post_content h1 { font-size: 32px;}
	.post_content h2 { font-size: 28px;}
	.post_content h3 { font-size: 24px;}
	.post_content h4 { font-size: 20px;}
	.post_content h5 { font-size: 16px;}
	.post_content h6 { font-size: 12px;}
	.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 { line-height: 1.2;color: #111;margin: 10px 0 15px; }
	.post_content img{width: 100%;height: auto!important;}
	.post_content p {
		display:block;
		margin-bottom: 1.5em;
		font:16px/1.7 "";}
	.post_content blockquote { background:url(images/quote.png) no-repeat; /*font-family:serif;*/ font-size:12px;font-style:italic;padding-left:32px; margin-left:25px; color:#777; }
	.post_content ul, .post_content ol { margin: 20px 40px; }
	.post_content li { line-height: 21px }
	.post_content ul { list-style: disc outside; }
	.post_content ol { list-style: decimal outside; }
	.post_content ul ul,.post_content ul ol { margin-top:10px;}
	.post_content ul ul ,.post_content ol ul{list-style: circle outside; }
	.post_content table a{color: #666;font-weight: bold;text-decoration:none;}
	.post_content table a:active,.post_content table a:hover {color: #bd5a35;text-decoration:underline;}
	.post_content table {width:90%;color:#666;font-size:12px;text-shadow: 1px 1px 0px #fff;background:#eaebec;margin:20px;border:#ccc 1px solid;}
	.post_content table caption{font-weight:bold;line-height:35px;}
	.post_content table th {padding: 9px 15px 9px 25px;background: #CF0;font-size: 20px;color: white;text-shadow: none;}
	.post_content table tr{text-align: center;padding-left:20px;}
	.post_content table tr td:first-child{text-align: left;padding-left:20px;border-left: 0;width:30%;}
	.post_content table tr td {padding :6px 15px;border-top: 1px solid #ffffff;border-bottom:1px solid #e0e0e0; background: #FFF;}
	.post_content table tr:last-child td{border-bottom:0;}
	.post_content table tr:hover td{background: #F8F8F8;}
	.post_content p a, .post_content li a,
	.post_content p a:visited, .post_content li a:visited { text-decoration: none;color: #409BD4; }
	.post_content p a:hover, .post_content li a:hover,.post_content p a:active, .post_content li a:active { text-decoration: none;color: #08ACD5; }
	.post_content code{  background: lightYellow;padding: 1px;/*font-family: monospace,Monaco, Courier;*/}
	.post_content pre{margin:15px 0;overflow: auto;color: white;background: #1D1F21;padding: 0;/*font-family: monospace,Monaco, Courier;*/ -moz-tab-size: 2;-o-tab-size: 2;tab-size: 2;-ms-word-break: normal;word-break: normal;word-break: normal;-webkit-hyphens: none;-moz-hyphens: none;-ms-hyphens: none;hyphens: none;position: relative;}
	.post_content pre code {/*font-family:monospace, Monaco, Courier;background: none;*/ padding: 15px;white-space: pre;overflow: auto;display: block;}

	.post_content .alignright { float:right; padding:10px; }
	.post_content .alignleft { float:left; padding:10px; }
	.wp-caption, .gallery-caption  { border: 1px solid #D7D7D7; padding-top: 4px; margin-bottom:20px; text-align: center; }
	.wp-caption{border: 1px solid #ECECEC;padding: 4px ! important;margin-bottom: 20px;text-align: center;max-width: 99% !important;background: #F0F0F0;}
	.wp-caption img {max-width: 100% !important;}
	p.wp-caption-text { margin-bottom:2px; }
	.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto;padding:10px; }
	img.centered,img.aligncenter ,mg.alignleft,img.alignrightimg.alignright {padding:0px;}
 .post-topics a {
text-transform: uppercase;
color: #82BBF8;
}
.post-topics a:hover {text-decoration:underline;}
.tiled-gallery{clear:none!important;}
/*# Breadcrumbs */
#tpcrn-breadcrumbs{overflow: hidden;width: 100%; }
#tpcrn-breadcrumbs li{float: left;line-height: 5px;margin: 0 ;}
#tpcrn-breadcrumbs a{font-weight: bold; float: left;text-decoration: none;color: #888;position: relative;padding:7px 4px 0 2px;font-size: 11px;}
#tpcrn-breadcrumbs .current{ background: none;line-height: 18px;font-size: 11px;color: #888;}
 .single-navigation{padding: 15px;font-size: 14px; }
 .single-navigation li {float: left; text-align: center;display: block;}
 .previous{width:32.4444%; }
.home-link{width: 25%;}
.next{width:32.4444%}
/*# Post Gallery*/

	.post_content .gallery .gallery-icon a:focus img, .post_content .gallery .gallery-icon a:hover img, .post_content .gallery .gallery-icon a:active img {background: #EEE;border-color: #BBB;}
	.post_content .gallery .gallery-icon img {border: 1px solid #DDD ! important;padding: 6px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
	.post-attachment{text-align:center;display:block;}

 	.single-split-page{margin: 10px 0 25px;font-size:10px; font-weight:normal; }
	.single-split-page p { font-size:14px;font-weight:bold; }
	.single-split-page p a {
margin-right: 4px;
background: #B6B4B0;
color: white;
text-decoration: none;
padding: 7px 12px;
margin-left: 5px;
border-radius: 30px;
}
	.single-split-page a:hover { color: white;background: #212326; }
.single-split-page strong {
background: #212326;color:white;margin-right: 10px;padding: 6px 12px;
}




 /*# Comments Blocks*/

	#comments{display: block;background: white;margin-bottom: 30px;padding-bottom: 30px;min-height: 120px;border: 1px solid #EBEBEB;border-top: 5px solid #06AFE4;-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, .08);box-shadow: 0 4px 10px rgba(0, 0, 0, .08);-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .08);}
	#comments > h2{/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/ line-height: 42px!important;color: #222;padding: 4px 5px 0px 8px;text-transform: uppercase;height: 40px;font-size: 15px;font-weight: bold;text-align: center;border-bottom: 1px solid #EBEBEB;}
 	#respond h3{margin:8px 0px;}
	.logged-in-as{padding-bottom:10px;}
	ol.commentlist,ol.sepa_pinglist{margin:15px;padding:0;list-style: none;margin-bottom:20px;}
	ol.sepa_pinglist{margin: 20px;width: 96%;list-style: none;}
	li.pingback{border-left: 3px solid #ECECEC;margin: 5px 0;padding: 8px 5px;background: #FAFAFA;border-bottom: 1px dashed #EEE;}
	.edit-link{margin-left: 15px; }
	.comments-title{padding:0px;line-height:21px;}
	.comment{margin-top:20px}
	.commentlist ul.children{margin-left:30px}
	.comment-wrapper{padding: 10px ! important;
background: white;border: 1px solid #ebebeb;}
	.comment-avatar img{opacity: 1;padding: 3px;border: 1px solid #EBEBEB;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
	.comment-avatar{float: right;margin: 20px 12px 0px 0;background: white;text-align: center;width: 65px;height: 65px;}
	.odd .comment-avatar{float: right;margin:15px 30px 0px 0;background: white;text-align: center;width: 65px;height: 65px;}
	.comment-meta{margin:6px;display:block;text-transform: uppercase;}
	.comment-meta .author{display: inline-block;margin: 5px;font-weight: bold;font-size: 14px;}
	.comment-meta .time{padding-left: 6px;
border-left: 1px solid #F7F7F7;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 4px;
display: inline-block;
color: #999;
text-decoration: none;
font-style: italic;
letter-spacing: 1px;
text-transform: none;}
	.commentlist .comment-content{font-style:normal;/*font-family: "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;*/ color:#666;font-size:13px;margin: 10px 20px;word-wrap:break-word;}
	.comment-content p {margin-bottom: 20px;}
	.comment-content ul li {list-style:disc;}

	.commentlist .comment-content h1,.commentlist .comment-content h2,.commentlist .comment-content h3,.commentlist .comment-content h4,.commentlist .comment-content h5,.commentlist .comment-content h6{margin-bottom:30px;}
	.commentlist .comment-content a{text-decoration: underline;color: #1470D3;}	.commentlist .comment-content .reply{padding-top: 10px; }
	.commentlist .comment-content .reply a{padding-top: 10px;text-decoration: none;color: #111;}
	.commentlist .odd .comment-content{padding: 20px;border: 1px solid whiteSmoke;margin: 10px;background: #F7F7F7; }
	.depth-2,.depth-3,.depth-4,.depth-5,.depth-6,.depth-7,.depth-8,.depth-9,.depth-10{padding-right:0px;padding-bottom:0px}
	#respond{clear:both;margin:15px;padding:10px 0 20px 5px;}
	#cancel-comment-reply-link{color: #E85A08;font-size: 12px;}
	#commentform input[type="text"], /*input[type="email"],*/#commentform textarea ,.post_content input[type="password"] {background: white;color: #666;padding: 6px 6px 6px 8px;margin-bottom: 15px;height: 18px;border: solid 1px #BBB;outline: none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);}
	.post_content input[type="password"]{height:20px;}
	#commentform textarea {width:94%;height: 100px;padding: 5px;max-width: 100%;line-height: 20px;outline: 0;}
	#commentform input[type="text"]:focus, #commentforminput[type="email"]:focus, #commentform textarea:focus {border: 1px solid #B6B4B0;color: #444;-moz-box-shadow: 0 0 7px #B6B4B0;-webkit-box-shadow: 0 0 7px #B6B4B0;box-shadow: 0 0 7px #B6B4B0;}
	#commentform  input[type="submit"] {color: #F4FCFF;
font-size: 11px ! important;
margin: 0 1px 1px 0;
padding: 5px 10px;
text-transform: uppercase;
display: block;
background: #B6B4B0;
text-decoration: none;
float: left;
font-weight: bold;
border: 1px solid #B6B4B0;
height: 29px;
line-height: 26px;
padding: 1px 12px 0px 12px;
display: inline-block;
font-weight: bold;
cursor: pointer;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;}
	.comment-form-author label,.comment-form-email label,.comment-form-url label  {line-height: 32px;padding-left: 15px;}
	.comment-form-comment label{display:none;}
	.comment-notes,.form-allowed-tags{margin:10px 0;}
	.shbox{margin:0 auto;-webkit-box-shadow:0 1px 0 rgba(160, 160, 160, 0.75) inset,0 20px 0 #6D6D6D,0 -2px 20px rgba(66, 63, 63, 0.8);-moz-box-shadow:0 1px 0 rgba(160, 160, 160, 0.75) inset,0 20px 0 #6D6D6D,0 -2px 20px rgba(66, 63, 63, 0.8);box-shadow:0 1px 0 rgba(160, 160, 160, 0.75) inset,0 20px 0 #6D6D6D,0 -2px 20px rgba(66, 63, 63, 0.8);}
	.nocomments{padding: 15px;
font-weight: bold;
font-size: 20px;
letter-spacing: 1px;}
	.bypostauthor .comment-avatar img{border: 1px solid #12BEB8;}

/*# Sidebar,Footer Widgets General */

.sidebar-widget {
/*font-family: "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;*/
background:#fff;
position: relative;
margin-bottom: 10px;
word-break: normal;
word-wrap: break-word;
overflow: hidden;
/*border-top:5px solid #303436;*/
}
.widget-head {
/*font-family: "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;*/
line-height: 20px;
font-size:14px;
color: #686868;
margin-bottom: 10px;
padding-top: 13px;
text-transform: uppercase;
height: 27px;
text-align: center;
font-weight: 700;
border-bottom: 1px solid #DFDFDF;
/*border-top: 5px solid #303436;*/
}
	.sidebar-widget a{color:#164C72;}
	.sidebar-widget a:hover{color:rgb(255, 207, 29);}
	.sidebar-widget a:active{text-decoration:underline;}
	.sidebar-widget ul { position: relative; margin: 0 0 0; }
	.sidebar-widget li {padding: 10px 0 0;margin: 0 auto;font-size: 100%;line-height: 16px;list-style: none;overflow:hidden;position: relative;}
	.sidebar-widget li:last-child {border-bottom: none; padding: 10px 0 10px;}
	.widget_recent_comments li{background: url('images/comment_r.png') no-repeat 13px 10px ! important;padding: 10px 10px 10px 35px ! important;}
	.tpcrn_tweets li{background: url('images/twit.png') no-repeat 10px 10px ! important;padding: 10px 10px 10px 50px;}
	.sidebar-widget select ,#footer-blocks select{ margin: 10px 0 10px 30px;width: 180px;height: 25px; }
	.sb-post-list-title {
		position: absolute;
		bottom: 6px;
		padding: 4px;
		margin: 4px 0;
		display: inline-block;
		vertical-align: top;
background: rgba(0, 0, 0, 0.31);
	}
	.sb-post-list-title p { margin: 2px 0 0;
/*font-family: Arimo,sans-serif;*/
 color: #ccc;
 font-size: 12px;
float: left;
display: inline-block;
letter-spacing: 1px;}
 	.sb-post-thumbnail {height: 169px;}
	.sb-post-thumbnail img{width:100%;height:100%;}
	.searchform,.subsform{padding: 5px 0px 10px;text-align: left; margin: 0px auto; width: 298px;}
	.searchform input[type="text"],.subsform input[type="text"] {background: whiteSmoke;margin-right: -6px;padding: 10px 0 10px 10px;width: 286px; border: 1px solid #DDD;-moz-box-shadow: 0 0 5px #ddd inset;-webkit-box-shadow: 0 0 5px #DDD inset;box-shadow: 0 0 5px #DDD inset;font-size: 14px;}
	.subsform input[type="submit"]{border: 1px solid #EEE;padding: 8px 35px;margin-top: 5px;cursor: pointer;}


#footer-blocks .sb-post-thumbnail  {margin-right: 12px;
display: inline-block;
vertical-align: top;width: 60px;
height: 60px;}
#footer-blocks .sb-post-thumbnail img {
 width: 60px;
height: 60px;
}

.sidebar-widget h4 {font:normal 18px/1.2 "";}
.sidebar-widget h4 a{color: #fff;}
.sidebar-widget h4 a:hover{color:rgba(255,255,255,.6);display: block;}
/*# Text Widget */

	.sidebar-widget .textwidget ,#footer-blocks .textwidget{ position: relative;/*padding: 20px 0 10px;margin: -15px 0 0;*/ line-height:18px;}
	 #footer-blocks .textwidget{padding: 15px 0 0 0;}
	.sidebar-widget .textwidget p ,#footer-blocks .textwidget p{ margin-bottom: 15px; word-break: break-all;}
	.sidebar-widget .textwidget img ,#footer-blocks .textwidget img{max-width:100%;}
	.sidebar-widget .textwidget p:last-child ,#footer-blocks .textwidget p:last-child{ margin-bottom: 0; }

	#calendar_wrap {
margin: 20px;
}
#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #686868;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: center;
border: 1px solid #F7F7F7;
}
#wp-calendar #next {
	padding-right: 24px;
	padding-right: 1.714285714rem;
	text-align: right;
}
 /* #Sidebar , post Tags */

	.sidebar-widget .tagcloud{padding: 10px;margin:-10px 0 0;}
	.post-tags,.tagcloud {position: relative; color: #ccc; overflow: hidden; margin: 0 auto; padding: 0 0 5px;margin-top:15px;}
	.post-tags a,.post-tags strong,.tagcloud a{color: #F4FCFF;
font-size: 11px ! important;
margin: 0 2px 4px;
border-radius: 4px;
padding: 5px 10px;
text-transform: uppercase;
display: block;
background: #B6B4B0;
text-decoration: none;
float: left;
font-weight: bold;}
.post-tags strong{background-color: #fff !important;color:#111;}
	.post-tags  a:hover,.tagcloud a:hover {background: #6eaae9;}
 /* # subscribe Widget */


	#searchform #submitbutton, .newsletter .nletterb {outline: none;background-color: #222;border: 1px solid #222;color: white;box-shadow: inset 0 0 1px rgba(255, 255, 255, .2),inset 0 0 1px rgba(255, 255, 255, .2);-webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, .2),inset 0 0 1px rgba(255, 255, 255, .2);-moz-box-shadow: inset 0 0 1px hsla(0,100%,100%,.2),inset 0 0 1px hsla(0,100%,100%,.2);transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}
	#commentform input#submit:hover, .subsform .nletterbutton:hover {background-color: #212326;
border-color: #212326;
color: #FFF;}




/* #Flickr  Google plus fb Widget*/
	.sidebar-widget .tpcrn-flickr{margin: 0 auto;width: 90%;}
	.tpcrn-flickr-widget .widget-head{margin:0;}
	.flickr_badge_image {float:left;margin:5px;}
	.sidebar-widget .flickr_badge_image img { border: 1px solid rgb(236, 236, 236);background: rgb(247, 247, 247);}
	.flickr_badge_image img { float: left;border-radius: 4px;width: 50px;height: 50px;padding: 4px;border: 1px solid #313131;background: rgba(0, 0, 0, 0.16);}
 	.tpcrn-fb-like-box, .gp-box-widget{text-align:center;}
	.tpcrn-fb-like-box{overflow: hidden;margin: 5px 10px -54px!important;}


 /* Copyright */

	#footer {position: relative;
background: #303436;
min-height: 41px;
margin: 0 auto;
line-height: 41px;
font-size: 12px;
padding: 5px 0;
border-top: 1px solid #3D3D3D;}
#footer.foot-widg-narrow{width:100%;}
#footer .foot-wrap{margin:0 auto;}
#footer.foot-wide .foot-wrap{margin:0 auto;width:96%;}
#footer  a { color: #ECFFF1; text-shadow: 0px 0px 1px black;}
#footer .copyright,
#footer .page-top {  color: #AFAFAF; }

#footer .copyright {
	float: left;
	margin-left: 15px;
	position: absolute;
	top: 5px;
	left: 0;
}

#footer .page-top {
	float: right;
	margin-right: 15px;
	position: absolute;
	top: 5px;
	right: 0;
}

 /*# Footer Blocks */

#footer-blocks {
position: relative;
margin: 0 auto;
padding: 10px 0;
background-color: #252525;
/*background-color: #d1bb00;*/
color: #CECECE;
font-size: 13px;}
.fb-container {
padding: 0 0px 0 20px;
}
	#footer-blocks .widget {margin: 0 0 20px;border:0;}
	#footer-blocks .widget li {/*background: url('images/bullet2.png') no-repeat 10px;*/ list-style-type: none;margin: 0 0 6px;border-bottom: 1px solid rgba(255, 255, 255, 0.5);padding: 6px 4px 10px 4px;font-size: 100%;line-height: 16px;overflow:hidden;}
	#footer-blocks .sb-tabs-wrap li {padding-left: 0 !important;padding-bottom: 5px !important;padding-top: 5px !important;}
	#footer-blocks .tpcrn_tweets li {padding: 8px 10px 10px 50px;}
	#footer-blocks .widget_search h3,#footer-blocks .widget_calendar h3 {display:block ! important;}
	#footer-blocks  .sb-post-list-title {}
	#footer-blocks  .tagcloud  {margin-top:20px;}
	#footer-blocks  .tagcloud a {color:#fff;text-shadow:none;}
	#footer-blocks #wp-calendar th {color:#BBB;}
	#footer-blocks .email-subs {padding:0;}
	#footer-blocks .social-counter {margin-left: 5px !important;}
	#footer-blocks a,#footer-blocks a:visited {outline: none;text-decoration: none;font: 13px/1.5"";color: #fff;}
	#footer-blocks a:active,#footer-blocks a:hover {text-decoration: none;color: white; }
	.footer-block1,.footer-block2,.footer-block3,.footer-block4{float: left;width: 268px;padding: 20px 19px 0 0;}

 	 h3.widget-title {font-style: normal;
/*font-family: "HelveticaNeue", "Helvetica", Arial, sans-serif;*/
font-size: 20px;
line-height: 1.27;
margin: 0 0 15px;
padding: 0 0 10px;
height: 32px;
color: white;
text-transform: capitalize;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);}


.catnav-toggle {
	display : none;
	float: left;
	padding: 0 18px;
	color: #fff;
	height: 48px;
	line-height: 50px;
	cursor: pointer;
}



.banner-300 {
  max-width: 300px !important;
  margin: 0px auto;
  display: block;
}

.post_content .single-sns { margin: 0; }
.post_content .single-sns li a { color: #fff;}

.single-sns {
	width: 100%;
}


.single-sns li{
	border-radius: 2px;
	float: left;
	width: 24.5%;
	width: calc(25% - 4px);
	width: -webkit-calc(25% - 4px);
	margin: 0 4px 16px 0;
	line-height: 24px;
	font-size: 120%;
	transition: .2s;
}

.single-sns.mini li {
	position: relative;
	width: 49.1%;
}

.single-sns.mini .twitter .count, .single-sns.mini .facebook .count{
	position: absolute;
	right: 4px;
	top: 0;
	width: 32px;
}

.single-sns.mini .facebook .count {
	display: block;
	padding: 8px 0;
	text-align: center;
	color: #fff;
}

.single-sns.mini .facebook {
	float: right;
	width: 49.4%;
}


.single-sns li:last-child{
	margin: 0 0px 16px 0;
	width: 25%;
}
.single-sns a{
	display:block;
	padding: 8px 0;
	text-align:center;
	color : #fff;
}

.single-sns .twitter {
	background-color : #55acee;
}

.single-sns .twitter:hover {
	background-color : #61bcf2;
}

.single-sns .facebook {
	background-color : #3b5999;
}

.single-sns .facebook:hover {
	background-color : #476fb5;
}

.single-sns .google-plus {
	background-color : #dd4b39;
}

.single-sns .google-plus:hover {
	background-color: #ec5050;
}

.single-sns .line {
	background-color : #5ed032;
	display: none;
}

.single-sns .line:hover {
	background-color : #6fe335;
}

.single-sns .hatena {
	background-color : #2c6ebd;
}

.single-sns .hatena:hover {
	background-color : #3486de;
}

.sidebar-widget .header_social_media {
    display: block;
    width: 80%;
    margin: 0 auto;
}

.header_social_media li {
    float: left;
    width: 16.6%;
    margin: 0;
    padding: 0;
}

.header_social_media.about li {
    width: 50px;
}

.header_social_media li a {
    font-size: 340%;
}

.header_social_media .fa-twitter-square {
    color: #55acee;
}

.header_social_media .fa-twitter-square:hover {
    color: #61bcf2;
}

.header_social_media .fa-facebook-square {
    color: #3b5998;
}

.header_social_media .fa-facebook-square:hover {
    color: #6288d6;
}

.header_social_media .fa-google-plus-square {
    color: #dd4b39;
}

.header_social_media .fa-google-plus-square:hover {
    color: #f07068;
}

.header_social_media .fa-tumblr-square {
    color: #2c4762;
}

.header_social_media .fa-tumblr-square:hover {
    color: #4d779c;
}

.header_social_media .fa-pinterest-square {
    color: #cc2127;
}

.header_social_media .fa-pinterest-square:hover {
    color: #db4955;
}

.header_social_media .fa-rss-square {
    color: #db6327;
}

.header_social_media .fa-rss-square:hover {
    color: #f4844c;
}

.header_social_media .fa,
.header_social_media .fa:before,
.header_social_media .fa:after {
    -webkit-transition-property: background color;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    -moz-transition-property: background color;
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: ease;
    -o-transition-property: background color;
    -o-transition-duration: 0.2s;
    -o-transition-timing-function: ease;
    transition-property: background color;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}

.map-card .map-info {
	width: 48%;
	float:left;
}

.map-card .simplemap {
	width: 50%;
	float:right;
}

.map-card .map-link {
	text-align:right;
	display:block;
}

.entry_ad {
  width:680px;
  margin: 20px auto;
}

.entry_ad .google_ad {
  width: 340px;
  float:left;
}

.entry_ad .google_ad .inner {
  width: 300px;
  margin: 0 auto;
}

.entry_ad:after {
  content: "";
  clear: both;
  display: block;
}

#footnav {
	padding: 0 15px;
	width: 64%;
	margin:0 auto;
	text-align: center;
}

#footnav #catmenu {
	display:block;
	text-align: center;
}

#footnav #catmenu li{
	display: inline-block;
	margin: 0 10px;
}

#footnav #catmenu li a {
	color: #ECFFF1;
}

#footnav #catmenu li a:hover {
	color: #f2fff6;
}

.yarpp-related {
	margin: 4px 0;
}

.yarpp-related .heading {
	margin-top: 0;
	margin-bottom: 12px;
	font-size: 1.4em;
	color: #666;
}

.yarpp-related .related-posts{
	margin: 0;
}

.yarpp-related .related-posts li {
	display: inline-block;
	width: 31.6%;
	margin:0 4px 0px 4px;
	vertical-align:top;
}

.yarpp-related .related-posts .post-thumbnail {
	height: 140px;
	overflow: hidden;
}

.yarpp-related .related-posts li img {
	width: 100%;
	height: auto;
}

.yarpp-related .related-posts li .post-title {
	height: 2.8em;
	margin-top: 8px;
	font-size: 110%;
	line-height: 1.5em;
	overflow: hidden;
}

.yarpp-related .related-posts li .post-title a {
	text-decoration: none;color: #164C72;
}

.yarpp-related .related-posts li .post-title a:hover{
	 text-decoration: none;color: #08ACD5;
}

.category-related  {margin-bottom: 10px;}

.category-related .heading {	margin-bottom: 12px;}
.category-related .Receptacle li {
	padding: 10px 0;
	border-bottom: 1px solid #eee;
}

.category-related .Receptacle li:last-child {
	border-bottom: none;
}


.category-related .Receptacle li h4 {
	font-size:110%;
	font-weight: bold;
}

.category-related .Receptacle li h4 a {
	text-decoration: none;color: #164C72;
}

.category-related .Receptacle li h4 a:hover{
	 text-decoration: none;color: #08ACD5;
}


/* フォロー・いいねバナー */
.a-button-banner {
	width: 100%;
  margin: 10px auto;
  height: 140px;
  overflow: hidden;
  position: relative;
  color: #fff;
}

.a-button-banner .inner {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  background-color: rgba(0,0,0,0.4);
}

.a-button-banner .profile-icon {
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 auto;
	border-radius: 8px;
  border: 2px solid #FAFAFA;
}

.a-button-banner .row .col {
  float:left;
  height: 140px;
}

.a-button-banner .col.left {
  width:60%;
  background-size: cover;
}

.a-button-banner .description {
  width: 80%;
  margin: 8px auto;
  text-align: center;
}

.a-button-banner .col.right {
  height: 160px;
  width:40%;
  background-color: rgb(241, 237, 230);
}

.a-button-banner .col.right .share-buttons {
  text-align: center;
  padding-top: 20px;
	margin: 0;
}

.a-button-banner .fb-like-wrap {
  transform:scale(1.4);
  -webkit-transform:scale(1.4);
  -moz-transform:scale(1.4);
}

.a-button-banner .col.right .share-buttons li {
  margin-bottom: 20px;
}

.a-button-banner .col.right .description {
  color: rgb(130, 128, 126);
  font-size: 90%;
}

.a-button-banner .row:after {
  content: "";
  clear: both;
  display: block;
}

.toiawase p {
margin-bottom: 12px;
}
.toiawase input[type="text"], .toiawase input[type="email"] {
-webkit-appearance: textfield;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 4px;
margin-top: 4px;
font-size: 16px;
border-radius: 2px;
height: 28px;
line-height: 20px;
border: 1px solid #9B9B9B;
}
.toiawase textarea {
-webkit-appearance: textfield;
margin-top: 4px;
width: 480px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 4px;
font-size: 16px;
border-radius: 2px;
border: 1px solid #9B9B9B;
}
#post span .wpcf7-not-valid-tip {
margin: 8px 0;
}
.toiawase input[type="submit"] {
height: 48px;
line-height: 20px;
width: 120px;
font-size: 16px;
background: rgb(236, 164, 68);
color: #fff;
font-weight: 700;
border-radius: 2px;
border: none;
cursor: pointer;
}




@media only screen and (max-width: 1199px) {
	.sidebar-widget li {
		/*margin-left: -10px;*/
		padding-top: 0;
	}
	.sidebar-widget .wpp-list li {
		padding-top: 10px;
	}
	.sb-post-list-title {
		padding: 0 6px;
	}

	#footer2 .foot-wrap {width: 98%; margin: 0 auto;}
}

@media only screen and (min-width: 767px) and (max-width: 959px) {
	#logo .description { margin-top: 20px;}
}

@media only screen and (max-width: 767px) {

	#head-content {padding: 0;}
	#logo {z-index: 4px;z-index}
	.full-right .maga-excerpt {display:none;}

	.post-content .post-meta-blog,
	.post-content .post-title,
	.post-content p,
	.yarpp-related .heading,
	.category-related {padding: 0 10px;}

	.post-content .content-img {padding: 0;}

	.full-left.twelve.columns {margin: 0px 0;}
	.list-block {
		padding: 6px 10px; width:100%;
		float: right;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.full-left.twelve.columns .list-block h3 {font-size:18px; font-weight: bold; }
	#catnav_2.secondary ul li {
		float: none;
		text-align: left;
		color: #333;
	}

	#catnav_2.secondary ul li a {
		border: none;
		margin: 0;
		padding: 10px;
	}

	#catnav_2.secondary >ul >li a:hover {
		border-radius: 0;
	}

	#catnav_2.secondary >ul >li a:hover {
	  background: rgba(241, 226, 70, 0.9);
	  color: #fff;
		border: none;
	}

	#catnav_2.secondary ul {
		visibility: hidden;
		height: 0;
		opacity: 0;
		-webkit-transition: opacity 0.2s ease-in-out;
		-moz-transition: opacity 0.2s ease-in-out;
		-o-transition: opacity 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out;
	}
	#catnav_2.secondary ul.active {
		visibility: visible;
		height: auto;
		opacity: 1;
	}
	.catnav-toggle {
		display : block;
	}
	.single-sns a,
	.single-sns.mini .facebook .count { font-size:80%;}

	.map-card  {padding: 0 10px;}

	.map-card .map-info, .map-card .simplemap {
		width:100%;
		float:none;
	}


	#footnav #catmenu li{
		margin: 10px;
	}

	.single-sns li {
		width:25%;
		margin: 0 0px 16px 0;
		border-radius: 0;
	}

	.single-sns.mini li,
	.single-sns.mini .facebook {
		width: 50%;
 }



	.yarpp-related .heading {
		margin-bottom: 12px;
	}

	.yarpp-related .related-posts li {
		display: block;
    float:left;
		width: 50%;
    margin: 0;
		margin-bottom: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}

  .yarpp-related .related-posts li:nth-child(odd) {
    padding-right:4px;
  }

  .yarpp-related .related-posts li:nth-child(even) {
    padding-left:4px;
  }

	/* フォロー・いいねバナー */
	.a-button-banner {
	  font-size: 80%;
	}

	.a-button-banner .profile-icon {
	  display: block;
	  width: 48px;
	  height: 48px;
	  margin: 20px auto;
	  border: 2px solid #FAFAFA;
	}

	.a-button-banner .inner {
	  padding-top: 12px;
	}

	.a-button-banner .col.right .share-buttons {
	  text-align: center;
	  padding-top: 20px;
	}

	.a-button-banner .col.right .share-buttons li {
	  margin-bottom: 16px;
	}

	.a-button-banner .col.right .description {
	  margin: 4px auto;
	  width: 90%
	}

	#footer  .copyright{
    position: relative;
    top: 0;
    left: 0;
	}

	#footer .page-top {
		position: relative;
    top: 0;
    right: 0;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.banner-300 {
		max-width: 300px !important;
		margin: 0px auto;
		display: block;
	}
	.sidebar-widget li { padding: 8px; margin: 0 auto;}
	.full-right {height: 100px; margin-bottom: 8px;}
	.header_social_media li { width: 10%; }
}

@media only screen and (max-width: 580px) {
	.header-search {
		float:none;
		width: 100%;
		padding: 2px 0 8px;
	}
	.header-search .searchform {
		width: 300px;
		margin: 0 auto;
	}
	.header-search .searchform input[type="text"]{
		width: 260px;
		height: 24px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	.header-search .searchform button {
		width: 40px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

}

@media only screen and (max-width: 480px)  {
	.full-left {width: 100% !important;}
	.full-left .magbig-thumb {float:left; width: 30%;}
	.list-block {
		padding: 0px 10px 6px; width:70%;
		float: right;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.full-right {height: 210px;}
	.fluid_container {margin-top: 0px;}
	.full-right .sb-post-thumbnail {float:none; width: 100%; height: auto;}
	.full-right .blog-lists-title {float:none; width: 100%;}
	/*.imagmag_themepacific_magazine_singlethumb .list-block { width: auto; }
	.imagmag_themepacific_magazine_singlethumb .magbig-thumb {width: 100%; height: 200px;}*/
	.post-title h1 {
		margin-top: 10px;
		font-size: 21px;
		line-height: 1.3;
	padding: 0 2px;
	}

	.single-sns a { font-size:80%;}
	.single-sns .desktop {display: none;}
	.single-sns.follow li:first-child { width: 100%; }
	.single-sns .line { display: block; }
	.single-sns .google-plus { display: none; }
	#footnav #catmenu li {display:block; line-height:24px;}
	#footer  p.copyright,
	#footer  p.page-top { float: none;
	text-align:center; color: #AFAFAF; margin:0;}

	.yarpp-related .related-posts .post-thumbnail {
		height: 100px;
	}

	.toiawase textarea {width: 100%;}
}

.meta_category {margin:0; margin-bottom: 4px;}

.meta_category .header { float:left; padding: 2px 0px; margin-right: 6px;}

.meta_category .post-categories {margin: 0;}

.meta_category .post-categories li { float:left; margin: 0 6px 0 0;}

.meta_category .post-categories li a,
.meta_category .post-categories li span {
    color: #F4FCFF;
    font-size: 8px ! important;
    padding: 0px 3px;
    text-transform: uppercase;
    display: block;
    background: #B6B4B0;
		border: 1px solid #B6B4B0;
    text-decoration: none;
    float: left;
    /*font-weight: bold;*/
}

.meta_category .post-categories a:hover {
		background: #212326;
		border: 1px solid #212326;
		color: #fff;
}

.meta_category .post-categories li .what-do {
	background-color: #fff;
	color: #666;
	border: 1px solid #666;
}

.meta_category .post-categories li .what-do:hover {
	background-color: #666;
	color: #fff;
}


.meta_category .post-categories li .area {
	background-color: #d1bb00;
	border: 1px solid #d1bb00;
}

.meta_category .post-categories li .area:hover {
	background-color: rgb(255, 207, 29);
	border: 1px solid rgb(255, 207, 29);
}

.post-tags a, .post_content .post-tags a:hover {background:#61a0e2;}
.post_content .post-tags a  {padding: 4px; margin: 0 4px 4px; display: block;}
.post_content .post-tags {margin-bottom: 0; margin-top: 0;}
.post-tags strong {padding: 5px 0px; margin-right: 10px;}

.meta_author a, .post-edit-link{color:#409BD4;}

.wpp-thumbnail {
  display: inline;
  float: left;
  margin: 0 5px 0 0;
  border: none;
}


.hero-area {
	width:100%;
	height:300px;
	overflow: hidden;
	background-color: #222;
	margin-bottom: 10px;
}

.hero-area .container {
	margin: 0 auto;
	position: relative;
	height:300px;
	overflow: hidden;
	width: 1088px;
}

.hero-area .container .hero-left {
	float:left;
	width: 774px;
}

.hero-area .container .hero-right {
	float:right;
	width: 304px;
	height: 300px;
}

.hero-area a {
	display: block;
}

.hero-right a {
	height: 96px;
	overflow: hidden;
}

.hero-right a:first-child {
	margin-bottom: 6px;
}

.hero-right a:last-child {
	margin-top: 6px;
}

.hero-area .hero-title {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 774px;
	margin: auto;
}

.hero-area .hero-title h2 {
	display: block;
	position: absolute;
	bottom: 0px;
	width: 100%;
  -moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	color: #fff;
	border-radius: 0 4px 0 0;
	text-align: left;
	line-height: 1.5em;
	/*z-index: 8;*/
	text-shadow: 0px 0px 2px #222;
	background-color: rgba(30, 30, 30, 0.8);
	transition: .2s;
}

.hero-area .hero-title h2:hover {
	background-color: rgba(255, 207, 29, 0.66);

}


.hero-area img {
	width: 100%;
	height: auto;
}

.youtube-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.youtube-container iframe, .youtube-container object, .youtube-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



@media only screen and (max-width: 1090px) {
	.hero-area .container {width: 100%;}
	.hero-area .container .hero-left {
		float:left;
		width: 69%;
		width: -webkit-calc(100% - 320px);
    width: calc(100% - 320px);
	}
	.hero-area .container .hero-right {width: 310px;}

	.hero-area .hero-title {
		width: 69%;
		width: -webkit-calc(100% - 320px);
    width: calc(100% - 320px);
	}
}

@media only screen and (max-width: 900px) {
	.hero-area {
		height:240px;
		margin-bottom: 0px;
	}

	.hero-area .container .hero-left { width: 100%;}
	.hero-area .container .hero-right {display: none;}

	.hero-area .container {height:240px;}
	.hero-area .hero-title {width: 70%;}
	.hero-area .hero-title h2 {
		font-size: 120%;
		padding: 10px;
	}
}

@media only screen and (max-width: 640px) {
	.hero-area {
		height:140px;
		margin-bottom: 0;
	}

	.hero-area .container {height:140px;}

	.hero-area .hero-title h2 {
		font-size: 100%;
		padding: 4px;
	}
}
