@charset "UTF-8";

/* base
----------------------------------------*/
body {
background: #fff url(https://u.jimcdn.com/cms/o/s194b162b81c21583/userlayout/img/bg.jpg?t=1596176617)repeat-x top left;
margin: 0;
color: #333;
-webkit-text-size-adjust: 100%;
}

a:link,a:visited { text-decoration: underline; font-weight: normal; color: #33cccc; }
a:hover { color: #0066cc; }

.j-hr{
padding:15px 0!important;}



a img {
    border-style:none;
}

.clearfix { zoom: 1; }
.clearfix:after {content:"."; display: block;height:0px; clear:both; line-height:0; visibility:hidden; }


p.header-contact{
    position: absolute;
    top: 0;
    right: 0;
}

p.header-contact a{
text-align:right;}

/* content
----------------------------------------*/
#content a:hover img {
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}



/* Layout
----------------------------------------*/
.inner,#content {
zoom: 1;
width:1040px;
margin: 0 auto;
}

.inner:after { 
content:".";
display: block;
height:0px;
clear:both;
line-height:0;
visibility:hidden;
}

#header {
zoom: 1;
overflow: hidden; 
margin: 0 auto;
padding-top: 5px;
position:relative;
width:1040px;
}

#header:after { 
content:".";
display: block;
height:0px;
clear:both;
line-height:0;
visibility:hidden;
}


#g-nav {
zoom: 1;
background:#333;
}

#g-nav .inner {
background: #333;}

#g-nav:after {
content:".";
display: block;
height:0;
clear:both;
line-height:0;
visibility:hidden;
}


#content {
padding: 0 0 20px;
margin-top:30px;
}

#main {
float: left;
width: 770px;
margin-bottom: 30px;
}

#side {
float: right;
width: 240px;
margin-bottom: 30px;
}




#footer {
clear: both;
padding: 30px 0;
color:#fff;
height:100px;
background-color: #333;
}



/* header
----------------------------------------*/

#header .pc-obi {
color:#333;
padding:25px 0 0 15px;
text-align:left;
font-size:15px;
font-weight:bold;
}

#header h1 {
text-align:center;
}


/* nav
----------------------------------------*/
#toggle,
#smp-navibtn {
display: none;
}

#g-nav:after {
content: "";
display: block;
clear: both;
}

#g-nav ul {
list-style: none;
margin: 0;
padding: 0;
}

#g-nav ul li {
float: left;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
font-size:16px;
}

#g-nav ul li a {
display: block;
background: #333;
color: #fff;
text-align:center;
text-decoration:none;
padding:12px 23px;
}


#g-nav ul.mainNav1 > li > a.current {
background: #33cccc;
color: #fff;
}

#g-nav ul li a:hover {
background: #33cccc;
color:#fff;
}


#sidebar ul.mainNav2 {
border-top: 1px solid #CCC;
list-style:none;
}

#sidebar ul.mainNav2 li{
display: inline;
}

#side ul.mainNav2 li a{
color:#333;
text-decoration: none;
display: block;
background:url(https://u.jimcdn.com/cms/o/s194b162b81c21583/userlayout/img/bg-subnavi-a.gif?t=1596182247) no-repeat left center;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:13px 10px 13px 25px;
}

#side ul.mainNav2 li a:hover{
text-decoration: none;
background:url(https://u.jimcdn.com/cms/o/s194b162b81c21583/userlayout/img/bg-subnavi.gif?t=1596182276) no-repeat left center;
color:#333;
}

#side ul.mainNav2 a.current{
background:#33cccc url(https://u.jimcdn.com/cms/o/s194b162b81c21583/userlayout/img/bg-subnavi-cur.gif?t=1596182272) no-repeat left center;
color:#fff;
}



/* image-top
----------------------------------------*/
#image-top p {
margin: 0;
line-height: 0;
}


/* breadcrumb
----------------------------------------*/
.breadcrumb{
padding:0 10px 20px;
}

.breadcrumb a:link,
.breadcrumb a:visited{
color:#333;
text-decoration:none;
}

.breadcrumb a:hover{
color:#999;
}

.breadcrumb ol{
list-style-type: none;
}

.breadcrumb ol li {
float: left;
margin: 0;
font-size: 0.9em;
}

.breadcrumb ol li:before {
content:"<";
margin:0 5px;
}

.bread-home{
float:left;
font-size: 0.9em;
}

.cc-page-index .breadcrumb{
display:none;
}

/* main
----------------------------------------*/
#main h1 {
margin: 0 0 20px 0;
padding: 5px 15px 5px 42px;
font-weight: bold;
background:url(https://u.jimcdn.com/cms/o/s194b162b81c21583/userlayout/img/bg-h1.gif?t=1596182232) #ddd no-repeat left center;
font-size:24px;
}

