@charset "utf-8";

/*---------------------------------
	OVERRIDES
-----------------------------------*/
.cf::after {
    content: "";
    display: table;
    clear: both;
}

body {
	background-image: url(images/backimg.jpg);
	background-repeat: repeat-x;
	background-position: 0 -50px;
	font: 12px/1.5 fot-cezanne-pron,Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 14px;
}

body#toppage {
	background-position: 0 0px;
}

ul.post.toppage li {
	width:300px;
}

ul.post.toppage li img {
	max-width:300px;
}

@media only screen and (min-width:1000px){
.menu-item-97:before {
	content:url(/img/new.gif);
	position: absolute;
    top: 5px;
    right: 20px;
    z-index: 100;
}
.menu-item-1065:before {
	content:url(/img/new.gif);
	position: absolute;
    top: 5px;
    right: 20px;
    z-index: 100;
}
.menu-item-1320:before {
	content:url(/img/new.gif);
	position: absolute;
    top: 5px;
    right: 20px;
    z-index: 100;
}
.menu-item-1435:before {
	content:url(/img/new.gif);
	position: absolute;
    top: 5px;
    right: 20px;
    z-index: 100;
}
}

.bg {
	background: #568614;
}

.noframe {
	border: none!important;
	background-color: #fff!important;
}

dl.news_n {
	padding: 0 15px 15px;
	background: #FFFFFF;
}

dl.news_n dt {
  	/*clear: left;*/
  	float: left;
	color: #536F70;
  	width: 10em;
	font-size: 100%;
	padding: 7px 0 5px 0.8em;
	margin: 0;
}

dl.news_n dd {
	margin-left: 0;
	padding: 7px 0.8em 5px 11em;
	border-bottom: 1px dashed #999999;
}

.lbltitle {
	float: left;
	width: 200px;
	display: inline-block;
	background: #FFCCCC;
	padding: 8px 0!important;
	margin: 0 15px 10px;
	color: #555555;
	font-size: 120%;
	font-weight: bold;
	border-radius: 8px;
	text-align: center;
}

.lblcont {
	margin-left: 230px;
	padding: 0!important;
}

ul.yose {
	margin: 0 0 0 5px!important;
}

ul.narrow {
	margin-bottom: 0!important;
}

ul.narrow li {
	margin-bottom: 0!important;
	padding: 0 0 5px!important;
	background:none!important;
}

.post small {
	color:#FF0000;
	font-size:85%!important;
}

.rotate {
  color:#2f7f99;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
transition: transform 0.1s linear;
}

.gallery1 a {
display: inline-block;
position: relative;
border: 1px solid #ddd;
background: #fff;
padding: 3px;
margin: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.gallery2 img {
display: inline-block;
position: relative;
border: 1px solid #ddd;
background: #fff;
padding: 3px;
margin: 5px 5px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
opacity: 0.7;
}

#sidebar p,
#footer p {
	margin: 0;
}

#sidebar img {
	max-width: 100%;
}

.news p {
	padding: 0;
	margin: 0;
}

h2.title {
clear: both;
margin: 0 0 10px;
padding: 5px 10px;
font-size: 130%;
/*border-left: 8px solid #5d9016;*/
/*border-bottom: 2px solid #5d9016;*/
border-radius: 5px;
background: #f6ffe9;
box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.post h2 {
	position: relative;
	margin: 0 0 20px;
	padding: 7px 10px 7px 25px;
	font-size:160%;
	font-weight: bold;
	border: 1px solid #5d9016;
	color: #FFF;
	background-size: 16px 16px;
	background-color: #1267A3;
	background-image: linear-gradient(
	 -45deg,
	 #568614 25%,
	 #5d9016 25%, #5d9016 50%,
	 #568614 50%, #568614 75%,
	 #5d9016 75%, #5d9016
	 );
	border-radius: 7px;
	vertical-align: top;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.post h2:before {
	display: inline-block;
	content:" ";
	width: 8px;
	height: 24px;
	margin-right:5px;
	margin-top: -12px;
	background: linear-gradient(to bottom, #EEEE7E 0%,#BBDD44 100%);
	position: absolute;
	top: 48%;
	left: 10px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4) inset;
}

.post h3 {
	margin:25px 0 10px;
	padding: 10px 5px 8px 37px;
	font-size:130%;
	font-weight:normal;
	border-bottom: none;
	background-color: #EEEE7E;
	background-image: url(images/h3_mark.png);
	background-repeat: no-repeat;
	background-position: 7px 49%;
	border-radius: 5px;
	vertical-align: top;
	clear: both;
}

.post h4 {
	margin:25px 0 10px 10px;
	padding: 5px 5px 5px 10px;
	font-size:115%;
	font-weight:bold;
	border-bottom: none;
	background-color: #EEEEEE;
	border-radius: 5px;
}

.post h5 {
	font-size: 1.1em;
	margin-left: 20px;
	border-bottom: 1px solid #568614;
}

.post h5:before {
	content: "■";
	color: #568614;
}

.post h6 {
    font-size: 1em;
    margin: 15px 0 -5px 20px;
    color: blue;
}

.post table {
	margin: 10px auto 20px;
	width: 95%;
}

.post table,
.post table th,
.post table td {
	border: 1px #CCCCCC solid;
}

.post table th {
	padding: 10px;
}

.post table.noborder,
.post table.noborder th,
.post table.noborder td {
	border: none;
}

.post table.noborder th {
	padding: 0;
	background: none;
}

.post table img {
	max-width: none;
}

.post p {
	padding: 0 20px 0 20px;
	/*font-size: 120%;*/
}

.post ul,
.post ol{
	padding:0;
	margin:0 0 20px 25px;
}

.post ul li {
	background: url("https://www.msc-corp.co.jp/wp-content/themes/Skeleton-IQdomain/images/bullet.png") no-repeat 0 13px;
}


ul.toppage h3 {
padding-bottom: 8px;
}

ul.breadcrumbs {
margin: -15px -15px 10px 0!important;
}

ul.breadcrumbs li {
	background: none!important;
}

#header h1 {
	color: #FFFFFF;
	margin: 0;
	line-height: normal;
}

#mainImg {
	margin: 0 0 5px;
}

