@charset "utf-8";
/*
Theme Name: E-ENGINEERING (STAR WORKS)
Author: STAR WORKS
Author URI: https://www.star-employ.com/
Description: レスポンシブテーマ
Version: 1.0
*/

body{
    font-family: "メイリオ", Meiryo, "Lato", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, sans-serif;
    color:#222222;
    background:#fff;
    line-height: 1.8;
    font-size: 14px;
}

/* レイアウト
*****************************************************/
#wrapper {
    margin:0 auto;
    width:100%;
    position: relative;
}
.inner{
    margin:0 auto;
    width:960px;
    position: relative;
}
.inner3{
    margin:0 auto;
    width: 960px;
    position: relative;
}
#wrapper_w100{
    width:100%;
}
#header{
    width: 100%;
    background:#fff;
    height: 135px;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.04);
    -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.04);
    -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.04);
}
#content{
    float:left;
    width:690px;
    padding:40px 0 50px;
}
#content_1col{
    width:960px;
    margin:0 auto;
    min-height: 300px;
    padding:0px 0 30px;
    min-height: 450px;
}
#top_content{
    min-height: 250px;
    padding:0
}
#sidebar{
    float:right;
    width:240px;
    padding:40px 0 50px;
}
#footer{
    background: #fff;
    width: 100%;
    clear:both;
}
.post{
    margin:0 0 20px 0;
    padding: 0px 0 20px;
}
.page_bg {

}


