/**
 * Theme Name: Liner
 * Theme URI: http://www.wp-flat.com
 * Author: NetBusinessAgent
 * Author URI: http://www.nb-a.jp
 * Description: Liner is a free WordPress theme for business.
 * Version: 1.1.10
 * License: GNU General Public License
 * License URI: license.txt
 * Text Domain: liner
 * Domain Path: /languages/
 * Tags: white, one-column, right-sidebar, microformats, responsive-layout,  custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, sticky-post, theme-options, threaded-comments
 */
 @import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
* {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}
body {
	background: #fff;
	color: #000;
	font-size: 14px;
	line-height: 1.8;
	margin: 0;
	padding: 0;
}

header, footer, nav, section, article, figure, aside, main {
	display: block;
}

h1, h2, h3, h4, h5, h6{
	clear: both;
	font-size: 100%;
	font-weight: 100;
	padding: 0;
}
p{
	font-weight: 100;
}

p, ul, ol, dl, table, pre {
	margin: 20px 0 0;
	padding: 0;
}
li, dt, dd {
	margin: 0;
	padding: 0;
}
dd {
	margin-left: 1em;
}

/**
 * img
 */
img {
	border: none;
	vertical-align: text-bottom;
}
table img {
	vertical-align: bottom;
}

/**
 * ul
 */
ul li {
	margin-left: 30px;
	padding-left: 5px;
}

/**
 * ol
 */
ol li {
	margin-left: 30px;
}

/**
 * table
 */
table {
	font-size: 100%;
	padding: 0;
}
th {
	font-weight: normal;
}
th, td {
	padding-right: 15px;
	text-align: left;
}
table ul,
table ol,
table dl,
table table,
table p {
	margin-top: 0;
}

/**
 * form
 */
button,
input,
select,
textarea {
	box-sizing: border-box;
	max-width: 100%;
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"]
input[type="tel"] 
textarea{
	padding: 3px;
	margin: 15px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
}

/**
 * blockquote
 */
blockquote {
	border-left: #eee solid 5px;
	margin: 0.5em 0 0.5em 20px;
	padding: 0 0 0 20px;
}

/**
 * pre
 */
pre {
	background: #eee;
	font-size: 15px;
	max-width: 100%;
	overflow: auto;
	padding: 15px;
}

/**
 * abbr, acronym
 */
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

/**
 * sup, sub
 */
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/**
 * .wp-caption
 */
.wp-caption {
	border: none;
	text-align: left;
	background-color: transparent;
	margin-top: 20px;
	border-radius: 0;
	max-width: 100%;
}
.wp-caption-text {
	margin-top: 5px;
	font-size: 85%;
	line-height: 1.4;
	text-align: left;
}
.gallery-caption {
}

/**
 * Alignment
 */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/**
 * .sticky ( Sticky Posts )
 * Setting by layout.css
 */
.sticky {
}

/**
 * .bypostauthor
 */
.bypostauthor {
}

/**
 * .error etc
 */
.error,
.require,
.attention {
	color: #b70000;
}


/*  下記追加したstyle  */
/*  Toppage-all  */
.container{
	width: 1170px;
	margin: 0 auto;
	color: #666666;
	font-family: 'Noto Sans Japanese', serif;
}

h1,h2,h3,h4,p,td,tr,a{
	font-family: 'Noto Sans Japanese', serif;
	color: #666666;
}

h3,h4{
	margin: 0 auto 6px auto;
}

.section-subtitle{
	font-size: 44px;
}

.section-title{
	font-weight: 300;
	margin-top: 60px;
	font-size: 66px;
}

.section-title,.section-subtitle{
	text-align: center;
}

.title-line{
	width: 100px;
	height: 5px;
	margin: -50px auto 10px auto;
	display: block;
}

.social-btn{
	width: 32px;
	height: 32px;
	padding: 0 5px;
	margin-top: 17px;
}

@media(max-width: 1169px){
	.container{
		width: 100%;
	}
	.section-title{
		font-size: 51px;
	}
	.section-subtitle{
		font-size: 34px;
	}
	.title-line{
		height: 2px;
		margin: -30px auto 10px auto;
	}

}

@media(max-width: 768px){
	.section-title{
		font-size: 36px;
	}
	.section-subtitle{
		font-size: 20px;
	}
	.smp-clear{
		clear: both;
	}
	h1, h2, h3, h4, h5, h6, p{
		font-weight: 200;
	}
	.social-btn{
		margin-top: 3px;
	}
}

/*  Toppage-header  */
.header-logo{
	float: left;
	width: 120px;
	height: 60px;
}

.glnav{
	float: right;
}

.glnav-content{
	padding: 0 30px 0 30px;
	float: left;
}

.header-visual{
	position: relative;

}

.header-textbox{
	top: 30%;
	left: 0;
	position: absolute;
	width: 100%;
	height: auto;
	text-align: center;
}

.header-textbox h1{
	font-size: 45px;
	color: #ffffff;
}

.header-textbox img{
	width: 40%;
	height: auto;
}

.main-visual img{
	margin-top: 60px;
}

@media(max-width: 1169px){
	.glnav p{
		display: none;
	}
	#header{
		display: block;
	}
}

