/*実験　全体文字カラー指定*/
body {
    color: #525252;
    font-size: 16px;
}



@media screen and (max-width: 1199px) { 
    html {
        font-size: 16px; font-size: 62.5%; 
    }
    body {
        font-size: 1.2rem; /*12px*/
    }
    .h1 , h1 { font-size: 24px;  font-size: 2.4rem;}
    .h2 , h2 { font-size: 22px;  font-size: 2.2rem;}
    .h3 , h3 { font-size: 20px;  font-size: 2.0rem;}
    .h4 , h4 { font-size: 18px;  font-size: 1.8rem;}
    .h5 , h5 { font-size: 16px;  font-size: 1.6rem;}
    .h6 , h6 { font-size: 14px;  font-size: 1.4rem;}
}

@media screen and (max-width: 991px) {
    html {
        font-size: 16px; font-size: 62.5%; 
    }
    body {
        font-size: 1.2rem; /*12px*/
    }
    .h1 , h1 { font-size: 22px;  font-size: 2.2rem;}
    .h2 , h2 { font-size: 20px;  font-size: 2.0rem;}
    .h3 , h3 { font-size: 18px;  font-size: 1.8rem;}
    .h4 , h4 { font-size: 16px;  font-size: 1.6rem;}
    .h5 , h5 { font-size: 14px;  font-size: 1.4rem;}
    .h6 , h6 { font-size: 14px;  font-size: 1.4rem;}
}


@media screen and (max-width: 767px) {
    html {
        font-size: 16px; font-size: 62.5%; 
    }
    body {
        font-size: 1.2rem; /*12px*/
    }
    .h1 , h1 { font-size: 20px;  font-size: 2.0rem;}
    .h2 , h2 { font-size: 18px;  font-size: 1.8rem;}
    .h3 , h3 { font-size: 16px;  font-size: 1.6rem;}
    .h4 , h4 { font-size: 14px;  font-size: 1.4rem;}
    .h5 , h5 { font-size: 14px;  font-size: 1.4rem;}
    .h6 , h6 { font-size: 14px;  font-size: 1.4rem;}
    .br-sp { display:none;}
}




a , a:hover {
    text-decoration: none;
}

.logo,
.add {
    margin-top: auto;
    margin-bottom: auto;
}