/* エレメント設定
------------------------------------------------------------*/
a{
    outline:0;
    background:transparent;
    color:#0079c5;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
a:hover, a:active{
    text-decoration: none;
    outline: none;
    color:#999;
}
::selection {
    background:#59af68;
    color:#fff;
}
::-moz-selection {
    background:#59af68;
    color:#fff;
}
strong {
    color: #333;
    font-weight: bold;
    font-weight: 700;
}
p {
    padding: 0 0 15px 0;
}
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 5px solid #eeeeee;
}
pre {
    padding: 10px 20px;
    border-left: 6px solid #ddd;
    background-color: #f7f7f7;
    overflow: auto;
    width: 90%;
    _width: 95%; /* for IE6 */
}
code {
    border-left: 5px solid #eee;
    background-color: #fafafa;
    overflow-x: scroll;
}
ul.sm-list {
    margin: 0 0 0 3px;
    padding: 10px 0 25px 0;
}
ul.sm-list li {
    margin: 0px 5px 0 5px;
    padding: 7px 0 7px 2px;
    border-bottom: 1px dotted #ddd;
    list-style: none;
}
h2{
    clear:both;
    text-align: center;
    margin: 10px 0 30px;
    padding: 0 0 10px;
    color: #222;
    font-size: 32px;
    font-weight: bold;
}
h2.title{
    font-size: 40px;
    font-weight: bold;
    font-weight: 700;
    font-style: italic;
    line-height: 1.4;
}
h2.title span{
    display: block;
    font-weight: normal;
    font-size: 14px;
    margin: 0;
    color: #999;
    line-height: 1.4;
}
h2.title span.green{
    display: inline;
    color: #222;
    font-size: 40px;
    font-weight: bold;
    font-weight: 700;
    font-style: italic;
    line-height: 1.4;
}
h3{
    clear:both;
    z-index: 1;
    position: relative;
    background: #009966 url(images/h3_bg.png) no-repeat right center;
    border: 1px solid #009966;
    border-left: 4px solid #00734e;
    font-size: 16px;
    margin: 0;
    padding: 12px 0 12px 13px;
    color: #fff;
    font-weight: bold;
    font-weight: 700;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
h3 span{
    float: right;
    position: relative;
    background: #ffcc00;
    color: #222;
    font-size: 13px;
    padding: 2px 10px;
    margin-right: 10px;
}
h3.h3blue{
    clear:both;
    background: #0079c5;
    border: 1px solid #0079c5;
    font-size: 16px;
    margin: 0;
    padding: 10px 0 10px 13px;
    color: #fff;
    border-left: 4px solid #00609e;
    border-bottom: none;
    font-weight: bold;
    font-weight: 700;
}
h3.h3black{
    clear:both;
    background: #303843;
    border: 1px solid #303843;
    font-size: 16px;
    margin: 30px 0 0 0;
    padding: 15px 15px 15px 20px;
    color: #fff;
    border: none;
    font-weight: bold;
    font-weight: 700;
}
h3.h3title {
    background: #fafafa;
    color: #222;
    margin: 25px 0 25px 0;
    padding: 15px 15px 15px 20px;
    font-size: 18px;
    border: none;
    border-left: 5px solid #308f40;
    line-height: 1.4;
}
.post h3{
    clear:both;
    z-index: 1;
    position: relative;
    background: #f7f7f7;
    border: none;
    border-left: 4px solid #308f40;
    font-size: 18px;
    margin: 20px 0 20px 0;
    padding: 12px 0 12px 15px;
    color: #222;
    font-weight: bold;
    font-weight: 700;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

h4 {
    clear: both;
    font-size: 16px;
    margin: 10px 0 15px 0;
    border-bottom: 1px solid #ddd;
    color: #222;
    font-weight: bold;
    font-weight: 700;
    padding: 8px 0 5px 3px;
}
h4 span{
    font-size: 24px;
}
.post h4 {
    background: url(images/h4_bg.png) no-repeat center left;
    padding: 8px 0 8px 30px;
}
h5 {
    clear: both;
    font-size: 15px;
    margin: 15px 0 15px 0;
    padding: 2px 0 4px 0px;
    font-weight: bold;
    font-weight: 700;
}
h6 {
    font-size: 14px;
    margin: 15px 0 10px 0;
    padding: 0;
    font-weight: bold;
    font-weight: 700;
}

.width90 {
    width: 90px;
    height: auto;
}
.box {
    background: #f7f7f7;
    border: 1px solid #e5e5e5;
    padding: 10px 20px;
}

.only_mobile {
    display: none;
}
@media only screen and (max-width: 960px){
    .no_mobile {
        display: none;
    }
    .only_mobile {
        display: block;
    }
}


/* ヘッダー
*****************************************************/

/* ヘッダートップ
----------------------------------*/
.header_top {
    height: 25px;
    line-height: 25px;
    background: #f7f7f7;
    padding: 0;
    font-size: 11px;
    color: #999;
}
.header_top span {
    float: right;
    margin-top: -2px;
    margin-right: 10px;
}

/* サイトタイトル
----------------------------------*/
#header h1{
    position: absolute;
    top: 20px;
    left: 0px;
}

/* サブスペース
----------------------------------*/
#hr_space {
    position: absolute;
    top: 45px;
    right: 10px;
}


/* メイン画像
----------------------------------*/
.mainimg_wrapper {
    width: 100%;
    max-height: 350px;
    overflow: hidden;
    margin: 0px auto 30px;
    position: relative;
}
.mainimg_wrapper .slide1 {
    width: 100%;
    height: 350px;
    background: url(images/slider/1.jpg) no-repeat center center;
}
.mainimg_wrapper .slide2 {
    width: 100%;
    height: 350px;
    background: url(images/slider/2.jpg) no-repeat center center;
}
@media only screen and (max-width: 960px){
    .mainimg_wrapper .slide1 {
        width: 100%;
        height: 350px;
        background: url(images/slider/1_min.jpg) no-repeat center center;
    }
    .mainimg_wrapper .slide2 {
        width: 100%;
        height: 350px;
        background: url(images/slider/2_min.jpg) no-repeat center center;
    }
}



