@charset "utf-8";
/*
Theme Name: オリジナルテーマVer1
Theme URI: http://new-life-yamamoto-com/
Description: オリジナルテーマ
Author: 株式会社システムズアイ
Author URI: http://www.systems-i.co.jp/
Version: 1.0
Tags: two-columns, left-sidebar, custom-menu
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wmdesign
*/
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, fieldset, form, label, legend, 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%; vertical-align: baseline; box-sizing: border-box; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* == table == */
table { border-collapse: collapse; }
caption, th, td { font-weight: normal; text-align: left; display: block; }
th, td { display: block; }
html { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
a:focus { outline: thin dotted; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
del { color: #333; }
ins { background: #fff9c0; text-decoration: none; }
hr { background-color: #ccc; border: 0; height: 1px; margin: 1em; }
hr.wmclear, .wmclear { clear: both; }
hr.wmclear { border: 0; height: 0; border-color: transparent !important; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
small { font-size: smaller; }
img { border: 0; -ms-interpolation-mode: bicubic; }
#content img, .comment-content img, .widget img { max-width: 100%; height: auto; }
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; }
img[class*="aligncenter"],img[class*="alignleft"],img[class*="alignright"]{	display: block;	float: none;}
img.size-full, img.size-large, img.header-image, img.wp-post-image { width: 100%; height: auto; }
embed, iframe, object, video { max-width: 100%; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; padding: 4px; }
.wp-caption, .wp-caption-text, .gallery-caption, .entry-caption { font-size: 90%; color: #757575; }
img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; }
.entry dl.gallery-item { margin: 0; }
.gallery-item a, .gallery-caption { width: 90%; }
.gallery-item a { display: block; }
.gallery-caption a { display: inline; }
.gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; }
.gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; }
.gallery-columns-1 .gallery-icon img { padding: 3%; }
.sticky { }
.bypostauthor { }
.screen-reader-text { display: none; }
a:link { text-decoration: none; color: #0075c2; outline: none; }
a:hover { text-decoration: underline; color: #f00; }
a:active { text-decoration: none; color: #f00; background-color: transparent; }
.clear { clear: both; }
.none { display: none; }
/* スマホ横スクロール */
.smpscroll { width: 100%; overflow-x: auto; margin-bottom: 1em; }
.smpscroll::-webkit-scrollbar { height: 5px; }
.smpscroll::-webkit-scrollbar-track { background: #f6f6f6; }
.smpscroll::-webkit-scrollbar-thumb { background: #ddd; }
/* フォーム部品ベース */
label {
	width: 100%;
	line-height: 30px;
}
select{
	border: 1px solid #d4d4d7;
	border-radius: 3px;
}
option{ padding: 2px;}
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="search"], textarea {
	vertical-align: middle;
	width: 100%;

	height: 24px;
	padding: 1px 5px;
	border: 1px solid #d4d4d7;
	border-radius: 3px;
	font-size: 100%;
	color: #000;
	background: #fcfcfc;
	box-sizing: border-box;
}
input[type="checkbox"], input[type="radio"]{ vertical-align: middle; }
textarea {
	height: auto;
	line-height: 1.5;
	width: 100%;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	margin: 10px 3px 3px 0;
	padding: 5px 20px;
	border: 0;
	border-radius: 3px;
	line-height: 1.5;
	font-size: 120%;
	background: #c782a1;
	color: #fff;
	cursor: pointer;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	background: #000;
	color: #fff;
}
/* アイコン等 */
.entry a[href$='.pdf'],
.entry a[href$='.doc'],
.entry a[href$='.docx'],
.entry a[href$='.xls'],
.entry a[href$='.xlsx'] {
	padding-left:35px;
	background-color: transparent;
	background-position: 0 50%;
	background-repeat: no-repeat;
}	
.entry a[href$='.pdf'] { background-image: url(images/icon_pdf.png); }
.entry a[href$='.doc'],
.entry a[href$='.docx']{ background-image: url(images/icon_doc.jpg); }
.entry a[href$='.xls'],
.entry a[href$='.xlsx']{ background-image: url(images/icon_xls.jpg); }
/* 表示・非表示 */
.pc{ display: none; }
.smp{ display: block; }

/* 1 :: Basic structure 
------------------------------------------ */
body {
	font-size: 95%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
}

#header {
	width: 100%;
	padding: 15px 0;
	position: relative;
}

#main {
	width: 100%;
	overflow: hidden;
}

#content {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.entry {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}

#footer {
	width: 100%;
	clear: both;
	padding-top: 2em;
}

/* 2 :: header --- MENU
------------------------------------------ */
.logo img {
	display: block;
	width: 250px;
	height: 30px;
	margin: 0;
}

#smp_open{
	display: block;
	width: 40px;
	height: 40px;
	margin: 0;
}

.logo { padding-left: 60px; }
@media print, screen and (max-width: 320px) {
	.logo { padding-left: 50px; }
}

.sb-toggle-left{
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
	left: 10px;
	-webkit-transition: .2s;
	transition: .2s;
}
.sb-active .sb-toggle-left{
	left: -60px;
	-webkit-transition: 0s;
	transition: 0s;
}

#globalMenu{
	width: 100%;
	position: relative;
	padding-top: 70px;
}
#smp_closed{
	position: absolute;
	top: 10px;
	left: 10px;
}
#menu-gnav{
	margin: 0;
	padding: 0 0 0 20px;
}
#menu-gnav li ul{ padding: 0.5em 0 0; }
#menu-gnav li{
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0.5em 0;
}
#menu-gnav li a{
	display: block;
	width: 100%;
	text-decoration: none;
	color: #000;
}
#menu-gnav li a::before{
	display: inline-block;
	content: "▶";
	margin-right: 0.2em;
}
#menu-gnav li ul li a::before{ color: transparent; }
#menu-gnav li.current-menu-item{ font-weight: bold; }

