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

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

/* グラデーションカラー */
:root{
	--gra01:  #f90000;
	--gra02: #a90000;
}


/* 全体の文字サイズの設定 */
#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%;
 }

article section .video h2{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display:flex;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}
article section .video h2::before{
	content:"■";
	color:red;
	vertical-align:middle;
	margin-right:.3rem;
	font-size:1.2em;
}


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


/* サイズ変更 */

.main-title{ font-size:135%;}

/* 動画用 */
.video div {
    position: relative;
    padding-top: 56.25%;
    margin: 1em 0;
}
.movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

/* textcontents */

.text {
    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;}

.text a {
	background: url(/wp-content/uploads/doc.png) no-repeat 12px 50% / 40px;
	margin-bottom: 2rem;
	padding-left: 60px;
	padding-top: 20px;
	padding-bottom: 20px;
	display: block;
	background-color: #F3F3F3;

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

.text.pptx a{background: url(/tsp_content/pptx_ic01.svg) no-repeat 1.5% 50%/7.5%;}


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

#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:500px;
	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; }

/* リンク */
.linkeffect01{margin: 24px 0;}
.linkeffect01 a{
  padding: 8px 24px 8px 10px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 51%, rgb(0 186 1) 51%);
  background-position: 0 0;
  background-size: 200% auto;
  transition: .3s;
  color: rgb(0 186 1);
  text-decoration: none;
  border-left:4px solid rgb(0 186 1);
  box-sizing: border-box;
}

.linkeffect01 a:hover{
  background-position: -98% 0;
  color: #fff;
}

#contents .linkeffect01 li{margin-bottom: 16px; padding:4px}


/* カラー変更 */
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: var(--gra02);
	background: linear-gradient(var(--gra01),var(--gra02));
	color:#ffffff;
}

#loginBar,#gnav,.b,.main-title{border-bottom: 2px solid var(--gra02);}



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

.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;}

.video .no-pdf{margin-bottom: 5rem;}


/*サイズによって形式を変更する*/
/* 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: var(--gra02);
	background: -moz-linear-gradient(top, var(--gra01), var(--gra02));
	background: -webkit-gradient(linear, left top, left bottom, from(var(--gra01)), to(var(--gra02)));
	background: -webkit-linear-gradient(top, var(--gra01), var(--gra02));
	background: linear-gradient(var(--gra01),var(--gra02))!important;
	color:#ffffff;
}

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

}
/* end 767px */