.bg {
background-blend-mode: screen ;
background-image: url(http://shokasonjyuku.biz/rg_cimages/blog/2_6.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #92dc65;
}

header .h1 ,
header .h2 ,
header .h3 ,
header .h4 ,
header .h5 ,
header .h6 
{
	margin-top:	0px;
	margin-bottom:	10px;
}

header .blog{
	margin-top:	15px;
	margin-bottom:	15px;
}


.panel-body h1 ,
.panel-body h2 ,
.panel-body h3 ,
.panel-body h4 ,
.panel-body h5 ,
.panel-body h5
{
	margin-top:	0px;
	margin-bottom:	0px;
}

/*  article */

article .h1 ,article h1 {
 font-size: 24px; font-size: 2.4rem;
 margin-top:0;
}


article .h2 ,article h2 { font-size: 22px;  font-size: 2.2rem;}
article .h3 ,article h3 { font-size: 30px;  font-size: 3.0rem;}
article .h4 ,article h4 { font-size: 18px;  font-size: 1.8rem;}
article .h5 ,article h5 { font-size: 16px;  font-size: 1.6rem;}
article .h6 ,article h6 { font-size: 14px;  font-size: 1.4rem;}

article .h1 , article h1,
article .h2 ,article h2 ,
article .h3 ,article h3 ,
article .h4 ,article h4 ,
article .h5 ,article h5 ,
article .h6 ,article h6 
{
    font-weight: 700;
}

article .desc {
    margin: 30px auto 30px auto ;
    font-size: 14px;
    font-weight: 400;
    line-height:1.5em;
}


@media (min-width: 768px)
article .dl-horizontal dd {
    margin-left: 200px;
}
article dd {
    margin-left: 0;
}
article dd, dt {
    line-height: 2em;
}

/*  article */



/* sidemenu */

.side_menu .h1 , .side_menu h1,
.side_menu .h2 , .side_menu h2,
.side_menu .h3 , .side_menu h3,
.side_menu .h4 , .side_menu h4,
.side_menu .h5 , .side_menu h5,
.side_menu .h6 , .side_menu h6 {
    margin: 0;
}

.side_menu .h1 , .side_menu h1 { font-size: 24px; }
.side_menu .h2 , .side_menu h2 { font-size: 22px; }
.side_menu .h3 , .side_menu h3 { font-size: 20px; }
.side_menu .h4 , .side_menu h4 { font-size: 18px; }
.side_menu .h5 , .side_menu h5 { font-size: 16px; }
.side_menu .h6 , .side_menu h6 { font-size: 14px; }

.side_menu .list-group-item.active ,
.side_menu .list-group-item.active:focus
{
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top,#f5f5f5 0, #f5f5f5 50%, #f5f5f5 100%); 
    background-image: -o-linear-gradient(top,#f5f5f5 0, #f5f5f5 50%,#f5f5f5 100%);
    border-color: #e0e0e0;
 
}

.side_menu .list-group-item.active:hover,
.side_menu .list-group-item .active a:hover,
.side_menu .list-group-item:hover,
.side_menu .list-group-item a:hover
{
    background-repeat: repeat-x;
 background-color:#f5f5f5;
    text-decoration: none;

}

.side_menu .h1 , .side_menu h1,
.side_menu .h2 , .side_menu h2,
.side_menu .h3 , .side_menu h3,
.side_menu .h4 , .side_menu h4,
.side_menu .h5 , .side_menu h5,
.side_menu .h6 , .side_menu h6 {
    font-weight: 700;
    text-shadow: none;

}

.side_menu a .h1 , .side_menu a h1,
.side_menu a .h2 , .side_menu a h2,
.side_menu a .h3 , .side_menu a h3,
.side_menu a .h4 , .side_menu a h4,
.side_menu a .h5 , .side_menu a h5,
.side_menu a .h6 , .side_menu a h6 {
    font-weight: 700;
    text-shadow: none;
    color:#8c8c8c;
}

.side_menu .active .h1 , .side_menu  .active  h1,
.side_menu .active .h2 , .side_menu  .active  h2,
.side_menu .active .h3 , .side_menu  .active  h3,
.side_menu .active .h4 , .side_menu  .active  h4,
.side_menu .active .h5 , .side_menu  .active  h5,
.side_menu .active .h6 , .side_menu  .active  h6
{
    font-weight: 700;
    text-shadow: none;
    color:#8c8c8c;
}





/* sidemenu */


.description {
    display:block;
    margin-bottom: 15px;
}

.description p {
    margin: 5px;
}

.hright p
{
    margin: 5px;
}

.r_image {
    padding: 2px;
}


/* プルダウンメニュータイプ時のカテゴリバーカラー */
.cCat {
    background-color:#00a280;
}


/* BackGraoud Wide Class */
.wTopHead,    
.wDesc,       
.wMenu,       
.wBreadcrumbs 
.wCarousel,   
.wMain,       
.wWhatsNew,   
.wGray,       
.wInquiry,    
.wCategory,   
.wEntry,      
.wCatMonth,   
.wCatYear,    
.wbgray       
 {
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
}


.wTopHead	{ background-color: rgba(255,255,255,0); }



.wDesc		{ background-color: rgba(255,255,255,0);}
.wMenu		{ background-color: rgba(255,255,255,0);}
.wBreadcrumbs		{ background-color: #f5f5f5;}

.wCarousel { 
/*
background-blend-mode: screen ;
background-image: url(http://shokasonjyuku.biz/rg_cimages/blog/2_6.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #ccc;
*/
}

.wMain		{ background-color: rgba(255,255,255,0);}
.wWhatsNew		{ background-color: rgba(255,255,255,0);}

.wInquiry	{ background-color: #fff;}
.wCategory	{ background-color: #fff;}
.wEntry		{ background-color: #fff;}
.wGray		{ background-color: #fff;}


.wTopHead	{ 
/*
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top,#ffffff 0, #ffffff 80%, #cccccc 85%, #666666 95%,#333333 100% ); 
    background-image: -o-linear-gradient(top,#ffffff 0, #ffffff 80%, #cccccc 85%, #666666 950%,#333333 100%);
*/
/*
    background-image: -webkit-linear-gradient(top,#ffffff 0, #ffffff 85%, #666666 90%, #333333 95%,#000000 100% ); 
    background-image: -o-linear-gradient(top,#ffffff 0, #ffffff 95%, #333333 97%, #ffffff 98%,#333333 100%);
*/
/*
*/

    background-color: #ffff33;

}

.wFooter	{ 
    background-color: rgba(0,0,0,0.0);
    border-top: #efefef;
    border-top: 10px solid #ffff33;

}

.wbgray		{ 
	/*
	margin-top:		15px;
	margin-bottom:		15px;
	*/
	background-color:	#333377;
	color:			#fff;
}


.wWhite		{ 
	margin-top:		0;
	margin-bottom:		0;
	background-color:	#fff;
}

.wBRed		{ 
	margin-top:		0;
	margin-bottom:		0;
	background-color:	#922;
}



.nTopHead,
.nDesc,
.nMenu,
.nBreadcrumbs
.nCarousel,
.nMain,
.nWhatsNew,
.nGray,
.nInquiry, 
.nCategory,
.nEntry, 
.nCatMonth,
.nCatYear,
.nbgray {
	 background-color: #ffff33;
}

/* BackGraoud Wide Class */


.tWhite{
	color:#fff;
}



/* Sclor Rock */

#menu-wrap {
  width: 100%;
  height: auto;
  background-color :#0dd4bf;
}

.fixed{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
}

/* SNS Box */
#sns{
	position:relative;
	height: 20px;
	z-index: 99999;
}


.sns_block{
    float:right;
	position:absolute;
	right:0;
	height: 20px;
}

.fixed .sns_block{
	position:fixed;
	top:0;
	margin-right:0;
	height: 20px;
}

.sns_body{
	height: 20px;
    float:right;
}

#sns_box {
    float:right;
    margin:0;
    width:auto;
    height:20px;
    background-color: rgba(255,255,255,0.0);
}

#sns_box .sns_item {
   float:left;
   margin-top: 1px;
   margin-left: 2px;
   width:auto;
   height:20px;
}

/*
#sns_box ul.list-unstyled{
   margin:0;
   padding:0;
}

#sns_box ul.list-unstyled li{
   list-style:none;
   margin-top: 1px;
   width:80px;
   height:20px;
   display:block;
}
*/

/*Page Top */
#pagetop_btn {
    position:fixed;
    right:20px;
    bottom:20px;
    cursor:pointer;
}

#pagetop_btn{
    width:80px;
    height:50px;
    font-size: 30px;
}

/*
dt {
    margin-top: 0.5em;
}

dd {
    margin-left: 1em;
    margin-bottom: 1em;
}
*/

.dropdown-menu > li
{   position:relative;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    /*user-select: none;*/
    cursor:pointer;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    display:none;
    margin-top: -1px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-left-color:#fff;
    box-shadow:none;
}
.right-caret:after,.left-caret:after
 {  content:"";
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0;
    margin-left:5px;
}
 
.right-caret:after
{   border-left: 5px solid #ffaf46;
}
 
header{
    /*margin-bottom: 10px;*/
}
 
.navbar {
    position: relative;
    min-height: 50px;
    margin-top: 0px;
    margin-bottom: 5px;
    border: 1px solid transparent;
}


h1.logo{
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
 
.well{
    margin-bottom: 0;
    padding: 5px;
}
.content {
    /*border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;*/
}
 
.carousel,
.breadcrumb {
    margin-top: 0px;
    margin-bottom: 30px
}

.footer{

    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*
#iframeBlock {
    height:100%;
    .iframeBody{
        height:100%;
        iframe{
            border:none;
            width:100%;
            height:100%;
            padding:0;
            margin:0;
        }
    }
}
*/

.dropdown-submenu {
  position: relative;
}
 
.dropdown-submenu >.dropdown-menu {
/*  top: 0;
  left: 100%;*/
  top: 2em;
  left: 1em;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}
 
.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}
 
.dropdown-submenu >a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}
 
