/*
Theme Name: wdminz
Theme URI: http://wordpress.org/themes/wdminz
Description: webdesignminz blog
Version: 1.1
Author: minz
Author URI: http://wd-minz.com
*/

html {overflow-y: scroll;}
body {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; 
	
}
.bg{
	background-color: #ffffff; 
}
.navi_bar{
	margin: 0px;
	padding: 0px;
	background-color: #222222;
	width: 100%;
	height: auto;
}

#pagetop{
	position:fixed;
	right: 10px;
	bottom:-10px;
	cursor:pointer;
}
.sc_up {
	overflow: hidden;
}

.sc_up img {
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
.sc_up img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
a:hover img{
 opacity:0.7;
 filter: alpha(opacity=70);
}

footer {
	width: 100%;
	margin: 0px auto;
	padding: 40px 0px 20px 0px;
	background-color: #333333;
	color: #ffffff;
}
.h3footer {
	font-size: 26px;
	line-height: 150%;
	font-weight: bold;
	margin-top: 0px;
}

footer a {
	color: #ffffff;
	text-decoration: none;
}
footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}
footer a:active {
	color: #ffffff;
	text-decoration: none;
} 
footer a:visited {
	color: #ffffff;
	text-decoration: none;
} 
footer ul {
	list-style: none;
}

footer li {
	line-height: 160%;
}

.mr8 {
	margin-right: 8px;
}
.mr8b {
	margin-right: 8px;
	color: #36C1EC;
}
.mr8o {
	margin-right: 8px;
	color: #FFCD3B;
}

#subimg_box {
	background-color: #333333;
}
#subimg {
	width: 100%;
	margin: 0px auto;
	padding: 20px 0px;
	background-image: url(images/subimg.png);
	background-size:cover;
}
#subimg2 {
	width: 100%;
	margin: 0px auto;
	padding: 20px 0px;
	background-image: url(images/subimg2.jpg);
	background-size:cover;
}
#subimg5 {
	width: 100%;
	margin: 0px auto;
	padding: 20px 0px;
	background-image: url(images/subimg5.png);
	background-size:cover;
}
#subimg4 {
	width: 100%;
	margin: 0px auto;
	padding: 20px 0px;
	background-image: url(images/subimg4.jpg);
	background-size:cover;
}

h1 a{
	color: #222222;
	text-decoration: none;
}
h1 a:hover{
	color: #222222;
	text-decoration: none;
}

.needinput {
	background: #FFE9E9;
}
.red {
	color: #F00000;
}

.copy {
	width: 100%;
	color: #ffffff;
	background: #000000;
	margin: 0px auto;
	padding: 15px 0px 15px 0px;
	font-size: 12px;
	text-align: center;
	line-height: 140%;
}
.h3news{
	font-family: Georgia, "Times New Roman", Times, "serif" ;
	font-size: 20px;
	text-align: center;
	color: #ffffff;
	background: #333333;
	margin: 0px;
	padding: 5px;
}
#feed{
	width: 100%;
	margin: 20px auto;
}
#feed a{
	color:#29AAD8;
	text-decoration: none;
}
#feed a:hover{
	color:#666666;
	text-decoration: none;
}


/* header
------------------------------------------------*/
@media only screen and (min-width: 768px), print {
#logo {
	width: 100%;
	margin: -100px auto 0px auto;
	padding: 0px;
/*	display: none;	*/
}
#logo2 {
	width: 100%;
	margin: 0px auto;
	padding: 0px;
}

.h2-subtitle {
	font-size: 46px;
	font-weight: bold;
	text-align: center;
	margin: 0px;
	padding: 50px 0px;
	color: #ffffff;
}
.h2-subtitle2 {
	font-size: 46px;
	font-weight: bold;
	text-align: center;
	margin: 0px;
	padding: 50px 0px;
	color: #333333;
}

}
	
@media only screen and (max-width: 767px){
#logo {
	width: 100%;
	margin: 0px auto;
	padding: 0px;
}
#logo2 {
	width: 100%;
	margin: 0px auto;
	padding: 0px;
}
.h2-subtitle {
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	margin: 0px;
	padding: 10px 0px;
	color: #ffffff;
}
.h2-subtitle2 {
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	margin: 0px;
	padding: 10px 0px;
	color: #333333;
}

}


