@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* @media screen and (max-width:680px){} */

*{font-family: 'Noto Sans Japanese', sans-serif;}

html{}

body div,
body p,
body span,
body strong,
body table th,
body table td,
body table li,
body table a{
   font-family: 'Noto Sans Japanese', sans-serif;
}

body strong{
  font-weight: 600; 
}

body h1,body h2, body h3{
     font-family: "Shin Maru Go Regular",sans-serif,"typesquare";
}

body{
     background-image:url(https://u.jimcdn.com/cms/o/seee56b6eb30695f8/userlayout/img/bg.png?t=1491812825);
}

table{
    width:100%;
    border-collapse: collapse;
    border-top:1px dotted #999;
}

table th{
    padding:5px 10px;
    vertical-align:top;
    text-align:left;
    border-bottom:1px dotted #999;
}
table td{
    text-align:left;
    padding:5px 10px;
    vertical-align:top;
    border-bottom:1px dotted #999;
}

.inner{
    max-width:1020px;
    padding:0 20px;
    margin:0 auto;
    box-sizing:border-box;
    position:relative;
}

/* google_translate_element
---------------------------------------------*/
.goog-te-gadget-icon{
    display:inline;
}

.goog-te-gadget img{
   display:inline;
}

#sidebar .j-htmlCode{
   text-align:center !important;
}

/* headermenu
---------------------------------------------*/
#headermenu{
    padding:5px 0;
    margin:0 0 10px;
    background:#ddd;
    line-height:1.0;
}

#headermenu ul{
    list-style:none;
    padding:0;
    margin:0;
    text-align:right;
}

#headermenu ul li{
    display:inline-block;
    list-style:none;
    padding:0;
    margin:0;
}

#headermenu ul li a{
    display:block;
    list-style:none;
    padding:3px 15px 5px;
    margin:0;
    text-decoration:none;
    background:#666;
    color:#FFF;
    line-height:1.0;
    font-size:14px;
    border-radius:0 0 5px 5px;
}

#translate{
    text-align:right;
}

/* header
---------------------------------------------*/
#header{
    padding:0 0 10px;
    margin:0;
    box-sizing:border-box;
}

/* ############## 840以上 ############## */
@media screen and (min-width:840px){

#header #logo{
    display:inline-block;
    float:left;
    padding:0;
    margin:0;
    box-sizing:border-box;
    width:420px;
}

#header #telno{
    display:inline-block;
    float:right;
    padding:0;
    margin:0;
    width:314px;
    box-sizing:border-box;
}

#header #email{
    display:table;
    float:right;
    padding:0;
    margin:0;
    width:314px;
    box-sizing:border-box;
}

#header #email div{
    display:table-cell;
}

#header #logo img,
#header #telno img,
#header #email img{
   width:100%;
}

}

/* ############## 840以下 ############## */
@media screen and (max-width:840px) and (min-width:780px){

#header #logo{
    display:inline-block;
    float:left;
    padding:0;
    margin:0;
    box-sizing:border-box;
    width:400px;
}

#header #telno{
    display:inline-block;
    float:right;
    padding:0;
    margin:0;
    width:280px;
    box-sizing:border-box;
}

#header #email{
    display:table;
    float:right;
    padding:0;
    margin:0;
    width:280px;
    box-sizing:border-box;
}

#header #email div{
    display:table-cell;
}


#header #logo img,
#header #telno img,
#header #email img{
   width:100%;
}
}

/* ############## 780以下 ############## */
@media screen and (max-width:780px) and (min-width:500px){

#header #logo,
#header #telno,
#header #email{
     display:block;
     width:420px;
     margin:0 auto;
}

#header #email div{
     margin:0;
     padding:0;
     display:inline-block;
     box-sizing:border-box;
     width:49%;
}

#header #logo img,
#header #telno img,
#header #email img{
    margin:0 auto;
}

}

/* ############## 780以下 ############## */
@media screen and (max-width:500px){

#header #logo,
#header #telno,
#header #email{
     display:block;
     max-width:440px;
     margin:0 auto;
}

