/*汎用クラス（Jimdo機能側での余白など調整用）*/
.text-12 {font-size:12px !important;}
.text-14 {font-size:14px !important;}

.t-margin4 {margin-top:4px;}
.t-margin5 {margin-top:5px;}

.b-margin10 {margin-bottom:10px;}
.b-margin15 {margin-bottom:15px;}
.b-margin20 {margin-bottom:20px;}

/*clearfix*/
.clearfix:after { content: "";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}

/*  Layout
----------------------------------------------- */
img {
	max-width:100% !important;
	height:auto !important;
	margin:0;
	padding:0;
	border:none;
	vertical-align:top;
}

figure {
	max-width:100% !important;
	height:auto;
}

figure img {
	max-width:100% !important;
	height:auto !important;
	margin:0;
	padding:0;
	border:none;
}

/*--カラム部分など--*/
@media screen and (max-width:800px) {
	.cc-m-hgrid-column figure,
	.cc-m-hgrid-column figure img {
		max-width:none !important;
		width:100%;
	}
}

@media screen and (max-width:640px) {
	.cc-m-hgrid-column {
		width:45% !important;
	}
	
	.cc-m-hgrid-column.last {
		float:left !important;
	}
}

@media screen and (max-width:480px) {
	.cc-m-hgrid-column {
		width:100% !important;
		float:none !important;
	}
}

a img {
	background-color:transparent;
}

a:hover img {
	filter:alpha(opacity=65);
	opacity:0.65;
}

body {
    background:#F5F4EB;
    padding:0;
    margin:0;
	min-width:970px;
}

@media screen and (max-width:800px) {
	body {
		min-width:inherit;
		overflow-x:hidden;
	}
}

#wrapper {
	width:970px;
	margin:0 auto;
	padding:0;
	background:url(https://u.jimcdn.com/cms/o/s68182963e9df94db/userlayout/img/sub-bg.png?t=1405134081) no-repeat #FFF;
}

#page-913815872 #wrapper {
	width:970px;
	margin:0 auto;
	padding:0;
	background:url(https://u.jimcdn.com/cms/o/s68182963e9df94db/userlayout/img/top-bg.png?t=1405134101) no-repeat #FFF;
}

.cc-pagemode-notfound #wrapper,
.cc-pagemode-overlay #wrapper {
	width:970px;
	margin:0 auto;
	padding:0;
	background:url(https://u.jimcdn.com/cms/o/s68182963e9df94db/userlayout/img/sub-bg.png?t=1405134081) no-repeat #FFF !important;
}

@media screen and (max-width:800px) {
	#wrapper {
		width:100% !important;
		background-image:none !important;
	}
}

/*--ヘッダ--*/
#header {
	width:930px;
	height:65px;
	margin:0 auto;
	padding:0;
}

#header #header-left {
	width:297px;
	margin:0;
	padding:0;
	float:left;
}

#header-left h1 {
	margin:0;
	padding:0;
}

#header-left h1 a:hover img {
	filter:alpha(opacity=100);
	opacity:1.00;
}

#header #head-contact {
	width:322px;
	margin:0;
	padding:14px 0px 0px 0px;
	float:right;
}

#header #head-contact ul {
	margin:0;
	padding:0;
}

#header #head-contact li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

@media screen and (max-width:800px) {
	#header {
		width:100%;
	}
	
	#header #header-left {
		margin:0 auto;
		float:none;
	}
	
	#header #head-contact {
		display:none;
	}
}
/*--ヘッダここまで--*/

/*--全体のラッピング--*/
#container {
	width:940px;
	margin:0 auto;
	padding:22px 0px 25px 0px;
	text-align:left;
}

#page-913815872 #container {
	width:940px;
	margin:0 auto;
	padding:22px 0px 35px 0px;
	text-align:left;
}

.cc-pagemode-notfound #container,
.cc-pagemode-overlay #container {
	width:940px;
	margin:0 auto;
	padding:22px 0px 25px 0px;
	text-align:left;
}