/* トップ
----------------------------------*/
.quickmenu {
    display: table;
    width: 100%;
    border: 4px solid #007ac6;
    background: #eff7f9;
    box-sizing: border-box;
    border-radius: 3px;
    margin-bottom: 20px;
}
.quickmenu_in {
    display: table-cell;
    vertical-align: middle;
}
.quick_title {
    width: 220px;
    background: url(images/quickmenu_bg.png) no-repeat left center;
    text-indent: -9988px;
}
@media only screen and (max-width: 959px){
    .quick_title {
        width: 100%;
        height: 80px;
        background: #007ac6 url(images/quickmenu_bg.png) no-repeat left center;
        text-indent: -9988px;
    }
    .quickmenu_in {
        display: block;
        width: 100%;
    }
}

.sub_en {
    font-family: "Lato";
    text-align: right;
    font-size: 16px;
    color: #ccc;
}
.star-box {
    border: 1px solid #ddd;
    border-top: none;
    padding: 20px 20px;
    margin: 0 0 20px 0;
}

.top-y-box {
    color: #222;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 5px;
}

/* トップ 求人情報
----------------------------------*/
.kyujin_bg {
    background: #f3f3f3;
    padding-bottom: 20px;
    margin: 0 0 30px 0;
}
.kyujin_description {
    padding: 20px 10px;
    color: #888;
    text-align: center;
    font-size: 13px;
}
.kyujin-box {
    width: 220px;
    line-height: 1.4;
    display: inline-block;
    margin: 0;
}
.kyujin-title {
    background: #303843;
    color: #fff;
    padding: 10px;
    min-height: 55px;
}
.kyujin-title-text {
    overflow: hidden;
}
.kyujin-title span{
    display: block;
    font-size: 12px;
    color: #afb7bf;
}
.kyujin-title img {
    float: left;
    margin: 3px 10px 0 0;
}
.kyujin-con {
    border: 1px solid #ddd;
    background: #fff;
    border-top: none;
    padding: 5px 10px 10px 10px;
    font-size: 13px;
    box-sizing: border-box;
}
.kyujin-con-in {
    padding: 10px 0;
    border-bottom: 1px dotted #ccc;
}
.kyujin-con-in2 {
    padding: 10px 0;
}
.kyujin-subtitle{
    color: #222;
    font-weight: bold;
    margin: 0 0 3px 0;
}
.kyujin-con-in span{
    color: #222;
    font-weight: bold;
    margin: 0px 30px 0px 0;
}
.kyujin-btn{
    text-align: center;
    padding: 10px 0;
}
.kyujin-btn img{
    margin: 0 auto;
}


/* 20180705追記
----------------------------------*/

div.kyujin-btn a:first-child{
		display:inline-block;
		/*width:200px;*/
		margin:10px;
}

div.kyujin-btn a:nth-child(2){
		display:inline-block;
		/*width:200px;*/
		margin:10px;
}

/* トップ map
----------------------------------*/
.clickmap {
    width: 375px;
    height: 300px;
    position: relative;
    background: url(images/map_bg.png) no-repeat top left;
}
.clickmap .map_hoku{
    position: absolute;
    width: 90px;
    top: 110px;
    left: 270px;
}
.clickmap .map_kantou{
    position: absolute;
    width: 50px;
    top: 200px;
    left: 240px;
}
.clickmap .map_hokuriku{
    position: absolute;
    width: 90px;
    top: 140px;
    left: 130px;
}
.clickmap .map_toukai{
    position: absolute;
    width: 50px;
    top: 230px;
    left: 185px;
}
.clickmap .map_kinki{
    position: absolute;
    width: 50px;
    top: 240px;
    left: 125px;
}
.clickmap .map_tyugoku{
    position: absolute;
    width: 90px;
    top: 165px;
    left: 20px;
}
.clickmap .map_kyusyu{
    position: absolute;
    width: 90px;
    top: 250px;
    left: 0px;
}