@media(max-width: 768px){
	.header-logo{
		width: 90px;
		height: 45px;
	}
	.main-visual img{
		margin-top: 45px;
	}
}

/*  Toppage-Service  */
.service .title-line{
	background-color: #ffae2c;
}

.service-wrapper{
	padding-bottom: 60px;
}

.service{
	overflow: hidden;
}
.service-element{
	width: 28%;
	float: left;
	padding:0 2.5%;
}

.service-element h3, h4{
	text-align: center;
}

.service-element h3{
	font-size: 20px
}

.service-element h4{
	font-size: 16px;
}

.service-element p{
	margin-top: 0; 
}

.service-element img{
	display: block;
	margin: 0 auto;
}

@media(max-width: 1169px){
	
}

@media(max-width: 768px){
	.service-element{
		display: block;
		width: 90%;
		margin: 0 auto 50px auto;
		padding: 0 5%;
	}
	.service-element p{
		margin-top: 20px;
	}
	.service-smart{
		width: 60%;
		padding: 0 5%;
		margin: 0 auto;
		float: left;
		overflow: hidden;
		text-align: left;
	}
	.service-smart h3,.service-smart h4{
		margin: 3px auto;
		text-align: left;
	}
	.service-smart h3{
		font-size: 20px;
	}
	.service-smart h4{
		font-size: 16px;
	}
	.service-img{
		width: 75px;
		height: 75px;
		float: left;
	}
}

/* Toppage-aboututill */
.aboututill .title-line{
	background-color: #e74c3c;
}

.wrapper{
	width: 100%;
	overflow: hidden;
	background-color: #ffae2c;
	padding-bottom: 60px;
}

.aboututill-contents{
	width: 1170px;
	text-align: center;
}

.aboututill-element{
	overflow: hidden;
	margin: 20px auto;
	width: 860px;
}

.aboututill-element img{
	float:left;
}

.aboututill-contentset1{
	width: 500px;
	margin: 0 0 0 120px;
	float:left;
}

.aboututill-contentset2{
	width: 500px;
	margin: 0 50px 0 0;
	float:left;
}

.about-img1{
	width: 239px;
	height: 245px;
}

.about-img2{
	width: 310px;
	height: 237px;
}

.aboututill-element h3{
	font-size: 36px;
}

.aboututill-element p{
	font-size: 16px;
}

.plus{
	width: 60px;
	height: 60px;
	margin: 30px auto;
}

@media(max-width: 1169px){
	.about-img1, .about-img2,.aboututill-element img{
		display: none;
	}
	.aboututill-element{
		width: 80%;
		margin: 0 auto;
	}
	.aboututill-contentset1, .aboututill-contentset2{
		width: 100%;
		margin: 0 auto;
	}
	.aboututill-contents{
		width: 100%;
	}
	
}

