/*  Typo----------------------------------------------- */
body a:link{ text-decoration: none; color:#93c;} 
body a:visited{ text-decoration: none; color:#93c;} 
body a:active { text-decoration: underline; color:#93c;} 
body a:hover { text-decoration: underline; color:#93c;} 

h1 { font:bold 18px/140% "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
text-shadow: 2px 1px #f0f0f0; }
h2 { font:bold 18px/140% "ヒラギノ明朝 ProN W6",overflow-y: scroll;
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
text-shadow: 2px 2px #f1f1f1; }
h3 { font:bold 13px/140% "メイリオ",ヒラギノ角ゴPro W3, century; } 

 p { font: 13px/140% "メイリオ",ヒラギノ角ゴPro W3, century,sans-serif;} 
#viewer {
    margin: 0 auto;
    width: 980px;
    height: 300px;
    text-align: left;
    overflow: hidden;
      position:relative;
   
}

#viewer img {
    top: 0;
    left: 0;
    position: absolute;
}


 /*  Layout----------------------------------------------- */
body {    background: #ffffff url() no-repeat top left;    padding:35px 0 0 0;    margin:0;    font: 11px/140% メイリオ, Geneva, Arial, Helvetica, sans-serif;}
 #container{ margin:0 auto;  max-width:980px; background:white; position:relative;}

#header{
    padding:10px;
    position:relative;
}

#header h1{}
#header a

#header a:hover { text-decoration:none;  }

#logo{float: left; width:33%; height:90px; background-image: url(https://u.jimcdn.com/cms/o/sa696334779cdb937/userlayout/img/logo2023.jpg?t=1688099125); background-size: 90%; background-repeat: no-repeat; background-position: left 0px;}
#logo a { display:block;width: 100%; height: 90px; text-indent: -9999px; z-index: 1;}

#navigation {
        display: inline;
        float: left;
        width: 67%;
        margin: 10px 0 20px 0;
        position:absolute;
        top:30px;
        left:34%;
        z-index: 1;
        }

#wrap {
        clear: both;
        max-width: 980px;
        margin-left: 5px;
        position: relative;
}
#sidebar {float: left;
        width: 24%;
        padding-top: 10px;}

.side {width:100%;}

 #content{float:right;width:65%;padding:1%;}

 li {padding: 3px;   border-top: 1px dotted #119 ; } 
.j-text ul li { border-top: 1px dotted #777; } 
.j-text ul li:first-child {border-top:none;} 
.j-text ul {list-style-image: url(https://u.jimcdn.com/cms/o/sa696334779cdb937/userlayout/img/icon-arrow04-i01.gif?t=1422331527);}
.j-text ul li a:link, .j-text ul li a:visited {
	color: #000;}
.j-text ul li a:hover, .j-text ul li a:active, .j-text ul li a:focus {
	color: #93c;}

 

 /*  Navigation----------------------------------------------- */
ul.mainNav1,ul.mainNav2{margin:0; padding: 0; border-top:none;}
#navigation ul.mainNav1 li {
        display: inline;
        margin:0;      
        padding:10px 3px 10px 0; border-top:none;}
#navigation ul.mainNav2 {display: none;}



ul.mainNav1 li a,ul.mainNav2 li a{
 font-size:1.6em;
  text-decoration: none;
 display:inline; color:#333; border-top:none; letter-spacing: 1px;
}
 ul.mainNav1 li a { padding:4px 4px 4px 10px; border-top:none; } 
ul.mainNav1 li a:hover, ul.mainNav1 li a:active, ul.mainNav1 li a:focus {
	color: #93c; background:none;}


ul.mainNav2 li a { padding:4px 4px 4px 14px; } 
ul.mainNav3 li a { padding:4px 4px 4px 24px; }

ul.mainNav1 a:hover{ background:#333;color:white}
ul.mainNav1 a.current { font-weight:bold; }

#side {float: left; width: 100%;}
#side ul.mainNav1 li,
#side ul.mainNav2 li{display:block; margin: 0; padding: 0;}
#side ul.mainNav1 li .level_1 {display: none;}

.j-imageSubtitle {width:100%;}
.j-imageSubtitle img {width:100% !important;}
.j-textWithImage .cc-m-image-align-1 img {width:100% !important; margin:0 auto!important;}
@media screen and (max-width:414px){.j-textWithImage .cc-m-image-align-1 img{margin-left:4px!important;}}
.j-textWithImage .cc-imagewrapper {text-align: center!important;}
.cc-m-image-align-3,.cc-m-image-align-3 img {width:95% !important;}

ul {margin: 0001em; padding: 0;}

.post,.blogselection h1 {font:bold メイリオ, ヒラギノ角ゴPro W3, century, sans-serif; 15px/100%  margin:0 0 10px 0; padding:4px 15px; border-width:0 0 0 5px; 
border-color: #ddd ; border-style:solid; background:#ffffff; color:#993399;} 

.post,.blogselection h1 a {color:#993399 !important;} 
.post,.blogselection h1 a:hover {color:#993399 !important;} 
.post,.blogselection h1 a:visited {color:#993399 !important;}




.j-header h1 {padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #f5f5f5;/*背景色*/
  border-left: solid 5px #9400d3;/*左線（実線 太さ 色）*/"ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif; }  "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif; } 

.j-header h2 {padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #f5f5f5;/*背景色*/
  border-left: solid 5px #9400d3;/*左線（実線 太さ 色）*/"ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif; } 

.j-header h3 {padding-left:15px;}
.j-text ul li a{text-decoration:none; }
li.cc-FloatingButtonBarContainer-button-scroll{border-top:none !important; }



/*  お知らせ欄  */
.newstitle{
text-align:center;
color: hsl(259, 68%, 28%); 
font-size: 1.4em;
font-weight: bold;}

.news{
float:left;
overflow-y: scroll;
width:95%;
height:140px;
line-height:0.98rem;
border-width: 1px;
border-style: solid;
border-color: #ccc;
margin: 0 5px 5px 0;
padding:5px;}

/*  サイトマップ  */
ul.sitemap li a {background: url(https://u.jimcdn.com/cms/o/sa696334779cdb937/userlayout/img/11.gif?t=1432863913) no-repeat left center!important; 
padding-left:1.5em!important; line-height: 2.5em!important;}

/*  ブログカテゴリ  */
ul.blogcategory li a { line-height: 2.5em!important;
font-size:1.2rem!important;}



/*  横幅910px以下の場合  */
@media screen and (max-width:910px){
#logo{width:30%; }
#logo a {}
#navigation {
        width: 70%;
        margin:0;
        position:absolute;
        top:25px;
        left:27%;
        z-index: 1;
        }
ul.mainNav1 li a,ul.mainNav2 li a{
 font-size:1.4em;}
}
/*  横幅736px以下の場合  */
@media screen and (max-width:736px){
ul.mainNav1 li a,ul.mainNav2 li a{
 font-size:1.3em;}
.newstitle{font-size: 1.2em;}
}

/*  横幅667px以下の場合  */
@media screen and (max-width:667px){
#navigation { width:100%; margin: 0; position: absolute;
    top: 10px;
    left: 0;
        z-index: 1; text-align:center;
        }
#logo{float: left; width:35%; height:53px; background-image: url(https://u.jimcdn.com/cms/o/sa696334779cdb937/userlayout/img/logo2023.jpg?t=1688099125); background-size: 100%; background-repeat: no-repeat; background-position: left center; margin:-56px 0 50px 10px;}
#logo a { display:block;width: 100%; height: 53px; text-indent: -9999px; z-index: 1;}

ul.mainNav1 li a,ul.mainNav2 li a{ font-size:1.4em;}
#mainNav1 li {padding:10px 0; background-color:#eee; border:solid 1px #fff;}
#mainNav1 li:first-child {display:none!important; background-color:#fff!important;}
#mainNav1 li:nth-child(2) { background-color:#fff!important;}
#wrap {clear: both;
        width: 100%;
        margin: 0;}
#sidebar {display:none; }
#content{float:right; width:95%; margin:0 auto;}
.news {width:100%;}

}
/*  横幅414px以下の場合  */
@media screen and (max-width:414px){
#logo{float: left; width:45%; height:53px; background-image: url(https://u.jimcdn.com/cms/o/sa696334779cdb937/userlayout/img/logo2023.jpg?t=1688099125); background-size: 100%; background-repeat: no-repeat; background-position: left center; margin:-56px 0 50px 10px;}
#logo a { display:block;width: 100%; height: 53px; text-indent: -9999px; z-index: 1;}
.cc-m-hgrid-column {width:48%!important; margin-bottom:5px;}
.last {float:left!important;}
.cc-m-image-align-1 {width:97%!important;}
.j-text ul li { padding:10px 3px;} 
}

/*  横幅240px以下の場合  */
@media screen and (max-width:240px){
ul.mainNav1 li a,ul.mainNav2 li a{ font-size:1.0em;}
}

/** footer
===================================*/
#footer{ clear:both; width:90%; margin-top:10px; background:url(https://u.jimcdn.com/cms/o/sa696334779cdb937/userlayout/img/footer350.jpg?t=1430624951) repeat-x top; padding:5%;}
#footer .gutter { width:100%; padding:0 0 10px 0; text-align:center;} 
.footerlink1,.footerlink2,.footerlink3,.footerlink4{float:left; width:22%; margin:5px;border:solid 1px #6b22bb; border-radius:6px; padding:10px 5px; text-align:center;}
div.footerlink1 p,div.footerlink2 p,div.footerlink3 p,div.footerlink4 p {vertical-align: middle;margin: 0; text-align:center;}
.footerlink1 img,.footerlink2 img,.footerlink3 img,.footerlink4 img{ margin:0 auto;}
.copyright{text-align:center; padding:10px;}
.footerline{
	text-align: center; display:flex; justify-content:center;
	width:100%; padding:20px 0; clear: both; 
}
.footermenu{
	background:url(https://u.jimcdn.com/cms/o/sa696334779cdb937/userlayout/img/arrow068-07.gif?t=1430182482) no-repeat left;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.footerlink1 a:link,.footerlink1 a:visited,
.footerlink2 a:link,.footerlink2 a:visited,
.footerlink3 a:link,.footerlink3 a:visited,
.footerlink4 a:link,.footerlink4 a:visited,
.footermenu a:link,.footermenu a:visited {color: #000;}
.footerlink1 a:hover,.footerlink1 a:active,
.footerlink2 a:hover,.footerlink2 a:active,
.footerlink3 a:hover,.footerlink3 a:active,
.footerlink4 a:hover,.footerlink4 a:active,
.footermenu a:hover,.footermenu a:active {color: #93c;}
/*  横幅560px以下の場合  */
@media screen and (max-width:560px){
.footerlink1,.footerlink2,.footerlink3,.footerlink4{float:left; width:43%;}
div.footerlink1 p,div.footerlink2 p,div.footerlink3 p,div.footerlink4 p {display: inline;}
.footerline {flex-direction: column;}
.footermenu{width:100%;padding:15px 5px 15px 20px;text-align:left; }
}



/** トップと下層でヘッダーを変える
===================================*/


/** スライドショー
===================================*/
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 30px;
	padding: 0;
        width: 100% !important;
	*zoom: 1;
}

.bx-wrapper img {
	width: 100%;
	display: block;
}

/** THEME
===================================*/
.bx-wrapper,
.bx-wrapper .bx-viewport {
-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border:  none !important;
	left: -5px;
	background: transparent !important;
z-index: 0;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}


/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}
/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: none !important;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: none !important;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;}
.bx-wrapper li {border-top:none !important;}




/*
    Mobile Menu Core Style スマホのハンバーガーメニュー
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; z-index:100; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(47, 30, 13, 0.25); -moz-box-shadow: 0 1px 0 rgba(47, 30, 13, 0.25); box-shadow: 0 1px 0 rgba(47, 30, 13, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_brand { float:left }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size:16px;
    box-sizing:border-box;
}
.slicknav_menu * {
  box-sizing:border-box;
}
/* Button */
.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration:none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    background-color: #fff; border:solid 1px #6b22bb;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #000;
    font-weight: bold;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #000;
}
.slicknav_menu {
    background:#fff;
    padding:5px;
}
.slicknav_nav {
    color:#93c;
    margin:0;
    padding:0;
    font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a{
    padding:5px 10px;
    margin:2px 5px;
    text-decoration:none;
    color:#fff;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#fff;
}
.slicknav_nav a:hover{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#fff;
    color:#222;
}
.slicknav_nav .slicknav_txtnode {
    margin-left:15px;   
}
.slicknav_brand {
	color:#fff;
	font-size: 18px;
	line-height:30px;
	padding:7px 12px;
	height:44px;
}


.slicknav_menu {
	display:none;
}
/*Media Queries*/
@media screen and (max-width: 667px) {
	.js .slicknav_menu {
		display:block;
	}
}


/*  リンク付画像マウスオーバー時透明度変更
 （独自レイアウトで設置用）
----------------------------------------------- */
a:hover img
 {
     filter:alpha(opacity=70);  /* IE7以下用 */
     -ms-filter: "alpha(opacity=70)"; /* IE8用 */
     -moz-opacity:0.7; /* Firefox 1.5未満, Netscape用 */
     -khtml-opacity: 0.7;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
     opacity: 0.7; /* Firefox 1.5以上, Opera, Safari用 */
     }
@media screen and (min-width: 668px) {
.only_sp{display:none;}
}
.j-nav-variant-breadcrumb ol {list-style: none;}