#main h2 {
margin: 0 0 10px 0;
border-bottom: dashed 1px #333;
padding-left:8px;
padding-bottom:5px;
color:#333;
font-size:21px;
font-weight:bold;
}

#main h3 {
margin: 0;
background-color:#333;
color:#fff;
padding: 5px 10px;
font-size:21px;
}


#main h4 {
  position: relative;
  padding: 0.6em 1em;
  background: #3389cc;
text-align:left;
margin-bottom:15px;
font-size:21px;
color:#fff;
}

#main h4:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #3389cc;
  width: 0;
  height: 0;
}


#main p {
line-height: 1.6;
}

#content_area ul{
padding-left:10px;
}

#sidebar ul{
padding-left:0;
}

#content_area ul li,
#sidebar ul li{
padding-bottom:8px;
}

/* side
----------------------------------------*/
#side h1 {
background: #fff;
border-bottom: solid 1px #333;
margin: 0 0 10px 0;
padding: 5px 10px 5px 0;
font-weight: normal;
font-size: 20px;
color: #333;
}

#side h2 {
margin: 0 0 10px 0;
padding-left:10px;
font-weight: normal;
font-size: 18px;
color: #555;
border-left: solid 5px #555;
}


#side h3 {
margin: 0 0 5px 0;
font-weight: normal;
font-size: 16px;
color: #fff;
background-color:#333;
padding:5px 8px;
}


#side table td, table th{
padding:5px;
}




/* blog
----------------------------------------*/
.rssFeedTitle{font-weight:normal!important;}


/* footer
----------------------------------------*/
#footer-top{
clear: both;
text-align:center
height:200px;
border-top:1px #333 solid;
}

#footer-top img{
margin:20px auto;
width:500px;
}

#contentfooter p,
#contentfooter a:link,
#contentfooter a:visited{
color:#fff!important;
}

div#contentfooter{
font-size:14px!important;}



/* j-calltoaction
----------------------------------------*/
.j-calltoaction-link-style-1{
padding:5px 30px;
font-size:14px!important;
border-radius:8px!important;
}

#side .j-calltoaction-link-style-1{
width:80%!important;
}

.j-calltoaction-link-style-1:link,
.j-calltoaction-link-style-1:visited{
background: #fff;
border:1px solid #333;
color:#333!important;
}

.j-calltoaction-link-style-1:hover{
background: #555;
border:1px solid #555;
color:#fff!important;
}

.j-calltoaction-link-style-2{
padding:10px 20px!important;
font-size:14px!important;
}

.j-calltoaction-link-style-2:link,
.j-calltoaction-link-style-2:visited{
background: #33cccc;
border:0;
border-radius:100px;
}

.j-calltoaction-link-style-2:hover{
background: #33bbbb;
}

.j-calltoaction-link-style-3{
padding:10px 20px!important;
font-size:18px!important;
}

.j-calltoaction-link-style-3:link,
.j-calltoaction-link-style-3:visited{
background: #ff6666;
border:0;
border-radius:100px;
}

.j-calltoaction-link-style-3:hover{
background: #ff9999;
}

/*cookie-policy
----------------------------------------*/




/* 1040
----------------------------------*/

@media screen and (max-width: 1040px) {

#header {
padding-top: 0;
}

#content{
width: 90%;
}

.inner,#header  {
width: 100%;
}

.header-contact{display:none;}

#header h1 a img{
width:90%;
}

.smp-none{
display:none;}

#g-nav,
#g-nav .inner {
background: #fff;
width: 100%;
}


#main,
#side {
float: none;
width: 100%;
}

#side img{
width: 50%;
}
#sidebar .j-nav-variant-standard{/*2階層非表示*/
display:none;}


/* header */
#header h1 {
float: none;
margin: 0;
}

#header .pc-obi{
text-align:center;
font-size:1.3em;
padding-top:40px;
padding-bottom:0px;}

#header h1 img {
margin: 0 auto;
text-align: center;
}

#header p {
float: none;
margin: 0;
text-align: center;
font-size: 1.2em;
}

#header div {
width:100%;
}

/* g-nav */
#g-nav{
margin-top:1px;}

.j-nav-variant-nested ul{/*打ち消し*/
    display: block;}


#g-nav ul.cc-nav-level-0 {
padding: 0;
}

#g-nav ul li {
width: 33.333%;
text-align: center;
}

#g-nav ul li a {
background: #333;
padding: 0.5em 0;
margin: 0 1px 1px 0;
font-size: 1.1em !important;
}