#header #email div{
     margin:0;
     padding:0;
     display:inline-block;
     box-sizing:border-box;
     width:49%;
}

#header #logo img,
#header #telno img,
#header #email img{
    width:100%;
}


}


/* navigation
---------------------------------------------*/
/* ############## 680以上 ############## */
@media screen and (min-width:680px){

#menu{
    display:none;
}

#navigation{
    padding:2px 0;
    margin:0;
    box-sizing:border-box;
/*    background:#496EC7; */
    background:linear-gradient(#f7f7f7 0,#cbd1d3 50%,#F1F1F1 100%);
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

#navigation ul{
    padding:0;
    margin:0;
    list-style:none;
    z-index:50000;
}

#navigation ul li{
    position:relative;
    padding:0;
    margin:0;
}

#navigation ul li a{
    display:block;
    padding:0;
    margin:0;
}

#navigation ul.cc-nav-level-0{
    width:100%;
    display:flex;
}

#navigation li.jmd-nav__list-item-0{
    flex:1 0 auto;
    border-radius:5px;
    box-sizing:border-box;
    padding:1px;
    margin:0 2px;
    background:linear-gradient(#666,#999);
    height:40px;
    box-shadow:-1px -1px -2px rgba(0,0,0,0.3),1px 1px 2px rgba(255,255,255,0.8);
}

#navigation li.jmd-nav__list-item-0 > a{
    display:block;
    border-radius:4px;
    border:3px outset rgba(255,255,255,0.5);
    height:100%;
    text-align:center;
    line-height:32px;
    text-decoration:none;
    font-weight:bold;
    color:#555;
    text-shadow:1px 1px 0 #FFF;
    box-sizing:border-box;
    background:linear-gradient(#f7f7f7 0,#cbd1d3 50%,#F1F1F1 100%);
}

#navigation li.jmd-nav__list-item-0:hover{
     padding:1px;
    background:#496EC7;
    box-shadow:0 0 3px rgba(73,110,199,1.0);
}

#navigation li.jmd-nav__list-item-0:hover > a{
   color:#496EC7;
}

#navigation .cc-nav-level-1{
    padding:0;
    margin:0;
    display:block;
    background:#FFF;
    position:absolute;
    top:40px;
    left:0;
    z-index:100000;
    box-shadow:3px 3px 10px rgba(0,0,0,0.3);
    opacity:0;
    border:1px solid #808080;
}


#navigation .cc-nav-level-1 li{
   padding:0;
   margin:0;
   border-bottom:1px solid #808080;

}

#navigation .cc-nav-level-1 li a{
    display:block;
    white-space:nowrap;
    padding:0 43px;
    margin:0;
    text-decoration:none;
    color:#333;
    font-size:14px;
    box-sizing:border-box;
    transition-duration:0.3s;
    line-height:35px;
    min-width:150px;
    background:#FFF;
}


#navigation .cc-nav-level-1 li a:before{
   text-align:center;
   content:">";
   height:100%;
   display:block;
   padding:0;
   margin:0;
   font-weight:bold;
   position:absolute;
   left:13px;
 }


#navigation .cc-nav-level-1 li a:hover{
   background:linear-gradient(#ffffff,#f2f2f2);
}

#navigation li.jmd-nav__list-item-1 > a{
    height:0;
    overflow:hidden;
    position:relative;
    background:linear-gradient(#ffffff,#f2f2f2);
}

#navigation li.jmd-nav__list-item-1 a:hover{
    color:#496ec7;
}

#navigation li.jmd-nav__list-item-0:hover .cc-nav-level-1{
    opacity:1.0;
}

#navigation li.jmd-nav__list-item-0:hover  li.jmd-nav__list-item-1 > a{
    height:35px;
}


#navigation .cc-nav-level-1 li:last-child{
    border:none;
}


#navigation .cc-nav-level-2{
　　　display:none;
}

}

