/*
Template:nextage
Theme Name:nextage-child
Version:4.1
*/

/* ヘッダー */
#header-inner{
	width: 100%!important;
	background-image: url(http://www.nandai-s.com/cms/wp-content/uploads/2020/02/top-right.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
#logo_image #logo {
    left: 7.5rem!important;
}

/* パンくずリスト */
#bread_crumb_wrapper {background-color: #666!important;}


/* トップ ニュースタブ部分 */
.full_content {
        max-width:750px;
		height: 300px;
        position:relative;
        margin:10px auto 0;
        clear:both;
}

.tabmenu{
        width:24.9%;
        background:#333;
        float:left;
        list-style:none;
        padding:10px 0 10px;
        text-align:center;
        display:block;
        cursor: pointer;
        color:#FFF;
}

.tabactive{background:#0077B3!important;}

.active, .hover {
        background:#57BDCC;
        color: #fff;
}

.tabmenu img:hover { opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";}

.mr01{margin-right:1px;}

.tabcontent {
        width:100%;
        margin-top:5%;
        left:0;
	position:absolute; 
}

.tabcontent dl{max-width:750px; margin: 20px auto;}

.tabcontent dl dt{padding:0 20px 5px; border-bottom: solid 1px #e2e2e2; margin-bottom:10px;}

.tab_title{margin-top: 10px; padding: 10px 20px 5px; font-weight: bold; border-bottom: 1px #999 solid;}

#top_widget_area {margin-top: 5rem!important;}

/* サイドバナー */
.side_widget{text-align:center;}
.side_widget img {width: 70%!important;}

/* 詳細ページ　次の記事、前の記事部分 */
.post {
    padding-bottom: 0!important;
    background-image: none!important;
}


/* トップ下　フェイスブック */
.top_widget{width:48%!important;}
.fb-box iframe{height:210px;}

/* フッター */
.footer_widget.widget_nav_menu .menu li {font-size: 13px!important;}
.footer_widget {width: 21%!important; padding: 0 20px 0 20px!important;}

/* 共通項目  */
.new-txt{
	background: red;
	border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 80%;
    margin-left: 10px;
    padding:0 8px;
    text-align: center;}

.post_list li.post_category {/* 一覧ページのアイコン  */
 padding: 0 0 20px 17px!important;
}

/* 島へのアクセス */
.access-box {
    border: 4px solid #0077B3;
    padding: 1rem;
    border-radius: 10px;
	text-align: center;
	margin-bottom: 2rem;
}
.access-box h3 {
    color: #0077B3;
    font-size: 1.3rem;
}

.access-box2{
    border: 4px solid #99CCFF;
    padding: 1rem;
    border-radius: 10px;
	text-align: center;
	margin-bottom: 2rem;
}

.access-box2-ttl {
    font-size: 18px!important;
    font-weight: bold;
    color: #000;
    margin: 4rem 0 2rem!important;
}

.access-box2-sub {
    font-size: 1.2rem;
    margin: 0!important;
}

.access-box2-cap figure {
    font-size: 1.4rem;
    white-space: nowrap;
}

.btn-blue{width: 85%!important;}
.btn-blue a {font-size: 1rem; width:85%; margin-top: 1rem;}

/* 青年部、女性部日誌 */
.diary-detail h3 {
    font-size: 1.1rem;
    margin-bottom: 2rem;
}

.ttl {
    font-size: 1rem;
    font-weight: bold;
}
.diary-detail p {margin: 0!important;}
.diary-detail .content{margin-bottom:2rem!important}

/* 求人情報  */
.form-dl {
    position: relative;
    padding: 1rem 0 4rem;
}
.form-dl a {
    display: block;
    width: 20%;
    background: #0077B3;
    border-radius: 5px;
    padding: 1rem;
    text-align: center;
    right: 0;
    position: absolute;
	color:#fff;
	text-decoration: none;
}

.form-dl a:hover{	color:#fff;}

.jobs-detail {
    display: flex;
    display: -webkit-flex;
    display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.job-contents {width: 47%; padding: .5rem;}
.job-contents h3{
    position: relative;
	margin: 2rem 0 1rem;
    padding: .5em;
    border-left: 8px solid #444;
    line-height: 1.2;
    font-size: 1.2em;
}
.job-contents h3:after{
content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    height: 0;
    width: 100%;
    border-bottom: 1px dotted #ddd;
}

/** スマホ表示（〜767px） **/
@media screen and (max-width: 767px) {

/* ヘッダー */
#header-inner{background:none;}	
#logo_image_mobile a{height:auto!important;}

/* パンくず */	
.breadcrumbs{display:none;}
#bread_crumb li {
    display: inline-block!important;
    line-height: normal;
}

 /* トップ ニュースタブ部分 */	
.full_content {max-width: 100%;}
.full_content div:first-child {
    font-size: .7rem;
    padding: 12px 0;
}
	
.tab_title {margin: 1rem 0!important;}
.tabmenu {width: 24.7%;}
.tabcontent {
    width: 100%;
    margin-top: 10%;
}

.tabcontent {margin-top: 10%;}
	
	/* トップ下　フェイスブック */
	.top_widget{width:100%!important;}
	.fb-box iframe{margin-bottom:2rem;}
	
/* 島へのアクセス */
.page figure {
    margin: 0 0 1rem;
    padding: 0;
}
	
/* 求人情報  */
.job-contents {width: 100%;}
.form-dl a{width: 90%;}
	
}