@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');/* logofont */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');/* サイドカラムカテゴリフォント */


ul { list-style-type:none; }
ul li { margin:0; padding:0; }
ol { list-style-type:decimal; }
.clearfix::after { content: ""; display: block; clear: both; }

/* Begin Typography & Colors */
body { margin:0; padding:0; font-size:0.9em; letter-spacing:1px; line-height:1.5em; color:#444; font-family:sans-serif; background:#fff; }
header { margin:0 auto; padding:0; width:98%; }
header a { text-decoration:none; color:#000; }
header ul { margin:0; padding:0; width:100%; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
header ul li { padding:1%; }
header ul li.hidari { width:30%; }
header ul li.migi { margin:0 2.5% 0 0; width:67%; }
header ul li h1 { margin:0; padding:0; font-size:180%; letter-spacing:-1.5px; font-family: "Shippori Mincho", serif; font-weight: 800; font-style: normal; }
header ul li h1 span { margin:0 0 0 1.5%; font-size:40%; color:#555; letter-spacing:1px; font-weight:normal; font-family: "Noto Sans JP", system-ui; font-optical-sizing: auto; font-weight: 400; font-style: normal; }
header ul li h2 { float:right; margin:0 1.5%; padding:7px 0 0 0; letter-spacing:1px; font-size:75%; }

/* ハンバーガーメニュー */
.hamb { position:fixed; cursor:pointer; z-index:3000; right:0px; top:31px; width:30px; height:20px; transform: translate(-50%, -50%); }
.line { position:absolute; right:0; width:30px; height:2.3px; background-color:#555; top: 0px; }
.line:nth-child(2){ width:20px; top:8px; }
.line:nth-child(3){ width:10px; top:16px; }
#hamb.active .line { background-color: #000; }
.black-bg ul { margin:0; padding:0; position:absolute; right:0px; top:25%; transform: translate(-50%, -50%); background:#f8f8f8; }
.black-bg ul li { text-align:left; padding:20px 0; }
.black-bg ul li a { color:#000; font-size:17px; font-weight:bold; display:block; text-decoration:none; }
.black-bg { position:fixed; background:#f8f8f8; top:0; right:-220px; width:220px; height:100%; opacity: 0; visibility:hidden; overflow:hidden; z-index:2000; }
.black-bg.open { opacity: 1; visibility: visible; right: 0; }
.animation { transition: all .6s; }

/*== Slid */
#Slid { margin:0 auto; padding:1% 0; width:100%; box-sizing:border-box; background:#f8f8f8; }
#Slid .carousel-slider__item { position:relative; }
#Slid .carousel-slider__caption { position:absolute; top:0; left:0; font-size:80%; background:#000; }
#Slid .carousel-slider__caption h4 { color:#fff; font-size:90%; padding:0.4rem; margin:0; line-height:110%; text-align:left; }
/*== Search */
#Search { margin:1.5% auto; padding:0.5% 0; text-align:center; }
#Search form.search-form { margin:0 auto; padding:6px 1%; background:#f8f8f8; border:1px solid #dedede; border-radius:10px; box-sizing:border-box; }
#Search form.sfw01 { width:500px; }
#Search form.sfw02 { width:100%; }
#Search input.search-field { margin:0 auto; padding:1%; width:80%; background:#f8f8f8; border:none; font-size:1rem; box-sizing:border-box; }
#Search input.search-submit { font-size:14px; line-height:140%; letter-spacing:2px; border-radius:5px; }
/*== Main */
#Main { margin:0 auto; padding:0; width:1200px; box-sizing:border-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
#Cont { margin:0; padding:0; width:870px; }
/*タブ切り替え全体のスタイル*/
.tabs { margin-top:50px; padding-bottom:40px; background-color:#fff; width:95%; margin:0;}
.tab_item { width: calc(100%/5); height:50px; border:1px solid #000; background-color:#fff; line-height:50px; font-size:16px; text-align:center; color:#000; display:block; float:left; margin:0 0 0 -1px; text-align:center; transition: all 0.2s ease; }
.tab_item:hover { opacity: 0.75; }
input[name="tab_item"] { display: none; }
.tab_content { display:none; padding:40px 0; clear:both; overflow:hidden; }
.tab_content ul { margin:0; padding:0; }
.tab_content ul li { margin:0 0 1.5% 0; padding:0 0 1.5% 0; border-bottom:1px solid #ededed; display:-webkit-flex; display:flex; }
.tab_content ul li:last-child { border-bottom:none; }
.tab_content ul li a { text-decoration:none; color:#000; display:block; }
.tab_content ul li div { margin:0; padding:0; display:block; }
.tab_content ul li div.dvl { margin:0 10px 0 0; position:relative; width:230px; }
.tab_content ul li div.dvl span { margin:0; padding:1px 1rem 0 1rem; letter-spacing:1px; font-size:90%; position:absolute; top:0; left:0; color:#fff; }
.tab_content ul li div.dvl span.cat01 { background:#ffb400; }
.tab_content ul li div.dvl span.cat02 { background:#0b619e; }
.tab_content ul li div.dvl span.cat03 { background:#0096ff; }
.tab_content ul li div.dvl span.cat04 { background:#7a4a93; }
.tab_content ul li div.dvl span.cat05 { background:#937e4a; }
.tab_content ul li div.dvl span.cat06 { background:#67934a; }
.tab_content ul li div.dvl span.cat07 { background:#776f7a; }
.tab_content ul li div.dvl span.profile { background:#591d6f; }
.tab_content ul li div.dvl span.list_a,
.tab_content ul li div.dvl span.list_ka,
.tab_content ul li div.dvl span.list_sa,
.tab_content ul li div.dvl span.list_ta,
.tab_content ul li div.dvl span.list_na,
.tab_content ul li div.dvl span.list_ha,
.tab_content ul li div.dvl span.list_ma,
.tab_content ul li div.dvl span.list_ya,
.tab_content ul li div.dvl span.list_ra,
.tab_content ul li div.dvl span.list_wa {
background: #7d7580;
}

.tab_content ul li div.dvl img { margin:0; padding:0; width:230px; height:148px; display:block; }
.tab_content ul li div.dvr { width:625px; }
.tab_content ul li div.dvr h2 { margin:0; padding:0; font-size:145%; line-height:140%; letter-spacing:1px; font-weight:bold; }
.tab_content ul li div.dvr h2 a { text-decoration:none; }
.tab_content ul li div.dvr h2 span { font-size:55%; color:#555; display:block; }
.tab_content ul li div.dvr p { margin:0 auto; padding:0; width:98%; }
.tab_content ul li div.dvr p a { font-size:90%; color:#666; line-height:140%; text-decoration:none; display:block; }

#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content,
#tokka:checked ~ #tokka_content { display: block; }
.tabs input:checked + .tab_item { background-color:#000; color:#fff; }
#Side { margin:0; padding:0;width:300px; }
#Side div.ddiv { position:sticky; top:20px; }
#Side .catdiv { margin:0 0 20% 0; padding:0; }
#Side .catdiv h2 { margin:0 0 5% 0; padding:0 0 7px 0; border-bottom: solid 3px #e8e8e8; position: relative;font-size:18px; letter-spacing:4px; color:#000; font-family: "Figtree", sans-serif; font-optical-sizing: auto; font-weight:300; font-style: normal; }
#Side .catdiv h2:after { position: absolute; content: " "; display: block; border-bottom: solid 3px #3d1b0a; bottom: -3px; width:40%; }
#Side .catdiv ul { margin:0 0 10% 0; padding:0; width:98%; }
#Side .catdiv ul li { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #e4e4e4; list-style-type:none; }
#Side .catdiv ul li a { text-decoration:none; color:#000; font-size:100%; display:block; }
#Side .catdiv ul li a i { font-size:60%; color:#686868; }
#Side .rankdiv { margin:0 0 20% 0; padding:0; }
#Side .rankdiv h2 { margin:0 0 10% 0; padding:0 0 7px 0; border-bottom: solid 3px #e8e8e8; position: relative;font-size:18px; letter-spacing:4px; color:#000; font-family: "Figtree", sans-serif; font-optical-sizing: auto; font-weight:300; font-style: normal; }
#Side .rankdiv h2:after { position: absolute; content: " "; display: block; border-bottom: solid 3px #3d1b0a; bottom: -3px; width:40%; }
#Side .rankdiv ul { margin:0 auto; padding:0; width:98%; display:block; }
#Side .rankdiv ul li { margin:0 0 10% 0; padding:0 0 10% 0; border-bottom:1px solid #ededed; display:-webkit-flex; display:flex; flex-wrap:wrap; }
#Side .rankdiv ul li:last-child { border-bottom:none; }
#Side .rankdiv ul li div { margin:0; padding:0; }
#Side .rankdiv ul li div a { margin:0; padding:0; text-decoration:none; color:#000; display:block; }
#Side .rankdiv ul li div.divl { position:relative; margin:0 1.5% 0 0; width:39%; }
#Side .rankdiv ul li div.divl img { margin:0; width:98%; height:auto; display:block; }
#Side .rankdiv ul li div.divl .rank { position: absolute; top: -.125em; left: -.125em; padding: .125em .5em; color: #fff; background: rgba(66, 66, 66, .85); }
#Side .rankdiv ul li div.divl .rank-1 { background: rgba(189, 161, 82, .9); }
#Side .rankdiv ul li div.divl .rank-2 { background: rgba(152, 153, 173, .9); }
#Side .rankdiv ul li div.divl .rank-3 { background: rgba(156, 85, 34, .9); }
#Side .rankdiv ul li div.divr { width:58%; }
#Side .rankdiv ul li div.divr h3 { font-size:100%; font-weight:normal; line-height:140%; }
#Side .tagdiv { margin:0 0 20% 0; padding:0; }
#Side .tagdiv h2 { margin:0 0 10% 0; padding:0 0 7px 0; border-bottom: solid 3px #e8e8e8; position: relative;font-size:18px; letter-spacing:4px; color:#000; font-family: "Figtree", sans-serif; font-optical-sizing: auto; font-weight:300; font-style: normal; }
#Side .tagdiv h2:after { position: absolute; content: " "; display: block; border-bottom: solid 3px #3d1b0a; bottom: -3px; width:40%; }
#Side .tagdiv ul { margin:0; padding:0; display:block; }
#Side .tagdiv ul li { float:left; margin:1.3%; padding:0; display:inline-block; content: "."; width:auto; white-space:nowrap; }
#Side .tagdiv ul li a { margin:0; padding:2% 4%; background:#f0f0f0; border-radius:5px; line-height:130%; text-align:center; color:#222; text-decoration:none; display:block; }
#AD01 { margin:0 auto 1.5% auto; padding:0; background:#fff; }
#AD01 > div { display: none; }
#AD01 div img { margin:0 auto; }
/* footer */
footer { margin:5% 0 0 0; padding:5% 0 0 0; width:auto; background:#f0f0f0; }
footer a { margin:0 0 1.3% 0; padding:0 0 1.3% 0; text-decoration:none; color:#000; display:block; }
footer ul { margin:0 auto; padding:0 0 4% 0; width:80%; display:-webkit-flex; display:flex; flex-wrap:wrap; }
footer ul li { margin:0 auto; padding:0; width:32%; }
footer ul li h1 { margin:0; padding:0; font-size:180%; letter-spacing:-1.5px; font-family: "Shippori Mincho", serif; font-weight: 800; font-style: normal; }
footer ul li h1 span { margin:0 0 0 1.5%; font-size:40%; color:#555; letter-spacing:1px; font-weight:normal; font-family: "Noto Sans JP", system-ui; font-optical-sizing: auto; font-weight: 400; font-style: normal; }
/* 404ページ */
.page-header { margin:0 auto; padding:0; width:90%; text-align:center; }
.page-header h1 { line-height:130%; }
.page-header img { margin:0 auto 1.5% auto; width:270px; height:270px; display:block; }

/* 固定ページ */
div.page { margin:0; padding:0; }
/* お問合わせフォーム */
div.page div.form { margin:0 auto; padding:3%; border:1px solid #ededed; width:98%; border-radius:10px; box-sizing:border-box; }
div.page div.form .form-group { margin:0 0 3% 0; padding:0 0 3% 0; border-bottom:1px solid #ededed; display:block; }
div.page div.form .form-group label { font-size:110%; }
div.page div.form .form-group label i { font-size:80%; }
div.page div.form .form-group label span { font-size:80%; color:red; }
div.page div.form .form-group input { margin:0; padding:1.5%; border:1px solid #d4d4d4; font-size:100%; color:#000; width:90%; border-radius:5px; }
div.page div.form .form-group textarea { margin:0; padding:1.5%; border:1px solid #d4d4d4; font-size:100%; color:#000; width:90%; border-radius:5px; }
div.page div.form .form-btn { text-align:center; }
div.page div.form .form-btn input { font-size:200%; letter-spacing:2px; }
/* 固定ページ プライバシーポリシー */
div.page div.pvp { margin:0 auto; padding:0; width:98%; }
div.page div.pvp h2 { margin:0 0 1% 0; padding:0 0 1% 0; font-size:125%; letter-spacing:2px; font-weight:normal; }
div.page div.pvp p { margin:0 auto; width:95%; display:block; }
div.page div.pvp hr { margin:7% 0; padding:0; height:0; border-top:1px solid #dedede; }
/* 固定ページ サイトマップ */
div.page div.stm { margin:0 auto; padding:0; width:98%; }
div.page div.stm ul { margin:0; padding:0; }
div.page div.stm ul li { margin:0 0 1% 0; padding:1% 0 1% 0; border-bottom:1px solid #ededed; }
div.page div.stm ul li:last-child { border-bottom:none; }
div.page div.stm h1 { margin:2% 0 0 0; padding:0; font-size:125%; line-height:80%; letter-spacing:2px; font-weight:normal; }
div.page div.stm h1 i { font-size:70%; }
div.page div.stm h1 a { margin:0; padding:0; text-decoration:none; color:#000; display:block; }
div.page div.stm h1 span { margin:1% auto; padding:0; width:95%; font-size:70%; line-height:140%; color:#777; font-weight:normal; display:block; }
/* 固定ページ プロファイル */
div.page div.profile { margin:0 auto; padding:0; width:98%; }
div.page div.profile ul { margin:0; padding:0; }
div.page div.profile ul li { margin:0 0 1% 0; padding:3% 0 1% 0; border-bottom:1px solid #ededed; }
div.page div.profile ul li h3 { margin:2% 0 0 0; padding:0; font-size:125%; line-height:80%; letter-spacing:2px; font-weight:normal; }
div.page div.profile ul li h3 i { font-size:70%; }
div.page div.profile ul li p { margin:0; padding:2% 0; width:auto; font-size:80%; line-height:140%; color:#555; font-weight:normal; display:block; }
/* カテゴリ一覧 */
.cotdiv { padding: 40px 0; }
.cotdiv ul { margin: 0; padding: 0; }
.cotdiv ul li {
margin: 0 0 1.5% 0;
padding: 0 0 1.5% 0;
border-bottom: 1px solid #ededed;
display: -webkit-flex;
display: flex;
align-items: flex-start; /* 要素を上端に揃える */
}
.cotdiv ul li:last-child { border-bottom: none; }
.cotdiv ul li a { text-decoration: none; color: #000; display: block; }
.cotdiv ul li div { margin: 0; padding: 0; display: block; }
.cotdiv ul li div.dvl {
margin: 0 10px 0 0;
position: relative;
width: 230px;
flex-shrink: 0; /* 画像サイズを固定 */
}
.cotdiv ul li div.dvl span {
margin: 0;
padding: 1px 1rem 0 1rem;
letter-spacing: 1px;
font-size: 90%;
position: absolute;
top: 0;
left: 0;
color: #fff;
}
.cotdiv ul li div.dvl span.cat01 { background: #ff9c00; }
.cotdiv ul li div.dvl span.cat02 { background: #0b619e; }
.cotdiv ul li div.dvl span.cat03 { background: #0096ff; }
.cotdiv ul li div.dvl span.cat04 { background: #7a4a93; }
.cotdiv ul li div.dvl span.cat05 { background: #937e4a; }
.cotdiv ul li div.dvl span.cat06 { background: #67934a; }
.cotdiv ul li div.dvl span.cat07 { background: #776f7a; }
.cotdiv ul li div.dvl span.list { background: #a84a1c; }
.cotdiv ul li div.dvl img {
margin: 0;
padding: 0;
width: 230px;
height: 148px;
display: block;
object-fit: cover; /* 画像の縦横比を保ちながらトリミング */
}
.cotdiv ul li div.dvr {
width: 625px;
box-sizing: border-box;
}
.cotdiv ul li div.dvr h2 {
margin: 0;
padding: 0;
font-size: 145%;
line-height: 140%;
letter-spacing: 1px;
font-weight: normal;
}
.cotdiv ul li div.dvr h2 span { font-size: 55%; color: #555; display: block; }
.cotdiv ul li div.dvr p { margin: 0 auto; padding: 0; width: 98%; }
.cotdiv ul li div.dvr p a { font-size: 90%; color: #666; line-height: 140%; display: block; }

.cotdiv div.tagdiv { margin:0 auto; padding:1.5%; box-sizing:border-box; border-bottom:1px solid #e9e9e9; display:block; }
.cotdiv div.tagdiv:last-child { border-bottom:none; }


.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24 }


/* 記事 */
#Cont .kiji { margin:0; padding:0; }
#Cont .kiji h1 { margin:0 auto 2% auto ; padding:1.5% 0; font-size:220%; color:#000; line-height:140%; font-weight:normal; border-bottom:3px solid #e6e6e6; }
#Cont .kiji h2 { margin:0 auto 2% auto ; padding:1.5% 0; font-size:180%; color:#000; line-height:140%; font-weight:normal; }
#Cont .kiji h3 { display:flex; align-items:center; gap:6px; padding:1.5% 0; font-size:19px; color:#000; line-height:140%; font-weight:normal; background:#f7f7f7; }
#Cont .kiji h4 { margin:0 0 1% 10px; padding:0.5% 1.5%; font-size:17px; color:#000; line-height:140%; font-weight:normal; display:inline-block; background:#f2ebf3; border-radius:3px; }
#Cont .kiji h5 { margin:0 0 1% 0; padding:0; font-size:17px; line-height:100%; font-weight:normal; }
#Cont .kiji small { margin:0 0 5% 3%; font-size:11px; color:#777; }
#Cont .kiji img.thumb-img { margin:0 auto 3% auto; width:95%; height:auto; display:block; }

#Cont .kiji .wakucom { margin:0 auto 30px auto; padding:2%; width:98%; background:#faf7f0; box-shadow:0px 0px 5px #dedede; border-radius:5px; box-sizing:border-box; display:block; }
#Cont .kiji .wakucom dl { margin:0 auto; width:95%; }
#Cont .kiji .wakucom dl dt { margin:0 0 2% 0; padding:0 0 2% 0; color:#580000; text-align:center; font-size:15px; letter-spacing:2px; }
#Cont .kiji .wakucom dl dd { margin:0 0 1.5% 0; padding:1.5%; border-bottom:1px dashed #ccc; font-size:13px; color:#555; box-sizing:border-box; }
#Cont .kiji .wakucom dl dd:last-child { border-bottom:none; }

#Cont .kiji p { margin:2% auto; padding:0 0 2% 0; width:98%; font-size:98%; line-height:170%; letter-spacing:2px; color:#444; display:block; }
#Cont .kiji p img { float:left; margin:0 3% 3% 0; width:250px; height:auto; display:block; }
#Cont .kiji p img.imgr { float:right; margin:0 3% 3% 0; width:250px; height:auto; display:block; }
#Cont .kiji p.com { padding:2% 3% 0 6%; background: url("./img/icon01.png") no-repeat; background-size:5%; background-position:left; box-sizing:border-box; }
#Cont .kiji p.com02 { padding:2% 3% 0 6%; background: url("./img/icon02.png") no-repeat; background-size:5%; background-position:left; box-sizing:border-box; }
#Cont .kiji p.com0 { margin:0 auto 1% auto; }
#Cont .kiji span.spp { margin:0 auto 1% auto; padding:0; width:97%; font-size:102%; line-height:185%; letter-spacing:3px; color:#444; display:block; }
#Cont .kiji .twitter-tweet { margin:0 auto; }
#Cont .kiji img { margin:0; height:auto; border-radius:10px; display:block; }
#Cont .kiji div.mokuji { margin:0 auto 10% auto; padding:2%; width:80%; box-sizing:border-box; border:1px solid #d2d2d2; border-radius:6px; }
#Cont .kiji div.mokuji strong { margin:10px 0 5% 0; padding:0; text-align:center; font-size:130%; line-height:0; display:block; }
#Cont .kiji div.mokuji ol.mokujiol { margin:0 auto; width:100%; }
#Cont .kiji div.mokuji ol.mokujiol li { margin:0 0 3% 0; list-style-type:decimal; }
#Cont .kiji div.mokuji ol.mokujiol li h2 { margin:0; font-size:110%; letter-spacing:0; line-height:110%; font-weight:bold; }
#Cont .kiji div.mokuji ol.mokujiol li h2 a:link { color:#502411; text-decoration:underline; }
#Cont .kiji div.mokuji ol.mokujiol li h3 { margin:0 0 0 1.5%; font-size:99%; line-height:40%; letter-spacing:0; line-height:120%; background:none; font-weight:normal; }
#Cont .kiji div.mokuji ol.mokujiol li h3 a:link { color:#635769; text-decoration:none; }
#Cont .kiji div.mokuji ol.mokujiol li h3 a:hover { color:#635769; text-decoration:underline; }
#Cont .kiji h2.tith2 { margin:10% 0 2% 0; padding:2%; background:#f1f1f1; color:#000; border-radius:3px; }
#Cont .kiji ul { margin:5% 0; padding:0; display:block; }
#Cont .kiji ul.kijiul { margin:0 auto; width:95%; }
#Cont .kiji ul.kijiul li { font-size:95%; }
#Cont .kiji ul li { margin:0 0 2% auto; padding:0 0 2% 0; border-bottom:2px solid #f6f6f6; font-size:99%; line-height:160%; letter-spacing:3px; }
#Cont .kiji ul li p.lip { margin:1.5% 0; }
#Cont .kiji ul li p.lip01 { margin:0 0 0.7% 0; }
#Cont .kiji ul li:last-child { border-bottom:none; }
#Cont .kiji ul li h3 { margin:1.5% 0; padding:0 0 1% 0; font-size:130%; letter-spacing:3px; color:#52465c; }
#Cont .kiji ul li h3 i { font-size:50%; }
#Cont .kiji ul li h4 { margin:0 0 20px 0; padding:0 0 5px 0; width:65%; border-bottom:3px solid #000; display:block; background:none; }
#Cont .kiji ul li h5 { margin:2% 0; padding:0; font-size:101%; line-height:100%; }
#Cont .kiji ul li ol { margin:0 auto; padding:0; }
#Cont .kiji ul li ol li { margin:0 0 1% auto; padding:0 0 1% 0; font-size:100%;line-height:160%; letter-spacing:3px; }
#Cont .kiji ul li ol li span { font-size:100%; color:#000; }
#Cont .kiji ul li ol li a i { font-size:60%; }
#Cont .kiji dl { margin:5% 0 10% auto; padding:0; width:100%; display:block; }
#Cont .kiji dl dt { margin:0; padding:0; }
#Cont .kiji dl dt h3 { padding:0 0 1% 0; border-bottom:3px solid #ececec; }
#Cont .kiji dl dd { margin:0 auto 5% auto; padding:0; width:97%; display:block; }
#Cont .kiji dl dd ul li h4 { color:#fff; }
#Cont .kiji dl dd ul li h4 a { text-decoration:none;color:#fff; }
#Cont .kiji p.press { margin:2% auto; padding:3%; width:90%; border:1px solid #ccc; }

#Cont .kiji dl dd h4 { margin:0 0 1% 0; font-size:18px; line-height:160%; letter-spacing:3px; color:#444; }
#Cont .kiji dl dd ol { margin:2% 0 7% 5%; padding:0; }
#Cont .kiji dl dd ol li { margin:0 0 1% 0; padding:0 0 1% 0; }
#Cont .kiji dl dd ol li ul { margin:0; padding:0; }
#Cont .kiji dl dd ol li ul li { font-size:99%; }

#Cont .kiji p.tagp { float:right; margin:1%; font-size:90%; }
#Cont .kiji p.tagp a { color:#5880f6; }
#Cont .kiji .matome { margin:0 auto; padding:2% 3%; border:1px solid #dfe1e8; border-radius:10px; width:97%; display:block; box-sizing:border-box; }
#Cont .kiji .matome p { margin:0 0 5% 0; font-size:110%; line-height:180%; letter-spacing:3px; }
#Cont .kiji iframe { margin: 0 auto; width:600px; height:378px; display:block; }
#Cont .kiji div.kijimg { margin:0 auto 1%; padding:0; text-align:center; }
#Cont .kiji div.kijimg img { margin:0 auto; width:50%; height:auto; display:block; border-radius:0; }
#Cont .kiji div.kijimg p { margin:0; padding:0; font-size:90%; color:#888; }
#Cont .kiji div.listdiv { margin:0; padding:0; width:95%; }
#Cont .kiji div.listdiv ul { margin:5% 0; padding:0; }
#Cont .kiji div.listdiv ul li { margin:2% 0; padding:1% 2%; font-size:90%; border-bottom:1px solid #ccc; }
#Cont .kiji div.listdiv ul li i { font-size:50%; }
#Cont .kiji div.listdiv ul li h4 { margin:10px 0; padding:0; font-size:110%; line-height:110%; color:#651a00; background-color:#fff; display:block; }
#Cont .kiji div.listdiv ul li h4 i { font-size:100%; }
#Cont .kiji div.listdiv ul li h4 span { margin:0 1.5%; padding:1%; font-size:70%; color:#333; background:#ffeb8d; border-radius:10px; display:inline; }
#Cont .kiji div.listdiv ul li p { margin:0; padding:0; }
#Cont .kiji p.comp { margin:0 auto 3% auto; padding:2%; font-size:94%; background:#f4f3ed; border-radius:10px; }
#Cont .kiji div.info_box { margin:0 auto; width:95%; padding:0; box-sizing:border-box: }
#Cont .kiji div.info_box dl { margin:0 auto; padding:0; border:1px solid #f6f6f6; border-radius:3px; display:-webkit-flex; display:flex; flex-wrap:wrap; }
#Cont .kiji div.info_box dl dt { padding:2%; width:25%; font-size:110%; font-weight:bold; box-sizing:border-box; }
#Cont .kiji div.info_box dl dd { padding:2%; width:75%; box-sizing:border-box; }
#Cont .kiji div.persona { margin:0 atuo; padding:2%; width:95%; box-sizing:border-box; border:1px solid #e8e8e8; border-radius:3px; }
#Cont .kiji div.persona b { margin:0 0 1.5% 0; text-align:center; font-size:120%; color:#000; display:block; }
#Cont .kiji div.persona ul { margin:0 auto; width:95%; display:block; }
#Cont .kiji div.persona ul li { margin:0 0 1.5% 0; padding:0 0 1.5% 0; font-size:90%; text-align:center; }

#Prdiv { margin:2% auto; padding:1% 0; border-top:3px solid #ccc; border-bottom:3px solid #ccc; box-sizing:border-box; display:block; }
#Prdiv ul.prul { margin:0 auto; padding:0; width:auto; display:-webkit-flex; display:flex; flex-wrap:wrap; }
#Prdiv ul.prul li { margin:0; padding:0; display:block; border:1px solid #ccc; }
#Prdiv ul.prul li.lil { margin:0 10px 0 0; width:15%; }
#Prdiv ul.prul li.lil img { margin:0 auto; width:95%; height:auto; display:block; }
#Prdiv ul.prul li.lir { width:75%; }
#Prdiv ul.prul li.lir h2.prh2 { margin:0; padding:0; font-size:16px; }



ol.olp { margin:1.5% 0; list-style-type:disc; max-width:100%; box-sizing:border-box; }
ol.olp li { margin:0 0 1% 0; padding:0 0 1% 0; font-size:15.5px;line-height:140%; letter-spacing:3px; }
ol.olp li p { font-size:93%; }
ol.olp li p hr { height:0; margin:0; padding:0; border:0; border-top:none; }
ol.olp li.yokonarabi { display: flex; gap: 10px; flex-wrap: wrap; box-sizing: border-box; width: 100%; max-width: 100%; }
ol.olp li.yokonarabi iframe { flex: 1 1 calc(33.33% - 10px); min-width: 200px; max-width: 100%; height: auto; box-sizing: border-box; }
span.toha { margin:1.5% auto; padding:1.5%; background:#ebebeb; display:block; }
li.mg30 { margin:0 0 30px 0; padding:0 0 30px 0; text-align:center; }

.frame_box { margin:0 auto; width:97%; }
.frame_title { margin:0; padding:1% 1.5%; color:#fff; background:red; border-radius:15px; display:inline-block; }

/* 記事 - アイドルグループ詳細ページ */
#Cont .kiji h1.sngh2 span { font-size:40%; color:#555; font-weight:normal; display:inline; }

/* 記事 - 関連記事 */
#Cont aside { margin:100px auto 0 auto; padding:0; width:95%; display:block; }
#Cont aside h4 { margin:0 0 1.5% 0; padding:1.4%; font-size:130%; font-weight:normal; background:#f5f5f5; color:#000; letter-spacing:1px; border-radius:3px; }
.related-post-wrap { margin: 0; width: 100%; }
.related-post-wrap ul { margin: 0; padding: 0; }
.related-post-wrap ul li { margin: 0 0 1% 0; padding: 0 0 1% 0; }
.related-post { margin: 0 0 2% 0; width: 100%; padding: 1%; border-bottom: 1px solid #ebe9e4; box-sizing: border-box; display: flex; }
.related-post a { text-decoration: none; color: #5f5969; font-size: 95%; display: flex; }
.thumbnail-wrap { width: 180px; height: 116px; overflow: hidden; position: relative; flex-shrink: 0; }
.thumbnail-wrap img { width: 180px !important; height: 116px !important; object-fit: cover; display: block; }
.text-wrap { margin-left: 10px; flex-grow: 1; }
.custom-fields p { margin:0 0 1% 0; padding:0; font-size:90%; }


#Cont .kiji ul.kprf { margin:0 auto; padding:0; width:100%; display: -webkit-flex; display: flex; flex-wrap:wrap; }
#Cont .kiji ul.kprf li { margin:0 auto; padding:1%; width:50%; box-sizing:border-box; }
#Cont .kiji ul.kprf li.kprfli p.listp { margin:0 0 1.5% 0; padding:0 0 1.5% 0; color:#686069; letter-spacing:2px; font-size:95%; border-bottom:1px solid #f8f5f8; }
#Cont .kiji ul.kprf li.kprfli p.listp a:link { color:#4b334d; text-decoration:none; }
#Cont .kiji ul.kprf li.kprfli p.listp a:hover { color:#694163; text-decoration:underline; }
#Cont .kiji ul.kprf li.kprfli p.listp span { margin:0 0 2% 0; padding:0 0 2% 0; border-bottom:1px dashed #e7e3e8; display:block; }
#Cont .kiji ul.kprf li.kprfli p.listp span:last-child { border-bottom:none;}
#Cont .kiji ul.kprf li.kprfli p.listp span i { font-size:50%; }
#Cont .kiji ul.kprf li.kprfli p.listp span b { color:#321a39; }
#Cont .kiji ul.kprf li.kprfli div.snsdiv { margin:0 0 1.5% 0; padding:1.5%; background:#f7f7f7; border-radius:3px; display: -webkit-flex; display: flex; }
#Cont .kiji ul.kprf li.kprfli div.snsdiv p { margin:0 1.5%; padding:0; width:10%; display:block; }
#Cont .kiji ul.kprf li.kprfli div.snsdiv p i { margin:0; color:#ccc; font-size:140%; line-height:0; }
#Cont .kiji ul.kprf li.kprfli div.snsdiv p a i { font-size:140%; }
#Cont .kiji ul.kprf li.kprfli div.snsdiv p.sns_x a i { color:#000; }
#Cont .kiji ul.kprf li.kprfli div.snsdiv p.sns_yout a i { color:red; }
#Cont .kiji ul.kprf li.kprfli div.snsdiv p.sns_inst a i { color:#ff0096; }
#Cont .kiji ul.kprf li.kprfli div.snsdiv p.sns_tictok a i { color:#000; }
#Cont .kiji ul.kprf li.kprfli div.snsdiv p.sns_fbook a i { color:#008aff; }
#Cont .kiji ul.kprf li.kprfli div.aite { margin:0 auto 2% auto; padding:1.5%; border:1px solid #eae6eb; border-radius:3px; box-sizing:border-box; }
#Cont .kiji ul.kprf li.kprfli div.aite h3 { margin:0.5% 0.5% 2% 0.5%; padding:1.5%;text-align:center; font-size:110%; color:#523d5b; background:#e1dce4; box-sizing:border-box; border-radius:3px; }
#Cont .kiji ul.kprf li.kprfli div.aite p { margin:0 0 1.5% 0; padding:0 0 1.5% 0; color:#686069; letter-spacing:2px; font-size:95%; border-bottom:1px solid #f8f5f8; }


#Cont .kiji .timeline { list-style: none; }
#Cont .kiji .timeline li.noline { border-bottom:none; margin:0; padding:0; border:1px solid #ccc; }
#Cont .kiji .timeline > li { padding-bottom:0; border-bottom:none; }
#Cont .kiji .timeline > li { overflow:hidden; margin:0; position:relative; }
#Cont .kiji .timeline > li img.iimg { float:left; margin:0 1.5% 1.5% 0; }
#Cont .kiji .timeline-date { width:110px; float:left; margin-top:20px; font-family: "Arial", "メイリオ"; font-weight:bold; font-size:115%; }
#Cont .kiji .timeline-date span { font-size:80%; }
#Cont .kiji .timeline-content { width:80%; float:left; border-left:3px #dfdfdf solid; padding-left:30px; }
#Cont .kiji .timeline-content:before { content: ''; width:12px; height:12px; background:#5800b2; position:absolute; left:106px; top:24px; border-radius:100%; }
#Cont .kiji .timeline-content h3 { padding:1% 0 1% 1.5%; color:#27004f; }




#Calendar { margin:5% auto; padding:0; width:97%; }
.eo-fullcalendar .fc-day-header.fc-sat { background:#cde7ee; }
.eo-fullcalendar .fc-bg .fc-sat { background:#f3f8f9; }
.eo-fullcalendar .fc-day-header.fc-sun { background: #fcd2d3; }
.eo-fullcalendar .fc-bg .fc-sun { background: #f4f0f1; }
.eo-fullcalendar .fc-day-number { font-family: 'Arial', sans-serif; font-size: 16px; font-weight: bold; color: #333; }
.eo-fullcalendar { font-family: 'Helvetica', sans-serif; }
.eo-fullcalendar .fc-widget-content { padding:0.5% 0.5% 0 0; }

#PRWAKU { margin:2% auto; padding:2%; box-sizing:border-box; background:#fafbfb; }
#PRWAKU h3.prwakuh3 { margin:0 0 2% 0; padding:0; font-size:14px; line-height:100%; color:#000; display:block; }
#PRWAKU ul.prwakul { margin:0; padding:0; list-style-type:none; }
#PRWAKU ul.prwakul li { margin:0 0 1% 0; padding:0 0 1% 0; font-size:16px; line-height:130%; }






.popular-tags {}
.popular-tags a { display: inline-block; margin:3px; padding:4px 8px; color: #333; text-decoration: none; border: 1px solid transparent; transition: all 0.3s; line-height:110%; }
.popular-tags a:hover { color: #fff; background-color: #000; border-color: #000; }

p.hidden { display:none; }
p.hidden a { display:none; }
p.hidden a i { display:none; }

table { margin:0 0 30px 0; width:85%; box-sizing:border-box; }
table , td, th { border: 1px solid #acacac; text-align:center; border-collapse:collapse; }
table td, th { padding:0.8rem; width:; height:auto; }
table th { background: #f0e6cc; }
table td.td01 { width:20%; }
table td.td02 { width:80%; }
table td h3 { margin:0; font-weight:normal; }
table td h3.h3bold { margin:0 0 1.5% 0; font-weight:bold; color:#000; }
table td h3.h3bold a { color:#000; }
table td h3 i { font-size:45%; }
table td h3 span { font-size:65%; color:#777; letter-spacing:2px; }
table td a { color:#807082; }
table td span.btd { margin:0 0 10px 0; padding:0.5% 2%; font-size:50%; background:#fafafa; color:#555; display:inline; border-radius:3px; }
table.ttable {}
table.ttable td { text-align:left; }
table td.clr01 { background:#e6e3e8; }
p.tdp { font-size:10px; color:#9985a1; line-height:110%; }


p.tagpp { font-weight:bold; display:block; }

/* コメントリスト */
.comm { margin:0 auto; padding:1.5%; border:1px solid #e4e4e4; border-radius:10px; display:block; }
.comm h3 { margin:0 0 1.5% 0; padding:1.5%; background:#e4e4e4; border-radius:10px; line-height:130%; }
.comment-list { list-style: none; margin:0; padding:0; }
.comment-list li { border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 10px; }
.comment-author { margin:0; padding:0; font-weight:bold; font-size:1.1em; color:#333; display:-webkit-flex; display:flex; }
.comment-author img { margin:0 10px 0 0; width:50px; height:50px; display:block; }
.comment-author b {}
.comment-meta { margin:0; padding:0; font-size: 0.9em; color: #777; margin-bottom: 10px; }
.comment-content { font-size: 1em; line-height: 1.5; color: #555; }
.comment-reply { margin-top: 10px; font-size: 0.9em; text-align: right; }
/* コメントフォーム */
.comment-form { margin-top:0; }
.comment-form input[type="text"],
.comment-form textarea { width:90%; border: 1px solid #ddd; padding:10px; margin-bottom:0; font-size:1em; border-radius:5px; }
.comment-form input[type="submit"] { background-color: #0073aa; color: #fff; border: none; padding: 10px 20px; cursor: pointer; border-radius: 5px; }
.comment-form input[type="submit"]:hover { background-color: #005880; }
.comment-list li { animation: fadeIn 0.5s ease-in-out; }

@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.comment-form-author { margin:0; padding:0; }
.comment-form-comment { margin:0; padding:0; }
.comment-form-comment textarea { margin:0 auto; width:90%; }
.comm h3.comment-reply-title { padding:0 0 0 30px; }
.comment-form-cookies-consent { display: none; }


.pagination { margin:5% 0 0 0; text-align:center; font-size:105%; font-weight:normal; letter-spacing:3px; }
.pagination a:link { color:#1f3636; text-decoration:none; }
.pagination span.page-numbers { font-weight:bold; color:#000; }

/* 心理テスト */
#quiz-box { width:98%; margin:0 auto; padding:0; }
#quiz-box h2 { margin-bottom: 20px; font-size:22px; }
#quiz-box p.qbp01 { margin:0 auto; padding:0.7rem; font-size:22px; background:red; border-radius:10px; color:#fff; text-align:center; display:block; }

.answer-list { margin:0 auto; padding:0; display:flex; justify-content:center; flex-wrap:wrap; gap:10px; }
.answer { width:45%; overflow:hidden; cursor:pointer; display:block; }
.answer img { margin:0 auto; width:100%; height:auto; object-fit:cover; border-radius:0; }
.answer span { display:block; padding:1rem 8px; font-size:1rem; background:#6a5acd; color:#fff; font-weight:bold; }
#result { display:none; margin-top:20px; padding:20px; border:1px solid #ccc; border-radius:7px; }
#result h3.testh3 { margin:0 auto; padding:1rem; text-align:center; }
#result strong { color:#800000; }















@media screen and (max-width: 768px) {
	header ul { display:block; }
	header ul li { margin:0; padding:0; }
	header ul li h1 { margin:10px 0 0 0; padding:0 0 0 10px; width:98%; font-size:180%; }
	header ul li h1 span { margin:2px 0; display:block; }
	header ul li.hidari { width:100%; }
	header ul li.migi { width:100%; }
	.nav { margin:1% auto; padding:0; background-color:#fff; overflow-x: auto; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; -ms-overflow-style:none; scrollbar-width:none; }
	.nav::-webkit-scrollbar { display: none; }
	.nav ul { display: flex; width: max-content; margin:0 auto; padding:0; }
	.nav ul li h2 { margin:0; padding:0; text-align:center; font-weight:normal; }
	.nav ul li a { display: flex; align-items: center; justify-content: center; padding:5px 25px; height:30px; font-size: 13px; color: #333; text-decoration: none; white-space: nowrap; }
	.nav ul li a:hover { background-color: #717171; color:#fff; }

/*
	header ul li.migi div.nav { margin:0 auto 5px auto; padding:0; width:98%; border-top:1px solid #f5f5f5; border-left:1px solid #f5f5f5; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; flex-wrap:wrap; }
	header ul li.migi div.nav h2 { margin:0; padding:10px 0; width:32.5%; text-align:center; border-right:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; display:block; }
	/* ハンバーガーメニュー */
	.hamb { top:25px; }
	.black-bg ul { top:40%; }
	.black-bg ul li a { font-size:16px; }
	.black-bg { width:210px; }
	/*== Slid */
	#Slid { padding:5px 0; }
	/*== Search */
	#Search { margin:1.5% auto; }
	#Search form.search-form { padding:1.5% 0; width:95%; }
	#Search input.search-field { width:70%; }
	#Search input.search-submit { font-size:0.9rem; letter-spacing:1; }
	/*== Main */
	#Main { width:98%; display:block; }
	#Cont { margin:0 0 100px 0; width:100%; }
	#Side { margin:0 auto; width:96%; }
	/*タブ切り替え全体のスタイル*/
	.tabs { margin:2% 0; padding:2% 0; width:98%;}
	.tab_item { width: calc(99%/3); }
	.tab_content ul { margin:0 auto; width:98%; }
	.tab_content ul li { margin:0 0 5% 0; padding:0 0 5% 0; display:block; }
	.tab_content ul li div.dvl { margin:0 auto 1.5% auto; width:85%; }
	.tab_content ul li div.dvl img { margin:0 auto; width:100%; height:auto; display:block; }
	.tab_content ul li div.dvr { margin:0 auto; width:100%; }
	.tab_content ul li div.dvr h2 { margin:0 auto; width:98%; line-height:135%; }
	.tab_content ul li div.dvr h2 span { font-size:50%; }
	.tab_content ul li div.dvr p { width:95%; }
	
	/* footer */
	footer { margin:5% auto 0 auto; padding:5% 0 0 0; width:98%; }
	footer ul { margin:0 auto; padding:0; width:95%; display:block; }
	footer ul li { margin:0; padding:0; width:100%; }
	footer ul li a { margin:0; padding:3% 0; }
	footer ul li h1 { font-size:180%; }
	footer ul li h1 span { display:block; }
	/* 固定ページ */
	div.page { margin:0 auto 10% auto; width:95%; }
	div.page div.form { border:1px solid #d4d4d4; }
	div.page div.form .form-group { margin:0 0 5% 0; padding:0 0 5% 0; }
	div.page div.form .form-btn input { padding:1% 3%; font-size:130%; font-weight:normal; }
	/* カテゴリ一覧 */
	.cotdiv { padding: 20px 0; }
	.cotdiv ul { margin: 0 auto; width: 100%; }
	.cotdiv ul li {
	display: flex;
	flex-wrap: nowrap;/* 横並びにする */
	align-items: center;
	margin-bottom: 15px;
	padding: 10px;
	}
	.cotdiv ul li div.dvl {
	width: 27%;/* 画像部分の幅を30%に設定 */
	margin: 0;
	}
	.cotdiv ul li div.dvl img {
	width: 100%;
	height: auto;
	display: block;
	}
	.cotdiv ul li div.dvr {
	width: 71%;/* テキスト部分の幅を70%に設定 */
	margin: 0 auto;
	padding:0 0 0 2%;
	box-sizing:border-box;
	}
	.cotdiv ul li div.dvr h2 { font-size:105%; font-weight:bold; line-height:120%; } /* フォントサイズ調整 */
	.cotdiv ul li div.dvr p { font-size: 90%; } /* テキストサイズ調整 */

	.excerpt { display: none; }



	/* 記事 */
	#Cont .kiji { margin:0 auto; width:95%; }
	#Cont .kiji h1 { padding:5% 0; font-size:145%; line-height:130%; }
	#Cont .kiji h2 { font-size:130%; font-weight:bold; line-height:130%; }
	#Cont .kiji h3 { margin:10% auto 2% auto ; padding:0; font-size:115%; color:#000; line-height:130%; font-weight:bold; }
	#Cont .kiji p { margin:0 auto 5% auto; padding:2% 0; width:95%; font-size:100%; line-height:140%; letter-spacing:1px; color:#111; display:block; }
	#Cont .kiji p img { float:none; margin:0 auto; margin:0 0 1% 0; width:80%; height:auto; }
		

	#Cont .kiji p.com { margin:0 0 50px 0; padding:7% 0 0 14%; background-size:13%; }
	#Cont .kiji p.com02 { margin:0 0 50px 0; padding:7% 0 0 14%; background-size:13%; }
	#Cont .kiji p.com0 { margin:0 auto 1% auto; }

	#Cont .kiji div.mokuji { padding:10% 3%; width:98%; }
	#Cont .kiji div.mokuji strong { margin:0; }
	#Cont .kiji div.mokuji ol.mokujiol { margin:30px auto 0 auto; padding:0 0 0 1rem; width:88%; list-style-type:decimal; display:block; }
	#Cont .kiji div.mokuji ol.mokujiol li { margin:0 0 5% 0; padding:0 0 5% 0; border-bottom:1px dotted #ccc; list-style-type:decimal; display:list-item; }
	#Cont .kiji div.mokuji ol.mokujiol li:last-child { border-bottom:none; }
	#Cont .kiji div.mokuji ol.mokujiol li h2 { padding:0; }
	#Cont .kiji div.mokuji ol.mokujiol li h2 a:link { color:#502411; text-decoration:none; }

	#Cont .kiji div.mokuji ol.mokujiol li h3 { margin:5% 0 0 2%; font-size:99%; letter-spacing:0; font-weight:normal; }
	#Cont .kiji div.mokuji ol.mokujiol li h3 a:link { color:#635769; text-decoration:none; }
	#Cont .kiji div.mokuji ol.mokujiol li h3 a:hover { color:#635769; text-decoration:underline; }

	#Cont .kiji h2.tith2 { margin:10% 0 3% 0; padding:2%; background:#f1f1f1; color:#000; border-radius:3px; }

	#Cont .kiji ul li ol { margin:3% auto; width:80%; }
	#Cont .kiji iframe { margin: 0 auto; width:100%; height:300px; display:block; }
	#Cont .kiji ul li h4 { margin:0 0 15px 0; padding:0 0 4px 0; width:100%; line-height:130%; }

	/* 記事 - アイドルグループ詳細ページ */
	#Cont .kiji h1.sngh2 span { font-size:40%; color:#555; font-weight:normal; display:inline; }
	/* 記事 - 関連記事 */
	#Cont aside { margin:100px auto 0 auto; padding:0; width:95%; display:block; }
	#Cont aside h4 { margin:0 0 1.5% 0; padding:1.4%; font-size:130%; font-weight:normal; background:#f5f5f5; color:#000; letter-spacing:1px; border-radius:3px; }
	#Cont aside ul { margin:0; padding:0; width:100%; display: -webkit-flex; display: flex; flex-wrap:wrap; }
	#Cont aside ul li { margin:0 1% 2% 1%;width:31%; padding:1%; border:1px solid #ebe9e4; box-sizing:border-box; }
	#Cont aside ul li a { text-decoration:none; color:#5f5969; font-size:95%; }
	#Cont aside ul li a img { margin:0 auto 1% auto; width:230px; height:148px; display:block; }

	table.ttable { width:100%; }

	#Cont .kiji ul.kprf { display:block; }
	#Cont .kiji ul.kprf li { width:100%; }
	#Cont .kiji ul.kprf li.kprfli p.listp { font-size:90%; }
	#Cont .kiji ul.kprf li.kprfli div.aite { margin:0 auto 2% auto; padding:1.5%; border:1px solid #eae6eb; border-radius:3px; box-sizing:border-box; }
	#Cont .kiji ul.kprf li.kprfli div.aite h3 { margin:0.5% 0.5% 2% 0.5%; padding:1.5%;text-align:center; font-size:100%; color:#523d5b; background:#e1dce4; box-sizing:border-box; border-radius:3px; }
	#Cont .kiji ul.kprf li.kprfli div.aite p { margin:0 0 1.5% 0; padding:0 0 1.5% 0; color:#686069; letter-spacing:2px; font-size:95%; border-bottom:1px solid #f8f5f8; }


	#Cont .kiji .timeline-date { margin:0; padding:2% 0 2% 6%; width:100%; font-size:125%; border-sizing:border-box; background:#ededed; }
	#Cont .kiji .timeline-date span { font-size:80%; }
	#Cont .kiji .timeline-content { margin:0 auto; width:100%; float:left; border-left:3px #dfdfdf solid; padding-left:15px; border-sizing:border-box; }
	#Cont .kiji .timeline-content:before { content: ''; width:12px; height:12px; background:#5800b2; position:absolute; left:10px; top:17px; border-radius:100%; }
	#Cont .kiji .timeline-content h3 { padding:1% 0 1% 1.5%; color:#27004f; border-radius:4px; border-sizing:border-box; }

	.thumbnail-wrap { width: 100px; height: 64px; overflow: hidden; position: relative; flex-shrink: 0; }
	.thumbnail-wrap img { width: 100px !important; height: 64px !important; object-fit: cover; display: block; }
	li.table-container { overflow-x: auto; }

	/* 心理テスト */
	#result { padding:15px; line-height:150%; letter-spacing:1px; }
	#result h3.testh3 { margin:0 atuo; padding:1rem; text-align:center; }
	#quiz-box p.qbp01 { color:#fff; }

	.answer-list { margin:0 auto; padding:0; display:block; }
	.answer { margin:0 0 1% 0; width:100%; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
	.answer img { margin:0; width:30%; height:auto; object-fit:cover; border-radius:0; }
	.answer span {  width:70%; display:block; padding:0 0 0 1.5%; font-size:1.2rem; line-height:140%; background:#fff; color:#3f1d77; font-weight:bold; }
	#result { display:none; margin-top:20px; padding:20px; border:1px solid #ccc; border-radius:7px; }
	#result h3.testh3 { margin:0 auto; padding:1rem; text-align:center; }
	#result strong { color:#800000; }
}

/* 固定ページタブ */


/* パンくずリスト */
p.bnav { margin:0 auto 3% auto; padding:1% 0; width:90%; border-bottom:1px dashed #ddd; font-size:80%; color:#666; }
p.bnav a { color:#555; text-decoration:none; }

/* トップへ戻るボタン */
.button { position:fixed; right:5px; bottom:0; font-size:30px; color: #000; padding:0; cursor: pointer; transition: .3s; opacity: 0; visibility: hidden; }
.active { opacity:1; visibility: visible; }

/* recaptcha 非表示 */
.grecaptcha-badge { visibility: hidden; }

/* sns ボタン */
div.sns__container { display:-webkit-flex; display:flex; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-align-items:flex-end; align-items:flex-end; }
div.sns__container span { font-size:80%; color:#777; }
div.sns__container a { margin:0 0 0 6px; width:30px; text-align:center; color:#fff; padding:0.35rem 0 0.25rem 0; border-radius:30px; font-size:16px; text-decoration:none; }
div.sns__container a:hover { opacity: 0.6; }
div.sns__container a.sns__twitter { background: #000; }
div.sns__container a.sns__facebook { background: #3b5998; }
div.sns__container a.sns__pocket { background: #ef3f56; }
div.sns__container a.sns__line { background: #1dcd00; }
div.sns__container a.sns__hatena { background: #00a5de; }

/* アクションライン */
.marker-animation.active { background-position: -100% .5em; }
.marker-animation {
color:#000;
background-image: -webkit-linear-gradient(left, transparent 50%, rgb(234, 217, 255) 50%);
background-image: -moz-linear-gradient(left, transparent 50%, rgb(234, 217, 255) 50%);
background-image: -ms-linear-gradient(left, transparent 50%, rgb(234, 217, 255) 50%);
background-image: -o-linear-gradient(left, transparent 50%, rgb(234, 217, 255) 50%);
background-image: linear-gradient(left, transparent 50%, rgb(234, 217, 255) 50%);
background-repeat: repeat-x;
background-size: 200% .8em;
background-position: 0 .5em;
transition: all 2s ease;
font-weight: bold;
}
.marker-animation01.active{ background-position: -100% .5em; }
.marker-animation01 {
background-image: -webkit-linear-gradient(left, transparent 50%, rgb(172,255,82) 50%);
background-image: -moz-linear-gradient(left, transparent 50%, rgb(172,255,82) 50%);
background-image: -ms-linear-gradient(left, transparent 50%, rgb(172,255,82) 50%);
background-image: -o-linear-gradient(left, transparent 50%, rgb(172,255,82) 50%);
background-image: linear-gradient(left, transparent 50%, rgb(172,255,82) 50%);
background-repeat: repeat-x;
background-size: 200% .8em;
background-position: 0 .5em;
transition: all 2s ease;
font-weight: bold;
color:#000;
}

strong { font-size:110%; }
p.readcom { white-space: pre-line; width:98%; display:block; }
p.readcom strong { font-size:130%; }