/* -------- 640以下 -------------------*/
@media screen and (max-width:640px){
}
/* -------- 640以上 -------------------*/
@media screen and (min-width:640px){
}

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

body div,
body p,
body span,
body strong,
body table th,
body table td,
body table li,
body table a{
   font-family: "Shin Go Regular",sans-serif,"typesquare";
}

body strong{
  font-weight: 600; 
}

body h1,body h2, body h3{
   font-family: 'Noto Sans Japanese', sans-serif;
}


body{
    background:#f0f0ff;
}

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

#topcolorimage img{
    width:100%;
    min-height:15px;
}

/* header
-----------------------------------------------------------*/
header{
    background:#FFF;
    padding:0 0 10px;
    box-sizing:border-box;
    overflow:hidden;
}

header .inner{
    box-sizing:border-box;
    text-align:right;
}

header #telno{
    padding-top:10px;
    margin-bottom:20px;
    max-width:300px;
    float:right;
}

header #logo{
    max-width:350px;
    float:left;
}

header img{
   display:block;
   width:100%;
}

/* -------- 640以下 -------------------*/
@media screen and (max-width:640px){
    header #headline{
        display:none;
    }

    header .inner{
        padding:10px 20px;
    }

    header #telno,
    header #title,
    header #logo{
        margin:0px auto;
        padding:5px 0;
    }

}

/* loginougout
----------------------------------------------------------*/

#loginout{
    border:none;
    overflow:none;
    padding:0;
    width:100%;
}

/* -------- 640以下 -------------------*/
@media screen and (min-width:700px){
#loginout{
   height:35px;
}

}

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

#loginout{
   height:80px;
}

}


/* navigation
----------------------------------------------------------*/

/* -------- 640以上 -------------------*/
@media screen and (min-width:640px){
#menu{
    display:none;
}

#navigation{
    background:#000;
    padding:0;
    text-align:center;
}

#navigation ul.j-nav-level-0{
    padding:0;
    margin:0;
    list-style:none;
    display:table;
    width:100%;
}

#navigation ul.j-nav-level-0 > li{
    display:table-cell;
    padding:0;
    margin:0;
    position:relative;
}

#navigation ul.j-nav-level-0 > li > a{
    display:block;
    padding:0px;
    margin:0;
    color:#FFF;
    text-decoration:none;
    height:40px;
    line-height:40px;
    font-size:15px;
}

#navigation ul.j-nav-level-0 > li:hover{
    background:#999;
}

#navigation ul.j-nav-level-1{
    min-width:130px;
    padding:0;
    margin:0;
    box-sizing:border-box;
    list-style:none;
    position:absolute;
    top:40px;
    left:0;
    background:#FFF;
    border:1px solid #333;
    display:none;
    z-index:1000;
}

#navigation ul.j-nav-level-1 > li:hover{
    background:#f0f0f0;
}

#navigation ul.j-nav-level-0 > li:hover > ul.j-nav-level-1{
    display:block;
}


#navigation ul.j-nav-level-1 > li{
    border-bottom:1px solid #333;
}

#navigation ul.j-nav-level-1 > li > a{
     display:block;
     padding:3px 20px;
     margin:0;
     border:none;
     color:#333;     
     text-decoration:none;
     text-align:left;
     z-index:10000;
     font-size:90% !important;
     white-space:nowrap;
}

#navigation ul.j-nav-level-1 li:last-child a{
    border-bottom:none;
}
}


/* -------- 640以下 -------------------*/
@media screen and (max-width:640px){
#menu{
    background:#000;
    color:#FFF;
    border-radius:6px;
    padding:0;
    margin:0 0 5px;
    cursor:pointer;
    display:block;
    text-align:center;
}

#navigation{
    margin:0;
    padding:0;
}

#navigation ul{
    margin:0;
    padding:0;
    list-style:none;
    width:100%;
    background:#000;
    box-sizing:border-box;
    display:none;
}

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


#navigation ul li{
    margin:0;
    padding:0;
    border-bottom:1px solid #666;
    position:relative;
}

#navigation ul li > .jmd-nav__toggle-button{
    display:block;
    width:40px;
    height:40px;
    line-height:40px;
    position:absolute;
    top:0;
    right:0;
    text-align:center;
}