/* トップ お知らせエリア
----------------------------------*/
.top_news_area {
    padding: 0 10px;
}
.top_news_area dl{
    clear: both;
    padding: 10px 0;
    border-bottom: 1px dotted #ddd;
}
.top_news_area dl dt{
    clear: both;
    float: left;
    margin-right: 30px;
}
.top_news_area dl dd{
    overflow: hidden;
}
.top_news_area dl:last-child {
    border-bottom: none;
}
@media only screen and (max-width: 959px){
    .top_news_area dl dt{
        float: none;
        display: block;
        margin: 0 0 8px 0;
    }
    .top_news_area dl dd{
        text-align: left;
    }
}



/* パンくずリスト
----------------------------------*/
#pankuzu {
    width: 100%;
    padding: 7px 0 7px;
    color: #999;
}
#pankuzu a{
    color: #999;
}
.pankuzu_inner {
    width: 960px;
    margin: 0 auto;
}
#pankuzu ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0 10px;
    font-size:12px;
}
#pankuzu ul li {
    display: inline;
    margin: 0 5px 0 0;
    padding: 0;
    font-size: 92%;
}


/* ページメインイメージ
----------------------------------*/
#maintitle{
    width: 100%;
    height: 200px;
    position: relative;
    background: url(images/p_title0.jpg) no-repeat fixed;
    background-position: top center;
}
.p_carrier-counseling {
    background: url(images/p_title2.jpg) no-repeat top center fixed !important;
}

.p_guidance {
    background: url(images/p_title22.jpg) no-repeat top center fixed !important;
    
}

.p_scouting {
    background: url(images/p_title4.jpg) no-repeat top center fixed !important;
}
.p_message {
    background: url(images/p_title3.jpg) no-repeat top center fixed !important;
}
.p_others {
    background: url(images/p_title0.jpg) no-repeat top center fixed !important;
}


@media only screen and (max-width: 960px){
    #maintitle{
        font-size: 160%;
        text-align: center;
    }
    
.p_carrier-counseling {
    background: url(images/p_title2.jpg) no-repeat top center fixed !important;
    background-size:cover;
}

.p_guidance {
    background: url(images/p_title22.jpg) no-repeat bottom center fixed !important;
    background-size:cover;
}

.p_scouting {
    background: url(images/p_title4.jpg) no-repeat top center fixed !important;
    background-size:cover;
}
.p_message {
    background: url(images/p_title3.jpg) no-repeat top center fixed !important;
    background-size:cover;
}
.p_others {
    background: url(images/p_title0.jpg) no-repeat top center fixed !important;
    background-size:cover;
}    
}


/* ページ共通
----------------------------------*/
.com_box {
    margin: 5px;
    padding: 12px 5px 15px;
    background: url(images/combox_bg.png) no-repeat top left;
    line-height: 1.6;
    font-size: 13px;
    color: #333;
}
.com_box_title {
    font-size: 15px;
    font-weight: bold;
    color: #222;
    padding: 3px 0 3px 15px;
    margin: 5px 0 15px 0;
    background: url(images/green_icon1.png) no-repeat center left;
}
.com_box_title a{
    color: #222;
}
.com_box_title a:hover{
    color: #666;
}