.dropdown-submenu:hover>a:after {
  border-left-color: #fff;
}
 
.dropdown-submenu.pull-left {
  float: none;
}
 
.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
 
.title img {
  margin-top: 0;
  margin-left: 0;
}
 
.title {
    /*padding: auto;*/
    /*height: auto;*/
}


@media only screen and (max-width: 767px){
    .yamm-fw,
    .dropdown-toggle,
    .dropdown-menu
     {
        clear: both;
        float: left;
    }
 
}
.black {
    background-color: #000;
    margin: 10px;
    padding: 10px;
    height: auto;
    width: auto;
}
 
.gray {
    background-color: #eee;
    margin: 10px;
    padding: 10px;
    height: auto;
    width: auto;
}
 
 
/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .yamm-content {
  padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}
 
.mm_list{
    margin-top: 1em; 
}
 
.mm_entry a{
    color: #009900;
}
 
li .ent a{
    color: #009900;
}
 
li .active .ent a{
    background-color :#009900;
    color: #fff;
}





a .info,
 .info {
	width:100%; 
	height:12em; 
	border:solid 2px #999; 
	/*border-right:solid 2px #ccc;*/
	/*border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px ;*/
	border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
	text-decoration: none;
}

/*
.info > ,
a .info >
{
}
*/
.info,
a .info,
a .info:hover,
.info0,
a .info0,
a .info0:hover,
.info1,
a .info1,
a .info1:hover,
.info2,
a .info2,
a .info2:hover,
.info3,
a .info3,
a .info3:hover,
.info4,
a .info4,
a .info4:hover
{
	text-decoration: none;
	/*Boder*/
	width:100%; 
	height:12em; 
	border:solid 2px #999; 
	border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
}