.content-area{
	width:100%;
	margin:0px auto;
	padding:20px 0px 20px 0px;
}

/* contents 
-------------------------------------*/
@media only screen and (min-width: 768px), print {
	
	.contents {
		width: 100%;
	}
	.contents p{
		line-height: 180%;
	}
	.contents ol li{
		font-size:90%;
		padding:5px 0px;
	}
	.contents ul li{
		font-size:90%;
		padding:5px 0px;
	}
	.entry-title{
	font-size:24px;
	line-height:160%;
	font-weight:bold;
	margin: 0 0 15px 0;
	}
	.entry-title2{
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	}
}

@media only screen and (max-width: 767px), print {
	.contents {
		width: 100%;
	}
	.contents p{
		line-height: 160%;
		font-size: 90%;
	}
	.contents ol li{
		font-size:90%;
		padding:5px 0px;
	}
	.contents ul li{
		font-size:90%;
		padding:5px 0px;
	}
	.entry-title{
	font-size: 18px;
	line-height: 160%;
	font-weight: bold;
	margin: 0 0 15px 0;
	}
	.entry-title2{
	font-size: 18px;
	line-height: 160%;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	}
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #fff;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #333;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
/*
.widget {
	margin: 0 0 1.5em;
}
*/
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}
#sidebar .widget {
	margin:10px auto;
	background-color:#00aac3;
	border:solid 1px #01a3bb;
	padding:5px 0px 5px 0px;
	border-radius: 4px;          
    -webkit-border-radius: 4px;  
    -moz-border-radius: 4px;
}
#sidebar {
	width:100%;
	margin:0px auto;
	color:#ffffff;
}
#sidebar ul {
	margin:0px; 
	padding:0px;
	list-style:none;
}
#sidebar li {
	margin:0px auto;
	padding:0px;
	list-style:none;
}
#sidebar ul li ul{
	width:90%;
	line-height:150%;
	margin:0px auto;
	padding:0px;
	font-size:13px;
}
#sidebar ul li ul li{
	margin:0px 0px 5px 0px;
	padding:0px 0px 5px 0px;
}
#sidebar ul li ul a{
	color:#ffffff;
	text-decoration:none;
}
#sidebar ul li ul a:hover{
	color:#ffffff;
	text-decoration:underline;
}

#wp-calendar {
	width:90%;
	margin:5px auto;
}
#wp-calendar a{
	color:#fff600;
	text-decoration:none;
}
#wp-calendar a:hover{
	color:#fff600;
	text-decoration:underline;
}
#wp-calendar th {
	text-align:center;
	font-weight:normal;
}
#wp-calendar td {
	text-align:center;
	font-weight:normal;
}
caption {
	color:#ffffff;
	font-weight:bold;
}

.widgettitle {
	font-size:16px;
	line-height:140%;
	font-weight:bold;
	text-align:center;
	background:#ffffff;
	color:#00aac3;
	margin:5px 8px 0px 8px;
	padding:5px 5px 0px 5px;
	margin-bottom:10px;
	border-radius: 4px;          
    -webkit-border-radius: 4px;  
    -moz-border-radius: 4px;
}