/* 求人詳細ページ
----------------------------------*/
table.pot_tbl {
    margin: 0 0 20px 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
table.pot_tbl th{
    background: #f7f7f7;
    color: #333;
    width: 18%;
    padding: 20px;
    border-bottom: 1px dotted #ddd;
}
table.pot_tbl td{
    padding: 20px;
    border-bottom: 1px dotted #ddd;
}
table.pot_tbl th img,table.pot_tbl td img{
    display: block;
}
@media only screen and (max-width: 644px){
    table.pot_tbl th{
        width: 100%;
        padding: 20px 0;
        text-align: center;
    }
    table.pot_tbl th,table.pot_tbl td{
        display: block;
    }
}


/* システム追加部分（新着一覧ほか）
*****************************************************/
h2.post_title {
    margin: 20px 0 0 0;
    padding: 5px 5px 0 5px;
    text-align: left;
    font-size: 26px;
}
.sub_title {
    border-bottom: 1px solid #eee;
    padding: 5px 5px 12px 5px;
    margin-bottom: 15px;
}
.post_date {
    color: #999;
    margin: 0 20px 0 0;
}
.post_uni {
    background: #0063a4;
    color: #fff;
    padding: 2px 10px;
    font-size: 12px;
    white-space: nowrap;
}
.post_uni a{
    text-decoration: none;
    color: #fff;
}
.post_in {
    padding: 20px;
}
.post_in img{
    float: left;
    margin: 0px 30px 30px 0;
    padding-top: 10px;
    width: 200px;
    height: auto;
}
.ichiran_box {
    clear: both;
    padding: 20px 15px 10px;
    border-top: 1px dotted #ddd;
    background: #fff
}
.ichiran_box:hover {
    background: #fafafa;
}
.ichiran_pic{
    float: left;
}
.ichiran_pic img{
    width: 120px;
    height: auto;
    margin: 5px 20px 10px 0;
}
.ichiran_text {
    overflow: hidden;
}
.ichiran_text p{
    padding: 10px 0 6px 0;
    font-size: 16px;
}
.ichiran_text p a{
    color: #222;
    background: url(images/green_icon3.png) no-repeat left center;
    text-decoration: underline;
    padding-left: 24px;
}
.ichiran_text p.ic_v a{
    background: url(images/human.png) no-repeat left center;
    padding-left: 35px;
}
.ichiran_text p a:hover{
    color: #999;
    text-decoration: none;
}
.pager {
    padding: 5px 0 40px !important;
    text-align: center;
}
@media only screen and (max-width: 644px){
    .ichiran_pic{
        float: none;
        text-align: center;
    }
    .ichiran_pic img{
        width: 80px;
        height: auto;
        margin: 0 auto;
    }
    .post_in img{
        float: none;
        display: block;
        width: 120px;
        height: auto;
    }
}




/* フッター
*****************************************************/
#footer #pageTop {
    position: fixed;
    margin: 0px;
    bottom: 0px;
    right: 10px;
    width:200px;
    height:60px;
    text-align: right;
    z-index: 1;
}
#footer #pageTop a {
    display: inline-block;
    font-size: 240%;
    background: #333 url(images/upper.png) no-repeat center center;
    color: #fff;
    width:60px;
    height:60px;
}

#footer #pageTop a#another {
    display: inline-block;
    font-size: 240%;
    background: #ff6d15 url(images/another.png) no-repeat center center!important;
    color: #fff;
    width:60px;
    height:60px;
}
#footer #pageTop a#back{

 display: inline-block;
    font-size: 240%;
    background: #333 url(images/back.png) no-repeat center center;
    color: #fff;
    width:60px;
    height:60px;}



#footer #pageTop a#contact {
    display:inline-block;
    font-size: 240%;
    background: #f33 url(images/contactoubo.png) no-repeat center center!important;
    color: #fff;
    width:60px;
    height:60px;
}








#footer {
    text-align: left;
    padding: 0 0 5px 0;
    margin: 30px 0 0 0;
    font-size: 11px;
    background: #f7f7f7;
    color: #bbb;
}

.group_btn_area_wrapper {
    width: 100%;
    background: url(images/gr_bg1.png) repeat-x;
    height: 65px;
}
.group_btn_area {
    width: 100%;
    height: 65px;
    background: url(images/gr_bg2.png) no-repeat top center;
    margin: 0 auto;
}
.group_btn_area ul li{
    float: left;
    box-sizing: border-box;
}
@media only screen and (min-width: 970px){
.pcNone{
	display:none;
	}
	
.pcNo{
	display:none;
	}	
	

.spNone {
    position: fixed;
    margin: 0px;
    bottom: 0px;
    right: 10px;
    width: 200px;
    height: 60px;
    text-align: right;
    z-index: 1;
}
.spNone a#back {
    display: inline-block;
    font-size: 240%;
    background: #333 url(images/back.png) no-repeat center center;
    color: #fff;
    width: 60px;
    height: 60px;
}
.spNone  a {
    display: inline-block;
    font-size: 240%;
    background: #333 url(images/upper.png) no-repeat center center;
    color: #fff;
    width: 60px;
    height: 60px;
    }

