/*
Theme Name: Maindish 4
Description: Maindish 4 (Phtorip3)
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: transparent; border-bottom: 1px solid #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 {width: 240px;  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: 1px solid #333;
    border-width: 1px 0 1px 1px;
		border-radius: 4px 0 0 4px;
		margin: 0;
	}

	#head-content .header-search{float:right;}
	#head-content .header-search button {
		padding: 0 10px;
		height: 26px;
		line-height: 24px;
    float: right;
		margin: 0;
		border-radius: 0 4px 4px 0 ;
		background-color: #fff;
    border: 1px solid #333;
		border-left: 1px solid #aaa;
	}
	#logo .social-icons {
		float:right;
		margin-left: 12px;
		margin-top: 4px;
	}

	#logo .social-icons li {
		float: left;
		color : #333;
		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: #333;
	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: 90%;
  font-size: 100%;
  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: 26px;
		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;
}

.single .hero-area{
  background-color: transparent;
  height: auto;
  margin-top:10px;
}

.single .hero-area .container {
  height: auto;
}

.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;
}

.single .hero-area .hero-single > a {
  float:left;
  width: 33.3%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
}

.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: 768px) {
  .single .hero-area {
    display: none;
  }
}

@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;
	}
}

@media only screen and (max-width: 400px) {
  #logo img { width: 160px; }
  #logo a { line-height: 32px; }
  #logo .social-icons { margin-top: 0; }
  .catnav-toggle {
    padding: 8px 16px;
    font-size: 16px;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    }
}