@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:400,500,700');
/* font-family: 'M PLUS Rounded 1c', sans-serif; */

/* ####################################### */
/* 司法書士法人 小山鈴子事務所 */
/* ピンク #f2669f */
/* ####################################### */

/*------------------------初期化------------------------*/
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
/*body {
line-height: 1;
}*/
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

body {
/*max-width: 320px;*/
color: #333;
background-color: #fff;
font-size: 14px;
font-family: 'M PLUS Rounded 1c', sans-serif;
text-align: center;
line-height: 1.6;
-webkit-text-size-adjust: none;
-webkit-touch-callout: none;
background: url(../img/bgfull_privacy@2x.jpg) center top fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}

a,a:link,a:visited {color: #333; text-decoration: none; outline: 0;}
a:active,a:hover {color: #7bb6d3; text-decoration: underline;}
/*::selection {color: #fff; background-color: #333;}*/
/*hr {display: none;} CSS無効時の区切り線*/

/*floatのクリア*/
.clbth:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clbth {display: inline-block;}
/* hide IE-MAC \*/
* html .clbth {height: 1%;}
.clbth {display: block;}
/* end hide IE-MAC */

/* 共有クラス */
.resetfl {clear: both;}
.posLeft {float: left;}
.posRight {float: right;}
.txtLeft {text-align: left;}
.txtRight {text-align: right;}
.txtCenter {text-align: center;}
.txtSmall {font-size: 85%;}
.txtBold {font-weight: bold;}
.txtNormal {font-weight: normal;}
.notice {color: #f00;}
.vmid {vertical-align: middle;}
.noneBR {white-space: nowrap;}
.gothicFont {font-family: 'M PLUS Rounded 1c', sans-serif !important;}
.minchoFont {font-family: "Hiragino Mincho Pro W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝","ＭＳ Ｐ明朝",serif !important;}
/* ++++++++++++++++++++++++++++++ [Start for Windows] +++++++++++++ */
*:first-child+html .txtSmall {font-size: 75%;}
*:first-child+html .gothicFont {font-family: 'M PLUS Rounded 1c', sans-serif !important;}
*:first-child+html .minchoFont {font-family: "ＭＳ 明朝","ＭＳ Ｐ明朝",serif !important;}
* html .txtSmall {font-size: 80%;}
* html .gothicFont {font-family: 'M PLUS Rounded 1c', sans-serif !important;}
* html .minchoFont {font-family: "ＭＳ 明朝","ＭＳ Ｐ明朝",serif !important;}
/* ++++++++++++++++++++++++++++++ [/End for Windows] +++++++++++++ */

.imgover, .mapLink {border: 0; vertical-align: bottom;}

/* Google Fonts
.enTypo {font-family: 'Pinyon Script', cursive;}*/
.enTypo {font-family: 'M PLUS Rounded 1c', sans-serif;}

/* All box-sizing */
*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

/* ####################################### */
/* ヘッダー */
/* ロゴ、個別メニュー */
/* ####################################### */
#oyamaHead {
padding: 1em 0;
width: 256px;
background-color: #f2669f;
text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}
#oyamaHead a, #oyamaHead a:link, #oyamaHead a:visited {color: #fff; text-decoration: none; outline: 0;}
#oyamaHead a:active, #oyamaHead a:hover {color: #fff;}

#oyamaLogo {
margin: auto;
width: 216px;
min-height: 90px;
background: transparent url(../img/oyama_back.png) left center no-repeat;
font-size: 100%;
text-align: left;
letter-spacing: 0.1em;
}
#oyamaLogo .enTypo {font-size: 70%; line-height: 1.2em; letter-spacing: normal;}
#oyamaLogo a {
display: block;
width: 100%;
height: 100%;
padding-left: 100px;
}
#oyamaLogo span {display: block;}

/* ####################################### */
/* ブログ レイアウト */
/* ####################################### */
#blogContents {
width: 100%;
max-width: 1024px;
min-height: 500px;
background: transparent url(../img/bg_side.png) left top repeat-y;
background-size: 256px 100px;
}

