@charset "utf-8";

@import "base.css";
@import "common.css";
@import "style.css";
@import "gnav.css";
@import "gnav_sp.css";
@import "subPage.css";

/* group
---------------------------------------------------*/
/* index */
body.Group#index .mainImg {
	margin-bottom: 35px;
}

@media only screen and (max-width:767px) {
	body.Group#index .mainImg {
		margin-bottom: 20px;
	}
}

/* field */
body.Group#field .mainImg {
	margin-bottom: 0;
}

body.Group#field div.img {
	text-align: center;
	margin: 60px 0;
}

@media only screen and (max-width:767px) {
	body.Group#field div.img {
		margin: 25px 0 25px;
	}
}

/* group-list */
body.Group#group-list #pankuzu li:nth-child(2) {
	display:none;
}

body.Group#group-list #content .float {
	margin: 0 106px;
}

body.Group#group-list .linkBnr {
	width: 534px;
	padding: 40px 0;
	float: left;
}

body.Group#group-list .linkBnr+.linkBnr {
	margin-left: 40px;
}

body.Group#group-list .linkBnr:nth-of-type(1) {
	background: url("/img/group/group-list_bg_01.jpg") no-repeat;
	background-size: cover;
}

body.Group#group-list .linkBnr:nth-of-type(2) {
	background: url("/img/group/group-list_bg_02.jpg") no-repeat;
	background-size: cover;
}

body.Group#group-list .linkBnr h3 {
	background-color: rgba(255,255,255,0.75);
	text-align: center;
	margin: 0 35px;
}

body.Group#group-list .linkBnr h3 a {
	display: block;
	padding: 25px 0;
}

body.Group#group-list .linkBnr h3 span {
	background: url(/img/common/icn_arrow03.png) no-repeat left center;
	padding-left: 20px;
	font-size: 187.5%; /*30px*/
	letter-spacing: 0.1em;
}

body.Group#group-list div.img {
	text-align: center;
	clear: both;
	margin: 60px 0;
}

body.Group#group-list .tab_wrap {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 100px;	
}

body.Group#group-list .tab_area {
    width: 100%;
    zoom:1;
    padding:0;
    border-bottom:2px solid #006cb5;	
}

body.Group#group-list .tab_area li {
    float:left;
    padding:0 0 0 0;
    margin:0 5px 0 0;
}

body.Group#group-list .tab_area li.active {
    display:block;
    background:url(/common/images/cat_tab.gif) no-repeat left top #006cb5;
    width:192px;
    height:45px;
    line-height:42px;
    text-align:center;
    color:#ffffff;
    font-weight: normal;
}

body.Group#group-list .tab_area li{
    display:block;
    background:url(/common/images/cat_tab_off.gif) no-repeat left top;
    color:#000;
    font-weight: normal;
    width:192px;
    height:45px;
    line-height:42px;
    text-align:center;
}

body.Group#group-list .tab_area li a:hover {
    background:url(/common/images/cat_tab.gif) no-repeat left top #006cb5;
    color:#ffffff;
    opacity: 1;	
}

body.Group#group-list ul.list {
    zoom:1;
    padding:10px 0;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 50px auto;	
	background:url(/common/images/line_dot01.gif) repeat-x left bottom;
}

body.Group#group-list ul.list li {
    float:left;
    padding:0 10px;
    border-left:1px solid #999999;
}

body.Group#group-list ul.list li a{
	color:#016bb5;
}

body.Group#group-list ul.list li.current a{
    text-decoration:none;
    color:#333333;
}

body.Group#group-list ul::after{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

body.Group#group-list .linkHead {
  padding-top: 154px;
  margin-top: -154px;
	display: block;
}

body.Group#group-list table {
	margin-bottom: 1em;
    width: 100%;
}

body.Group#group-list table th {
  background:#8ac1e7;
  color:#ffffff;
  font-weight:bold;
  border-collapse:collapse;
}

body.Group#group-list table th, 
body.Group#group-list table td {
  border:2px solid #ffffff;
  padding:6px 15px;
  text-align:left;
}

