@charset "utf-8";

/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
	overflow: hidden;
}
* html .clearfix {
	height: 1px;/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.both {
	clear: both;
}
.inline_block {
	display: inline-block;
 *display: inline;
 *zoom: 1;
}
/* よく使うCSS start  */

img {
	max-width: 100%;
}
table {
	width: 100%;
}
a, a:hover {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}
a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
/*  よく使うCSS end -----*/


/*  Typo
----------------------------------------------- */
body {
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	color: #595544;
}
a:link, a:visited {
	text-decoration: underline;
	color: #43B6C4;
}
a:active {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	color: #a2d7dd;
}
h1, h2, h3, h4 {
font-family: 
　"メイリオ", 
　"Meiryo", 
　"ヒラギノ角ゴ ProN W3",
  "Hiragino Kaku Gothic ProN",
　"ＭＳ Ｐゴシック", 
　"MS P Gothic", 
　Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
/*  Layout
----------------------------------------------- */

.row {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	width: 1000px;
}

#container {
	margin: 0 auto;
	background: white;
}
#header {
	padding: 17px;
　　hight:80px;
	overflow: hidden;
}
#header h1 {
	float: left;
}
#header a:hover {
	text-decoration: none;
}
#sidenav {
	float: left;
	width: 270px;
	margin-top: 30px;
	margin-bottom: 30px;
}
#content {
	float: right;
	width: 690px;
	margin-top: 30px;
	margin-bottom: 50px;
}
#sidebar {
	padding-top: 10px;
}
#footer {
	clear: both;
	margin-top: 10px;
	background: #f0d24f url(https://u.jimcdn.com/cms/o/sc19e5c7b43eb1b40/userlayout/img/footer-bg01.png?t=1417488282) repeat;
}
#footer .footer_col {
	float: left;
	margin: 10px;
}
#footer .gutter {
	clear: both;
	background: #595544 url(https://u.jimcdn.com/cms/o/sc19e5c7b43eb1b40/userlayout/img/footer-bg02.png?t=1417488289) repeat;
	padding: 10px 0;
	overflow: hidden;
}


/*  Navigation
----------------------------------------------- */
.cc-page-index #breadcrumb {
	display: none;
}
#breadcrumb {
        margin:0 0 10px;
		float:right;
}
#breadcrumb:after {
        content: "";
        display: block;
        clear: both;
}
#breadcrumb ol {
        margin: 0;
        padding: 0;
        list-style-type: none;
}
#breadcrumb ol li {
        float: left;
        margin: 0 8px 0 0;
}
#breadcrumb ol li a {
        padding: 0 20px 0 0;
        background: url(https://u.jimcdn.com/cms/o/sc19e5c7b43eb1b40/userlayout/img/arrow-breadcrumbs.png?t=1417488484) center right no-repeat;
}
#breadcrumb ol li a.cc-nav-current {
        text-decoration: none;
        color:#666;
        background: none;
}
#content_area {
	clear: both;
}
/*------------------------------------*/

.headNav {
	float: right;
}
ul.mainNav1 {
 background:;
}
/*一部表示、全表示どちらにも適用するCSS*/
#sidenav ul {
	margin: 0;
	padding: 0;
}
#sidenav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidenav ul li a {
	display: block;
	padding: 10px;
	border-bottom: 1px solid #ededed;
	font-size: 13px;
	line-height: 1.2rem;
	text-decoration: none;
	color: #43B6C4;
	background: #f7f5f1;
}
#sidenav ul li a:hover {
	color: #a2d7dd;
	background: #ffe97d;
}
#sidenav ul li ul {
	margin: 0;
	padding: 0;
	border: none;
}
#sidenav ul li ul li a {
	display: block;
	padding: 10px 10px 10px 15px;
}
#sidenav ul li ul li a:before {
	/*階層を表すため、ページ名の前に表示する横線*/
	content: "- ";
	line-height: 0;
	color: #a0a0a0;
}
#sidenav ul li ul li ul li a {
	padding: 10px 10px 10px 25px;
}
#sidenav ul li a.current, #sidenav ul li a.cc-nav-current {
 　/*表示中のページ名にのみ適用*/
 background: #f5f5f5;
}
/*一部表示したときのみ使用*/
#sidenav ul.mainNav1 li {
	font-size: 1px
}
#sidenav ul.mainNav1 li a.level_1 {
	display: none
}
/*全表示したときのみ使用*/
#sidenav ul.cc-nav-level-0 {
	margin: 0 0 25px;
}
/*-----------------------------------------------
---#content--------------------------------------
----------------------------------------------  */
#content h1 {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 30px;
	color: #e8ca4b;
	font-weight: normal;
}
#content .blogselection h2 {  
  margin-top: 2px;
  padding: 2px;
  color: yellow;
  font-size: 14px;
}
#content .blogselection div.datatime {
  margin: 1px;
  padding: 1px;
}
#content h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: .8em .9em;
  font-size: 24px;
  color: #595544;
  background: url(https://u.jimcdn.com/cms/o/sc19e5c7b43eb1b40/userlayout/img/ttl-bg01.png?t=1417488325) repeat-x bottom;
  position: relative;
  background: #FFCC80;
  box-shadow: 0 0 0 0.35rem #FFCC80;
  border: dashed 2px #FFF;
  padding: 0.2em 0.5em;
  color: #000;
}