.spNone a#another {
    display: inline-block;
    font-size: 240%;
    background: #ff6d15 url(images/another.png) no-repeat center center!important;
    color: #fff;
    width:60px;
    height:60px;
}
.spNone a#contact {
    display:inline-block;
    font-size: 240%;
    background: #f33 url(images/contactoubo.png) no-repeat center center!important;
    color: #fff;
    width:60px;
    height:60px;
    }
}

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

.spNone{
	display:none;
	}


.pcNone {
    position: fixed;
    margin: 0px;
    bottom: 0px;
    width: 100%;
    height: 60px;
	right:0px;
	font-size:0px;
	text-align: left;
    z-index:1;
}
.pcNone a{
	font-size:0px;
	box-sizing: border-box;
	border-left:1px solid #666;
}

.pcNone a#contact2 {
    display: inline-block!important;
    background: #323232 url(https://www.star-employ.com/wp-content/themes/sw-portal/images/contact01.png) no-repeat center center!important;
    background-size:contain!important;
   width: 25%!important;
    height: 60px;
    margin: 0px;
}

.pcNone a#home {
    display: inline-block!important;
    background: #323232 url(https://www.star-employ.com/wp-content/themes/sw-portal/images/contact01_02.png) no-repeat center center!important;
    background-size:contain!important;
   width: 25%!important;
    height: 60px;
    margin: 0px;
}
.pcNone a#tel2 {
    display: inline-block!important;
    background: #323232 url(https://www.star-employ.com/wp-content/themes/sw-portal/images/contact02.png) no-repeat center center!important;
    background-size:contain!important;
    width: 25%;
    height: 60px;
    margin: 0px;
}
.pcNone a#another2 {
    display: inline-block!important;
    background: #323232 url(https://www.star-employ.com/wp-content/themes/sw-portal/images/contact03.png) no-repeat center center!important;
    background-size:contain!important;
    width: 25%;
    height: 60px;
     margin: 0px;

}
.pcNone a#t2 {
    display: inline-block!important;
    background: #323232 url(https://www.star-employ.com/wp-content/themes/sw-portal/images/contact04.png) no-repeat center center;
   background-size:contain!important;
   width: 25%;
    height: 60px;
        margin: 0px;
}

.pcNo{
 position: fixed;
    margin: 0px;
    bottom: 0px;
    width: 100%;
	right:0px;
	font-size:0px;
	text-align: left;
    z-index:1;
    width:100%;
	box-shadow: 0px -6px 8px #CCC;
	}
	
	
.pcNo a:hover {
	opacity:0.9;
}

}

@media only screen and (max-width: 969px){
    .group_btn_area_wrapper {
        background: #287736;
        height: auto;
    }
    .group_btn_area {
        background: none;
        height: auto;
    }
    .group_btn_area ul{
        text-align: center;
        margin: 0 auto;
    }
    .group_btn_area ul li{
        width: 50%;
    }
    .group_btn_area ul li a{
        display: block;
    }
    .group_btn_area ul li.gba00{
        width: 100%;
        background: #1d5226;
    }
    .group_btn_area ul li.gba05{
        width: 100%;
        background: #ffcc00;
    }
}

#footer .f_link ul{
    padding:20px 0 6px;
    text-align: center;
}
#footer .f_link ul li{
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    padding:0px 0;
    *zoom: 1;
    line-height: 1;
    border-right: 1px solid #bbb;
}
#footer .f_link ul li:last-child{
    border-right: none;
}
#footer .f_link ul li a{
    font-size: 11px;
    color: #333;
    padding:0 11px 0 7px;
    text-decoration: none;
}
#footer .f_link ul li a:hover{
    color: #888;
}