.nav-previous {
	float:left;
	margin-left:0px;
}
.nav-next {
	float:right;
	margin-right:40px;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin:0px auto;
	padding:5px 0px 20px 0px;
	/*margin: 1.5em 0 0;*/
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/*
.container {
	margin-right: auto; margin-left: auto; padding-left: 0px; padding-right: 0px;
}
*/
.padding-zero{
	padding:0 !important;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 20px 0;
}
.site-title, .site-description{
	margin:0;
}
.site-title a{
	text-decoration: none;
}
.site .skip-link, a, a:focus, a:hover, a:visited, ins, mark{
	text-decoration: none;
}
.page_404{
	text-align: center;
}
.page_404{
	display: grid; grid-template-areas: "content"; 
	grid-template-columns: 1fr;
}
.page_404 .content-area{
	grid-area: content;
}
.page_404 .content-area .read-more{
	padding: 10px 15px; 
	display: inline-block;
}
/*
.widget ul {
	padding: 0; 
	list-style-type: none;
}
*/
/* Menu CSS 
#menu_toggle, .toggle, [id^=drop] {
	display: none;
}
nav:after {
	content: ""; 
	display:table; 
	clear: both;
}
nav ul {
	padding: 0; 
	margin: 0; 
	list-style: none; 
	position: relative;
}
nav ul li {
	margin: 0px; 
	display: inline-block; 
	float: left;
}
nav a {display: block; padding: 0 20px; font-size: 15px; line-height: 60px; text-decoration: none;}
nav a:focus{outline: none;}
nav ul ul {display: none; position: absolute; top: 60px;}
*/
/*
nav ul li:hover > ul { display: inherit; }
nav ul ul li {width: 200px; float: none; display: list-item; position: relative;}
nav ul ul ul li {position: relative; top: -60px; left: 200px;}
nav ul li > a:after { content: ' +'; }
nav ul li > a:only-child:after { content: ''; }
.show_mobile, .menu_toggle{display: none;}
*/


/* Sidebar */
#secondary .widget{padding: 15px;}
#secondary .widget:last-child{margin-bottom: 0;}
#secondary li:not(:last-child) {margin-bottom: .25em;}
.widget_search .search-form .search-field{width: 90%;}



/* Blog / Archive / Single Styling */
.blog_and_archive {
	border-bottom: 1px solid #d5d8dc; 
	margin: 0;
}
.blog_single{
	border-bottom: 1px solid #d5d8dc;
}
.blog_and_archive:nth-of-type(1), .blog_single:nth-of-type(1){padding-top: 0;}
.blog_and_archive:last-of-type{
	border-bottom: 0; padding-bottom: 30px;
}

.entry-meta{
	font-size:12px;
	margin: 0 0 15px 0;
	padding:5px;
}
.entry-meta span::after{
	content: "/"; 
	margin-left:5px; 
	margin-right: 5px;
}
.entry-meta span:last-child::after{content: "";}
.post-image{margin: 0 0 15px 0;}
.entry-content{
	margin: 0 0 15px 0;
}

.entry-content .btn_left{
	display: block; 
	margin-top: 25px; 
	text-align: left;
} 
.entry-content .btn_right{
	display: block; 
	margin-top: 25px; 
	text-align: right;
}
.entry-content .btn_full{display: block; margin-top: 25px; text-align: center;}
.entry-content .btn_left .read-more, .entry-content .btn_right .read-more{padding: 10px 15px; display: inline-block;}
.entry-content .btn_full .read-more{padding: 10px 15px; display: block;}

.posts-navigation .nav-links, .post-navigation .nav-links{display: grid; grid-template-areas: "nav-prev nav-next"; grid-template-columns: 50% 50%; grid-template-rows: auto;}
.posts-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-previous{grid-area: nav-prev;}
.posts-navigation .nav-links .nav-next, .post-navigation .nav-links .nav-next{grid-area: nav-next; justify-self: end; align-self: center;}


/* Search Archive */
.search_blog {border-bottom: 1px solid #d5d8dc; margin: 0;}
.search_blog:nth-of-type(1), .blog_single:nth-of-type(1){padding-top: 0;}
.search_blog:last-of-type{border-bottom: 0; padding-bottom: 30px;}
.search_blog .entry-title{margin: 0 0 15px 0;}
.search_blog .entry-meta{margin: 0 0 15px 0;}
.search_blog .entry-meta span::after{content: "/"; margin-left:5px; margin-right: 5px;}
.search_blog .entry-meta span:last-child::after{content: "";}
.search_blog .post-image{margin: 0 0 15px 0;}
.search_blog .entry-content{margin: 0 0 15px 0;}

.search_blog .entry-content .btn_left{display: block; margin-top: 25px; text-align: left;} 
.search_blog .entry-content .btn_right{display: block; margin-top: 25px; text-align: right;}
.search_blog .entry-content .btn_full{display: block; margin-top: 25px; text-align: center;}
.search_blog .entry-content .btn_left .read-more, .search_blog .entry-content .btn_right .read-more{padding: 10px 15px; display: inline-block;}
.search_blog .entry-content .btn_full .read-more{padding: 10px 15px; display: block;}