.info,
a .info
{
	/*BackGround*/
	background:
		radial-gradient(ellipse farthest-corner at left top, rgba(255,255,255,0.0), rgba(255,255,255,0.5)),
		linear-gradient(to right, rgba(32,108,108,0.9), rgba(64,128,128,0.3) ),
		url("http://shokasonjyuku.info/rg_cimages/bg02.jpg")no-repeat 50% 50% ;
}

.info,
a .info:hover
{
	/*BackGround*/
	background:
		radial-gradient(ellipse farthest-corner at right bottom, rgba(255,255,255,0.0), rgba(255,255,255,0.5)),
		linear-gradient(to left, rgba(32,108,108,0.9), rgba(64,128,128,0.3) ),
		url("http://shokasonjyuku.info/rg_cimages/bg02.jpg")no-repeat 50% 50%;
}

.info0,
a .info0
{
	/*BackGround*/
	background:
		radial-gradient(ellipse farthest-corner at left top, rgba(255,255,255,0.0), rgba(255,255,255,0.5)),
		linear-gradient(to right, rgba(32,108,108,0.9), rgba(64,128,128,0.3) ),
		url("http://shokasonjyuku.info/rg_cimages/bg02.jpg")no-repeat 50% 50% ;
}

.info0,
a .info0:hover
{
	/*BackGround*/
	background:
		radial-gradient(ellipse farthest-corner at right bottom, rgba(255,255,255,0.0), rgba(255,255,255,0.5)),
		linear-gradient(to left, rgba(32,108,108,0.9), rgba(64,128,128,0.3) ),
		url("http://shokasonjyuku.info/rg_cimages/bg02.jpg")no-repeat 50% 50%;
}
.info1,
a .info1
{
	/*BackGround*/
	background:
		radial-gradient(ellipse farthest-corner at left top, rgba(255,255,255,0.0), rgba(255,255,255,0.5)),
		linear-gradient(to right, rgba(46,112,210,0.9), rgba(83,124,173,0.3) ),
		url("http://shokasonjyuku.info/rg_cimages/bg01.jpg")no-repeat 50% 50% ;
}

.info1,
a .info1:hover
{
	/*BackGround*/
	background:
		radial-gradient(ellipse farthest-corner at right bottom, rgba(255,255,255,0.0), rgba(255,255,255,0.5)),
		linear-gradient(to left, rgba(46,112,210,0.9), rgba(83,124,173,0.3) ),
		url("http://shokasonjyuku.info/rg_cimages/bg01.jpg")no-repeat 50% 50%;
}

.info2,
a .info2
{
	/*BackGround*/
	background:
		radial-gradient(ellipse farthest-corner at left top, rgba(255,255,255,0.0), rgba(255,255,255,0.5)),
		linear-gradient(to right, rgba(128,112,210,0.9), rgba(168,124,173,0.3) ),
		url("http://shokasonjyuku.info/rg_cimages/bg02.jpg")no-repeat 50% 50% ;
}

.info2,
a .info2:hover
{
	/*BackGround*/
	background:
		radial-gradient(ellipse farthest-corner at right bottom, rgba(255,255,255,0.0), rgba(255,255,255,0.5)),
		linear-gradient(to left, rgba(128,112,210,0.9), rgba(168,124,173,0.3) ),
		url("http://shokasonjyuku.info/rg_cimages/bg02.jpg")no-repeat 50% 50%;
}