#mainImg .inner {
	padding: 0 20px;
	height: auto;
}

#header h2 {
	margin: 0;
	padding: 20px 0 13px;
}

#header .sns {
	padding: 10px 5px 0 0;
}

#header .sns a {
	color: #FFFFFF;
	font-weight: bold;
}

#header .sns a:hover {
	text-decoration: underline;
}

#header .sns .adr {
	font-size:105%;
	color:#487011;
	text-align:right;
	margin:0;
	background-color:rgba(255,255,255,0.8);
	border-radius:5px;
	padding:3px 8px;
	margin-bottom:5px;
	font-weight:bold;
}

#header .sns .hmenu {
	font-size:100%;
	text-align:right;
	margin:0;
}

ul#banners, ul.post {
	margin: 0;
}

.slideshow {
	overflow:visible;
}

.bx-wrapper {
	margin: 0 0 5px;
	box-shadow: 0 4px 5px #ccc;
	padding: 5px;
	background-color: #FFFFFF;
}

.bx-wrapper .bx-viewport {
	border: none;
}

.bx-wrapper .bx-pager {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 100;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	width: auto;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #FFFFEE;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #FFCCCC;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}

ul.breadcrumbs li {
	vertical-align: middle;
}

.menu-parent {
	width: 220px;
	background-image: url(images/parent1.jpg);
	margin-bottom: 15px;
	position: relative;
	z-index: 0;
	padding: 15px 15px 15px 10px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.4) inset;
}

.menu-parent .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(86,134,20,0.5);
	z-index: -1;
}

.menu-parent a {
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
}

ul.side_accordion {
	list-style-type: none;
	margin: -14px 0 15px;
	border-radius: 5px;
	width: 100%;
}

.side_accordion ul.sub-menu {
	list-style-type: none;
	margin: 0;
}

.side_accordion li ul {
	display: none;
}

.side_accordion li {
	position: relative;
	padding: 0;
}
/*
li.menu-item-93 a {
	background: linear-gradient(to bottom, #FFFFFF 0%,#fff600 100%)!important;
}

li.menu-item-94 a {
	background: linear-gradient(to bottom, #FFFFFF 0%,#ff8df8 100%)!important;
}

li.menu-item-95 a {
	background: linear-gradient(to bottom, #FFFFFF 0%,#AA55FF 100%)!important;
}

li.menu-item-95 ul li a {
	background: #ddbcff!important;
}

li.menu-item-95 ul li ul li a {
	background: #f8f2ff!important;
}

li.menu-item-96 a {
	background: linear-gradient(to bottom, #FFFFFF 0%,#2d96ff 100%)!important;
}

li.menu-item-96 ul li a {
	background: #9bccfd!important;
}

li.menu-item-96 ul li ul li a {
	background: #e4f1ff!important;
}

li.menu-item-97 a {
	background: linear-gradient(to bottom, #FFFFFF 0%,#00CCCC 100%)!important;
}

li.menu-item-97 ul li a {
	background: #88CCCC!important;
}

li.menu-item-97 ul li ul li a {
	background: #BBEEEE!important;
}

li.menu-item-98 a {
	background: linear-gradient(to bottom, #FFFFFF 0%,#FF5522 100%)!important;
}

li.menu-item-98 ul li a {
	background: #FFAA88!important;
}

li.menu-item-98 ul li ul li a {
	background: #FFDDCC!important;
}
*/
ul.side_accordion>li {

}