@media(max-width: 768px){
	.aboututill-contents{
		width: 100%;
	}
	.aboututill-contentset1 h3,.aboututill-contentset2 h3{
		font-size: 20px;
	}
	.aboututill-contentset1 p,.aboututill-contentset2 p{
		font-size: 100;
	}
}

/* Toppage-works */
#work{
	overflow: hidden;
}

.work .title-line{
	background-color: #85c9cb;
}

.work-wrapper{
	width: 100%;
	overflow: hidden;
	background-color: #ffae2c;
}

.work-img{
	width: 25%;
	height: 280px;
	float: left;
	overflow: hidden;
	background-size: 100% 100%;
	filter: brightness(0.9);
	-webkit-filter: brightness(0.9);
	-moz-filter: brightness(0.9);
	-o-filter: brightness(0.9);
	-ms-filter: brightness(0.9);
}

.wp-post-image{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

.logo-wrapper{
	padding-bottom: 60px;
}

.logo-wrapper .section-subtitle{
	font-size: 36px;
}

.logo-section{
	overflow: hidden;
}

.logo-line{
	width: 100%;
	height: 100px;
}

.client-logo{
	width: 16%;
	padding: 0 2%;
	float: left;
}

@media(max-width: 1169px){
	.work-img{
		width: 100%;
		height: 350px;
		background-size: cover;
		background-position: center center;
		border-bottom: 1px solid white;
	}
	.logo-wrapper h2{
		font-size: 30px;
		margin-bottom: 60px;
	}
	.logo-wrapper .section-subtitle{
	font-size: 30px;
}
	
}

@media(max-width: 768px){
	.work-img{
		width: 100%;
		height: 200px;
		background-size: cover;
		background-position: center center;
		border-bottom: 1px solid white;
	}
	.logo-wrapper h2{
		font-size: 20px;
	}
	.client-logo{
		width: 40%;
		padding: 20px 5%;
		float: left;
	}
	.logo-line{
		width: auto;
		height: auto;
	}
	.logo-wrapper .section-subtitle{
	font-size: 20px;
}
}
/*  Toppage-Member  */
.member .title-line{
	background-color: #2980b9;
}

.member-wrapper{
	width: 100%;
	background-color: rgba(236,240,241,0.5);
	overflow: hidden;
	padding-bottom: 60px;
}

.member h3{
	text-align: center;
}

.member p{
	margin: 0 0 30px 0;
}

.officer-info{
	width: 28%;
	float: left;
	padding:0 2.5% 20px;
}

.member-info{
	width: 20%;
	float: left;
	padding:0 2.5% 20px;
}

.member-img{
	display: block;
	margin: 0 auto;
}

.officer-info h3{
	text-align: center;
	margin-bottom: 0;
}

.member-info h3{
	text-align: center;
	margin-bottom: 0;
}

.border{
	margin: 0 auto;
	display: block;
	width: 700px;
	height: 10px;
	border-bottom: 2px dashed #bdc3c7;
}

.recruit-btn a{
	display: block;
	width: 460px;
	padding: 20px 0;
	text-align: center;
	margin: 30px auto;
	background-color: #ffae2c;
	font-size: 20px;
	border-radius: 5px;
	font-family: 'Noto Sans Japanese', serif;
	color: #ffffff;
	font-weight: 100;
}

.recruit-btn a:hover{
	opacity: 0.7;
	text-decoration: none;
}

@media(max-width: 1169px){
	.officer-info{
		overflow: hidden;
	}
	.member-info{
		overflow: hidden;
	}
	
}

@media(max-width: 768px){
	.officer-info p, .member-info p{
		display: none;
	}
	.officer-info h3,.officer-info h4,.member-info h3,.member-info h4{
		font-size: 16px;
	}
	.officer-info{
		overflow: hidden;
	}
	.member-info{
		overflow: hidden;
		width: 28%;
		float: left;
		padding:0 2.5% 20px;
	}
	.recruit-btn a{
	width: 70%;
	height: auto;
	font-size: 16px;
	padding: 10px 0;
	}
	.officer-info h3{
		margin: 16px 0 0 0;
	}
	.officer-info h4{
		margin: 5px 0  20px 0;
	}
	.member-info h3{
		margin: 16px 0 0 0;
	}
	.member-info h4{
		margin: 5px 0 20px 0;
	}

}

/*  Toppage-utillmagazine  */
/*  ※背景はfront-page.phpで設定しています！！！  */
.utillmagazine-wrapper{
	width: 100%;
	background-size: cover;
	padding: 120px 0;
	background-position: center center;
}

.utillmagazine{
	width: 50%;
	background-color: rgba(255,255,255,0.7);
	margin: 0 auto;
	padding: 80px 0;
	border-radius: 5px;
}

.utillmagazine-logo{
	width: 480px;
	height: 80px;
	margin: 0 0 0 0;
}

.utillmagazine-btn a{
	display: block;
	width: 460px;
	padding: 20px 0;
	text-align: center;
	margin: 30px auto 0 auto;
	background-color: #2ecc71;
	font-size: 20px;
	border-radius: 5px;
	font-family: 'Noto Sans Japanese', serif;
	color: #ffffff;
	font-weight: 100;
}

.utillmagazine-btn a:hover{
	opacity: 0.7;
	text-decoration: none;
}

.white-box{
	width: 480px;
	margin: 0 auto;
}

@media(max-width: 1169px){
	.utillmagazine{
		width: 100%;
	}
}

@media(max-width: 768px){
	.utillmagazine-wrapper{
		padding: 60px 0;
	}
	.utillmagazine{
		width: 100%;
		padding: 40px 0;
	}
	.utillmagazine-logo{
		width: 70%;
		height: auto;
		padding: 0 15%;
	}
	.white-box{
		width: 90%;
	}
	.white-box h3{
		font-size: 16px;
	}
	.utillmagazine-btn a{
		width: 70%;
		height: auto;
		font-size: 16px;
		padding: 10px 0;
	}
}
/*  Toppage-contact  */
#contact > .title-line{
	background-color: #bdc3c7;
}