@media screen and (max-width:800px) {
	#page-913815872 #container,
	#container {
		padding-top:0px;
		width:97%;
	}
}

/*--メインイメージ--*/
#main-img {
	display:none;
}

#page-913815872 #main-img {
	width:670px;
	margin:0 auto;
	padding:0px 0px 22px 0px;
	display:block;
}

#main-img h2 {
	margin:0 !important;
	padding:0 !important;
}

.cc-pagemode-notfound #main-img,
.cc-pagemode-overlay #main-img {
	display:none !important;
}

#sub-main {
	width:670px;
	margin:0 auto;
	padding:0;
	display:block;
	position:relative;
	z-index:1;
}

#sub-main h2 {
	margin:0 !important;
	padding:0 !important;
}

#page-913815872 #sub-main {
	display:none;
}

.cc-pagemode-notfound #sub-main,
.cc-pagemode-overlay #sub-main {
	width:670px;
	margin:0 auto;
	padding:0;
	display:block !important;
}

#mob-main,
#header-switch,
#mob-tel {
	display:none;
}

@media screen and (max-width:800px) {
	#main-img,
	#page-913815872 #main-img,
	.cc-pagemode-notfound #main-img,
	.cc-pagemode-overlay #main-img,
	#sub-main,
	#page-913815872 #sub-main,
	.cc-pagemode-notfound #sub-main,
	.cc-pagemode-overlay #sub-main {
		display:none !important;
	}
	
	#page-913815872 #mob-main {
		width:100%;
		margin:0 auto;
		padding:0;
		display:block;
	}

	#mob-main h2 {
		margin:0 !important;
		padding:0 !important;
	}
	
	#mob-main h2 img {
		width:100%;
		max-width:none !important;
	}
	
	#header-switch {
		width:100%;
		margin:0;
		padding:0;
		text-align:center;
		display:block;
	}
	
	#header-switch a {
		width:100%;
		margin:0;
		padding:10px 0px 10px 0px;
		font-size:14px;
		font-weight:bold;
		color:#333;
		line-height:42px;
		background:#FC0;
		display:block;
		text-decoration:none;
	}
	
	#header-switch a:hover {
		opacity:0.7;
	}
	
	#header-switch a img {
		margin:0 auto;
	}
	
	#mob-tel {
		width:100%;
		margin:0;
		padding:10px 0px 15px 0px;
		text-align:center;
		display:block;
	}
	
	#mob-tel img {
		display:inline-block !important;
	}

}

/*--パンくず部--*/
#breadcrumb {
	width:auto;
	margin:0;
	padding:17px 0px 10px 5px;
	display:block;
	position:relative;
	z-index:2;
}

#page-913815872 #breadcrumb {
	display:none;
}

.cc-pagemode-notfound #breadcrumb,
.cc-pagemode-overlay #breadcrumb {
	width:auto;
	margin:0;
	padding:17px 0px 10px 5px;
	display:block !important;
}

#breadcrumb a.home-link {
	width:auto;
	padding: 0 15px 0 0;
	color:#999;
	background: url(https://u.jimcdn.com/cms/o/s68182963e9df94db/userlayout/img/bc-arrow.png?t=1405134032) center right no-repeat;
	font-size:11px;
	float:left;
}

#breadcrumb ol {
        margin: 0;
        padding: 0;
        list-style-type: none;
}
#breadcrumb ol li {
        float: left;
        margin: 0;
		font-size:11px;
		color:#999;
}
#breadcrumb ol li a {
        padding: 0 15px 0 0;
		color:#999;
        background: url(https://u.jimcdn.com/cms/o/s68182963e9df94db/userlayout/img/bc-arrow.png?t=1405134032) center right no-repeat;
		font-size:11px;
}
#breadcrumb ol li a.cc-nav-current {
        text-decoration: none;
        color:#999;
        background: none;
}