.side_accordion li .menuwrap {
	position: relative;
}

.side_accordion li a {
	display: block;
	padding: 7px 17px 7px 18px;
	text-decoration: none;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #FFFFFF;
	color: #333333;
	font-size: 12px;
	/*text-shadow: 0px 1px 1px #FFFFFF;*/
	border-radius: 3px;
	letter-spacing: -0.5px;
}

.side_accordion li.current-menu-item>div>a {
	background-color: #ffd5af;
	font-weight: bold;
	color: #333333;
	text-shadow: 0px 1px 1px #FFFFFF;
}

.side_accordion li.current-menu-item>a {
	background: #ffd5af;
	font-weight: bold;
	color: #333333;
	text-shadow: 0px 1px 1px #FFFFFF;
}

.side_accordion li:last-child a {
	border-bottom: none;
}

ul.side_accordion li a {
	background: linear-gradient(to bottom, #FFFFFF 0%,#D0D0D0 100%);
	font-weight: bold;
}

ul.side_accordion li a:before {
	display: inline-block;
	content:" ";
	width: 5px;
	height: 20px;
	/*margin-right:7px;*/
	margin-top: -10px;
	background: #FFFFFF;
	position: absolute;
	top: 48%;
	left: 5px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4) inset;
}

ul.side_accordion li li a:before {
	width: 0;
	height: 0;
}

.side_accordion li li a {
	font-weight: bold;
	padding-left: 25px;
	background: #DDDDDD;
	color: #000000;
	/*text-shadow: 0px 1px 1px #FFFFFF;*/
}

.side_accordion li li li a {
	padding-left: 35px;
	background: #EEEEEE;
}

ul.side_accordion li a:hover {
	background: #E2FED6;
}

ul.side_accordion>li a:hover {
	color: #333333;
	text-shadow: 0px 1px 1px #FFFFFF;
}

.side_accordion li span.btn {
	display: block;
	position: absolute;
	top: 50%;
	right: -2px;
	font-size: 24px;
	margin-top: -12px;
	height: 100%;
	width: 20px;
	z-index: 10;
	border-radius: 0 5px 5px 0;
	text-shadow: 0px 0px 2px #FFFFFF;
}

ul.side_accordion>li span.btn {
	color: #BBBBBB;
}

ul.side_accordion>li span.btn:hover {
	color: #ff912b;
	cursor: n-resize;
}

ul.side_accordion li li span.btn {
	color: #BBBBBB;
}

.side_accordion li span.btn:hover {
	
}

/* フッター
*****************************************************/
#footerLogo{
float:left;
width:222px;
}

#footerLogo img{
background-color: #FFFFFF;
padding: 5px;
border-radius: 5px;
}

#footer {
	background-image: url(images/backimg.jpg);
	background-repeat: repeat-x;
	background-position: 0 0px;
}

#footer .inner {
	padding: 20px 0;
}

#footer ul{
float:right;
width:700px;
font-size:95%;
padding-bottom:20px;
margin: 0;
text-align: right;
}

#footer ul ul{padding-bottom:0;width:auto;}

#footer ul li{
display:inline-block;
vertical-align:text-top;
text-align:left;
padding:5px 8px;
margin-left:5px;
background:url(images/arrow.png) no-repeat 0 6px;
}

#footer ul li a{
display:block;
padding:0 0 0 12px;
overflow:hidden;
color: #FFFFFF;
font-size: 14px;
text-shadow: 1px 1px 2px #000000;
}

#footer ul li	a:hover{text-decoration:underline;}

#footer ul li li{
display:block;
padding:0;
margin-left:5px;
background:url(images/arrow2.png) no-repeat 0 8px;
}

#footer ul li	li a{padding:0 0 0 8px;}

*:first-child+html #footer ul li{display:inline;}
*:first-child+html #footer ul ul,*:first-child+html #footer ul li li a,*:first-child+html #footer ul li li{display:none;}

#copyright{
clear:both;
padding:5px;
text-align:center;
font-style:normal;
font-size:85%;
zoom:1;
background-color: #568614;
}

.parentbox {
display: flex;
}
.childbox {
}
.post img.wp-image-1413,
.post img.wp-image-1421 {
max-width:90%;
margin-top:20px;
}

/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1025px){
nav#mainNav{
	display:none;
}
nav div.panel{
display:block !important;
float:left;
}

a#menu{display:none;}		
	
nav#mainNav2{
clear:both;
position:relative;
z-index:200;
}