.contactform{
	width: 600px;
	margin: 60px auto;
}

.contactform td{
	font-size: 16px;
	margin: 30px;
	font-weight: 100;
}

input[type="tel"],textarea{
	margin: 15px;
	padding: 3px;
}

input[type="submit"]{
	display: block;
	width: 460px;
	padding: 20px 0;
	text-align: center;
	margin: 30px auto 0 auto;
	background-color: #f3b229;
	font-size: 20px;
	border-radius: 5px;
	font-family: 'Noto Sans Japanese', serif;
	color: #ffffff;
	font-weight: 100;
	box-shadow: none;
	border: none;
}

input[type="submit"]:hover{
	opacity: 0.7;
	text-decoration: none;
}

#contact{
	overflow: hidden;
}

@media(max-width: 1169px){
	
}

@media(max-width: 768px){
	input[type="submit"]{
		width: 500px;
		height: auto;
		font-size: 16px;
		padding: 15px 0;
	}
	.contactform{
		width: 90%;
	}
	.contactform tr{
		width: 100%;		
		font-size: 16px;
		font-weight: 100;
	}
	.contactform td{
		margin: 0;
	}
	input[type="text"]{
		width: 80%;
	}
	input[type="email"]{
		width: 80%;
	}
	input[type="tel"]{
		width: 80%;
	}
	textarea{
		width: 90%;
	}
	.contactform tbody tr{
	width:100%;
	display: block;
	list-style: none;
	}

	.contactform tbody  td{
	width:100%;
	display: list-item;
	padding:0px 0px; 
	border:none;
	}

}

/*  Toppage-footer  */
.copyright-name{
	text-align: center;
	color: #464646;
}