#footer .c_info{
    line-height: 1.5;
    color: #888;
    text-align: right;
    margin: 14px 0 8px 0;
    font-size: 11px;
}



#copyright{
    float: right;
    color: #888;
    padding:15px 8px;
    margin: 20px 20px 0 0;
}



/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){
    #mainNav {
        clear:both;
        width: 700px;
        height: 110px;
        margin: 0;
        float: right;
    }
    #mainNav ul{
        margin:0;
        padding: 0;
        display: table;
        width: 100%;
    }
    #mainNav ul li{
        height: 110px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        box-sizing: border-box;
        margin:0;
        padding: 0;
        position: relative;
    }
    #mainNav ul li a{
        color: #333;
        display: block;
        padding: 5px 10px 5px 10px;
        font-size: 13px;
        line-height: 1.2;
        text-decoration: none;
    }
    #mainNav ul li a span{
        display: block;
        margin-bottom: 10px;
    }
    #mainNav ul li:first-child{
        border-left:0;
    }
    nav div.panel{
        display:block !important;
    }
    a#menu{display:none;}



    nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li a:active, nav#mainNav ul li.current-menu-parent a{
        color: #007ac6;
    }
    nav#mainNav ul li.menu-item-has-children{
        background: url(images/has_child.png) no-repeat center bottom;
    }
    nav#mainNav ul li a:hover{
        padding-bottom: 10px;
    }


    nav#mainNav ul li ul.sub-menu{
        display: none;
        position: absolute;
        top: 110px;
        padding: 0;
        z-index: 1;
        box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    }
    nav#mainNav ul li ul.sub1{
        width: 250px;
        left: -150px;
    }
    nav#mainNav ul li ul.sub2{
        width: 180px;
        left: 99px;
        border-left: 1px solid rgba(255,255,255,0.1);
        border-right: 1px solid rgba(0,0,0,0.1);
        box-sizing: border-box;
    }
    nav#mainNav ul li ul.sub3{
        width: 180px;
        left: 279px;
        border-left: 1px solid rgba(255,255,255,0.1);
        box-sizing: border-box;
    }

    nav#mainNav ul li:hover ul.sub-menu {
        display: block;
    }
    nav#mainNav ul li ul.sub-menu li{
        display: inline-block;
        padding: 0;
        margin: 0;
        float: none;
        padding: 0;
        width: 180px;
        height: 36px;
        line-height: 36px;
        background: #005b96;
        color: #fff;
    }
    nav#mainNav ul li ul.sub1 li{
        width: 250px;
    }
    nav#mainNav ul li ul.sub2 li{
        width: 180px;
    }
    nav#mainNav ul li ul.sub3 li{
        width: 180px;
    }
    nav#mainNav ul li ul.sub-menu li a {
        display: block;
        border-bottom: 1px solid rgba(255,255,255,0.05);
        padding: 0px 15px;
        text-align: left;
        font-weight: normal;
        color: #fff;
        height: 36px;
        line-height: 36px;
        background: #007ac6;
        font-size: 12px;
    }
    nav#mainNav ul li ul.sub-menu li.lastchild a{
        border-bottom: none;
    }
    nav#mainNav ul li ul.sub-menu li a:hover {
        background: #0066a5;
        color: #fff;
    }
    nav#mainNav ul li ul.sub-menu li.current-menu-item a {
        display: block;
        font-weight: bold;
    }
}


