/******************************************************************
Theme Name: Bones (Rename Me!)
Theme URI: http://www.themble.com/bones
Description: This site was built using the Bones Development Theme. For more information about Bones or to view documentation, you can visit the <a href="https://github.com/eddiemachado/bones/issues" title="Bones Issues">Bones Issues</a> page on Github. You'll want to customize this for your clients with your own information.
Author: Your Name Here
Author URI: http://www.yoururlhere.com
Version: 1.7
Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support

License: WTFPL
License URI: http://sam.zoy.org/wtfpl/
Are You Serious? Yes.

MAKE SURE TO READ BELOW BEFORE GETTING STARTED FOR THE FIRST TIME!
------------------------------------------------------------------
|-- 404.php （404エラーページ）
|-- archive-custom_type.php （カスタム投稿一覧ページ）
|-- archive.php （ブログ一覧ページ）
|-- comments.php （コメント）
|-- editor-style.css （エディター用）
|-- favicon.ico （ファビコン）
|-- favicon.png（ファビコン）
|-- footer.php　（フッター）
|-- functions.php （テーマ機能）
|-- header.php （ヘッダー）
|-- index.php　（表紙）
|-- library　（CSS／JS関連ファイルをまとめたフォルダ）
|-- page-custom.php （カスタム固定ページ）
|-- page.php　（固定ページ）
|-- post-formats （投稿フォーマット関連ファイルをまとめたフォルダ）
|-- screenshot.png　（スクリーンショット）
|-- search.php　（検索）
|-- sidebar.php　（サイドバー）
|-- single-custom_type.php （カスタム投稿シングルページ）
|-- single.php　（投稿シングルページ）
|-- style.css （スタイルシート）
|-- taxonomy-custom_cat.php　（カスタム投稿カテゴリーページ）
******************************************************************/

