/*
Template:70222
Theme Name: ch_70222
Description: WordPressテーマ Ver.7 レスポンシブ版（2カラム）子テーマ
Version: 7.0.0
Author: nakajima
*/

@import url("../70222/style.css");

/* 全体の文字サイズの設定 */
#contents{font-size: 14pt;}


#wrapper{overflow:hidden;}

/* カラムの入れ替え */
#sidebar{float: left;}/* rightで右に */
#contents{float: right;}/* leftで左に */

/* 改行 */
p {margin-bottom:10px;}
#logo{margin-bottom:0;}

/* 強調 */
.b {
	background: #DCDEE5;
	padding: 10px 5px 5px 10px;
	font-size: 145%;
	font-weight: bold;
	margin: 5px 0px;
	border-bottom: 2px solid #FFA02C;
}

/* タイトルのレイアウト */
.main-title {
    font-size: 135%;
 }

/* pdfサムネイルイメージ */
.pdf-img{ text-align: center;}
.pdf-img img{ max-width: 256px; border: 1px solid aqua; transition: all 0.2s;}
.pdf-img img:hover{ opacity:0.8; transform: translate(3px,3px);}




/* textcontents */

.main-title{
	font-size:135%;
	background: url(./img/check01.png) no-repeat 100% 100%/12px;
	padding: 8px;
}

article section h2, article section h2.main-title{
	color: #333333;
	margin : 1em 0 0.5em;
	padding: 8px 16px;
}

article section h2{	border-left: solid 4px #00349a;}
article section h2.main-title{ border-left: none; margin : 0;}


.pdf {
    margin-bottom: 15px;
        margin-top: 5px;
    text-align: left;
}

a{transition:background 0.15s ease-out 0s,background-color 0.15s ease-out 0s,transform 0.15s linear 0s;}


.pdf a {
	background: url(./img/pdf_ic01.png) no-repeat 2% 50%/40px;
	margin-bottom: 45px;
	padding-left: 60px;
	padding-top: 20px;
	padding-bottom: 20px;
	display: block;
	background-color: #F3F3F3;
}

.pdf a:hover{background-color:#cccccc;
 transform:translateY(5px);
}

.wp-block-button__link:hover{
	transition: all .3s;
	text-decoration: none;
	opacity: .75;
}

/* ログイン後　上バー */

#loginBar{
    direction: ltr;
    color: #433535;
    font: 400 13px/32px "Open Sans",sans-serif;
    height: 32px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 600px;
    z-index: 99999;
    background-color: #F1F1F1;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.3);
}
#loginBar p{padding:0 20px;}
#loginBar p a{color:#333; display:block; height:32px; padding:0 10px;}


/* フロートの操作 */
.fl_l{float:left;}
.fl_r{float:right;}
.fl_c{clear:both;}

.al_c{text-align:center;}
.al_r{text-align:right;}


/* ログインフォーム1 */
.member_info {
}
.member_info dt {
    background-color: #F79926;
    color: #fff;
    font-weight: 800;
    font-size: 110%;
    padding: 3px 5px;
}
.member_info dd {
    margin-bottom:10px;
    padding: 3px 5px;
}


.number{
    margin-right:7px;color:red;font-size:110%;
}

/* ログインフォーム2 */

#wpmem_login{
    padding: 20px 5px;
}

#loginform{
    text-align: center;
}

.login-username{margin-bottom: 10px;}


#wpmem_login{
	box-sizing: border-box;
	color: rgb(33,33,33)!important;;
	background-color: #DAD8D6;
    background: linear-gradient(to bottom, #eeeeee, #FCFCFC,#eeeeee);
	text-align: left;
	border-radius: 7px;
    padding: 20px 5px;
	width: 100%;
  	max-width:550px;
	margin: 0 auto;
}


fieldset {
	margin: 25px 0!important;
	padding: 0 20px!important;
}

#wpmem_login .div_text{
text-align: center;
width:100%!important;
}

#wpmem_login .button_div{
width: 100%!important;
}

#wpmem_login .username,#wpmem_login .password{box-sizing: border-box;}