#content h2:after {
  position: absolute;
  content: '';
  left: -0.5rem;
  top: -0.5rem;
  border-width: 0 0 1rem 1rem;
  border-style: solid;
  border-color: #fff #fff #FFB74D;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.15);
}

#content h3 {
  padding: 0.2rem 0.5rem;
  background-color: #FFF9C4;
  border-left: 2px dotted rgba(0, 0, 0, 0.1);/*左のギザギザ*/
  border-right: 2px dotted rgba(0, 0, 0, 0.1);/*右のギザギザ*/
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

#content ul li {
	list-style-type: circle;
	margin-left: 1em;
}

#content p {
	font-size: 1.2rem;
}


/*-----------------------------------------------
---各ページ--------------------------------------
----------------------------------------------  */

.frontImg {
	max-height: 300px;
	overflow: hidden;
	background: #bce2e8 url(https://u.jimcdn.com/cms/o/sc19e5c7b43eb1b40/userlayout/img/front-bg01.png?t=1417488299) repeat;
}
.frontImg img {
	text-align: center;
	margin: auto;
}
/*-----------------------------------------------
---ブログページ--------------------------------------
----------------------------------------------  */

.j-blogarticle {
	border: 1px #ccc solid;
	margin-bottom: 20px;
}
.j-text {
	margin-left:20px;
	ma 20px;
}

.datetime {
	zoom: 1;
	height: 100% !important;
	padding: 0 !important;
	margin: 10px 10px 0 10px !important;
}
.datetime:after {
	content: "";
	clear: both;
	display: block;
}
.datetime-inner {
	float: left;
	height: 100% !important;
	padding: 8px !important;
	margin: 0 !important;
	border-radius: 5px;
	font-size: smaller !important;
	font-weight: normal !important;
	background: #43B6C4 !important;
	color: #fff !important;
}
.datetime-inner p {
	margin: 0 !important;
	padding: 0 !important;
	text-shadow: none !important;
	line-height: 1em !important;
}
.day-word, .day, .mon {
	float: right;
	text-align: center;
}
.day-word:before {
	content: "（";
}
.day-word:after {
	content: "）";
}
/*------jimdo仕様変更の為消去
.day:after {
	content: "日";
}
.yr:after {
	content: "年";
-------*/
}
.yr {
	float: left;
}

/*----アーカイブ-------------------------------------------*/

.blogselection h1 {
	margin: 10px 0 5px !important;
	padding: 0 20px 10px !important;
	background: none !important;
	border-top: none !important;
	border-right: none !important;
	border-bottom: 1px dashed #aaaaaa !important;
	border-left: none !important;
	font-weight: normal !important;
}
.blogselection h1 a {
	text-decoration:none !important;
}
.blogselection h1 a:hover {
	font-weight: bold !important;
}
.j-blogarticle .j-text,
.j-blogarticle .j-textWithImage,
.j-blogarticle .j-imageSubtitle
{
	padding: 5px 10px !important;
}
span.comment,
.blogreadmore {
	float: right;
	margin-right: 10px;
}

.pager_navi {
	margin: 0 0 20px;
	text-align: center;
}

/*----個別ページ-------------------------------------------*/

.post {
	margin: 0 0 20px !important;
	padding: 0 0 5px !important;
	border-bottom: 1px dashed #aaaaaa !important;
}
.post .datetime {
	margin: 0 !important;
}
.post h1 {
	margin: 10px 0 5px !important;
	padding: 0 0 10px !important;
	background: none !important;
	border-top: none !important;
	border-right: none !important;
	border-left: none !important;
	font-weight: normal !important;
	border-bottom: 1px solid #999999 !important;
}
.post h1 a {
	text-decoration: none !important;
}
.post .postmeta {
	font-size: smaller !important;
	color: #999999;
}
.post .datetime-inner {
	background: #555555;
}
.post .datetime-inner p {
	color: #ffffff !important;
}
/*----RSS feed-------------------------------------------*/
.rssFeed {
	border: 1px solid #aaaaaa !important;
	padding: 0 20px;
}
.j-rss-feed-title {
	display: block;
	margin: 0 0 5px !important;
	padding: 10px 20px !important;
	background: none !important;
	border-top: 1px dashed #aaaaaa !important;
	border-right: none !important;
	border-bottom: 1px dashed #aaaaaa !important;
	border-left: none !important;
	font-weight: normal !important;
	color: #43B6C4;
}