/*----------------------------------------------------
	サイト固有
----------------------------------------------------*/
*{
	margin:0;
	padding:0;
	text-decoration:none;
	box-sizing:border-box;
	font-size:14px;
	font-family: "メイリオ",Meiryo,Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
a:link, a:visited:link, a:visited{
	color:#028409;
}
a:hover{
	color:#45ad14;
}
html{
	/*overflow-x:hidden;*/
}
body{
	min-width:1180px;
	background-color:#FFF;
	overflow-x:hidden;
}
.mywidth{
	width:1080px;
	margin:auto;
}
img{
	border:none;
}
img,iframe{
	vertical-align: bottom;
}
#scroll-top a {
	border-radius: 4px;
	background: url("images/jadp-base_26.png") no-repeat center center;
	bottom: 70px;
	display: block;
	float: right;
	height: 100px;
	padding: 5px;
	position: fixed;
	right: 30px;
	width: 100px;
	opacity:0.5;
}
.tx-center{
	text-align:center;
}
.tx-left{
	text-align:left;
}
.tx-right{
	text-align:right;
}
.bold{
	font-weight:bold;
}
.block{
	display:block;
}
.ma{
	margin:auto;
}
.fl{
	float:left !important;
}
.fr{
	float:right !important;
}
.cf:after{
	clear:both;
}
.cf{
	overflow:hidden;
}
h3{
	font-weight:normal;
	font-size:18px;
	border-bottom:2px solid #45ad14;
	margin-bottom:12px;
}
.over-back {
    margin: 0 -16%;
}
.relative {
    position: relative;
}
.red{
	color:#ff4a4a;
}
dl, menu, ol, ul{
	margin:0;
}
.copyright{
	padding-top:7px;
	padding-bottom:7px;
	color:#45ad18;
}
.w40{
	width:40px;
}
.white{
	color:#FFF;
}
.point001{
	color:#ff7070;
	background-color:#ffe3e3;
	border-radius:5px;
	padding:10px;
}
.point002{
	color:#555;
	background-color:#e7e7e7;
	border-radius:5px;
	padding:10px;
}
.deco_under{
	text-decoration:underline;
}
.mm-button{
	display:block;
	padding:15px 15px;
	max-width:250px;
	margin:auto !important;
	margin-top:30px !important;
	border-radius:5px;
	text-align:center;
	color:#FFF !important;
	font-size:18px;
}
.mm-color1{
	background-color:#59c42a;
	border-top:1px solid #73d349;
	border-bottom:4px solid #2d8507;
	border-left:1px solid #73d349;
	border-right:1px solid #2d8507;
}
.mm-color2{
	background-color:#ffae00;
	border-top:1px solid #ffc852;
	border-bottom:4px solid #e98900;
	border-left:1px solid #ffc852;
	border-right:1px solid #e98900;
}
.mm-color3{
	background-color:#9abec6;
	border-top:1px solid #cde2e7;
	border-bottom:4px solid #5e909b;
	border-left:1px solid #cde2e7;
	border-right:1px solid #5e909b;
}
.hanging-indent{
	text-indent:-1rem;
	margin-left:1rem;
}
/*----------------------------------------------------
	コース一覧
----------------------------------------------------*/
.curse-all-wrap{
	margin-bottom:30px;
}
h4.course-title span{
	color:#028409;
	padding-left:7px;
	border-left:5px solid #45ad14;
	font-size:17px;
	font-weight:normal;
	float: left;
	width: 280px;
}
h4.course-title{
	padding:10px;
	background-color:#d0f1d2;
	border-radius:3px;
	margin-bottom:30px;
}
.cat_img{
	text-align: center;
}
.cat_dit{
	font-size:12px;
	float: right;
	font-weight: normal;
	width: 65%;
	padding: 9px;
	margin-top: -5px;
	margin-bottom: -5px;
	background: rgba(255, 255, 255, 0.5);
}
.course_post_list_upper{
	width: 50%;
	margin-top: 8px;
	float: left;
}
.course_post_title{
	padding-left:15px;
	background:url(images/jadp-base_arrow_25.png) left center no-repeat;
}
.course_post_title_wrap{
	margin-bottom:10px;
}
@media screen and (max-width:650px){
	h4.course-title span{
		width: inherit;
	}
	.course_post_list_upper{
		width: inherit;
	}
	.course_post_title_wrap{
		margin-bottom:0px;
	}
	.course_post_title{
		border-bottom:1px dotted #45ad14;
	}
	.course_post_title a{
		display:block;
		padding-top:10px;
		padding-bottom:10px;
	}
	.cat_dit{
		font-size:12px;
		float: right;
		font-weight: normal;
		width: 95%;
		padding: 4px;
		margin-top: 5px;
		background: rgba(255, 255, 255, 0.5);
	}
}
/*----------------------------------------------------
	コース詳細
----------------------------------------------------*/
.kasou-header{
	width:820px;
	height:260px;
	background:url(images/JADP_kasou_main.png) no-repeat;
	margin-bottom:30px;
}
.kasou-header .entry-title{
	vertical-align:middle;
	font-weight:bold;
	color:#2fa535;
	font-size: 26px;
	position:relative;
	top:45%;
	padding: 0 2%;
	text-shadow: 0px 0px 20px #FFF, 0px 0px 20px #FFF, 0px 0px 20px #FFF, 0px 0px 20px #FFF, 0px 0px 20px #FFF, 0px 0px 20px #FFF;
}
/*----------------------------------------------------
	コース詳細(テーブル)
----------------------------------------------------*/
.entry-content table{
	border:none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	border:none;
	border-radius:3px;
	background-color:#70af4f;
	color:#FFF;
	padding:10px;
	width:120px;
	margin:10px auto;
	display:block;
}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{
	background-color:#94c979;
}
.course-table{
	width:100%;
	border:1px solid #aaaaaa !important;
	border-collapse:collapse !important;
	border-spacing:1px !important;
}
.course-table th,.course-table td,.course-table tr{
	border:none;
}
.course-table th{
	width:220px;
	padding:15px;
	text-align:left;
	font-weight:normal;
	background-color:#e7f8e8;
	border:1px solid #aaaaaa !important;
}
.course-table td{
	padding:15px;
	text-align:left;
	font-weight:normal;
	background-color:#FFF;
	border:1px solid #aaaaaa !important;
}
.entry-content .course-table td:last-child {
    border: 1px solid #aaaaaa !important;
}
.course-table td p{
	margin: 0;
}
.inline-p select{
	width:25% !important;
	display:inline !important;
}
.ryoukin th{
	width:100% !important;
	font-weight:bold;
}
.ryoukin td{

}
.tanka{
	font-weight:bold;
}
.sum-p{
	text-align:right;
}
.sum-p .sum{
	font-weight:bold;
	color:#ff4a4a;
	font-size:25px;
}
/*----------------------------------------------------
	良くある質問
----------------------------------------------------*/
.faq{
	margin-bottom:50px;
}
.faq-q{
	margin-bottom:20px;
	padding-left:25px;
	background:url(images/qa_01.jpg) no-repeat left top;
	color: #028409;
	font-size: 16px;
	font-weight: normal;
	border-bottom: 1px solid #028409;
}
.faq-a{
	padding-left:25px;
	background:url(images/qa_02.jpg) no-repeat left top;
}
/*----------------------------------------------------
	お知らせ
----------------------------------------------------*/
.scroll_area {
	overflow: hidden;
	position: relative;
	margin-bottom:30px;
}
.news {
	border-bottom: 1px dotted #45ad14;
	display: table;
	padding-bottom: 0;
	padding-top: 0;
	width: 98%;
}
.newsdate {
	display: table-cell;
	padding-left: 5px;
	padding-right: 0;
	width: 70px;
	font-size:11px;
}
.newstxt {
	display: table-cell;
	padding: 15px 5px;
	font-size:11px;
}
.newscat{
	display: table-cell;
	width: 60px;
	padding-right:5px;
}
.newscat span{
	display:block;
	width:100%;
	border-radius: 2px;
	color: white;
	font-size: 10px !important;
	padding: 3px 5px;
	text-align: center;
	text-shadow: none !important;
}
.newscolor1 span{
	background-color: #ffa654;
}
.newscolor2 span{
	background-color: #4aa9ff;
}
/*----------------------------------------------------
	メインコンテンツ
----------------------------------------------------*/
#content{
	margin-top: 6px;
}
.breadcrumbs{
	padding-bottom:6px;
}
.entry-content{
	padding:0;
}
.hentry{
	border:none;
	border-radius:0;
}
.hentry header{
	padding-left:0;
	padding-right:0;
	padding-top:0;
}
.hentry footer{
	border:none;
}
#inner-content{
	margin-bottom:100px;
}
#main{
	width:820px;
	float:left;
}
#sidebar1{
	width:220px;
	float:right;
}
.sidebar {
	margin-top: 0;
}
.widget {
	margin-top:0;
	margin-bottom: 15px;
	padding: 0;
}
/*----------------------------------------------------
	お問い合わせ
----------------------------------------------------*/
.inquiry-comment {
	font-size: 0.85em;
}
.inquiry-comment * {
	font-size: inherit;
}
/* 送付方法 */
.item_sending_to_confirm {
	padding-left: 20px;
	padding-top: 5px
}
/* 領収書原本・控えの有無_「なし」の理由_その他 */
#receipt_reason_option_other {
	display: block;
	margin-left: 4%;
}
/* 領収書原本・控えの有無_「なし」の理由_その他入力欄 */
textarea[name="receipt-reason-option-other"] {
	resize: none;
    min-height: 85px;
    padding: 10px;
}
/* 受験料振込み完了のご連絡_金額 */
input[name="amount"] {
	display: inline-block !important;
	width: 30% !important;
	text-align: right !important;
}
/* placeholderカスタム */
.span_placeholder {
	input {
		height: 80px;
	}
	[class^="placeholder"] {
		position: absolute;
		color: #bbb;
		padding: 10px;
		cursor: default;
	}
	[class^="placeholder"].hidden {
		display: none;
	}
}
@media screen and (max-width: 650px) {
	/* 電話番号 */
	input[name^="your-tel[data]"], input[name^="tel[data]"] {
		width: 80px !important;
	}
	/* placeholderカスタム */
	.span_placeholder {
		[class^="placeholder"] {
			font-size: 10px;
		}
	}
}