.info3,
a .info3
{
	/*BackGround*/
	background:
		radial-gradient(ellipse farthest-corner at left top, rgba(255,255,255,0.0), rgba(255,255,255,0.5)),
		linear-gradient(to right, rgba(44,192,128,0.9), rgba(88,192,128,0.3) ),
		url("http://shokasonjyuku.info/rg_cimages/bg01.jpg")no-repeat 50% 50% ;
}

.info3,
a .info3:hover
{
	/*BackGround*/
	background:
		radial-gradient(ellipse farthest-corner at right bottom, rgba(255,255,255,0.0), rgba(255,255,255,0.5)),
		linear-gradient(to left, rgba(44,192,128,0.9), rgba(88,192,128,0.3) ),
		url("http://shokasonjyuku.info/rg_cimages/bg01.jpg")no-repeat 50% 50%;
}

.info4,
a .info4
{
	/*BackGround*/
	background:
		radial-gradient(ellipse farthest-corner at left top, rgba(255,255,255,0.0), rgba(255,255,255,0.5)),
		linear-gradient(to right, rgba(44,44,44,0.9), rgba(88,88,88,0.3) ),
		url("http://shokasonjyuku.info/rg_cimages/bg02.jpg")no-repeat 50% 50% ;
}

.info4,
a .info4:hover
{
	/*BackGround*/
	background:
		radial-gradient(ellipse farthest-corner at right bottom, rgba(255,255,255,0.0), rgba(255,255,255,0.5)),
		linear-gradient(to left, rgba(44,44,44,0.9), rgba(88,88,88,0.3) ),
		url("http://shokasonjyuku.info/rg_cimages/bg02.jpg")no-repeat 50% 50%;
}

.info h1, .info h2, .info h3, .info h4, .info h5, .info h6,
.info0 h1, .info0 h2, .info0 h3, .info0 h4, .info0 h5, .info0 h6,
.info1 h1, .info1 h2, .info1 h3, .info1 h4, .info1 h5, .info1 h6,
.info2 h1, .info2 h2, .info2 h3, .info2 h4, .info2 h5, .info2 h6,
.info3 h1, .info3 h2, .info3 h3, .info3 h4, .info3 h5, .info3 h6,
.info4 h1, .info4 h2, .info4 h3, .info4 h4, .info4 h5, .info4 h6
{
 	padding: 0px 5px 1px 10px;
	color:#ffffff;
	font-weight: 300;
	text-decoration: none;
	text-shadow: -1px -1px 1px #666, 1px 1px 1px #333;
	/*
	text-shadow:
		0 0 25px #ffffff,
		0 0 20px #ffffff,
		0 0 0.40px #ffffff;*/
/*
		2px 0px #3b3b3b,
		3px 3px 0px #616161;
*/
}

.info p {
	padding: 5px 15px 5px 15px;
	color:#ffffff;
}


a .info *:hover,
a .info:hover *,
a:hover .info * 
{
	text-decoration: none;
} 

.banner{
	padding-bottom: 15px;
}

.embed-responsive {
	margin: 10px 10px 20px 10px;
}

.panel {
	margin-top: 10px;
}
footer {
    margin-top: 10px;
}

/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .yamm-content {
  padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}





/*ナビカラー指定変更*/


.navbar-default{
background-color: #0dd4bf;
}

.navbar{
background-color: #0dd4bf;
}


.navbar-default{
	
	background-image : none;
}

.navbar-default .navbar-brand{
	  color: #FFFFFF;
}

.navbar-default .navbar-nav li a{
	  color: #FFFFFF;
}



.navbar-default .navbar-brand:hover{
	  color: #FFFFFF;
}

/*ナビ背景カラー指定
#menu-wrap {
	background-image:url("menubk.jpg")
}
*/

/*  ナビ　オーバー　有効カラー */
.navbar-default .navbar-nav > li a:hover,
.navbar-default .navbar-nav > li.open a:hover,
.navbar-default .navbar-nav > li.active a:hover
{

background-color: #1aecd6;
    /*    background: rgb(59,103,158);
    background: -moz-linear-gradient(top, rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100% );
    background: -webkit-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    background: linear-gradient(to bottom,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); 
filter:;
    progid: DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8', GradientType=0 );
    */
    color:#ffffff;
}


/*フッター背景カラー指定*/
.wFooter {
	background-color: #66ccff;
}


.footer{
    background-color: #66ccff;
    border-left: 1px solid #66ccff;
    border-right: 1px solid #66ccff;
    border-top: 1px solid #66ccff;
    border-bottom:  1px solid #66ccff;
    color: #FFFFFF;
}