nav#mainNav2 ul {
clear: both;
position: relative;
z-index: 200;
width: 940px;
margin: 5px auto 0;
/*background: linear-gradient(to bottom, #E2FED6 0%,#AAFE87 60%);*/
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyODUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNEOUY0ODkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNCMUY0MkMiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cyODUpIiAvPgo8L3N2Zz4=);
border-radius: 10px;
padding: 6px 0px 4px 22px;
box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
}

nav#mainNav2 ul li{
float: left;
position: relative;
border-right:2px double #DCFFA3;
margin: 0;
padding: 0;
}

/*nav#mainNav2 ul li:first-child{border-left:3px double #eee;}*/

nav#mainNav2 ul li:last-child{border-right: none;}

nav#mainNav2 ul li a{
display: block;
text-align: center;
_float:left;
line-height:35px;
padding:5px 31px 5px;
border-bottom:1px solid #77BA1A;
}

nav#mainNav2 ul li a span,nav#mainNav2 ul li a strong{
display:block;
font-size:15px;
font-weight: bold;
line-height:1.4;
color:#FFFFFF;
text-shadow:
1px 1px 2px #568614,
-1px 1px 2px #568614,
1px -1px 2px #568614,
-1px -1px 2px #568614;
-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#DDDDDD,offx=1,offy=1)"; 
}

nav#mainNav2 ul li a span{
color:#568614;
font-weight: normal;
font-size:85%;
text-shadow: none;
-ms-filter: none;
    filter: none;
}

nav#mainNav2 ul li.current-menu-item, nav#mainNav2 ul li:hover, nav#mainNav2 ul li.current-menu-parent{
background:#88CC44;
}

nav#mainNav2 li.current-menu-item a, nav#mainNav2 li a:hover, nav#mainNav2 li.current-menu-parent a {
background:#88CC44;
color: #FFFFFF;
}

nav#mainNav2 ul ul{width:160px;}

nav#mainNav2 ul li ul{display: none;}

nav#mainNav2 ul li:hover ul{
display: block;
position: absolute;
top:50px;
left:0;
z-index:500;
}

nav#mainNav2 ul li li{
padding:0 0 0 10px;
margin:0;
float: none;
height:40px;
line-height:40px;
width:160px;
border:0;
background:#fff;
border-bottom:1px solid #eee;
}

nav#mainNav2 ul li li:first-child{border-left:0;}

nav#mainNav2 ul li li a{
width:100%;
height:40px;
padding:0 0 0 ;
line-height:40px;
font-size:95%;
text-align:left;
}

nav#mainNav2 ul li li.current-menu-item a{font-weight:bold;}

nav#mainNav2 ul li li:hover{background:#f9f9f9;}

nav#mainNav2 ul li:hover ul li:last-child{border:0;}
}

/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
#mainNav2 {
	display:none;
}
#mainNav{
	display:block;
}
nav#mainNav a.menu {
background: url("images/menuOpen.png") no-repeat 5px 8px #F95;
}
nav#mainNav a#menu span {
font-size:15px;
}
nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a {
padding-left: 35px;
}
nav#mainNav ul li li li a, nav#mainNav ul li.current-menu-item li li a, nav#mainNav ul li li li.current-menu-item a {
padding-left: 50px;
}
nav#mainNav ul li li li li a, nav#mainNav ul li.current-menu-item li li li a, nav#mainNav ul li li li li.current-menu-item a {
padding-left: 65px;
}
}

@media only screen and (max-width:959px){
	#header{width:100%}
	.inner,#footer .boxWrap,#wrapper{width:96%;}

	#mainImg img{width:100%;height:auto;}
	aside {
		display:none;
	}
}

/* 幅620px以下から
------------------------------------------------------------*/
@media only screen and (max-width:745px){
body {
	background-position: 0 -10px;
}
header img.logo {
	display: block;
	max-width: 90%;
	margin: 0 auto;
}
#header h2 {
	float: none;
	padding: 8px 0 0;
}
#header .sns {
	float: none;
	margin: 0 auto;
}
#header .sns .hmenu {
	text-align: center;
}
#header .sns .adr {
	text-align: center;
}
.bx-wrapper {
	margin: 0;
	box-shadow: none;
	padding: 0;
}
#mainImg .inner {
	padding: 0;
}
#footerLogo {
	float: none;
	margin: 0 auto!important;
}
#footer ul {
	float: none;
	width: auto;
}
.post p {
	padding: 0 5px;
}

.post h4 {
    margin: 25px 0 10px 0;
}

.parentbox {
    display:block;
}

#footer ul {
    text-align: center;
}
.alignleft,
.alignright {
	float: none;
}

}