#g-nav ul.cc-nav-level-0 li a {
padding: 12px 0;
color:#fff;
}

#g-nav ul.cc-nav-level-0 li ul {
width: 33.333%;
font-size: 0.8em;
}

#g-nav ul.cc-nav-level-0 li ul li {
width: 100% !important;
clear: left;
position: relative;
}

#g-nav ul.cc-nav-level-0 li ul li ul {
width: 100%;
top: 100%;
left: 0;
font-size: 1em;
}

#g-nav ul.cc-nav-level-0 li ul li a {
margin: 0 1px 1px 0;
padding: 5px 0;
text-align: center;
background: #666;
}

#footer .inner #contentfooter{
width:90%!important;
margin: 0 auto;}




/* 768
----------------------------------*/

@media (max-width: 768px) {
body {
overflow-x: hidden;
}

#content img{
width: 100%;
}

#header .pc-obi{
font-size:1em;
text-align:center;
padding:30px 0 0 0;}

#header div{
margin:0 0 0 0;}

.j-calltoaction-align-1{
text-align:center!important;
}


#side .j-calltoaction-link-style-1{
width:90%!important;
}

.j-calltoaction-link-style-1:link,
.j-calltoaction-link-style-2:link,
.j-calltoaction-link-style-3:link{
width:90%;
}

.j-hgrid .cc-m-hgrid-column,
.cc-imagewrapper {
float: none !important;
}

.cc-m-image-resizewrapper img,
.cc-imagewrapper img {
margin: 0 auto 10px;
}

.cc-m-textwithimage .imgright,
.cc-m-textwithimage .cc-m-image-align-2,
.j-textWithImage .imgright,
.j-textWithImage .cc-m-image-align-2 {
margin: 0 !important;
}

.j-hgrid .cc-m-hgrid-column,
.cc-imagewrapper,
table {
width: 100% !important;
}


/* h1,h2,h3 */
#main h1,#side h1{font-size:1.5em;}
#main h2,#side h2{font-size:1.4em;}
#main h3,#side h3{font-size:1.4em;}
#main h4{font-size:1.34em;}

/* g-nav */

#g-nav{
display:none;}

#smp-navibtn{
display: flex;
position: relative;
background:#333;
padding:10px;
color:#fff;
}

.smp-logo{text-align:right;}

/*checkboxを非表示*/
.nav-unshown {
display:none;
}

/*iconスペース*/
#nav-open {
 display: inline-block;
  width: 35px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーcss*/
#nav-open span, #nav-open span:before, #nav-open span:after {
 position: absolute;
  height: 3px;
  width: 28px;
  border-radius: 3px;
  background: #fff;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*close黒透過カバー*/
#nav-close {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#smp-content {
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  width: 80%;
  max-width: 330px;
  height: 100%;
  background: #333;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(105%);
  transform: translateX(105%);/*左*/
}

/*チェック表示*/
#nav-input:checked ~ #nav-close {
  display: block;
  opacity: .5;
}

#nav-input:checked ~ #smp-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*右表示*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

#smp-content .j-nav-level-1,
#smp-content .j-nav-level-2{
display:none;
}

#smp-content ul,
#smp-content ul li{
list-style:none;
margin:0;
padding:0;
}

#smp-content ul li a{
color: #fff;
text-decoration:none;
display: block;
padding: 0.8em 1.2em;
}

#smp-content ul li a.cc-nav-current{
background-color:#33cccc;
color:#333;
margin-left:0;
}

#smp-content .j-nav-level-1{
font-size:0.9em;}

#smp-content .j-nav-level-1 a.cc-nav-current{
padding-left:3.2em;
}

#smp-content .j-nav-level-2 a.cc-nav-current{
padding-left:5em;
}

#smp-content .jmd-nav__list-item-1{
background-color:#555;
color:#333;
}

#smp-content ul li ~ li {
  border-top: 1px solid #555;
}

#smp-content ul li ul li a {
  margin-left: 2em;
}

#smp-content ul li ul li ul li a {
  margin-left: 2.7em;
}

#smp-content .nav-arrow{
display: block;
position: relative;
}

#smp-content .nav-arrow a:link,
#smp-content .nav-arrow a:visited{
position: absolute;
top: -46px;
right: 0;
display: block;
background: #333;
height: 22px;
width: 13%;
line-height: 1;
text-align: center;
text-indent: 0;
}

#smp-content .nav-arrow a span:after {
content: url(https://u.jimcdn.com/cms/o/s194b162b81c21583/userlayout/img/arrow.png?t=1596176593);
color: #fff;
}

#smp-content .pad10 img{
margin:10px auto;
width:90%;}

#footer-top img{
width:80%;
}

}