.footer-logo{
	width: 177.2px;
	height: 62.2px;
	margin: 0 auto;
}

.footer-contents{
	margin: 70px auto 0 auto;
	width: 600px;
}

.footer-contents-left{
	float: left;
}

.footer-contents-right{
	float: right;
	margin-top: 0px;
}

.footer-contents-right td{
	margin-right: 10px;
	color: #ffffff;
	font-family: 'Noto Sans Japanese', serif;
}

.clear{
	clear: both;
	height: 60px;
}

@media(max-width: 1169px){
	
}

@media(max-width: 768px){
	.footer-contents{
		width: 100%;
		margin: 0 auto;
	}
	.footer-logo{
		display: none;
	}
	.footer-contents-left{
		clear: both;
		float: none;
		text-align: center;
	}
	.footer-contents-right{
		clear: both;
		float: none;
	}
	table{
		margin: 0 auto;
	}

}


/*  ***** Utill Magazine ***** */
/*  Utill Magazine all */
.blog_background{
	background: url(./img-by-utill/bg_paper.jpg)
}
.blog_wrapper{
	width: 1080px;
	margin: 0 auto;
}

/*  Utill Magazine header */
.blog_titleimg{
	display: block;
	width: 658px;
	height: 282px;
	margin: 0 auto;
}

.blog_nav{
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	padding: 8px 0;
	border-top: 2px solid #c6c6c6;
	border-bottom: 2px solid #c6c6c6;
}

.blognav-content{
	display: inline-block;
	list-style: none;
	float: left;
	margin: 0 40px 0 0;
}

.cat_name{
	color: #999999;
	font-weight: bold;
}
.cat_utill{
	color: #e74c3c;
	font-weight: bold;
}
.cat_business{
	color: #8e44ad;
	font-weight: bold;
}
.cat_technology{
	color: #f39c12;
	font-weight: bold;
}
.cat_design{
	color: #85c9cb;
	font-weight: bold;
}
.cat_gourmet{
	color: #a37e39;
	font-weight: bold;
}
.cat_works{
	color: #2ecc71;
	font-weight: bold;
}
.cat_tips{
	color: #999999;
	font-weight: bold;
}
.cat_news{
	color: #34495e;
	font-weight: bold;
}

@media(max-width: 768px){
	.blog_wrapper{
		width: 100%;
	}
	.blog_titleimg{
		width: 300px;
		height: auto;
	}
	header .clear{
		height: 20px;
	}
	.blog_nav{
		display: none;
	}
}

/*  Utill Magazine new_blog */

.category_icon{
	display: block;
	margin: 37px auto 20px;
}

.blog_img img{
	width: 100%;
	height: 230px;
	overflow: hidden;
	background-size: 100% 100%;
	border-radius: 5px;
}

.entry{
	width: 30%;
	float:left;
	padding: 40px 1.6% 0px 1.6%;
	overflow: hidden;
	position: relative;
	height: 320px;
	border-top: 2px dotted #c6c6c6;
}

.new_label{
	position: absolute;
	top: 0px;
}

.entry_title{
	font-size: 18px;
	margin-top: 5px;
	font-family: 'Noto Sans Japanese', serif;
	color: #666666;
}

.entry_date{
	font-size: 14px;
	margin-top: 0px;
}

.next{
	background: url(./img-by-utill/btn_next.png);
	display: block;
	width: 79px;
	height: 25px;
	float: right;
}
.back{
	background: url(./img-by-utill/btn_back.png);
	display: block;
	width: 88px;
	height: 25px;
	float: left;
}
.pagination_area_left{
	width: 50%;
	height: auto;
	float:left;
}
.pagination_area_right{
	width: 50%;
	height: auto;
	float: right;
}
.pagination{
	padding-top: 30px; 
	width: 100%;
	float: left;
	overflow: hidden;
	border-top: 2px dotted #c6c6c6;
}