#wpmem_login input[type="submit"]{
    background: -webkit-gradient(linear, left top, left bottom, from(#AEAEAE), to(#EEEEEF));
	background: linear-gradient(#AEAEAE,#DCDCDC,#EEEEEF);
	border: 2px solid #999;
	padding: 8px 30px;
	color: #363636;
	font-weight: normal;
  transition:background 0.15s ease 0.05s,color 0.15s ease 0s;
  cursor:pointer;
	}

.b_border{border-bottom:solid 2px #F00; padding-bottom:3px;}
.b_border_black{border-bottom:solid 1px #222; padding-bottom:3px;}


.new{margin-left:10px; color:#f00; font-weight:bold;}
.update li{margin:5px 0px 10px 5px; }

.is-type-video > div.wp-block-embed__wrapper{
	position: relative;
    padding-top: 56.25%;
    margin: 1em 0;
}

.is-type-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}


/* カラー変更 */
footer,#ptitle,
#sidebar section h2,
#gnav nav ul li a:hover,
#gnav nav ul li a:active,
#gnav nav ul li.current-menu-item a,
#loginBar p a:hover,
#wpmem_login input[type="submit"]:hover
{
    background-color: #00349a;
    background: linear-gradient(#00349a,#4788ff);
    color: #ffffff;
}

#loginBar,#gnav,.b,.main-title{border-bottom: 2px solid #00349a;}



/*------------------------------------------------------------
％
-------------------------------------------------------------*/

.f200p{font-size:200%;}
.f195p{font-size:195%;}
.f190p{font-size:190%;}
.f185p{font-size:185%;}
.f180p{font-size:180%;}
.f175p{font-size:175%;}
.f170p{font-size:170%;}
.f165p{font-size:165%;}
.f160p{font-size:160%;}
.f155p{font-size:155%;}
.f150p{font-size:150%;}
.f145p{font-size:145%;}
.f140p{font-size:140%;}
.f135p{font-size:135%;}
.f130p{font-size:130%;}
.f125p{font-size:125%;}
.f120p{font-size:120%;}
.f115p{font-size:115%;}
.f110p{font-size:110%;}
.f105p{font-size:105%;}
.f100p{font-size:100%;}
.f95p{font-size:95%;}
.f90p{font-size:90%;}
.f85p{font-size:85%;}
.f80p{font-size:80%;}
.f75p{font-size:75%;}
.f70p{font-size:70%;}
.f65p{font-size:65%;}
.f60p{font-size:60%;}
.f55p{font-size:55%;}
.f50p{font-size:50%;}
.f45p{font-size:45%;}
.f40p{font-size:40%;}
.f35p{font-size:35%;}
.f30p{font-size:30%;}
.f25p{font-size:25%;}
.f20p{font-size:20%;}
.f15p{font-size:15%;}
.f10p{font-size:10%;}
.f5p{font-size:5%;}

.fw_b{font-weight:bold;}
.fw_n{font-weight:normal;}

/*------------------------------------------------------------
margin
-------------------------------------------------------------*/

.m0{ margin: 0!important; }/*周りからのmarginを0に*/
.m0-t{ margin-top: 0!important; }/*上からのmarginを0に*/
.m0-r{ margin-right: 0!important; }/*右からのmarginを0に*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginを0に*/
.m0-l{ margin-left: 0!important; }/*左からのmarginを0に*/

.m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }

.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.m25-t{ margin-top: 25px!important; }
.m25-r{ margin-right: 25px!important; }
.m25-b{ margin-bottom: 25px!important; }
.m25-l{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }

.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }

#contents dd,#contents li{margin-bottom:16px;}




/*サイズによって形式を変更する*/
/* 979px */
@media screen and (max-width: 979px){

  #sidebar {
    float: none;
    width: 94%;
    margin: 0 auto;
    overflow: hidden;
}
 
  #contents {
    float: none;
    width: 94%;
    margin: 0 auto;
    padding-bottom: 0;
}
  
}/* end 979px */

/* 767px */
@media screen and (max-width: 767px){

/* カラー変更 767px */
#gnav-btn a:link, #gnav-btn a:visited{
	background-color: #5ae628;
	background: -moz-linear-gradient(top, #5ae628, #40c000);
	background: -webkit-gradient(linear, left top, left bottom, from(#5ae628), to(#40c000));
	background: -webkit-linear-gradient(top, #5ae628, #40c000);
	background: linear-gradient(#5ae628,#40c000)!important;
	color:#ffffff;
}

#gnav-btn a{
	border: solid 1px #333;
}

}
/* end 767px */