@charset "utf-8";
/*
Theme Name:OfficeTAI_CUSTOM
Theme URI: http://www.ex.jp/
Description:FRS Website
Author:KZ
*/


/* ------------------------------
	ZERO SET
------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

/* ------------------------------
	Versatile CSS
------------------------------ */


body{background-color:#999999; width:100%; font-size:16px; line-height:1.7em; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; color:#444444;}
#container{width:100%; height:100%; background-color:#ffffff;}
#wrapper{width:100%; min-width:980px; background-color:#ffffff;}


a{
	color: #333399;
	text-decoration:none;
}

a:visited{  color : inherit;}
a:active{  color : inherit;}
a:link{  color : inherit;}
a:hover{ text-decoration:underline; color : inherit; }

.fbox a:visited{  color : inherit; font-weight:bold;}
.fbox a:active{  color : inherit;  font-weight:bold;}
.fbox a:link{  color : inherit;  font-weight:bold;}
.fbox a:hover{ text-decoration:underline; color : inherit; }


.postcont a:visited{  color : inherit; font-weight:bold;}
.postcont a:active{  color : inherit;  font-weight:bold;}
.postcont a:link{  color : inherit;  font-weight:bold;}
.postcont a:hover{ text-decoration:underline; color : inherit; }



.hdingWrap{
	top:0;
	width: 100%;
	position: relative;
	overflow: hidden;
	text-align:center;
}


.hdimg{
	width: 100%;
	min-height:250px;
 object-fit: cover;    /* 画像を全体に表示しつつトリミング */
 object-position: center; /* 中央を基準にする */

}


.hdingWrap h1{
	top:65%;
	width: 100%;

	position: absolute;
	text-align:center;
	z-index:190;
	font-size:180%;
	color:#fff;
}



h2{width:100%; margin:20px auto 20px auto; padding:6px 0 4px 0; font-size:140%; background-color:#AAAAAA; color:#ffffff; font-weight:bold; border-bottom:0; text-align: center;}

h3{margin:18px 0px 4px 0px;  padding:0; font-size:140%;color:#333333; line-height:1.3em; font-weight:bold;}
h4{margin:18px 0px 4px 0px;  padding:0; font-size:120%;color:#333333; line-height:1.3em; font-weight:bold;}
h5{margin:12px 0px 4px 0px;  padding:0; font-size:110%;color:#333333; line-height:1.3em; font-weight:bold;}
h6{margin:12px 0px 4px 0px;  padding:0; font-size:110%;color:#444444; line-height:1.3em; font-weight:bold;}

hr{border-top: 2px dashed #ccc;}

.contents{width:940px;margin:0px auto; padding:20px; background-color:#fff; border:solid #eee; border-width:0 2px; }
.contents p {width:100%; font-size:100%; line-height:1.7em; margin:6px auto 12px auto;}
.contents ul{ padding:0.2em 0 0.2em 1.5em;}
.contents ol{ padding:0.2em 0 0.2em 1.5em;}

.contentscenter{max-width:940px;margin:50px auto; text-align:center;}
.contentscenter p {font-size:130%;  line-height:1.7em;}
.contentscenter h3 {font-size:200%; font-weight:bold;}


#footer{background-color:#999999; width:100%; }
#footerin{max-width:980px; margin:0 auto; padding:20px 0;}

#footerin p{margin:0 4px; color:#ffffff; font-size:90%; line-height:1.3em;text-align:left;}
#footerin p.cp{text-align: right;}

.alignright {
  float: right;
	margin:0 0 20px 12px;
	max-width:100%;
}

.alignleft {
  float: left;
	margin:0 12px 20px 0;
	max-width:100%;
}

.aligncenter {
  display: block;
 margin:10px auto;
 max-width: 100%; 
  height: auto;
}

.wp-caption,
[class*='wp-image'] {
  display: block;
  max-width: 100% ;
  height: auto ;
/*  margin-top: 1.5em; */ 
  text-align: center;
}

.forcedbr{
	clear:both;
	width:100%
	height:6px;
}

/* ------------------------------
	ANCHOR POSITION
------------------------------ */

a.anchor{
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}
a.anchor:hover{
	text-decoration:underline;
}


/* ------------------------------
	SIDEMENU CSS
------------------------------ */
.sidemenu{margin-top:0px; width:220px;background-color:#fff; border:1px solid #ccc;}

.sidemenu h6{margin:0; padding:2px 4px; width:212px; font-size:12px; color:#fff; background-color:#999;}

.sidemenu ul{margin:5px ; padding: 0px; list-style-type:none; }
.sidemenu li{
  margin:5px 0px 5px 0px ; padding-left:14px;
  font-size:12px; line-height:1.3em;
  background:#fff url(img/idxdot.gif) no-repeat;
  width:190px; min-height:16px;
  border-bottom:1px dashed #aaa;
}
.sidemenu li a{text-decoration:none;}

/* ------------------------------
	CONTENTS CSS
------------------------------ */

.flph1{float:left;width:350px; margin:10px auto; }
.fltx1{float:left; width:530px; margin:10px auto;}


.flph2{float:left;width:200px; margin:10px auto; }
.fltx2{float:left; width:680px; margin:10px auto;}


.fbox{
width: 95%;
margin:0 auto;
}

.fbox p{
margin:12px 0 2px 0px;
padding:0;

}


.fbox .req {
  font-size:80%;
  background: #ff0000;
  padding: 0 .3em;
  color: #fff;
  margin-left: .5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.box_det{
margin:2px 0px 20px 0px;
}

.fbox input{
padding:2px;
width: 100%;
font-size:120%;
line-height:1.4em;
}

.fbox textarea{
padding:2px;
width: 100%;
font-size:120%;
line-height:1.4em;
}

.pbox{
padding:2px;
font-size:100%;
}


.screen-reader-response,.wpcf7-response-output,.wpcf7-not-valid-tip{
	color:#BC1933;
}

/* ------------------------------
	PROFILE CSS
------------------------------ */
.profph{
  float:left;
	width:220px;
	margin:20px 12px 10px 0;
}
.proftx{
	margin:20px 0 20px 230px;
}

.flph3{float:left;width:230px; margin:10px auto; }
.fltx3{float:left; width:650px; margin:10px auto;}

.proftbl td {
	padding:3px;
	font-size: 90%;
	line-height:1.3em;
	text-align: left;
	vertical-align: top;
}

.chrtbl{
	width:80%;
	padding:0;
	margin:0 auto;
	border-collapse:collapse;
	border-spacing:0;
}

.chrtbl td{	
	padding:3px;
	font-size: 100%;
	line-height:1.3em;
	text-align: left;
	vertical-align: top;
}


.chrtbl .dotbg{
	width:32px;
	padding:0;
	margin:0;
	background-image:url(img/chr_dotbg.gif); 
	background-repeat: repeat-y;
}


.chrtbl td .ydot{
	width:32px;
}

.chrtbl .chry{
	white-space: nowrap;
	padding:3px 10px 3px 10px;
	color:#03501a;

}



.cfmarea{
width:90%;
margin:0 auto;
}

.input-area{
margin:10px 0 20px 0;
color:#666666;
}

.btn{
font-size:90%;
padding:2px 10px;
}

/* ------------------------------
　　出版物 CSS
------------------------------ */
.bookcard{
	margin:10px 0 20px 0;
	width:100%;
}

.bookhr{
	margin:10px 0 20px 0;
	clear:both;
}

.bookcard p {font-size:90%; line-height:1.3em;}
.bookph{float:left; width:35%;}
.bookcts{float:left;  width:65%;}
.bookcts h4{margin-top:0;}
.booktable{
	margin:4px 0 10px 0;
	border-spacing: 0px;
}

.booktable td{
	padding:1px;
	margin:0;
	font-size:90%;
	line-height:1.2em;
	white-space:nowrap
}

/* ------------------------------
　　音楽 CSS
------------------------------ */


.youtubesongs{
margin:30px auto;
  width:60%;
}

.song {
	font-size: 90%;
	color:#3f4ebf;
	font-weight:bold;
}

.desc{
	font-size: 70%;
	color:#666666;
}

.songclass {
	font-size: 110%;
	color:#666666;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}

.vltablesp {
	margin:10px auto;
	width:95%;
}

.vltablesp td{
	padding:6px 2px;
	line-height:1.2em;
}

/* ------------------------------
	投稿ページ CSS
------------------------------ */

.postleft{
	float:left;
	width:672px;
	min-height:400px;
	padding-right:20px;
	border:solid #eee; 
	border-width:0 2px 0 0;
	background-color:#FFFFFF;
}

.postright{
	float:right;
	width:220px;
	height:100%;
	min-height:400px;
	margin:0;
	background-color:#fff;

}


.postcont blockquote{
	margin:10px 30px 10px 20px;
	padding:14px 14px 10px 40px;
	background-image:url(img/blockquote.gif); 
	background-position:4px 16px;
	background-repeat: no-repeat;
	background-color:#eee;
	color:#333;
	border-radius:8px;
}

.myPrompt{
	margin:10px 40px 10px 10px;
	padding:14px 14px 14px 40px;
	background-image:url(img/myPrompt.gif); 
	background-position:4px 16px;
	background-repeat: no-repeat;
	background-color:#ddd;
	color:#333;
	border-radius:8px;
}

.myAI{
	margin:10px 10px 10px 40px;
	padding:14px 60px 14px 14px;
	background-image:url(img/myAI.gif); 
	background-position:right 10px top 10px;
	background-repeat: no-repeat;
		background-color:#c8e6ff;
	color:#333;
	border-radius:8px;
}

.mysoucecode{
	font-family: "OCR-A", "OCR-A Extended", "Courier New", monospace; 
	font-size:90%;
	margin:10px;
	padding:14px 14px 10px 14px;
	background-color:#666;
	color:#fff;
	border-left:5px solid #333;
}

.postcont ul, ol{
	margin:6px 0 6px 30px;
}


.worksmenu{
	margin:0;
}
.worksmenu li{
list-style: none;
}


.entrybox{
	width:auto;
	margin:20px 2px 0 2px;
	padding:0;
	border:1px solid #ddd; 
	border-radius:8px;
	background-color:#dddddd;
}

.entrybox h3{
	margin:20px 0 5px 20px;
	font-size:110%;
}
.entrybox p{
	font-size:100%;
	line-height:1.4em;
}

.thumbnailp{
float:left;
	margin:0px 20px 10px 20px;
}

.entrybox .extxt{
	margin:0 16px 0 16px;
	line-height:1.5em;
}

.postdate{
	margin-right:6px;
	font-size:80%; 
	text-align: right; 
	color:#999999; 
}
.postslag{
	font-size:80%; 
	float: left; 
	color:#999999; 
	width:50%;
}

.postleft hr{
	 border-top: 1px dashed #999999;
	margin:6px 0 6px 0;
}
.youtube169{
	margin:30px auto;
  position: relative;
  width:95%;
  padding-top:51%;
}
.youtube169 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.youtube169 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



/* ------------------------------
	TAIDAN CSS
------------------------------ */
.t_navbox{
	position: fixed;
	z-index:201;
	top:54px;
	width:100%;
}

.taidannav {
	display: flex;
	height: 2rem;
	margin: 0 auto;
	width:940px;
}
.taidannav > li {
	width: 17%;
	font-size:80%;
	border-right: 1px solid #eee;
}
/*全てのリスト・リンク共通*/

.taidannav li {
	list-style: none;
	position: relative;
}
.taidannav li a {
	background: #666;
	border: 1px solid #eee;
	color: #fff;
	display: block;
	height: 1.7rem;
	line-height: 1.7rem;
	text-align: center;
	text-decoration: none;
	width: 100%;
}
/*子階層以降共通*/
.taidannav li li {
	height: 0;
	overflow: hidden;
	transition: .5s;
}
.taidannav li li a {
	border-top: 1px solid #eee;
}
.taidannav li:hover > ul > li {
	height: 1.7rem;
	overflow: visible;
}





.t_index{
	margin:20px 0;
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
.t_card{
	width:23%;
	margin:10px 0 10px 0;
	border:2px solid #ddd;
	border-radius:8px;
	background-color:#eeeeee;
}
.t_card a{
	text-decoration:none;
	color:#333;
}
.t_gou{
	margin:8px 0px;
	width:100%;
	font-size:90%;
	font-weight:bold;
	text-align:center;
	line-height:1.3em;
	color:#999;
}

.t_prof{
	margin:10px 10px 4px 10px;
	font-size:80%;
	text-align:center;
	line-height:1.3em;
}

.t_name{
	margin:2px 10px;
	font-size:150%;
	font-weight:bold;
	text-align:center;
	line-height:1.3em;
}

.t_x{
	margin:0px;
	font-size:300%;
		color:#ccc;
	text-align:center;
}

.t_tai{
	margin:2px 10px;
	font-size:150%;
	font-weight:bold;
	text-align:center;
}
.t_ph{
	margin:4px 10px;
	text-align:center;
	border:1px solid #ddd;
	overflow: hidden;
}

.t_ph img{
	width:100%;
	transition: transform .3s ease; 
}

.t_ph:hover img {
	  transform: scale(1.2); /* 拡大 */
}

.t_title{
	margin:10px;
	font-size:105%;
	font-weight:bold;
	text-align:left;
	line-height:1.3em;
}


.t_card_dm{
	width:23%;
	margin:10px 0 10px 0;
}



/* ------------------------------
	PC SP SWICH CSS
------------------------------ */
.sp { display: none !important; }
@media only screen and (max-width: 750px) {
	.pc { display: none !important; }
	.sp { display: block !important; }
	
	
/* ------------------------------
	SP ONLY CSS
------------------------------ */
	

#wrapper{width:100%; min-width:200px; background-color:#ffffff;}

.contents{width:95%; margin:20px auto; padding:0;background-color:#ffffff; border:0;}
.contents p {font-size:100%;  line-height:1.7em; margin:4px auto 6px auto;}

.sphdimg{width:100%; min-width:200px;}

	
.hdingWrap h1{ top:60%;	font-size:140%;}
	
h2{width:100%; margin:10px 0px 20px 0px; padding:6px 0 4px 0; font-size:120%; background-color:#999999; color:#ffffff; font-weight:bold; border-bottom:0; text-align: center;}

.postleft {padding-right:0;}	

.flph1{clear:both; width:100%; margin:10px auto; text-align:center;}
.fltx1{clear:both; width:100%; margin:10px auto;}
.flph1 img{width:60%;}

.flph2{clear:both; width:100%; margin:10px auto; text-align:center;}
.fltx2{clear:both; width:100%; margin:10px auto;}

.flph3{clear:both; width:100%; margin:10px auto; text-align:center;}
.fltx3{clear:both; width:100%; margin:10px auto;}

#footerin p{text-align:center;}
#footerin p.cp{margin-top:8px; font-size:60%;text-align:center;}

/* ------------------------------
	SP PROFILE CSS
------------------------------ */
.profph{
	width:100%;
	float:none;
	text-align:center;
	margin:10px auto;
}
	
.proftx{
		float:none;
	margin:10px;
}

/* ------------------------------
	SP 投稿ページ CSS
------------------------------ */

.postleft{
	float:none;
	width:100%;
	border:0; 
}

	
	
/* ------------------------------
	SP TAIDAN CSS
------------------------------ */

.t_card{
	width:47%;
	margin:10px 0 10px 0;
	border:2px solid #ddd;
	border-radius:8px;
	background-color:#eeeeee;
}

/* ------------------------------
	SP WORKS-BOOK CSS
------------------------------ */
.bookph{float:none; width:211px; margin:10px auto 20px auto;}
.bookcts{float:none;  width:95%; margin:10px auto;}

	
	
.youtubesongs{
margin:30px auto;
  width:90%;
}
	
.song {
	font-size: 75%;
	line-height:1em;
}
.desc{
	font-size: 50%;
}
	
/* ------------------------------
	SP CSS end
------------------------------ */
}