body.Group#group-list table td {
	background:#f0f0f0;
}

body.Group#group-list table tr.odds td {
	background:#e5e5e5;
}

body.Group#group-list table td {
	line-height:130%;
}

body.Group#group-list table td a {
    background:url(/common/images/icon/icon_web.gif) no-repeat right center;
    padding:0 15px 0 0;
    color: #006cb6 !important;
	text-decoration: underline;
}

body.Group#group-list table td a:hover{
	text-decoration: none;
}

body.Group#group-list table td a.innr{
	background:none;
}

body.Group#group-list table td.label_ch01 {
	background: #ded3ef;
	color: #5a4ea0;
	font-weight:bold;
}

body.Group#group-list table td.label_ch02 {
	background: #f1d9df;
	color: #c14468;
	font-weight:bold;
}

body.Group#group-list table td.label_ch03 {
	background: #f5debf;
	color: #bc6201;
	font-weight:bold;
}

body.Group#group-list table td.label_ch04 {
	background: #edefa5;
	color: #989000;
	font-weight:bold;
}
                                                                      
body.Group#group-list table td.label_ch05 {
	background: #afeeee;
	color: #008080;
	font-weight:bold;
}


body.Group#group-list .tab_panel.active {
  display: block;
  z-index: 1;
}

body.Group#group-list .tab_panel {
    display: none;
    transition: all 0.5s ease 0s;
}

@media only screen and (max-width:767px) {
    body.Group#group-list #pankuzu li:nth-child(3) {
        clear: inherit;
        margin: 0;
        float: left;
  }
    
	body.Group#group-list #content .float {
		margin: 0 2%;
	}

	body.Group#group-list .linkBnr {
		float: none;
		width: 100%;
		padding: 20px 0;
	}

	body.Group#group-list .linkBnr+.linkBnr {
		margin-left: 0;
		margin-top: 15px;
	}

	body.Group#group-list .linkBnr h3 {
		margin: 0 2%;
	}

	body.Group#group-list .linkBnr h3 a {
		padding: 20px 10px;
	}

	body.Group#group-list .linkBnr h3 span {
		font-size: 100%; /*16px*/
		background: url(/img/common/icn_arrow03_sp.png) no-repeat left center;
		padding-left: 14px;
	}

	body.Group#group-list div.img {
		margin: 25px 0;
	}
	
    body.Group#group-list .tab_wrap {
        padding: 20px 2% 0;
        margin-bottom: 30px;
        width: auto;
        font-size: 75%;
        line-height: 1.6 !important;
    }	


    body.Group#group-list .tab_area li {
        margin: 0 3px 0 0;
    }

    body.Group#group-list .tab_area li.active {
        background: url(/common/images/cat_tab.gif) no-repeat left top;
        background-size: auto;
        background-size: contain;
        width: 150px;
        height: 35px;
        line-height: 35px;
    }
    body.Group#group-list .tab_area li {
        background:url(/common/images/cat_tab_off.gif) no-repeat left top;
        background-size: contain;
        width: 150px;
        height: 35px;
        line-height: 35px;
    }

    body.Group#group-list .tab_area li:hover {
        background:url(/common/images/cat_tab.gif) no-repeat left top #006cb5;
        color: #fff;
    }

    #contents .category_tab ul.list {
        zoom:1;
        padding:10px 0;
        margin:0;
        background:url(/images/line_dot01.gif) repeat-x left bottom;
    }

    #contents .category_tab ul.list li {
        border-left:1px solid #999999;
    }

    body.Group#group-list ul.list {
      margin: 0 auto 20px auto;
    }

    body.Group#group-list .tableLayout {
      width: 100%;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
    }	

    body.Group#group-list table {
        margin: 0 0 1em 0;
        width:100% !important;
        table-layout: inherit !important;
    }

    body.Group#group-list table p{
        margin-bottom:0.5rem !important;
    }

    body.Group#group-list table td,
    body.Group#group-list table th{
        white-space: nowrap;
    }

    body.Group#group-list .linkHead {
      padding-top: 70px;
      margin-top: -70px;
    }		
}