/* メインメニュー 959px以下
------------------------------------------------------------*/
@media only screen and (max-width:959px){
    #mainNav{
        margin:0 auto;
        padding:0px;
    }
    nav .panel{
        display: none;
    }

    #mainNav .inner{
        position: relative;
        width:100%;
    }
    #mainNav a{
        display: block;
        text-decoration: none;
    }
    #mainNav a.menu{
        display: block;
        width: 50px;
        height: 50px;
        position: absolute;
        top: 30px;
        right: 10px;
        display:block;
        font-weight: bold;
        text-align:center;
        color:#fff;
        background: #f7bc00 url(images/menu_panel.png) no-repeat 12px 12px;
        z-index: 10;
    }
    #mainNav a#menu span{padding-left:0px;}
    #mainNav a.menuOpen{
        color:#fff;
        background: #222 url(images/menu_panel.png) no-repeat 12px 12px;
    }
    #mainNav a#menu:hover{cursor:pointer;}
    #mainNav ul{
        padding-top:0px;
    }
    #mainNav ul li{
        float: left;
        clear:both;
        width:100%;
        height:auto;
        line-height:1.2;
        margin: 0 auto;
    }
    #mainNav ul li a,#mainNav ul li.current-menu-item li a{
        display: block;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #292929;
        padding: 0px 18px;
        text-align: left;
        font-weight: normal;
        color: #fff;
        height: 45px;
        line-height: 45px;
        background: #222;
    }
    nav#mainNav ul li ul.sub-menu li a {
        display: block;
        border-bottom: 1px solid #333;
        border-top: none;
        padding: 0px 10px 0 35px;
        text-align: left;
        font-weight: normal;
        color: #fff;
        height: 34px;
        line-height: 34px;
        background: #2d2d2d;
    }

    #mainNav ul li a span{display:none;}

    a#menu{display:none;}

}


/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
    body {overflow-x: hidden;}
    #wrapper, #header, #header-mypage, .inner, #content_1col {width:100%;}
    .inner {width:95%; margin: 0 auto;}
    .inner3 {width:100%; margin: 0 auto;}
    #header {height: auto;}
    #header h1{position: static; padding: 22px 0px 20px 0px; margin: 0 auto; text-align: left; width:90%}
    #header ul{padding:0;}
    #header, #header .inner {width: 100%;}
    #header h2{
        position: static;
        width: 90%;
        line-height: 1px;
        margin: 0 auto;
        padding: 25px 0px 20px 0px;
        text-align:left;
    }

    #header .subnavi {
        position: static;
        float:none;
        text-align: center;
        margin: 0px 0 0 0;
    }
    #header .subnavi ul{
        position: static;
        float:none;
        text-align: center;
        margin: 15px 0 0 0;
        padding: 0;
        font-size: 100%;
    }
    #header .subnavi ul li{
        margin: 0 10px;
        padding: 0;
    }
    #header .subnavi ul li a{
        font-size: 100%;
    }
    #pankuzu {display: none;}

    #mainNav ul, .thumbWrap{margin:0 auto;}
    #mainNav ul ul{padding:0;}
    nav div.panel{float:none;}
    #content, #content_1col, #sidebar, .post{
        clear:both;
        width:95%;
        float:none;
        margin:0 auto;
        padding:20px 0;
    }
    #footer{margin:0;border:0;text-align:center;}
    #footer ul{text-align:center;}
}


/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
    #header{text-align:center;}
    #header h1,#header ul{float:none;}
    .post h2{
        font-size:180%;
    }
    img.alignright, img.alignleft{display: block; margin:5px auto;}
    .alignright,.alignleft{float:none;}


    span#bookmark-banner img{
    width:60%!important;
    float:right;	}

}
/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 1200px){
	#work_count_wap{
		width: 88%;
	}	
}
/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (min-width: 970px){
	#work_count_wap{
		width: 85%;
	}	
}
/* 幅644px以下から ヘッダー等微調節*/
@media only screen and (max-width: 644px){
	#work_count_wap{
		width: 60%;
	}
}

#work_count_wap{
	cursor: pointer;
    display: none;
    bottom: 0;
    left: 0;
    font-size: 30px;
    position: fixed;
    z-index: 9999;
    background-color: #007ac6;
    color: #fff;
	text-align: center;
}

#work_count_wap a{
	width: 100%;
	color: #fff;
	display: inline-block;
}