/* 3 :: headding 
------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	line-height: 1;
	margin: 0;
	font-weight: normal;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	line-height: 1.2;
	margin-bottom: 0.75em;
	clear: both;
}
.entry h1, .entry h2 { font-size: 1.4em; }
.entry h3, .entry h4 { font-size: 1.2em; }
.entry h1, .entry h2 { color: #c782a1; }
.entry h3{
	position: relative;
	overflow: hidden;
	padding-bottom: 5px;
	font-size:20px;
}
.entry h3::before,
.entry h3::after{
	content: "";
	position: absolute;
	bottom: 0;
}
.entry h3:before{
	border-bottom: 5px solid #c782a1;
	width: 100%;
}
.entry h3:after{
	border-bottom: 5px solid #f6f6f6;
	width: 100%;
}

.marker{ background: linear-gradient(transparent 50%, #fbe6ef 50%); }

.list{
	box-sizing: border-box;
	padding-left: 1.2em;
	position: relative;
	width: 100%;
}
.list::before{
	display: block;
	content: "●";
	color: #c782a1;
	width: 1em;
	height: 1em;
	position: absolute;
	top: 0;
	left: 0;
}
ul.color_list{
	margin: 0;
	padding: 0;
}
ul.color_list li{
	list-style: none;
	margin: 0 0 0.5em;
	padding: 0 0 0 1.2em;	
}
ul.color_list li{
	box-sizing: border-box;
	list-style: none;
	margin: 0 0 0.5em;
	padding: 0 0 0 1.2em;	
	position: relative;
}
ul.color_list li::before{
	display: block;
	content: "●";
	color: #c782a1;
	width: 1em;
	height: 1em;
	position: absolute;
	top: 0;
	left: 0;
}

.pageTtl{
	padding: 1em;
	margin-bottom: 1em;
}
.pageTtl h2{
	color: #c782a1!important;
	font-size: 180%;
	font-weight: bold;
}

.ttl{
	border-bottom: 1px solid #ddd;
	background: url(images/headline01.png) no-repeat 0 50%;
	background-size: auto 2.8em;
	height: 3em;
	line-height: 3em!important;
	padding-left: 90px;
	font-size: 1.4em!important;
	font-weight: bold!important;
	margin-bottom: 1em;
}

/* 4 :: contents
------------------------------------------ */
#content p, .entry li, .entry td { line-height: 1.6; }
blockquote {
	width: 96%;
	box-sizing: border-box;
	margin: 1em auto;
	padding: 1em;
	background-color: #fbe6ef;
}
#content p{ margin-bottom: 1em; }
ul.archive{
	padding: 0;
	margin: 0 auto 2em;
	width: 100%;
}
ul.archive li{
	list-style: none;
	padding: 1em 0;
	margin: 0;
	overflow: hidden;
	width: 100%;
	border-bottom: 1px dotted #c782a1;
}
ul.archive li:last-child{ border-bottom: 0; }