/*----------------------------------------------------
	フォーム
----------------------------------------------------*/
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, textarea, .field {
    background-color: #eaedf2;
    border: 0 none;
    border-radius: 2px;
    box-shadow: none;
    color: #2a3542;
    display: block;
    font-family: "メイリオ",Meiryo,Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 14px;
    /*padding:7px;	 2021/11/30 他のstyle.cssと競合しselectの表示が崩れるためコメントアウト */
    margin-bottom: 0;
    max-width: 100%;
    transition: background-color 0.24s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
}
select {
    background-image: none;
    background-position: 97.5% center;
    background-repeat: no-repeat;
	appearance: auto;
}
input[type="checkbox"]:disabled + label {
	color: #a9a9a9;
}

/* 文字列を全てパスワード記号で埋めるフォントを設定 */
@font-face {
	font-family: 'password';
	src: url(text-security-disc.ttf);
}

/** クラスに password を持つならば入力された文字列を全てパスワード記号化 */
input.password {
	font-family: 'password';
}

ul.sub-menu-block {
	display: flex;
	margin-bottom: 25px;
}

li.btn-sub-menu {
	width: 30%;
	min-width: 200px;

	margin: 5px auto;
	font-size: 16px;
	background-color: #E2F0D9;
	border: 4px solid #A9D18E;
	border-radius: 5px;
}
li.btn-sub-menu a {
	display: block;
	padding: 10px;
	width: 100%;
	text-align: center;
	color: #548235 !important;
}

