/*マップのcss*/
@media (min-width: 768px){



.boxa:after {content: "";
             display: block;
             clear: both}

.boxb {float: left;
       width:80%;}

.box4 {float: left;
       width: 20%;}



.boxb:after {content:"";
             display: block;
             clear: both}


.box2 {float: right;
       width: 75%;}

.box3 {float: left;
       width: 25%}

}



.area_box_j {border: solid 1px lightpink;
           margin-bottom: 30px;}

p.area_j {background-color: lightpink;
        padding: 3px 0px;
        margin: 0}

.area_j a {
    display: block;
    text-decoration: none;
    color: black;
    font-size: 16px;
	  text-align: center;
    padding: 5px;
}

.area_j a:hover {opacity:0.7}



.area_box_s {border: solid 1px khaki;
           margin-bottom: 30px;}

p.area_s {background-color: khaki;
        padding: 3px 0px;
        margin: 0}

.area_s a {
    display: block;
    text-decoration: none;
    color: black;
    font-size: 16px;
	  text-align: center;
    padding: 5px;
}

.area_s a:hover {opacity:0.7}


.area_box_k {border: solid 1px aqua;
           margin-bottom: 30px;}

p.area_k {background-color: aqua;
        padding: 3px 0px;
        margin: 0}

.area_k a {
    display: block;
    text-decoration: none;
    color: black;
    font-size: 16px;
	  text-align: center;
    padding: 5px;
}

.area_k a:hover {opacity:0.7}


.area_box_c {border: solid 1px limegreen;
           margin-bottom: 30px;}

p.area_c {background-color: limegreen;
        padding: 3px 0px;
        margin: 0}

.area_c a{
    display: block;
    text-decoration: none;
    color: black;
    font-size: 16px;
	  text-align: center;
    padding: 5px;
}

.area_c a:hover {opacity:0.7}


a.area_info {
    text-decoration: none;
    color: black;
    padding: 5px;
	  display: block;
}



/*最新タイトル*/


.saisin {
    
    background-color: #eeeeee;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    padding-left: 15px;
}

#mainmenu {
    margin-bottom: 70px;
    display: none;
}


@media (min-width: 768px){

.sitenava {display: none;
    }


}






#page-top{
    position:fixed;
    right:16px;
    bottom:16px;
    display: none;
}
 
#page-top a{
    color:#fff;
    padding:10px;
    text-decoration:none;
    display:block;
    cursor:pointer;
    text-align:center;
    background:#aaa;
    line-height:100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
     -moz-border-radius: 5px; 
}
 
#page-top a:hover{
    background:#8b8b8b;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
}




/*tab関連*/

@media (max-width: 350px){
.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .3em 0 0;
    border-bottom-width: 0;
    white-space: nowrap;
    text-align: center;
    width: auto;
}

#tabs ul li a {
    font-size: 12px;
}

}









iv#tabs {
    width: 90%;
    margin: 0 auto;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .3em 0 0;
    border-bottom-width: 0;
    white-space: nowrap;
    text-align: center;
    width: auto;
}


#tabs ul li a {
   
    width: auto;
    }

/*ボックス内に収める重要*/
div#tabs {
    border: 1px solid #c5c5c5;
    /*display: inline-block;*/
}



/*タグ印関連*/

.tag {
    margin-bottom: 10px;
}




.tag span {
    
    color: white;
    padding: 3px;
    font-size: 12px;
	  border-radius: 5px 5px 0 0;
}









/*サイドバー抜粋*/
.text {
    font-size: 12px;
    color: black;
}


/*メニュー*/
.mainmenu ul li {
    border-bottom: solid 1px;
}




.menu-item-142 :before {
  position: relative;
  content:'\f015';
  font-family: FontAwesome;
  color:#000;
	right:10px
}


.menu-item-145 :before {
  position: relative;
  content:'\f02c';
  font-family: FontAwesome;
  color:#000;
	right:10px
}


.menu-item-146 :before {
  position: relative;
  content:'\f0f5 ';
  font-family: FontAwesome;
  color:#000;
	right:10px
}

.menu-item-330 :before {
  position: relative;
  content:'\f0fc';
  font-family: FontAwesome;
  color:#000;
	right:10px
}


.menu-item-147 :before {
  position: relative;
  content:'\f006';
  font-family: FontAwesome;
  color:#000;
	right:10px
}


.menu-item-143 :before {
  position: relative;
  content:'\f024';
  font-family: FontAwesome;
  color:#000;
	right:10px
}


.menu-item-144 :before {
  position: relative;
  content:'\f179';
  font-family: FontAwesome;
  color:#000;
	right:10px
}



.menu-item-738 :before {
  position: relative;
  content:'\f1da';
  font-family: FontAwesome;
  color:#000;
	right:10px
}






form.search-form {
    width: 25%;
    float: right;
    margin-right: 30px;
    margin-bottom: 10px;
}


/*pr*/
.proya {
    padding-left: 0px;
    margin-bottom: 30px;
    overflow: hidden;
    margin-bottom: 90px;
}







.pr1 {
    float: left;
    padding-right: 50px;
}


/*newアイキャッチの画像位置設定*/
.catch {
    margin: 0 auto;
    max-width: 100%;
	  text-align:center;
 
}


/*アコーディオン*/
#accordion {
margin: 20px 10px;
background: #FFF;
}

#accordion h3 {
	padding-left: 15px;
	line-height: 46px;
	font-size: 16px;
	text-shadow: 1px 1px 1px #FFF;
	border-bottom: 1px solid #CACACA;
	background: #DBDBDB url('')
		no-repeat center left;
	-webkit-background-size: 22px 9px;
	background-size: 22px 9px;
}

#accordion li a {
	color: black;
	 display: block;
	 padding: 0 10px;
	 line-height: 46px;
	text-decoration: none;
	border-bottom: 1px dotted #DBDBDB;
	background: url('')
		no-repeat center right;
	-webkit-background-size: 28px 18px;
	background-size: 28px 18px;
}
#accordion li:last-child a {
	
border-bottom: none;	
}


ul#ui-id-2 {
    list-style: none;
}

#ui-id-4 li {list-style: none;}

.fa fa-chevron-circle-down {
	padding-right: 5px;}



#accordion li a:hover {
    background-color: #eeeeee;
}











/*アコーディオン*/

ul.children {
    list-style: none;
}

#accordion ul li a:before {
	position: relative;
    content: '\f054';
    font-family: FontAwesome;
    color: #bbb;
    
    right: 7px
   
}


#accordion h3 {
    padding-left: 15px;
    line-height: 25px;
    font-size: 16px;
     text-shadow: 0px 0px 0px!important; 
    border-bottom: 1px solid #CACACA;
    background: #DBDBDB url(channelnc.com/) no-repeat center left;
    -webkit-background-size: 22px 9px;
    background-size: 22px 9px;
}


.ui-widget-content {
    border: 0px solid #dddddd;
    background: #ffffff;
    color: #333333;
}