.footer p{
color:#FFFFFF;
}


.footer p a:link
color:#FFFFFF;
}

/*  TOP-h2タイトル */

.tex-gre{
	color:#000000;
	color:#0075c2;
	
}

/*  TOP-h2背景 */

.backcolor{
	padding: 20px 0px 50px 0px;
	background-color:	#ffecd4;
	color:			#000000;
}


/*  下位ページh1タイトル */

.h3 {
  font-weight: bold;
  position: relative;
  padding: 2em 2em 0em 2em;
  color:#327d00;
  text-align:center;
  background: url("http://www.e-ath.com/rg_cimages/h3bkA.png") repeat-x;
  background-size:contain;
}


/*
.h3::before,
.h3::after {
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 6px;
  box-sizing: border-box;
}
.h3::before {
  top: 0;
  border-top: 2px solid #085aad;
  border-bottom: 1px solid #085aad;
}
.h3::after {
  bottom: 0;
  border-top: 1px solid #085aad;
  border-bottom: 2px solid #085aad;
}

*/

/*  下位ページh2タイトル */

.panel-body h2{
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #085aad;
}

/*  トップピックアップコンテンツ（オリジナル） */


.bgtop01{
	background-color:#f3f3f3;
    padding: 30px 0px 50px 0px;

}


.toppick img{
 display:block;
margin:0px auto 50px auto;
}


.toppick h2{
	padding: 0px 0px 50px 0px;
	color:#0075c2;
}

.toppick p{
	padding: 0px 0px 50px 0px;
}


/*  ボタンカラー（オリジナル） */


.btn-primary {
  color: #fff;
  background-color: #0075c2;
  border-color: #0075c2;
}

.btn-primary:hover {
  color: #fff;
  background-color: #265a88;
  border-color: #265a88;
}


/*カテゴリタイトル */

.cate_title h1{
 font-size: 2.8em;
 color:#baea96;
 text-align:center;
 padding-bottom: .5em;
 border-top: 8px solid #baea96;
 border-bottom: 8px solid #baea96;
 padding: 0.8em 0.8em;
 margin:20px 0px 20px 0px;
}

.cate_title h1 span{
 font-size: 0.5em;
}


/* 新着情報 */