#blogOyama {
float: right;
margin: -80px 0 0 0;
padding: 0;
}
#blogOyama h1#blogTitle {
position: relative;
margin-right: 1em;
margin-left: auto;
width: 160px;
height: 160px;
padding-top: 60px;
color: #ffffff !important;
background-color: #f2669f;
border-radius: 50%;
}
#blogOyama h1#blogTitle span.enTypo {display: block; font-size: 85%; line-height: 1.2em; letter-spacing: 0.05em;}
#blogOyama h1#blogTitle span#oyamaPhoto {
display: block;
position: absolute;
left: -150px;
top: 40px;
z-index: 50;
width: 160px;
height: 120px;
background: url(../img/blog_portrait.jpg) center top no-repeat;
background-size: 160px 120px;
border: 2px solid #f2669f;
-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);
-o-box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);
-ms-box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);
box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-o-border-radius: 12px;
-ms-border-radius: 12px;
border-radius: 12px;
}

#pastArea {
float: left;
margin: 0;
padding: 4em 0 0 0;
width: 256px;
color: #ffffff !important;
/*background-color: #f2669f;*/
}

#pastArea a, #pastArea a:link, #pastArea a:visited {color: #ffffff; text-decoration: none; outline: 0;}
#pastArea a:active, #pastArea a:hover {color: #ffffff; text-decoration: underline;}

#recentPosts, #backNumber, #listCategory {
margin: 0 auto 1.5em auto;
padding-bottom: 1em;
width: 216px;
text-align: left;
}
#recentPosts h2, #backNumber h2, #listCategory h2 {margin-bottom: 0.5em; text-shadow: 0 1px 0 rgba(0,0,0,0.5);}
#recentPosts h2 span.enTypo, #backNumber h2 span.enTypo, #listCategory h2 span.enTypo {display: block; font-size: 85%; line-height: 1.2em; letter-spacing: 0.05em;}
#recentPosts, #backNumber {border-bottom: 1px dashed #ffffff;}