@media(max-width: 768px){
	.entry{
		width: 100%;
		float:left;
		padding: 7px 1.6% 7px 1.6%;
		overflow: hidden;
		border-top: 2px dotted #c6c6c6;
		height: auto;
	}
	.blog_img img{
		width: 100px;
		height: 80px;
		overflow: hidden;
		background-size: 100% 100%;
		border-radius: 5px;
		float: left;
	}
	.entry_title{
		font-size: 12px;
	}
	.new_label{
		display: none;
	}
	.entry_right{
		width: 62%;
		float: left;
		overflow: hidden;
		padding-left: 1.8%; 
	}
	.entry_date{
		font-size: 9px;
	}
	.category_icon{
		height: 40px;
		width: auto;
		margin: 20px auto 20px;
	}
	.new_blog .clear{
		height: 15px;
	}
}

/* カテゴリのcss */
.Works{
	width: 100px;
	color: #ffffff;
	font-size: 14px;
	background-color: #2ecc71;
	text-align: center;
	border-radius: 5px;
	margin: 0px;
	position: absolute;
	top: 230px;
	left: 30px;
}
.Business{
	width: 100px;
	color: #ffffff;
	font-size: 14px;
	background-color: #8e44ad;
	text-align: center;
	border-radius: 5px;
	margin: 0px;
	position: absolute;
	top:230px;
	left: 30px;
}
.Design{
	width: 100px;
	color: #ffffff;
	font-size: 14px;
	background-color: #85c9cb;
	text-align: center;
	border-radius: 5px;
	margin: 0px;
	position: absolute;
	top: 230px;
	left: 30px;
}
.Gourmet{
	width: 100px;
	color: #ffffff;
	font-size: 14px;
	background-color: #a37e39;
	text-align: center;
	border-radius: 5px;
	margin: 0px;
	position: absolute;
	top: 230px;
	left: 30px;
}
.News{
	width: 100px;
	color: #ffffff;
	font-size: 14px;
	background-color: #e74c3c;
	text-align: center;
	border-radius: 5px;
	margin: 0px;
	position: absolute;
	top: 230px;
	left: 30px;
}
.Technology{
	width: 100px;
	color: #ffffff;
	font-size: 14px;
	background-color: #f39c12;
	text-align: center;
	border-radius: 5px;
	margin: 0px;
	position: absolute;
	top: 230px;
	left: 30px;
}
.Tips{
	width: 100px;
	color: #ffffff;
	font-size: 14px;
	background-color: #999999;
	text-align: center;
	border-radius: 5px;
	margin: 0px;
	position: absolute;
	top: 230px;
	left: 30px;
}
.Utill{
	width: 100px;
	color: #ffffff;
	font-size: 14px;
	background-color: #e74c3c;
	text-align: center;
	border-radius: 5px;
	margin: 0px;
	position: absolute;
	top: 230px;
	left: 30px;
}

@media(max-width: 768px){
	.Design,.utill,.Business,.Tecnology,.Gourmet,.Works,.Tips,.News{
		display: none;
	}
}


/*  Utill Magazine footer_banner */
.footer_banner img{
	width: 46%;
	float:left;
	padding: 0 2%;
}

@media(max-width: 768px){
	.footer_banner img{
		width: 90%;
		padding: 20px 5% 0px;
	}
	.footer_banner .clear{
		height: 20px;
	}
}

/*  Utill Magazine 記事ページ */
/*  Utill Magazine 記事ページ  all */

.main_content{
	width: 730px;
	padding-right: 14px;
	margin: 20px 14px 0 0;
	float: left;
	border-right: 2px solid #c6c6c6;
}

.sidebar{
	width: 320px;
	float: right;
}

/*  Utill Magazine 記事ページ  header */
.blog_logo{
	margin-top: 20px;
}

.entry-header{
	padding-bottom: 20px;
	border-bottom: 2px dotted #c6c6c6;
}