.label-primary{background-color:#0075c2}




/* 実験（オリジナル） */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: rgba(13, 212, 191, 0.8);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

/* 実験（メガメニューの説明タブバックカラー */
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #ff5454;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}


/* 実験（フッターのリンク選択前・時 */
a {
    color: #35a2ff;
    text-decoration: none;
}

a.hu {
    color: #ffffff;
    text-decoration: none;
}

a:focus, a:hover {
    color: #75ffe2;
    text-decoration: underline;
}

 
/* 実験（　トップとボトムへのパーティション  */
.ptb0 {
    padding: 0px 0px 0px 0px;
}

.ptb1 {
    padding: 10px 0px 10px 0px;
}

.ptb2 {
    padding: 20px 0px 20px 0px;
}
.ptb3 {
    padding: 30px 0px 30px 0px;
}


/* 実験（　トップのみパーティション  */

.pt1 {
    padding: 10px 0px 0px 0px;
}

.pt2 {
    padding: 20px 0px 0px 0px;
}
.pt3 {
    padding: 30px 0px 0px 0px;
}


/* 実験（　ボトムのみパーティション  */

.pb1 {
    padding: 0px 0px 10px 0px;
}

.pb2 {
    padding: 0px 0px 20px 0px;
}
.pb3 {
    padding: 0px 0px 30px 0px;
}


 
/* 実験（　ライトまたはレフトのパーティション　削除  */

.hidari0 {
    padding: 0px 15px 0px 0px;
}

.migi0{
    padding: 0px 0px 0px 15px;
}




/* バックグラウンドイメージを全画面表示に */
.carou_back{
  background-size: cover;
 text-align:center;
}


/* 実験　h1.h2.h3.h4　の自作CSS */


.tai_000_1{
    background-image: linear-gradient(to bottom,#8accf2 0,#8accf2 100%);
    color: #fff;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.tai_000_2{
    background-image: linear-gradient(to bottom,#f00808 0,#f00808 100%);
    color: #fff;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.tai_000_3{
    background-image: linear-gradient(to bottom,#83af23 0,#83af23 100%);
    color: #fff;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}


.tai_000_4{
    background-image: linear-gradient(to bottom,#7ec26c 0,#7ec26c 100%);
    color: #fff;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}



.tai_001{
    background-image: linear-gradient(to bottom,#3881c1 0,#3881c1 100%);
    color: #fff;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}


.tai_001s{
    background-image: linear-gradient(to bottom,#3881c1 0,#3881c1 100%);
    color: #fff;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 6px 10px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}



/* 実験　TOP文字　の自作CSS */

.TOP_000{
    color: #91c9d1;
}

.TOP_001{
    color: #0075c2;
}

.TOP_001b{
    color: #0075c2;
    font-size: 24px;
}

.TOP_002{
    color: #ef08e7;
}

.TOP_002b{
    color: #ef08e7;
    font-size: 24px;
}

.TOP_003{
    color: #349306;
}

.TOP_003b{
    color: #349306;
    font-size: 50px;
}

.TOP_004{
    color: #f60b0b;
}

.TOP_004b{
    color: #f60b0b;
    font-size: 35px;
}


/* 実験　pバックカラー＋マージン　の自作CSS */
p.bk {
    color: #fff;
    background-color: #43A047;
    /* border: 4px solid #ff8c00; */
    /* border-width: thin; */
    padding: 0.5em;
}


/* 実験 divバックカラー　の自作CSS */
div.bk {
    background-color: #e4e2ce;
}

/* 実験　th バックカラー*/

th.bk {
background-color: #efefef;
}

th.bk_kete {
background-color: #dbf2fb;
}

td.JIS_T {
color: #0068B7;
}


/* 実験　th＆td バックカラー（グリーン）*/
th.bkg {
background-color: #c9ffb3;
}

td.bkg {
background-color: #d0e9c6;
}

td.bkg_T {
background-color: #d0e9c6;
color: #0068B7;
}

/* 実験　th＆td バックカラー（ブルー）*/
th.bkb {
background-color: #d2efff;
}

td.bkb {
background-color: #eaf8ff;
}

td.bkb_T {
background-color: #eaf8ff;
color: #0068B7;
}


/* 実験　th＆td バックカラー（イエロー）*/
th.bky {
background-color: #ffff87;
}

td.bky {
background-color: #f9f9cc;
}

td.bky_T {
background-color: #f9f9cc;
color: #0068B7;
}




/* 実験　汎用タイトルA*/
.bg-primary1 {
    color: #fff;
    padding: 10px 0px 10px 15px;
    background-color: #009d5a;
}

.bg-primary1-1 {
    color: #fff;
    padding: 10px 0px 10px 15px;
    background-color: #66ccff;
}

.bg-primary2 {
    color: #fff;
    padding: 20px 0px 20px 15px;
    background-color: #009d5a;
}

.bg-primary3 {
    color: #fff;
    padding: 30px 0px 30px 15px;
    background-color: #009d5a;
}


/* 実験　マウスオーバー時上から下へA*/
.bkr1 {
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: 2px solid #333;
  color: #333;
  line-height: 50px;
  overflow: hidden;
}
.bkr1:hover {
  color: #fff;
}
.bkr1::after {
  top: -100%;
  width: 100%;
  height: 100%;
}
.bkr1:hover::after {
  top: 0;
  background-color: #333;
}



/* 実験　ミニナビ用領域カラー　設定*/
.page_navi {
    background-color: #eaf5ff;
    border: 4px solid #0089ff;
    border-width: thin;
    padding: 1em;
}


/* 実験　カルーセルの画像を横幅いっぱいに表示*/


.item img {
    width:100%;
}
 
.fluid2 {
    padding:0;
}


/* 実験　カルーセルの両サイド影と矢印指定*/

/*左側*/
.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(255,255,255,.15) 0,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}


/*右側*/
.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(255,255,255,.15) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}



/*両サイド矢印*/
.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: .5;
}








/*
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
*/


  .table-responsive{
   min-height:.01%;overflow-x:auto}



/*スマホ表示　リンクテキストカラー*/
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #FFFFFF;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #FFFFFF;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #FFFFFF;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #FFFFFF;
    background-color: transparent;
  }

.navbar-toggle {
    color: #FFFFFF;
}


.nav>li>a:focus, .nav>li>a:hover{
background-color:#0075c2;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a .navbar-nav>.focus>a .navbar-nav>.hover>a .navbar-nav>.visited>a{
background-image : none;
}