#navigation ul li > .jmd-nav__toggle-button:before{
   content:"＋";
   color:#FFF;
}


#navigation ul li a{
    padding:0 10px;
    margin:0;
    height:40px;
    line-height:40px;
    text-decoration:none;
    display:block;
}

#navigation ul.j-nav-level-0 li a{
    color:#FFF;
}

#navigation ul.j-nav-level-1 li a{
    background:#FFF;
    color:#000;
    font-size:90%;
}

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

}

/* content
-----------------------------------------------------------*/

#content{
    margin:0 0 40px;
    padding:20px;
    box-sizing:border-box;
    min-height:400px;
    background:#FFF;
    border:1px solid #ccc;
    border-radius:5px;
}

#content h1{
   padding:10px 0;
   margin-bottom:10px;
   font-weight:bold;
   border-bottom:1px solid #666666;
   color:#000000;
   line-height:110%;
    letter-spacing:0.1em;
   font-weight:bold;
   font-family: "Shin Maru Go Regular",sans-serif,"typesquare";
}

/*
#content h2{
    background-image: linear-gradient(-45deg, #A6A68A 25%, #BBB9A2 25%, #BBB9A2 50%, #A6A68A 50%, #A6A68A 75%, #BBB9A2 75%, #BBB9A2);
    background-size: 4px 4px; 
    font-size:18px;
    color:#FFF;
    margin:10px 0;
    padding:10px 1em 9px;
    border-radius:4px;
    font-weight:bold;
   font-family: "Shin Maru Go Regular",sans-serif,"typesquare";
}
*/

#content h2{
    border:none;
    padding:0.7em;
    background:#ccc;
    border-radius:10px 10px 0px 0px;
    min-width:230px;
    max-width:950px;
    font-size:16px;
    letter-spacing:0.3em;
    font-weight:bold;
    font-family: "Shin Maru Go Regular",sans-serif,"typesquare";
}

#content h3{
    border:none;
    padding:0.7em;
    font-size:16px;
    letter-spacing:0.1em;
    font-weight:bold;
    padding: .25em 0 .25em .75em;
    border-left: 6px solid #e6e400;
    font-family: "Shin Maru Go Regular",sans-serif,"typesquare";
}


#content #shosai{
   display:none;
}


#content .culomn1 ul{
    list-style:none;
    padding:0;
    margin:0;
    width:100%;
}

#content .culomn1 ul li{
    box-sizing;
    width:25%;
    float:left;
    padding:0;
    margin:0;
}

#content .culomn1 ul li a{
    display:block;
    color:#666;
    font-size:13px;
    text-decoration:none;
    text-align:center;
    padding:3px 10px;
}

#content .culomn1 ul li a img{
       width:100%;
       height:auto;
}


/* leftnavi
----------------------------------------*/

#leftnavi{
   padding:2em 0 0;
   width:20%;
   box-sizing:border-box;
   float:left;
}

/* --------MAX 640-------------------*/
@media screen and (max-width:640px){
    #leftnavi{
        display:none;
    }
}

.cc-page-index #leftnavi{
   display:none;
}

#leftnavi #mainNav2{
   list-style:none;
   padding:0;
   margin:0;
}

#leftnavi #mainNav2 > li{
   padding:0;
   margin:0.5em 0 0;
}

#leftnavi #mainNav2 > li > a{
   display:block;
   padding:0;
   margin:0;
   color:#000;
   text-decoration:none;
   line-height:1.0;
}

#leftnavi #mainNav2 > li > a:before{
   position:sttic;
    font-family: 'FontAwesome' !important;
    content:"\f0da";
    color:#333;
    margin-right:0.5em;
}

#leftnavi #mainNav2 li a.parent,
#leftnavi #mainNav2 li a.current{
    font-weight:bold;
}

#leftnavi #mainNav3{
    list-style:none;
    padding:0;
    margin:0;
}

#leftnavi #mainNav3 li{
    display:block;
    padding:0;
    margin:0;
}

#leftnavi #mainNav3 > li:last-child{
   margin-bottom:1.5em;
}

#leftnavi #mainNav3 li a{
    display:block;
    padding:3px 0 0 1em;
    margin:0;
    font-size:90%;
   line-height:1.0;
}