li.btn-sub-menu:hover {
	min-width: 200px;
	font-size: 16px;
	margin: 5px auto;

	color: #548235;
	background-color: #cee6bf;
	border: 4px solid #A9D18E;
	border-radius: 5px;
	transition: all 0.2s;
}
input::placeholder {
    color: #949494;
}
@media screen and (max-width:650px){
	ul.sub-menu-block {
		display: block;
	}

	li.btn-sub-menu {
		width: 100%;
	}
	
	li.btn-sub-menu:hover {
		width: 100%;
	}
}

/*----------------------------------------------------
	ブログ詳細ページ
----------------------------------------------------*/
h2.single-title{
	border-top:3px solid #45ad14;
	border-bottom:1px solid #45ad14;
	background-color:#ecffe3;
	font-size: 27px;
	padding:20px 10px;
}
.byline {
	color: #9fa6b4;
	font-style: italic;
	margin: 10px 0 0;
	text-align: right;
}
@media screen and (max-width:650px){
h2.single-title{
	font-size: 20px;
}
}
/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/
.header{
	background-color:#FFF;
}
/*----------------------------------------------------
	ヘッダーナビゲーション
----------------------------------------------------*/
.nav li a:hover, .nav li a:focus{
	text-decoration:none;
}
.nav-wrapp0{
	width:100%;
}
.nav-wrapp1{
	border-top:1px solid #45ad14;
	border-bottom:1px solid #45ad14;
	width:100%;
}
.nav-wrapp2{
	border-top:1px solid #a6e1a9;
	border-bottom:1px solid #1e6b22;
	background: #4bc151;
	background: -moz-linear-gradient(top,  #4bc151 0%, #2ea334 100%);
	background: -webkit-linear-gradient(top,  #4bc151 0%,#2ea334 100%);
	background: linear-gradient(to bottom,  #4bc151 0%,#2ea334 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bc151', endColorstr='#2ea334',GradientType=0 );
	width:100%;
}
ul.top-nav{
	display:table;
	border-right:1px solid #118900;
	/* box-shadow */
	box-shadow:rgb(122, 215, 126) 1px 0px 0px 0px;
	-webkit-box-shadow:rgb(122, 215, 126) 1px 0px 0px 0px;
	-moz-box-shadow:rgb(122, 215, 126) 1px 0px 0px 0px;
	width:100%;
}
ul.top-nav li{
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	float:none;
	border-left:1px solid #a6e1a9;
	/* box-shadow */
	box-shadow:rgb(16, 137, 0) -1px 0px 0px 0px;
	-webkit-box-shadow:rgb(16, 137, 0) -1px 0px 0px 0px;
	-moz-box-shadow:rgb(16, 137, 0) -1px 0px 0px 0px;
}
ul.top-nav li a{
	letter-spacing:1px;
	line-height:18px;
	vertical-align:middle;
	text-decoration:none;
	font-weight:bold;
	font-size:18px;
	text-shadow: 0px -1px 0px #2f8333 !important;
	padding:20px 10px;
}
ul.top-nav li a:hover{
	text-decoration:none;
	font-weight:bold;
	font-size:18px;
	text-shadow: 0px -1px 0px #1d6521 !important;
}
ul.top-nav li:hover{
	background: #247f31;
	background: -moz-linear-gradient(top,  #247f31 0%, #429d4f 100%);
	background: -webkit-linear-gradient(top,  #247f31 0%,#429d4f 100%);
	background: linear-gradient(to bottom,  #247f31 0%,#429d4f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#247f31', endColorstr='#429d4f',GradientType=0 );
}
ul.top-nav li.current-menu-item{
	background: #247f31;
	background: -moz-linear-gradient(top,  #247f31 0%, #429d4f 100%);
	background: -webkit-linear-gradient(top,  #247f31 0%,#429d4f 100%);
	background: linear-gradient(to bottom,  #247f31 0%,#429d4f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#247f31', endColorstr='#429d4f',GradientType=0 );
}
ul.footer-nav{
	display:block;
}
ul.footer-nav li{
    color: white;
    padding: 0.75em 0;
	display:inline-block;
}
ul.footer-nav li:after{
	content:"|";
}
ul.footer-nav li:first-child:before{
	content:"|";
}
.nav.footer-nav li a {
    color: white;
    display: inline;
    padding: 0 0.75em;
    text-decoration: none;
}
.footer-color{
    background-color: #40b646;
    clear: both;
    color: #f8f9fa;
	padding:15px 0;
}
/*----------------------------------------------------
	ヘッダーナビゲーションスマホ
----------------------------------------------------*/
ul.top-nav2{
	display:none;
}
.top-nav2 li{
	border-top:1px dotted #FFF;
}
.menu-click{
	display:block;
}
.menu-ani-button {
    cursor: pointer;
	margin-top:50%;
}
/*----------------------------------------
パーセント汎用
----------------------------------------*/
.par5{
	width:5%;
}
.par10{
	width:10%;
}
.par15{
	width:15%;
}
.par20{
	width:20%;
}
.par25{
	width:25%;
}
.par30{
	width:30%;
}
.par33{
	width:33%;
}
.par35{
	width:35%;
}
.par40{
	width:40%;
}
.par45{
	width:45%;
}
.par50{
	width:50%;
}
.par55{
	width:55%;
}
.par60{
	width:60%;
}
.par65{
	width:65%;
}
.par67{
	width:67%;
}
.par70{
	width:70%;
}
.par75{
	width:75%;
}
.par80{
	width:80%;
}
.par85{
	width:85%;
}
.par90{
	width:90%;
}
.par95{
	width:95%;
}
.par100{
	width:100%;
}
/*----------------------------------------
マージン汎用
----------------------------------------*/
.m5{
	margin:5px;
}
.m10{
	margin:10px;
}
.m15{
	margin:15px;
}
.m20{
	margin:20px;
}
.m25{
	margin:25px;
}
.m30{
	margin:30px;
}
.mt5{
	margin-top:5px;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mt25{
	margin-top:25px;
}
.mt30{
	margin-top:30px;
}
.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb15{
	margin-bottom:15px;
}
.mb20{
	margin-bottom:20px;
}
.mb25{
	margin-bottom:25px;
}
.mb30{
	margin-bottom:30px;
}
.ml5{
	margin-left:5px;
}
.ml10{
	margin-left:10px;
}
.ml15{
	margin-left:15px;
}
.ml20{
	margin-left:20px;
}
.ml25{
	margin-left:25px;
}
.ml30{
	margin-left:30px;
}
.mr5{
	margin-right:5px;
}
.mr10{
	margin-right:10px;
}
.mr15{
	margin-right:15px;
}
.mr20{
	margin-right:20px;
}
.mr25{
	margin-right:25px;
}
.mr30{
	margin-right:30px;
}
/*----------------------------------------
パディング汎用
----------------------------------------*/
.pt5{
	padding-top:5px;
}
.pt10{
	padding-top:10px;
}
.pt15{
	padding-top:15px;
}
.pt20{
	padding-top:20px;
}
.pt25{
	padding-top:25px;
}
.pt30{
	padding-top:30px;
}
.pb5{
	padding-bottom:5px;
}
.pb10{
	padding-bottom:10px;
}
.pb15{
	padding-bottom:15px;
}
.pb20{
	padding-bottom:20px;
}
.pb25{
	padding-bottom:25px;
}
.pb30{
	padding-bottom:30px;
}
.pl5{
	padding-left:5px;
}
.pl10{
	padding-left:10px;
}
.pl15{
	padding-left:15px;
}
.pl20{
	padding-left:20px;
}
.pl25{
	padding-left:25px;
}
.pl30{
	padding-left:30px;
}
.pr5{
	padding-right:5px;
}
.pr10{
	padding-right:10px;
}
.pr15{
	padding-right:15px;
}
.pr20{
	padding-right:20px;
}
.pr25{
	padding-right:25px;
}
.pr30{
	padding-right:30px;
}
.p5{
	padding:5px;
}
.p10{
	padding:10px;
}
.p15{
	padding:15px;
}
.p20{
	padding:20px;
}
.p25{
	padding:25px;
}
.p30{
	padding:30px;
}
/*----------------------------------------
フォントサイズ汎用
----------------------------------------*/
.f10{
	font-size:10px;
}
.f12{
	font-size:12px;
}
.f13{
	font-size:13px;
}
.f14{
	font-size:14px;
}
.f16{
	font-size:16px;
}
.f18{
	font-size:18px;
}
.f20{
	font-size:20px;
}
.f20{
	font-size:20px;
}
.f22{
	font-size:22px;
}
.f24{
	font-size:24px;
}
.f26{
	font-size:26px;
}
.f28{
	font-size:28px;
}
.f30{
	font-size:30px;
}
.f30{
	font-size:30px;
}
.f32{
	font-size:32px;
}
.f34{
	font-size:34px;
}
.f36{
	font-size:36px;
}
.f38{
	font-size:38px;
}
.f40{
	font-size:40px;
}
/*----------------------------------------------------
	カラム操作
----------------------------------------------------*/
.col-wrapp{
	display:table;
	width:100%;
	table-layout: fixed;
	border-collapse:separate;
	border-spacing:0px 0px;
}
.col{
	display:table-cell;
	vertical-align: top;
}
.col img{
	max-width: 100%;
	height:auto;
	border:none;
}
.ng-margin5 > .col-wrapp{
	border-spacing:5px 0px !important;
}
.ng-margin10 > .col-wrapp{
	border-spacing:10px 0px !important;
}
.ng-margin15 > .col-wrapp{
	border-spacing:15px 0px !important;
}
.ng-margin20 > .col-wrapp{
	border-spacing:20px 0px !important;
}
.ng-margin25 > .col-wrapp{
	border-spacing:25px 0px !important;
}
.ng-margin30 > .col-wrapp{
	border-spacing:30px 0px !important;
}
.ng-margin35 > .col-wrapp{
	border-spacing:35px 0px !important;
}
.ng-margin40 > .col-wrapp{
	border-spacing:40px 0px !important;
}
.ng-margin5{
	margin-left:-5px;
	margin-right:-5px;
}
.ng-margin10{
	margin-left:-10px;
	margin-right:-10px;
}
.ng-margin15{
	margin-left:-15px;
	margin-right:-15px;
}
.ng-margin20{
	margin-left:-20px;
	margin-right:-20px;
}
.ng-margin25{
	margin-left:-25px;
	margin-right:-25px;
}
.ng-margin30{
	margin-left:-30px;
	margin-right:-30px;
}
.ng-margin35{
	margin-left:-35px;
	margin-right:-35px;
}
.ng-margin40{
	margin-left:-40px;
	margin-right:-40px;
}


.birthday_block{
display: inline-block; 
width : 20%;
margin : 2px;
	text-align: right;
}


.birthday{
/*	

		position:relative;
			
*/
display: block;
margin-inline-start: 40px;

}

.birthday_ul{
    margin-block-start: 0px;
    margin-block-end: 0px;
}

/*----------------------------------------
スマホ出しわけ
----------------------------------------*/
.sp-only{
	display:none !important;
}
.pc-only{
	display:block;
}
.pc-only.col{
	display:table-cell;
}
.pc-only.col-wrapp{
	display:table;
}
/*===============================================
スマフォ画面の横幅が650pxまで
===============================================*/
@media screen and (max-width:650px){
	.pc-only{
		display:none !important;
	}
	.sp-only{
		display:block !important;
	}
	.sp-only.col-wrapp{
		display:table !important;
	}
	.sp-only.col{
		display:table-cell !important;
	}
	.header{
		margin-bottom:30px;
	}
	.top-nav-wrapp{
		padding:10px;
	}
	header.kasou-header{
		width:100%;
		height:auto;
		background:url(images/JADP_kasou_main.png) no-repeat;
		margin-bottom:30px;
		padding:1.5em;
	}
	.kasou-header .entry-title{
		vertical-align:middle;
		font-weight:bold;
		color:#2fa535;
		font-size:20px;
		position:static;
		top:auto;
		left:auto;
		text-shadow: 0px 0px 20px #FFF, 0px 0px 20px #FFF, 0px 0px 20px #FFF, 0px 0px 20px #FFF, 0px 0px 20px #FFF, 0px 0px 20px #FFF;
	}
	ul.footer-nav2 li{
		border-top:1px solid #DDD;
		border-bottom:1px solid #DDD;
		background: #e8e8e8;
		background: -moz-linear-gradient(top,  #e8e8e8 0%, #eeeeee 100%);
		background: -webkit-linear-gradient(top,  #e8e8e8 0%,#eeeeee 100%);
		background: linear-gradient(to bottom,  #e8e8e8 0%,#eeeeee 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#eeeeee',GradientType=0 );
	}
	ul.footer-nav2 li a{
		display:block;
		color:#555;
		padding-top:15px;
		padding-bottom:15px;
		padding-left:32px;
		border-top:1px solid #FFF;
		border-bottom:1px solid #AFAFAF;
		background:url(images/top_111.png) no-repeat 95% 15px;
		text-shadow: 0px -1px 0px #FFF !important;
	}
	#container{
		margin-top:100px;
	}
	.nav-wrapp0{
		margin-bottom:15px;
		position:fixed;
		top:0 !important;
		left:0 !important;
		z-index:60;
	}
	img{
		max-width: 100%;
		height: auto;
		width:auto;
	}
	body{/*mywidthが100%になるタイミングとセット*/
		min-width:0;
		overflow-x : hidden;
		overflow-y : auto;
	}
	.mywidth{
		width:100%;
		margin:auto;
		overflow:hidden;
		padding:0 10px;
	}
	#main,#sidebar1{
		width:100%;
		float:none;
	}
	#scroll-top{
		display:none !important;
	}
	#inner-content{
		margin-bottom:50px;
	}
	.breadcrumbs{
		display:none;
	}
	.sp-tx-center{
		text-align:center;
	}
	.sp-tx-left{
		text-align:left;
	}
	.sp-tx-right{
		text-align:left;
	}
	.course-table th,.course-table td{
		width:100%;
		display:block;
	}
	.course-table th{
		border-bottom:none !important;
		border-top:none !important;
	}
	.course-table tr:first-child th{
		border-top:1px solid #aaaaaa !important;
	}
	.course-table tr .sp-bb-none{
		border-bottom:none !important;
	}
	.col.change650{
		display:block !important;
		width:100% !important;
	}
	.global-navi, .foot-navi{
		display:none !important;
	}
	.navisele{
		display:block !important;
		padding:10px !important;
		margin:auto !important;
		border:1px solid #CCC !important;
	}
}
/*
WordPress Probz
So Theme Check (http://wordpress.org/plugins/theme-check/)
is constantly telling me that it needs these classes in the CSS even
though they are in the REAL stylesheet in library/css/style.css.
So we're gonna drop these here to keep it happy.
Great work, Theme Check (eye roll)
*/

.sticky {}          /* DO NOT EDIT THIS */
.gallery-caption {} /* THESE ARE USELESS */
.bypostauthor {}    /* THEY ARE ONLY TO KEEP THEME CHECK HAPPY */

/* 検定試験申し込み */
#pay_details {
padding: 0px 15px;
margin: 10px 0px;
}
#tbl_pay_details {
font-size: 10pt;
border: 1px solid #000;
line-height: 15px;
}
#tbl_pay_details th {
border-right: 1px dotted #000;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
background-color: #fff;
font-weight: bold;
color: #5c6b80;
padding: 10px 5px;
}
#tbl_pay_details td {
border-bottom: 1px solid #000;
border-right: 1px solid #000;
background: #fff;
padding-left: 3px;
color: #5c6b80;
}

#tbl_pay_fee {
font-size: 10pt;
}

#tbl_pay_fee th {
border: 0px;
text-align: right;
padding-right: 8px;
background-color: #ffff99;
font-weight: bold;
color: #5c6b80;
}
#tbl_pay_fee td {
border: 0px;
color: #5c6b80;
}
#tbl_pay_fee p {
margin-bottom: 5px;
}
.kentei_back {
float: left;
margin-right: 20px !important;
}
.kentei_submit {
}

.mw_wp_form_input #confirm_message {
	display: none;
}