@media screen and (max-width:800px) {
	#breadcrumb {
		display:none;
	}
}

/*--サイドバー--*/
.navigation {
    float:left;
    width:230px;
	margin:0 auto;
    padding:10px 5px 10px 5px;
	background:#FFF;
}

.navigation #side-bnrs {
	width:220px;
	margin:0 auto;
	padding:0px 0px 7px 0px;
}

.navigation #sidebar {
	width:230px;
	margin:0;
    padding:0;
}

.navigation #sidebar p {
	font-size:14px;
}

#sidebar p.day {
	font-size:18px !important;
}

#sidebar p.mon {
	font-size:11px !important;
}

#sidebar .j-blogarticle h1 {
	font-size:14px !important;
	padding:5px 0px 0px 5px !important;
}

#sidebar .j-blogarticle .j-text p {
	padding-left:5px !important;
}

#sidebar .blogreadmore,
#sidebar .comment {
	display:none;
}

/*--サイドバーここまで--*/

#content {
	float:right;
	width:680px;
	margin:0;
	padding:0;
	text-align:left;
}

@media screen and (max-width:800px) {
	#content {
		width:100% !important;
		box-sizing:border-box !important;
		float:none !important;
	}
	
	.navigation {
		box-sizing:border-box;
		position:fixed;
		overflow:auto;
		overflow-x:hidden;
		float:none;
		background-color:rgba(255,255,255,1);
		border-right:1px solid #CCC;
		z-index:100;
	}
	
	.navigation.left {
		top:0;
		left:0;
		bottom:0;
	}
}

/*--見出し--*/
#content h1 {
	width:auto;
	background:url(https://u.jimcdn.com/cms/o/s68182963e9df94db/userlayout/img/h1-bg.png?t=1405134036) bottom repeat-x #FFF;
	font-size:19px !important;
	font-weight:bold !important;
	color:#333 !important;
	line-height:100% !important;
	padding:14px 10px 14px 20px;
	margin:0px 0px 5px 0px;
	border-top:3px solid #FC0;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	border-bottom:2px solid #EEE;
}

#content h1.post-title {
	width:auto;
	background:none;
	font-size:16px !important;
	font-weight:bold !important;
	color:#333 !important;
	line-height:100% !important;
	padding:16px 4px 16px 4px;
	border-left:none;
	border-bottom:2px solid #666;
	margin:0px 0px 3px 0px;
}

#content .j-blogarticle h1 {
	margin-top:5px;
	padding:10px 15px 10px 10px;
	background:none;
	background-color:#FFF;
	border-left:5px solid #FC0;
	border-top:none;
	border-right:none;
	border-bottom:none;
}

#content .j-blogarticle h1 a,
#content h1.post-title a {
	color:#333 !important;
	text-decoration:none;
}

#content .j-blogarticle h1 a:hover {
	text-decoration:underline;
}

#content h2 {
	width:auto;
	background:#FC0;
	font-size:16px !important;
	font-weight:bold !important;
	color:#333 !important;
	line-height:100% !important;
	padding:12px 15px 12px 15px;
	margin:0px 0px 5px 0px;
}

#content h3 {
	width:auto;
	background:none;
	font-size:16px !important;
	font-weight:bold !important;
	color:#333 !important;
	line-height:100% !important;
	padding:5px 10px 5px 11px;
	margin:0px 0px 5px 0px;
	border-left:6px solid #FC0;
}

#content .datetime {
	margin-top:5px;
}

/*--見出しここまで--*/

/*--フッタ--*/
#footer {
	width:970px;
	height:auto;
    clear:both;
	margin:0 auto;
	padding:0;
}

#footer-upper {
	margin:0;
	padding:15px 0px 15px 0px;
	background:#333;
	text-align:center;
	color:#CCC;
	font-size:11px;
	line-height:100%;
	border-top:2px solid #FC0;
}