/* footer
----------------------------------------------------------*/
#footer{
    padding:50px 0 43px;
    background:#7E7D7B;
}

#footer,
#footer p,
#footer a{
   color:#FFF;
   text-decoration:none;
}

#footer ul{
   list-style:none;
   padding:0 !important;
   margin:0 !important;
}

#footer ul li{
   line-height:1.6;
   padding:0 !important;
   margin:0 !important;
}

#footer div.j-text ul li{
  position:static;
}

#footer ul li a:before{
    font-family: 'FontAwesome' !important;
    content:"\f0da";
    color:#B1B1AF;
    margin-right:0.5em;
    text-indent:0:
    font-size:13px !important;
}

#footer img.footerlogo{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

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

.cc-m-hgrid-column{
    float:none !important;
    width:100% !important;
}

.cc-m-hgrid-column img{
    width:100%;
    height:auto;
}

#footer #footernavi,
#footer #sidebar .cc-m-hgrid-column{
   display:none;
}

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

}



/* pagination
-----------------------------------------------------------*/
.btn {
    display: inline-block;
    padding: 10px;
    border-radius: 5px; /*optional*/
    color: #aaa;
    font-size: .875em;
}

.pagination {
    background: #ffffff;
    padding: 20px;
    margin-bottom: 20px;
    opacity: 0.6;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}


/* table111
-----------------------------------------------------------*/
table{
width:100%;
}
.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}

table.table111 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #999;
  font-size: 100%;
}

table.table111 caption {
  margin-top: 1em;
  text-align: left;
}

table.table111 th,
table.table111 td {
  border: solid 1px #999;
  padding: 4px 10px;
  text-align:center;
}

table.table111 th {
  background: #FFFFFF;
  text-align: center;
  white-space: nowrap;
  color: #666;
}

table.table111 td.price {
  text-align: right;
}


table.table111 tr.course-c {
    background: FFFFFF;
}

table.table111 tr.course-b {
  background: #FFE6F3;
}

table.table111 tr.course-a {
  background: #FFD9EC;
}

table.table111 tr.course-sp {
  background: #FFCCE6;
}

table.table111 col.maisu,table.table111 col.kakaku {
  background: #FFF;
}
table.table111 col.hayawari1 {
  background: #fb845f;
}
table.table111 col.hayawari2 {
  background: #fb9f87;
}
table.table111 col.hayawari3 {
  background: #fee1d7;
}

/* blog
-------------------------------------------------------*/
div.datetime.dt-style9 .datetime-inner,
div.datetime.dt-style9{
    display:inline;
    line-height:1.0;
    padding:0;
    margin:0;
    margin-right:10px;
}


div.datetime.dt-style9 p{
    display:inline;
}

.blogselection h2{
    display:inline;
    padding:0 !important;
    margin:0 !important;
    line-height:1.0 !important;
    font-size:16px !important;
    background:none !important;
    font-weight:normal;
}

.blogselection h2 a{
    text-decoration:none;
}

.blogselection h2 a:hover{
    color:#F90;
}

.blogselection .blogreadmore{
    display:none !important;
}

.cc-page-blog div.datetime{
    display:none;
}

.cc-page-blog h1.j-blog-header{
    color:#333 !important;
}
/*----------------- 640以下 ------------------*/
@media screen and (max-width:640px){
.blogselection h2{
     display:block !important;
     text-align:left;
     border-bottom:1px dotted #ccc !important;
     padding-bottom:10px !important;
}
}

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

.j-calltoaction-wrapper a {
    background: #ee7800;
    border: none;
    padding-right: 30px;
    padding-left: 30px;
}

.j-calltoaction-wrapper a.j-calltoaction-link-style-2{
    background:#999;
    font-size:18px;
    padding:11px;
    width:50%;
    letter-spacing:3pt;
}

.j-calltoaction-wrapper a.j-calltoaction-link-style-2:after{
    content:">";
    display:inline-block;
    width:18px;
    height:18px;
    background:#FFF;
    border-radius:100%;
    color:#999;
    text-align:center;
    line-height:18px;
    box-sizing:border-box;
    padding-left:7px;
}

.j-calltoaction-wrapper a.j-calltoaction-link-style-2:hover{
    background:#333;
}