/* ############## 680以下 ############## */
@media screen and (max-width:680px){

#menu{
     border:1px solid #ccc;
     background:linear-gradient(#338FFF,#6A88D1);
    background:linear-gradient(#f7f7f7 0,#cbd1d3 50%,#F1F1F1 100%);
     text-align:center;
     height:40px;
     line-height:40px;
     padding:0;
     margin:0 0 10px;
     cursor:pointer;
     border-radius:5px;
     color:#666;
     text-shadow:1px 1px 0 #FFF;
     font-weight:bold;
}

#navigation{

}

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

#navigation ul li{
    display:block;
    padding:0;
    margin:0;
    position:relative;
}

#navigation ul li a{
    display:block;
    padding:0 10px;
    margin:0;
    height:40px;
    line-height:40px;
    text-decoration:none;
    color:#333;
    border-bottom:1px solid #ccc;
}

#navigation .jmd-nav__toggle-button{
    display:block;
    width:40px;
    height:40px;
    position:absolute;
    top:0;
    right:0;
    background:#F0F0F0;
    text-align:center;
    line-height:40px;
    border-left:1px solid #eee;
}

#navigation .jmd-nav__toggle-button:before{
    content:"＋";
}

#navigation .jmd-nav__item--last-opened .jmd-nav__toggle-button:before{
    content:"－";
}


#navigation ul.cc-nav-level-0{
    border:1px solid #ccc;
}

#navigation ul.cc-nav-level-0 > li > a{
    background:linear-gradient(#FFF,#F0F0F0);
}

#navigation ul.cc-nav-level-0 > li > a:hover{
    background:linear-gradient(#F0F0F0,#DDD);
}

#navigation ul.cc-nav-level-1 > li > a{
    background:#FFF;
    font-size:14px;
}

#navigation ul.cc-nav-level-1 > li > a:hover{
    background:#F0F0F0;
}


#navigation ul.cc-nav-level-0{
    display:none;
}

#navigation ul.cc-nav-level-1{
    display:none;
}

#navigation .jmd-nav__item--last-opened > ul.cc-nav-level-1{
    display:block;
}

}


/* breadcrumb
---------------------------------------------*/
#breadcrumb{
    padding:10px 0;
    min-height:26px;
}

#breadcrumb > div div,#breadcrumb ol,#breadcrumb ol li{
    display:inline;
    padding:0;
    margin:0;
    list-style:none;
    font-size:14px;
}

#breadcrumb ol li:before{
    content:">";
    margin:0 5px;
}

.cc-indexpage #breadcrumb > div{
   display:none !important;
}

/* main
---------------------------------------------*/

#main{
    padding:0 0 40px;
    margin:0;
}

/* content
---------------------------------------------*/
#content{
    padding:0;
    margin:0;
    box-sizing:border-box;
    width:71%;
    float:right;
    background-image:url(https://u.jimcdn.com/cms/o/seee56b6eb30695f8/userlayout/img/topback.jpg?t=1469760693) no-repeat;
}

#content h1{
    color:#666;
    background: linear-gradient(#f7f7f7 0,#cbd1d3 50%,#F1F1F1 100%);
    line-height: 1;
    padding: 12px 0 12px 20px;
    position:relative;
    font-size:30px;
    text-shadow:1px 1px 0 #FFF;
    border:3px outset rgba(255,255,255,0.5);
    box-shadow:1px 1px 2px #FFF,-1px -1px 2px rgba(0,0,0,0.3);
}

#content h1:before{
    content:"";
    width:11px;
    height:100%;
    line-height:100px;
    position:absolute;
    margin:0;
    padding:0;
    background:#005795;
    display:block;
    top:0;
    left:0;
}

#content h2{
    padding: 6px 0 0 46px;
    margin: 0;
    border: 1px solid #E0E0E0;
    position: relative;
    background: linear-gradient(#FFF,#F0F0F0);
    font-size: 20px;
    line-height: 34px;
    border-bottom: 6px solid #007ca4;
}

