@charset "UTF-8";
/*   
Theme Name:Dnext Design for RAP Modified
Theme URI:http://dotnext.co.jp/
Description:Original Theme
Author:dotnext INC.
Author URI:http://dotnext.co.jp/
Version:1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dnext-design-for-rap
*/
html{
    background-color: #666;
}
/****************************************************
 ヘッダー
*/
#headertools li{
    background: url(./images/gray_arrow_r.png) no-repeat;
    padding: 0 0 0 12px;
}

#headertools a{
    color: #666;
    font-size: 105%;
}
/****************************************************
 フッター
*/
#pagetopa{
    display: block;
    min-height: 40px;
    background-color: #fff;
    text-align: center;
    position: relative;
}
#pagetopa span{
    /* line-height: 40px; */
    position: absolute;
    bottom: 12px;
    left: 0;
    width: 100%;
}
#pagetopa span:before{
    content: '';
    display: inline-block;
    background: url(./images/pagetop_arrow.png) no-repeat left center;
    width: 15px;
    height: 13px;
    margin-right: 5px;
}
@media screen and (max-width: 800px) {
		#pagetopa:before{
		    content: '';
		    display: block;
		    background: url(./images/pagetop_arrow.png) no-repeat center center;
		    width: 40px;
		    height: 40px;
		}
		#pagetopa span {
				height: 0;
				width: 0;
				overflow: hidden;
		}
		#pagetopa span:before {
				content: none;
		}
}

/*
#headertools a:hover{
    text-decoration: none;
}
*/


/****************************************************
 フロントページ
*/
/*一覧表示*/
.front-list {
    line-height: 1.5;
    margin-bottom: 24px;
}
/*２列表示の左側*/
.oddbox {
    margin-right: 3%;
    width: 48.5%;
    float: left;
}
/*２列表示の右側*/
.evenbox {
    width: 48.5%;
    float: right;
}
@media screen and (max-width: 460px) {
	.oddbox {
	    margin-right: 0;
	    width: 100%;
	    float: none;
	}
	.evenbox {
	    width: 100%;
	    float: none;
	}
}