.mw_wp_form_confirm #input_message {
	display: none;
}

.mw_wp_form_confirm #accept {
 display: none;
}

.wpcf7-back {
 float: left;
}

.wpcf7-submit {
 float: left;
 margin-left: 20px !important;
}

.addbutton{
	     display:block;
     width: 10%;
     height:8%;
     line-height:auto;
     float:right;
     color: #555555;
     text-decoration: none;
     text-align: center;
     background-color: #7ad77ebd; /*ボタン色*/
     border-radius: 5px; /*角丸*/
     -webkit-transition: all 0.5s;
     transition: all 0.5s;

	}

.addbutton:hover{
     background-color: #caf3cbbd; /*ボタン色*/
}

.logout-btn {
    position: absolute;
    right: 10px;
    bottom: 10px;

    display: inline-block;
    background-color: #f3fff3;
    color: #609b42 !important;;
    padding: 6px 20px;
    border-radius: 10px;
    font-size: 14px;
	font-weight: bold;
    text-decoration: none;
    border: 3px solid #609b42;
}

.logout-btn:hover {
    background-color: #c8efc8;
}

.external_link::after {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-left: 0.25em;
	vertical-align: middle;
	background: url(images/external_link.png) no-repeat;
	background-size: contain;
}

@media screen and (max-width:650px){
	html{
    	scroll-padding-top: 80px;
	}

	.addbutton{
		display:block;
		width: auto;
		height:8%;
		line-height:auto;
		float:right;
		color: #555555;
		text-decoration: none;
		text-align: center;
		background-color: #7ad77ebd; /*ボタン色*/
		border-radius: 5px; /*角丸*/
		-webkit-transition: all 0.5s;
		transition: all 0.5s;

	}
}