@media(max-width: 768px){
	.blog_logo{
		margin-top: 10px;
		width: 200px; 
		padding-left: 10px;
	}
	.main_content{
		width: 95%;
		padding: 0 2.5%;
	}
	.pankuzu{
		width: 95%;
		padding: 0 2.5%;
	}
}

/*  Utill Magazine 記事ページ  main_content */
.entry-content p{
	font-weight: 300;
}

.blog_info{
	padding-bottom: 10px;
	border-bottom: 2px dotted #c6c6c6;
}

.main_content p{
	margin-top: 10px;
}

.tagarea{
	border-top: 2px dotted #c6c6c6;
	border-bottom: 2px dotted #c6c6c6;
}

.tagarea p{
	margin:0 0 10px 0;
}

.tag{
	font-weight: bold;
	color: #e74c3c;
	margin-top: 10px;
}

.avatar{
	height: 110px;
	width: 110px;
	display: block;
	float: left;
	padding: 10px 15px 10px 10px;
}

.author_area{
	padding-bottom: 10px;
	border-bottom: 2px dotted #c6c6c6;
}

.author_name{
	font-size: 18px;
}

.list{
	overflow: hidden;
	padding: 10px 10px;
	border-bottom: 2px dotted #c6c6c6;
}

.list_img img{
	display: block;
	width: 120px;
	height: 90px;
	background-size: 100% 100%;
	float: left;
	overflow: hidden;
	margin-right: 10px;
	border-radius: 5px;
}

.list_title{
	font-weight: 100;
	font-size: 16px;
}

.list_date{
	margin-top: 0!important;
}

.list_icon{
	display: block;
	margin: 0 auto; 
	margin-top: 50px;
}

.category_sub_title{
	margin-top: 0px;
	text-align: center;
	padding-bottom: 15px;
	border-bottom: 2px dotted #c6c6c6;
	margin-top: 0!important;
}

.wp_rp_publish_date{
	margin-top: 0!important;
	font-family: 'Noto Sans Japanese', serif;
    color: #666666;
    font-size: 14px;
    font-weight: 100;
}

.sp_only{
	display: none;
}

@media(max-width: 768px){
	.entry-title{
		font-size: 22px;
	}
	.avatar{
		width: 80px;
		height: 80px;
	}
	.list{
		padding:7px 0 7px 0;
	}
	.author_name{
		font-size: 14px;
	}
	.list_img{
		float: left;
		width: 100px;
		height: 80px;
		border-radius: 5px;
		overflow: hidden;
	}
	.list_title{
		font-size: 12px;
	}
	.list_date{
		font-size: 9px;
	}
	.list_icon{
		height: 40px;
    	width: auto;
    	margin: 40px auto 0px;
	}
	.sp_only{
		display: block;
		width: 85%;
		margin: 0 auto 30px;
	}
}

/*　関連する記事に関してはプラグインのCSSを触ってください
    static > themes > modern.css */


/*  Utill Magazine 記事ページ  sidebar */
.sidebar_icon{
	width: auto;
	height: 40px;
	display: block;
	margin: 20px auto 0px;
	background-repeat: no-repeat;

}

.sidebar_list{
	overflow: hidden;
	padding: 10px 10px;
	border-bottom: 2px dotted #c6c6c6;

}
.sidebar_list_img{
	display: block;
	width: 90px;
	height: 60px;
	background-size: 100% 100%;
	float: left;
	overflow: hidden;
	margin-right: 10px;
}

.sidebar_list_title{
	font-weight: 100;
	font-size: 14px;
}

.sidebar_img{
	margin-top: 30px;
}

@media(max-width: 768px){
	.sidebar{
		display: none;
	}
}

/*  Utill Magazine 記事ページ  カテゴリ一覧 */

.category_title{
	font-size: 24px;
	font-family: 'Noto Sans Japanese', serif;
	color: #666666;
	padding-bottom: 10px;
	border-bottom: 2px dotted #c6c6c6;
	margin-top: 0px;
}