/*見出しの装飾*/
.front-list .list-head{
    position: relative;
    margin-top: 24px;
    margin-bottom: 4px;
    background: #f3f4f3; /* Old browsers */
    background: -moz-linear-gradient(top, #f3f4f3 0%, #e5e5e5 100%) ; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f3f4f3 0%,#e5e5e5 100%) ; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f3f4f3 0%,#e5e5e5 100%) ; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f4f3', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    border: 1px solid #CCC;
    -moz-border-radius:  6px 6px 0 0 / 6px 6px 0 0;
    -webkit-border-radius:  6px 6px 0 0 / 6px 6px 0 0;
    border-radius: 6px 6px 0 0 / 6px 6px 0 0;
    overflow: hidden;
    box-shadow:0px 4px 0px 0px #e5e5e5;
}
.front-list .list-head h2{
    background: none !important;
    font-size: 80% !important;
    padding: 4px !important;
    margin: 0!important;
    padding-left: 0 !important;
    clear: both;
}
.front-list .list-head span{
    position: relative;
    color: #ffffff;
    background: #1F6211; /* Old browsers */
    background-image: -moz-linear-gradient(top, #4A8500 0%, #1F6211 100%); /* FF3.6-15 */
    background-image: -webkit-linear-gradient(top, #4A8500 0%,#1F6211 100%); /* Chrome10-25,Safari5.1-6 */
    background-image: linear-gradient(to bottom, #4A8500 0%,#1F6211 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4A8500', endColorstr='#1F6211',GradientType=0 ); /* IE6-9 */
    padding: 10px 56px 10px 8px;
}

.front-list .list-head span:after{
    position: absolute;
    content: '';
    right: 0px;
    top: 0px;
    display: inline-block;
    width: 42px;
    height: 100%;
    background-color: #e5e5e5; /* Old browsers */
    background-image: -moz-linear-gradient(top, #f3f4f3 0%, #e5e5e5 100%) ; /* FF3.6-15 */
    background-image: -webkit-linear-gradient(top, #f3f4f3 0%,#e5e5e5 100%) ; /* Chrome10-25,Safari5.1-6 */
    background-image: linear-gradient(to bottom, #f3f4f3 0%,#e5e5e5 100%) ; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f4f3', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    -moz-border-radius:  80px 0 0 0 / 50px 0 0 0;
    -webkit-border-radius:  80px 0 0 0 / 50px 0 0 0;
    border-radius: 80px 0 0 0 / 50px 0 0 0;
}
.front-list .list-head a.list-link{
    line-height: 18px;
    font-size: 90%;
    position: absolute;
    right: 10px;
    top: 5px;
}
.front-list .list-head a.list-link:after{
    content: ' ';
    display: inline-block;
    background: url(./images/green_arrow_r.png) no-repeat left center;
    width: 0.65rem;
    height: 0.65rem;
    background-size: contain;
    margin-left: 5px;
}

/****************************************************
 一覧関連
*/
/*NEWアイコン*/
span.new-icon{
    display: inline-block;
    margin: 0 0 0 8px;
    padding: 3px 5px 1px;
    background-color: #D33E2A;
    color: white;
    font-size: 80%;
    font-weight: bold;
    letter-spacing:1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
/****************************************************
 一覧要素
*/
.list-meta{
    padding: 4px;
    background: #F5F5F5;
}

.list-date{
    font-family: Georgia, "Times New Roman", Times, serif;
    /* white-space: nowrap; */
    color: #6f6f6f;
    font-size: 114%;
    display: inline-block;
}

.list-cat{
    color: #ffffff;
    margin: 0 0 0 8px;
    background: #757575;
    font-size: 80%;
    padding: 3px 4px 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow:1px 1px 0px 1px #707070;
    display: inline-block;
    width: 80%;
    text-align: center;
}
/****************************************************
 フロントページの一覧
*/
.front-list .list-row{
    border-bottom: 1px dotted #CCC;
}
/*
.jp .front-list .list-date{
    width: 109px;
}
.en .front-list .list-date{
    width: 90px;
}
*/
.front-list .list-cat{
    display: block;
    float: right;
    width: 30%;
}
.front-list .list-title{
    padding: 8px 4px;
}
.front-list .list-info{
    padding: 0 4px 8px;
    font-size: 90%;
}

/****************************************************
 個別ページ　ニュース一覧
*/
.single-list {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.single-list .list-row{
    display: table-row;
}

.single-list .list-meta{
    display: table-cell;
    width: 8em;
    background: #fff;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px dotted #CCC;
}
.single-list .list-title{
    display: table-cell;
    border-bottom: 1px dotted #CCC;
    padding: 10px 4px;
}
@media screen and (max-width: 560px) {
		.single-list,
		.single-list .list-row,
		.single-list .list-title {
			display: block;
		}
		.single-list .list-meta {
			display: inline-block;
			border-bottom: 0;
		}
		.single-list .list-title {
			padding-top: 0;
		}
}

/****************************************************
 個別ページ　イベントステータス
*/
.statustab {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 24px 0;
}
.statustab li {
    margin:0 1%;
    display: inline-block;
    width: 48%;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #CCC;
    background: #FFF;
    background: -moz-linear-gradient(top, #FFF 40%, #EEE 60%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#FFF), color-stop(60%,#EEE));
    background: -webkit-linear-gradient(top, #FFF 40%, #EEE 60%);
    background: -o-linear-gradient(top, #FFF 40%, #EEE 60%);
    background: -ms-linear-gradient(top, #FFF 40%, #EEE 60%);
    background: linear-gradient(to bottom, #FFF 40%, #EEE 60%);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-shadow:2px 2px 2px 0px #ccc;

}
.statustab li:hover {
    background: #EEE;
    background: -moz-linear-gradient(top, #F5F5F5 40%, #E5E5E5 60%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#F5F5F5), color-stop(60%,#E5E5E5));
    background: -webkit-linear-gradient(top, #F5F5F5 40%, #E5E5E5 60%);
    background: -o-linear-gradient(top, #F5F5F5 40%, #E5E5E5 60%);
    background: -ms-linear-gradient(top, #F5F5F5 40%, #E5E5E5 60%);
    background: linear-gradient(to bottom, #F5F5F5 40%, #E5E5E5 60%);
}

.statustab li a {
    padding: 10px 0;
    display: inline-block;
    width: 100%;
    font-size: 120%;
    color: #333;
}
.statustab li a:hover {
    text-decoration: none;
}

.statustab li.active {
    padding: 10px 0;
    position: relative;
    font-size: 120%;
    color:#FFF;
    background:#588213 ;
    background: -moz-linear-gradient(top, #588213  40%, #456F00 60%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#588213 ), color-stop(60%,#456F00));
    background: -webkit-linear-gradient(top, #588213  40%, #456F00 60%);
    background: -o-linear-gradient(top, #588213  40%, #456F00 60%);
    background: -ms-linear-gradient(top, #588213  40%, #456F00 60%);
    background: linear-gradient(to bottom, #588213  40%, #456F00 60%);
    box-shadow: none;
}
.statustab li.active:after {
    top: 99%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(38, 131, 0, 0);
    border-top-color: #456F00;
    border-width: 10px;
    margin-left: -10px;
}
@media screen and (max-width: 480px) {
	.statustab li:first-child {
		width: 49%;
		margin-left: 0;
	}
	.statustab li:last-child {
		width: 49%;
		margin-right: 0;
	}
}
/****************************************************
 個別ページ　イベント一覧
*/
.event-list .list-row{
    border-bottom:1px dotted #CCC;
    padding: 8px;
}
.event-list .event-title{
    padding: 4px 4px 0 0px;
    font-size: 110%;
}
.event-list .event-info{
    padding: 4px 4px 0 32px;
    font-size: 90%;
}
@media screen and (max-width: 480px) {
	.event-list .list-row {
		padding: 8px 4px;
	}
	.event-list .event-title {
		padding: 4px 0 0;
	}
	.event-list .event-info {
		padding: 4px 0 4px 16px;
	}
}
/****************************************************
 個別ページ　イベント詳細
*/
.event-content .image{
    float: left;
    margin-right: 24px;
}
.event-outline caption {
	height: 0;
	width: 0;
	overflow: hidden;
}
.event-outline th,
.event-outline td{
    border : 1px solid #ccc;
    padding: 16px;
    vertical-align: top;
    text-align: left;
}
.event-outline th{
    background-color: #F5F5F5;
    font-weight: bold;
    width: 150px;
}
.event-outline td:nth-child(2){
    width: 431px;
}
.event-outline td p{
    margin: 0 !important;
}
/****************************************************
 個別ページ　試験結果
*/
.checklist table {
	border: 1px solid #ccc;
}
.checklist th,
.checklist td {
	border: 1px solid #ccc;
	padding: 6px;
}
.checklist th {
	background-color: #F5F5F5;
	white-space: nowrap;
}
.checklist td:nth-child(3),
.checklist td:nth-child(4),
.checklist td:nth-child(5) {
	text-align: center;
}
.checklist td:last-child {
	width: 4em;
}
.scroll-hint {
	display: none;
}
@media screen and (max-width: 640px) {
	.checklist {
		width: 100%;
		overflow: auto;
	}
	.checklist table {
		width: 560px;
	}
	.checklist::-webkit-scrollbar {
		height: 5px;
	}
	.checklist::-webkit-scrollbar-track {
		background: #f1f1f1;
	}
	.checklist::-webkit-scrollbar-thumb {
		background: #bcbcbc;
	}
	.scroll-hint {
		display: block;
	}
}
/****************************************************
 404や記事なし関連
*/
.nothing{
    font-size: 110%;
    color: #6f6f6f;
}
/*フロントページ*/
.front-list .nothing{
    background: #F5F5F5;
    margin: 0 !important;
    padding: 8px;
    border-bottom: 1px dotted #CCC;
}
.none{
    border-top: 5px solid #DDD;
    padding-top: 29px;
}
.headline1 {
    font-size: 180%;
    padding: 10px 10px 10px 20px;
    margin: 10px 10px 10px 20px;
    border-left: solid 2px #7A0;
}

/*--------------------------------------------------------------
   icon
--------------------------------------------------------------*/
div#lead p > a.noicon,
div#maintxt p > a.noicon,
.pubalignright a.noicon{
    background: none !important;
}
/* 外部リンク
div#lead p > a[target="_blank"],
div#maintxt p > a[target="_blank"]{
	padding-right: 18px;
	background: url("./images/icon_extralink.gif") no-repeat top right;
} */
/* zip */
div#lead p > a[href$=".zip"],
div#maintxt p > a[href$=".zip"]{
	padding-right: 18px;
	background: url(./images/icon_ziplink.gif) no-repeat top right;
}
/* pdf */
div#lead p > a[href$=".pdf"],
div#maintxt p > a[href$=".pdf"],
.pubalignright a[href$=".pdf"]{
	padding-right: 18px;
	background: url(./images/icon_pdflink.gif) no-repeat top right;
}
/* word */
div#lead p > a[href$=".doc"],
div#maintxt p > a[href$=".doc"],
div#lead p > a[href$=".docx"],
div#maintxt p > a[href$=".docx"]{
	padding-right: 18px;
	background: url(./images/icon_wordlink.gif) no-repeat top right;
}
/* excel */
div#lead p > a[href$=".xls"],
div#maintxt p > a[href$=".xls"],
div#lead p > a[href$=".xlsx"],
div#maintxt p > a[href$=".xlsx"]{
	padding-right: 18px;
	background: url(./images/icon_excellink.gif) no-repeat top right;
}
/* powerpoint */
div#lead p > a[href$=".ppt"],
div#maintxt p > a[href$=".ppt"],
div#lead p > a[href$=".pptx"],
div#maintxt p > a[href$=".pptx"]{
	padding-right: 18px;
	background: url(./images/icon_pptlink.gif) no-repeat top right;
}

/*--------------------------------------------------------------
   Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
  margin: 8px 16px 8px 0;
}

.alignright {
	display: inline;
	float: right;
  margin: 8px 0 8px 16px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
   Theme Check
--------------------------------------------------------------*/
/* 投稿等キャプション付きの画像を追加したときのキャプションのスタイル */
/* 投稿でギャラリーを追加した時のキャプションのスタイル */
.wp-caption,
p.wp-caption-text,
.gallery-caption {
	font-weight:bold;
	color:#333;
	max-width: 100%;
}
/* 今まで使ったことの無い機能　このクラスが使用されることは無い */
.sticky {
    font-size: 2rem;
}
/* 管理者がコメントした時に適用されるスタイル コメント不使用なので適用されることはない */
.bypostauthor {
	font-weight:bold;
}

/* 文字を隠すためのクラス seventeenの設定をコピー */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}
/* style.css ヘッダーに Text Domain: とか追記 */

/*--------------------------------------------------------------
   お問合せForm
--------------------------------------------------------------*/
input.form-textbox,
input.form-email,
textarea.form-textarea {
    padding: 5px 10px;
    margin-left: 10px;
    margin-bottom: 5px;
    max-width: 100%;
    box-sizing: border-box;
}
.mw_wp_form span.error {
    margin-left: 5px;
    display: inline-block;
}
p.form-confirm-text {
    display: none;
}
div.mw_wp_form_confirm p.form-confirm-text {
    display: block;
}

.grecaptcha-badge {
	visibility: hidden;
}