#footer-upper #ft-title a:hover img {
	filter:alpha(opacity=100);
	opacity:1.00;
}

#footer #sys-footer {
	width:930px;
	margin:0 auto;
	padding:12px 0px 12px 0px;
	text-align:left;
	font-size:11px;
	line-height:100%;
	color:#999;
}

#footer #sys-footer a:link,
#footer #sys-footer a:visited {
    text-decoration:underline;
    color:#999 !important;
}
#footer #sys-footer a:active { text-decoration:none; }
#footer #sys-footer a:hover { text-decoration:none; }
#footer #sys-footer a img { background-color:transparent; }

#footer .inforow {
	display:none;
}

@media screen and (max-width:800px) {
	#footer {
		width:100%;
	}
	
	#footer #sys-footer {
		width:96%;
	}
}

/*  Navigation
----------------------------------------------- */

.navigation #s-menu {
	width:218px;
	margin:5px auto 5px auto;
	padding:0;
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;
	border-left:1px solid #DDD;
	background:#DDD;
}

.navigation #s-menu ul {
	margin:0;
	padding:0;
}

.navigation #s-menu ul.mainNav1 {
	width:218px;
    margin:0;
    padding:0;
}

.navigation #s-menu ul.mainNav3 {
	border-bottom:1px solid #DDD;
	padding:5px 0px 0px 0px;
	background:#F5F4EB;
}

.navigation #s-menu ul.mainNav1 li {
	border-bottom:1px solid #DDD;
	background:url(https://u.jimcdn.com/cms/o/s68182963e9df94db/userlayout/img/side-bg01.png?t=1405134054) bottom repeat-x;
}

.navigation #s-menu ul.mainNav2 li {
	border-bottom:none;
}

.navigation #s-menu ul.mainNav3 li {
	border:none;
}

.navigation #s-menu ul.mainNav1 li,
.navigation #s-menu ul.mainNav2 li,
.navigation #s-menu ul.mainNav3 li
{
    margin:0 auto;	
    padding:0;
	list-style:none;
	width:218px;
}

.navigation #s-menu ul.mainNav1 li a {
	width:auto;
	margin:0;
    font-size:14px !important;
	line-height:100% !important;
    text-decoration:none;
	padding:8px 15px 8px 31px;
    color:#333;
	display:block;
	background:url(https://u.jimcdn.com/cms/o/s68182963e9df94db/userlayout/img/side-lm01.png?t=1405134065) no-repeat;
}

.navigation #s-menu ul.mainNav2 li a {
	width:auto;
	margin:0px 0px 1px 0px;
    font-size:12px !important;
	line-height:100% !important;
    text-decoration:none;
	padding:8px 15px 8px 28px;
    color:#333;
	display:block;
	background:url(https://u.jimcdn.com/cms/o/s68182963e9df94db/userlayout/img/side-lm02.png?t=1405134069) no-repeat #F5F4EB;
}

.navigation #s-menu ul.mainNav3 li a {
	width:auto;
	margin:0;
    font-size:12px !important;
	line-height:100% !important;
    text-decoration:none;
	padding:2px 15px 7px 46px;
    color:#333;
	display:block;
	background:url(https://u.jimcdn.com/cms/o/s68182963e9df94db/userlayout/img/side-lm03.png?t=1405134075) 0px 2px no-repeat #F5F4EB;
}

.navigation #s-menu ul.mainNav1 a:hover {
	font-weight:bold;
}

.navigation #s-menu ul.mainNav1 a.current {
	font-weight:bold;
}

/*--ナビゲーションここまで--*/

#content .j-blogarticle .c {
	display:none;
}

/*--Jimdo概要P補正--*/
#imprint h2 {
	background:none;
	height:auto;
}

/*--ウィジェットなどなど用--*/
/*--テーブルブロックの横幅オーバー対策--*/
@media screen and (max-width:680px) {
	.j-table {
		overflow-x:scroll !important;
	}
}