.recentList, #backNumber ul, #listCategory ul {padding-left: 1em; list-style: disc inside;}
.recentList {border-bottom: 1px solid #df5e93;}
.recentList:last-child {border-bottom: none;}
.recentList header time {font-size: 80%;}

/* ####################################### */
/* 投稿レイアウト */
/* ####################################### */
.postBlog {
margin: 2em 1em;
padding: 2em;
width: 708px;
background-color: #ffffff;
text-align: left;
}
.postBlog header {color: #f2669f;}
.postBlog header time {font-size: 85%;}
.postBlog header h1 {margin-bottom: 1em; font-size: 120%; font-weight: bold;}

.postBlog header h1 a, .postBlog header h1 a:link, .postBlog header h1 a:visited {color: #f2669f; text-decoration: underline; outline: 0;}
.postBlog header h1 a:active, .postBlog header h1 a:hover {color: #333333; text-decoration: none;}
.readMore {margin: 1em 0; font-size: 85%; text-align: right;}
.postCategory {clear: both; margin-top: 2em; padding-top: 1em; font-size: 85%; text-align: right; border-top: 1px solid #dddddd;}

.postPageNavi {margin-top: 2em;}
.prevBtn a, .nextBtn a {
display: block;
font-size: 85%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
.prevBtn a:before {content: "« ";}
.nextBtn a:after {content: " »";}
.prevBtn a {float: left; width: 45%; padding-left: 0.8em;}
.nextBtn a {float: right; width: 45%; text-align: right; padding-right: 0.8em;}
.prevBtn a, .prevBtn a:link, .prevBtn a:visited {color: #ffffff; background-color: #f2669f; text-decoration: none; outline: 0;}
.prevBtn a:active, .prevBtn a:hover {color: #f2669f; background-color: #ffffff; text-decoration: underline;}
.nextBtn a, .nextBtn a:link, .nextBtn a:visited {color: #ffffff; background-color: #f2669f; text-decoration: none; outline: 0;}
.nextBtn a:active, .nextBtn a:hover {color: #f2669f; background-color: #ffffff; text-decoration: underline;}

/* ####################################### */
/* フッター */
/* ####################################### */
footer {
width: 100%;
max-width: 1024px;
font-size: 12px;
font-family: 'verdana', sans-serif;
text-align: left;
background: transparent url(../img/bg_side.png) left top repeat-y;
background-size: 256px 100px;
/*text-transform: capitalize;*/
}
footer a,footer a:link,footer a:visited {color: #ffffff; text-decoration: none; outline: 0;}
footer a:active,footer a:hover {color: #6c9bd2; text-decoration: underline;}

#copyRight {
margin: 0;
padding: 2em;
color: #ffffff;
font-size: 85%;
text-align: right;
}

/* ####################################### */
/* ページナビ */
/* ####################################### */
.wp-pagenavi {clear: both; text-align: center;}

.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
margin: 2px;
padding: 0.25em 0.5em;
border: 1px solid #f2669f;
/*-webkit-border-radius: 1.0em;
-moz-border-radius: 1.0em;
-o-border-radius: 1.0em;
-ms-border-radius: 1.0em;
border-radius: 1.0em;*/
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
color: #ffffff;
background-color: #ffffff;
border-color: #f2669f;
}
.wp-pagenavi span.pages {color: #f2669f; border: none;}
.wp-pagenavi a {color: #f2669f;}
/*.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink {border: none;}*/
.wp-pagenavi span.current {
font-weight: bold;
color: #ffffff;
background-color: #f2669f;
}

/* ####################################### */
/* パンくずリスト */
/* ####################################### */
#breadCrumb {
margin: 0 auto;
width: 100%;
font-size: 12px;
text-align: left;
line-height: 3em;
}
#breadCrumb ul {
position: relative;
margin: 0 auto;
padding: 0;
width: 940px;
}
#breadCrumb ul li {display: inline; padding-top: 0.2em; padding-bottom: 0.2em;}
#breadCrumb a,#breadCrumb a:link,#breadCrumb a:visited {color: #333; text-decoration: underline; outline: 0;}
/*#breadCrumb a:active,#breadCrumb a:hover {color: #333; text-decoration: underline;}*/

li.home {
padding-left: 18px;
background: url(../img/icon_home.png) no-repeat left center;
background-size: 16px 16px;
}

/* ####################################### */
/* トップへ戻る */
/* ####################################### */
#pageTop {
position: absolute;
right: 0;
top: 0;
padding: 13px 26px;
color: #333333;
background: url(../img/icon_pagetop.png) 26px center no-repeat;
background-size: 20px;
text-indent: 26px;
font-size: 100%;
font-weight: bold;
border-left: 2px solid #333333;
}

/* ####################################### */
/* Responsive Tablet Display */
/* ####################################### */
@media screen and (min-width: 768px) and (max-width: 959px) {
#oyamaHead {width: 100%;}
#blogOyama {margin: 0;}
#blogOyama h1#blogTitle {margin: 1em 2em 0 auto;}
#blogContents, footer {background: none;}

#blogOyama {float: none; margin-left: auto; margin-right: auto;}
#pastArea {float: none;}
.postBlog {margin: 2em 0; padding: 2em; width: 100%;}
#pastArea {background-color: #f2669f; width: 100%;}
#recentPosts, #backNumber, #listCategory {float: left; border-bottom: none;}
#recentPosts {margin-left: 30px; margin-right: 15px;}
#backNumber, #listCategory {margin-left: 15px; margin-right: 15px;}

} /* End 768px-959px */

/* ####################################### */
/* Responsive SmartPhone Display */
/* ####################################### */
@media only screen and (max-width: 767px) {
#oyamaHead {width: 100%;}
#blogOyama {margin: 0;}
#blogOyama h1#blogTitle {margin: 1em 2em 0 auto;}
#blogContents, footer {background: none;}

#blogOyama {float: none; margin-left: auto; margin-right: auto;}
#pastArea {float: none;}
.postBlog {margin: 2em 0; padding: 2em; width: 100%;}
#pastArea {background-color: #f2669f; width: 100%;}

} /* End 0px-767px */

/* ####################################### */
/* Ratina Display */
/* ####################################### */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
#oyamaLogo {background: transparent url(../img/oyama_back@2x.png) left center no-repeat; background-size: 90px 90px;}
#blogOyama h1#blogTitle span#oyamaPhoto {background: url(../img/blog_portrait@2x.jpg) center top no-repeat; background-size: 160px 120px;}

} /* End Retina */

/* ####################################### */
/* Default css */
/* ####################################### */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {float: right;}

.alignleft {float: left;}

@media screen and (min-width: 760px) and (max-width: 959px) {
	img.alignright {padding: 0; margin: 0 0 2px 0; display: block;}
	img.alignleft {padding: 0; margin: 0 0 2px 0; display: block;}
	.alignright {float: none;}
	.alignleft {float: none;}
}
@media screen and (max-width: 759px) {
	img.alignright {padding: 0; margin: 0 0 2px 0; display: block;}
	img.alignleft {padding: 0; margin: 0 0 2px 0; display: block;}
	.alignright {float: none;}
	.alignleft {float: none;}
}