/*
#content h2:before{
    text-align: center;
    content: "▸";
    font-size: 18px;
    line-height: 24px;
    color: #FFF;
    display: block;
    width: 22px;
    height: 22px;
    background: #007ca4;
    position: absolute;
    top: 11px;
    left:12px;
    bottom:11px;
}
*/

#content h3{
    background:#cccccc;
    color:#000;
    margin:20px 10px 10px 0;
    padding:5px 0;
    font-size:18px;
    line-height:1.3;
}


#content h3:before{
    contenT:"";
    margin:13px 17px 0 0;
    padding:0;
}




/* ############## 680以下 ############## */
@media screen and (max-width:680px){

#content{
   width:100%;
   float:none;
}

#content h1{
    color:#666;
    background: linear-gradient(#FFF,#F0F0F0);
    line-height: 1em;
    padding: 17px 0 17px 20px;
    border:solid 1px #B3B3B3;
    position:relative;
    font-size:20px;
}

#content h1:before{
    content:"";
    width:11px;
    height:100%;
    line-height:100px;
    position:absolute;
    margin:0;
    padding:0;
    background:#005795;
    display:block;
    top:0;
    left:0;
}




#content .j-hgrid .cc-m-hgrid-column{
       min-width: 100%;
}

/*
#content .j-hgrid .cc-m-hgrid-column div,
#content .j-hgrid .cc-m-hgrid-column h1,
#content .j-hgrid .cc-m-hgrid-column h2,
#content .j-hgrid .cc-m-hgrid-column h3,
*/
#content .j-hgrid .cc-m-hgrid-column div img{
    text-align:center;
}

#content table,
#content table th,
#content table td{
    display:block;
    width:100%;
    border:none;
}

}

/* sidebar
---------------------------------------------*/
#sidebar{
    padding:0;
    margin:0;
    box-sizing:border-box;
    width:27%;
    float:left;
}

/* ############## 680以下 ############## */
@media screen and (max-width:680px){

#sidebar{
   width:100%;
   float:none;
}

}

/* footet
---------------------------------------------*/
#footer{
/*    background:#496EC7; */
    background:#666;
    padding:20px 20px;
    margin:0;
    box-sizing:border-box;
}

#footer p,
#footer a,
#footer div,
#footer span{
   color:#FFF;
}

/* blog
----------------------------------------------*/

.j-blogarticle *{
     padding:0;
     margin:0;
     display:inline;
     line-height:1.0;
     text-decoration:none;
     color:#333;
     font-weight:normal;
     font-size:16px;
     border:none !important;
     background:none !important;
}

#content .j-blogarticle h2{
    padding:0 10px;
}

.j-blogSelection .n .blogreadmore, .j-blogSelection .n .comment{
    display:none !important;
}

.j-blogarticle h2:before{
    display:none !important;
}

/* ############## 680以下 ############## */
@media screen and (max-width:680px){

.j-blogarticle h2{
    display:block;
}

}


/* button
-----------------------------------------*/

#main #content .j-calltoaction-link{
     padding:5px 25px;
     color:#333 !important;
     text-shadow:1px 1px 0 #FFF;
     background: linear-gradient(#f7f7f7 0,#cbd1d3 50%,#F1F1F1 100%);
     border:3px outset rgba(255,255,255,0.5);
     font-weight:bold;
     box-sizing:border-box;
     position:relative;
     box-shadow:1px 1px 2px #FFF,-1px -1px 2px rgba(0,0,0,0.3);
}

#main #content .j-calltoaction-link:before{
    position:absolute;
    top:-3px;
    left:-3px;
    content:"";
    display:block;
    width:calc(100% + 4px);
    height:calc(100% + 4px);
    border:1px solid #666;
    border-radius:7px;
}


#main #content .j-calltoaction-link:hover{
     box-shadow:0 0 4px rgba(73,110,199,1.0);
     color:#496EC7 !important;

}

#main #content .j-calltoaction-link:hover:before{
    border:1px solid #496EC7 !important;
}