ul.archive li.thumbContainer .thumbnail{
	float: left;
	width: 36%;
}
ul.archive li.thumbContainer .entryMeta{
	float: right;
	width: 62%;
}
ul.archive li.thumbContainer .thumbnail img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}

.single .entryDate{ margin-bottom: 2em; }
/* 6:: widget
------------------------------------------ */
.widget {
	width: 100%;
	overflow: hidden;
}
.widget-title {
	text-align: center;
	line-height: 30px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.widget_archive label { display: none; }
.widget_recent_entries li {
	height: auto!important;
	line-height: 1.5!important;
	padding: 5px 15px!important;
}
.tagcloud { padding: 0 2%; }
#wp-calendar caption {
	display: table-caption;
	text-align: center;
	line-height: 30px;
}
#wp-calendar {
	width: 100%;
	display: table!important;
	table-layout: fixed!important;
}
#wp-calendar th, #wp-calendar td {
	display: table-cell!important;
	text-align: center;
	line-height: 30px;
}
.textwidget {
	padding: 0 2%;
	line-height: 1.5;
}
.widget_recent_entries li a {
	padding: 0!important;
	background-image: none!important;
}

/* 7 :: footer
------------------------------------------ */
.copyright {
	font-size: 85%;
	text-align: center;
	line-height: 30px;
}
.footerTel ul{
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.footerTel ul li{
	list-style: none;
	margin: 0;
	padding: 10px 0;
}
.footerTel img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

/* 8 :: navigation
------------------------------------------ */
.pagetop {
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0;
	position: fixed;
	bottom: 150px;
	right: 10px;
	z-index: 10;
	cursor: pointer;
}
.pagetop img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	opacity: .7;
}

.navigation {
	width: 100%;
	padding: 50px 0;
	text-align: center;
	clear: both;
}
.nav-links {
	width: 100%;
	overflow: hidden;
}
.nav-links a, .page-numbers.current {
	display: inline-block;
	padding: 10px;
	border-radius: 3px;
}
.nav-links a {
	background-color: #fbe6ef;
	color: #000;
	text-decoration: none;
}
.page-numbers.current {
	background-color: #c782a1;
	color: #fff;
	font-weight: bold;
}
.post-navigation .nav-links div {
	display: inline-block;
	padding: 0 5%;
}
#comments .nav-previous a, #comments .nav-next a { width: 10em; }
/**/
#breadcrumb {
	width: 100%;
	padding: 1em 0 2em;
}
#breadcrumb ol {
	width: 100%;
	margin: 0;
	padding: 0;
}
#breadcrumb ol li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
}
#breadcrumb ol li a { padding-right: 6px; }

#breadcrumb p {
	overflow: hidden;
	width: 100%;
	text-align: right;
}
#breadcrumb p a {
	display: inline-block;
	width: 80px;
	line-height: 40px;
	text-align: center;
	margin-right: 15px;
	background: #eee;
	color: #000;
}

/* comments
------------------------------------------ */
#comments { margin-bottom: 20px; padding: 10px; background: #f9f9f9; }
.commentlist { margin: 0; padding: 20px 0 0; }
.commentlist li { list-style: none; margin: 0 0 30px; padding: 0; }
.comment-reply-title { line-height: 30px; text-align: center; margin-bottom: 1em; background-color: #f1f1f1; border-radius: 3px; }
.comment-notes { font-size: 90%; margin-bottom: 0.5em; padding: 0.5em; background: #f9f9f9; }
/**/
.comment-respond { padding: 0 10px; }
#commentform p { margin-bottom: 0.5em; }
#commentform #author, #commentform #email, #commentform #url, #commentform #comment { display: block; width: 100%; margin: 0 auto; padding: 2% 1%; border: 3px solid #eee; border-radius: 5px; box-sizing: border-box; }
.comments-title, .section-heading { line-height: 30px; text-align: center; background-color: #f1f1f1; border-radius: 3px; }
.comment-meta { margin-bottom: 0 0 0.5em; }
.avatar { padding-right: 2em; }
.fn { padding-right: 1em; }
.comment-awaiting-moderation { line-height: 30px; color: #c33; }
.comment-content { padding: 1em 0; line-height: 1.6em; }
.reply { margin-bottom: 1em; }
.comment-form label { display: block; padding: 0.5em 0 0.35em; }


@media print, screen and (min-width: 768px) {
	.pc{ display: block; }
	.smp{ display: none; }	

	/* == table == */
	th, td { display: table-cell; }

	img[class*="aligncenter"]{
		margin-left: auto;
		margin-right: auto;
	}
	img[class*="alignleft"]{
		float: left;
		margin: 0 2em 1em 0;
	}
	img[class*="alignright"]{
		float: right;
		margin: 0 0 1em 2em;
	}

	/* 1 :: Basic structure 
	------------------------------------------ */
	.sb-slidebar{
		background-color: rgba(255,255,255,1.00);
		padding: 0;
		width: 300px;
		position: fixed;
	}
	
	#header {
		padding: 0;
		margin-bottom: 40px;
	}
	#home #header{
		background: url(images/bg_header_home.jpg) no-repeat -300px 0;
		height: 600px;
	}
	
	#main {
		box-sizing: border-box;
		width: 100%;
		padding-left: 300px;
	}
	
	#content {
		width: 100%;
		margin: 0 auto 100px;
	}
	
	.entry { width: 100%; }

	/* 2 :: header --- MENU
	------------------------------------------ */
	.logo img { height: 80px; }
	.logo {
		width: 250px;
		height: 80px;
		margin: 0 auto 40px;
		padding: 0;
	}
	.logo a{
		display: block;
		width: 100%;		
	}
	.logo a img{
		opacity: 1;
		-webkit-transition: 0s;
		transition: 0s;	
	}
	.logo a:hover img{
		opacity: .3;
		-webkit-transition: 1s;
		transition: 1s;
	}
	
	#globalMenu{ padding-top: 50px; }
	#menu-gnav{
		padding: 0;
		margin: 0 auto;
		width: 240px;
	}
	#menu-gnav li {
		border-bottom: 1px solid #ddd;
		padding: 0;
		margin-bottom: 0.5em;
	}
	#menu-gnav li.g_plan{ border-bottom: 0; }
	
	#menu-gnav li ul{
		border-top: 1px solid #ddd;
		margin-bottom: 1.5em;
	}
	#menu-gnav li ul li{
		border-bottom: 0;
		margin-bottom: 0;
	}	
	#menu-gnav li a::before{
		display: none;
		content: "";
		margin-right: 0;
	}
	#menu-gnav li a{
		padding: 0.5em 0;
	}
	
	#menu-gnav li a:hover{
		text-decoration: none;
		color: #b2507d;
	}
	#menu-gnav li ul li a:hover::before{ color: #b2507d; }
	
	/* 3 :: headding 
	------------------------------------------ */
	.pageTtl{ margin-bottom: 3em; }
	.pageTtl h2{
		text-align: center;
		font-size: 2.4em;
	}
	
	/* 4 :: contents
	------------------------------------------ */

	ul.archive li{ padding: 0.5em 0; }

	ul.archive li p{
		float: left;
		margin: 0;
	}
	ul.archive li p.entryDate{ width: 15%; }
	ul.archive li p.entryTitle{ width: 85%; }
	
	ul.archive li p.entryDate::before{
		display:inline-block;
		content: "●";
		color: #c782a1;
		width: 1em;
		margin-right: 3px;
	}
	ul.archive li.thumbContainer p.entryDate::before{
		display: none;
		content: "";
	}

	ul.archive li.thumbContainer{
		width: 30%;
		float: left;
		margin: 0 5% 5% 0;
		border: 0;
	}
	ul.archive li.thumbContainer:nth-child(3n){ margin-right: 0; }
	
	ul.archive li.thumbContainer .thumbnail,
	ul.archive li.thumbContainer .entryMeta,
	ul.archive li.thumbContainer p{
		float: none;
		width: 100%;
	}
	ul.archive li.thumbContainer .thumbnail{ margin-bottom: 10px; }
	
	ul.archive li.thumbContainer a .thumbnail{
		opacity: 1;
		-webkit-transition: 0s;
		transition: 0s;
	}	
	ul.archive li.thumbContainer a:hover .thumbnail{
		opacity: .3;
		-webkit-transition: 1s;
		transition: 1s;
	}

	/* 7 :: footer
	------------------------------------------ */
	.copyright { font-size: 100%; }

	.footerTel ul{
		padding: 20px 0;
		text-align: center;
		}
	.footerTel ul li{
		display: inline-block;
		padding: 0;
		margin: 0 1em;
	}
}

@media print, screen and (min-width: 1366px) {
	/* 1 :: Basic structure 
	------------------------------------------ */
	#content { width: 1000px; }
	#home #content { width: 100%; }
}