@charset "UTF-8";
/* =======================================

	CommonElements

======================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, 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;
	vertical-align: baseline;
/*	outline: 0;*/
}
html {scroll-behavior: smooth;}

/*-----------------------------------------
  基本
-----------------------------------------*/
* { margin: 0; padding: 0; }
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
a:hover img {
  opacity:0.7;
  filter:alpha(opacity=70);
  -ms-filter: “alpha( opacity=70 )”;
}
img{
  max-width: 100%;
  height: auto;
  width /***/:auto;
}
ul li {list-style:none; }
body, html {
    /* important */
    height: 100%;
}
a {word-wrap:break-word; text-decoration: none;}
a:hover {color:var(--keygreen);}
p {margin: 1.25rem 0;}
@media screen and (max-width: 768px){
p {margin: 1rem 0; font-size: 1em;}
}
.img_c { display: block; margin-left: auto; margin-right: auto; max-width: 100%; }
.img_l{display: block; float:left; margin-right: 20px;}
.img_r{display: block; float:right; margin-left: 20px;}
::selection
{    background: #fff7b8;
}

/* for Firefox */
::-moz-selection
{    background: #fff7b8;}
/* fontsize */
.fontS body,.fontS2 body {
	font-size: 100%;
}
.fontM body,.fontM2 body {
	font-size: 110%;
}
.fontL body,.fontL2 body {
	font-size: 120%;
}
/*-----------------------------------------
  共通で使える
-----------------------------------------*/
section{text-align: left;}
.w1200 {  max-width: 1200px; margin: 0 auto; position: relative;}
.text {  text-align: left; }
@media screen and (max-width: 1199px){
.w1200 { width: 95%; margin: 0 auto;padding: 0;}
}
@media screen and (max-width: 768px) {
    .br-pc,.only_pc { display:none; }
}
@media screen and (min-width: 769px) {
    .br-sp,.only_sp { display:none; }
}

/*-----------------------------------------
  ヘッダー
-----------------------------------------*/

.header_inner{margin: 0 auto; position: relative; height: 100%; display: flex; justify-content: space-between;align-items:center;}

@media screen and (max-width: 1100px){
.logo_tokyo{width:8%; margin-right: 0.5%;}
}
.header_btn { margin: 0;}
.header_btn a{background-color: #fff; font-size: 0.9em;line-height: 1.1em; font-weight: 600; padding: 6px 23px 5px 15px;border-radius: 60px;color:#000; border: solid 1px #1e2b5e;
		position: relative; -webkit-transition: 0.3s cubic-bezier(0.18, 0.45, 0.25, 1);
    -o-transition: 0.3s cubic-bezier(0.18, 0.45, 0.25, 1);
    transition: 0.3s cubic-bezier(0.18, 0.45, 0.25, 1);}
.header_btn a::after {
    content: "";
    width: 6px;
    height: 6px;
    border-top: 1px solid #1e2b5e;
    border-right: 1px solid #1e2b5e;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 3px);
    right: 12px;
}
.header_btn a:hover{
	color: #fff;
	background-color: #1e2b5e;
	text-decoration: none;
}
.header_btn a:hover::after{
	border-top-color: #fff;
	border-right-color: #fff;
}



/*　ハンバーガーメニューボタン　*/

.hamburger span { display : block; position: relative; width : 36px; height : 2px ;background : #fff;
-webkit-transition: 0.3s ease-in-out;
-moz-transition   : 0.3s ease-in-out;
 transition        : 0.3s ease-in-out;
}



/*-----------------------------------------
  news
-----------------------------------------*/
.news {width:100%; padding: 60px 0;background-color: #fffded;}
.news h2 {width:100%; text-align: center;background: url(../img/top/titlebg_news.png) no-repeat center bottom; font-size: 2.0em; font-weight: bold;padding: 10px 0 40px; }
.news-list {width:92%; margin: 20px 4% 35px; }
.news-list li {border-bottom: solid 1px #999; display: block;}
.news-list li .news-list_item {padding: 40px 0 10px;display: block; position: relative;}
.news-list_cat{display: block;margin-bottom: 10px;}
.category-tag1 {margin-right: 10px; padding: 5px 50px; font-size: 0.8em; background-color: #f2952f; color: #ffffff;}
.category-tag2 {margin-right: 10px; padding: 5px 50px; font-size: 0.8em; background-color: #ffffff; color: #000000; border: solid 1px #000;}
.news-list_date {font-weight: bold;}
.news-list_heading {font-size: 1.5em; line-height: 1.5em; color: #333;padding: 10px 0 0;}
.news-list_text {color: #333;}
a .news-list_heading:hover, a .news-list_text:hover {color: #2a3d85;}

@media screen and (max-width: 768px){
.news {padding: 20px 0;}
.news h2 {font-size: 1.2em; background-size: 40%;padding: 10px 0 30px;}
.news-list {width:100%; margin: 10px auto 30px; }
.news-list li .news-list_item {padding: 20px 0 5px;}
.news-list_cat{margin-bottom: 5px;}
.category-tag1 {margin-right: 10px; padding: 5px 20px; font-size: 0.7em; }
.category-tag2 {margin-right: 10px; padding: 5px 20px; font-size: 0.7em; }
.news-list_date {font-size: 0.7em;line-height: 1.0em;}
.news-list_heading {font-size: 1.0em; line-height: 1.3em;padding: 5px 0 0; }
.news-list_text {font-size: 0.8em;}
}

/* 一覧へ・詳細ボタン　*/
.btn_detail { display: block; margin: 0 auto 20px; position: relative; text-align: center;}
.btn_detail a{background-color: #1e2b5e; font-size: 0.8em;line-height: 1.1em; font-weight: 500; padding: 10px 33px 12px 25px;border-radius: 60px;color:#fff; position: relative; -webkit-transition: 0.3s cubic-bezier(0.18, 0.45, 0.25, 1);
    -o-transition: 0.3s cubic-bezier(0.18, 0.45, 0.25, 1);
    transition: 0.3s cubic-bezier(0.18, 0.45, 0.25, 1);}
.btn_detail a::after {
    content: "";
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 3px);
    right: 12px;
}
.btn_detail a:hover{
	color: #1e2b5e;
	background-color: #fff;
	text-decoration: none;
	border: solid 1px #1e2b5e;
}
.btn_detail a:hover::after{
	border-top-color: #1e2b5e;
	border-right-color: #1e2b5e;
}

/*-----------------------------------------
  book
-----------------------------------------*/
.book {width:100%; padding: 60px 0;}
.book h2 {width:100%; text-align: center;background: url(../img/top/titlebg_book.png) no-repeat center bottom; font-size: 2.0em; font-weight: bold;padding: 10px 0 40px; }
.book_all {width: 92%; margin: 10px 4% 30px; border: solid 1px #1e2b5e;display: flex; justify-content: space-between;transition: .3s;}
.book_all:hover{transform: translateY(-4px);}
.book_all_img {width: 48%;overflow: hidden;}
.book_all_img img {vertical-align: bottom;}
.book_all_txt { width: 48%; padding: 30px 30px 20px 0;}
.book-list_date {font-weight: bold; font-size: 1.1em; margin-bottom: 20px;}
.book-list_title {font-size: 2.6em;font-weight: bold; line-height: 1.4em; position: relative; padding: 10px 0 10px 20px; }
.book-list_title span {font-size: 0.9em;}
a .book_all .book_all_txt p {font-size: 1.2em;font-weight: bold; color: #333; margin: 0;}
a .book_all .book_all_txt p:hover {color: #1e2b5e;}
.book-list {width:92%; margin: 40px 4%; display: flex;justify-content:space-between;flex-wrap: wrap;}
.book-list li {width:31%;border: solid 1px #1e2b5e;}
.book-list_item {position: relative; margin: 20px 0;transition: .3s;}
.book-list_item:hover{transform: translateY(-4px);}
.book-list_item_img{display: flex; flex-direction: column-reverse; }
.book-list_item_img img {width:100%;}
.book-list_item_img .book-list_title {display:none;}
.book-list_item a p { font-size: 1.2em; margin:10px 20px; color: #1e2b5e; font-weight: bold;}
.bookdetail span {font-size: 0.8em; background-color:#1e2b5e!important; color:#fff!important; padding:2px 3px; margin-right:5px;}
.bookcomingsoon {text-align:center; font-size:1.3em!important;font-weight: bold; color:#c0c0c0;}
.book-list_item_img .comingsoonimg {opacity: 0.5;}

@media screen and (max-width: 768px){
.book {padding: 20px 0;}
.book h2 {font-size: 1.2em; background-size: 40%;padding: 10px 0 30px;}
.book_all {width: 100%; margin: 10px 0 0; flex-direction: column;}
.book_all_img {width: 100%;overflow: hidden;}
.book_all_img img {vertical-align: top;}
.book_all_txt { width: 100%; padding: 15px 20px 10px 20px;}
.book-list_date {font-weight: bold; font-size: 0.9em; margin-bottom: 20px;}
.book-list_title {font-size: 1.2em;padding: 12px 0 10px 15px; background-size: 10%;}
.book-list_title span {font-size: 0.8em;}
a .book_all .book_all_txt p {font-size: 0.8em; margin: 0;line-height: 1.6em;}
.book-list {width:100%; margin: 10px 0; }
.book-list li {width:48%;}
.book-list_item {margin: 10px 0;}
.book-list_item_img{flex-direction: column; }
.book-list_item_img img {width:100%;}
.book-list_item_img .book-list_title {font-size: 0.9em; margin: 10px; background-size: 15%;padding: 8px 0 0 8px;}
.book-list_item a p {font-size: 0.7em; margin:0 12px 10px; line-height: 1.5em; }
.order1 {order: 1;}
.order2 {order: 2;}
.bookcomingsoon {text-align:center; font-size:1.0em!important;}
}

/*-----------------------------------------
  story
-----------------------------------------*/
.story {width:100%; padding: 60px 0;background: url("../img/common/bg_paper02.png") ;}
.story h2 {width:100%; text-align: center;background: url(../img/top/titlebg_story.png) no-repeat center bottom; font-size: 2.0em; font-weight: bold;padding: 10px 0 40px; }
.comic_center {width:100%; text-align: center;}
.story-list {width:100%; margin: 20px 0; display: flex;justify-content:space-evenly;flex-wrap: wrap;}
.story-list li {width:42%;}
.story-list_item {position: relative; margin-bottom: 40px;transition: .3s;}
.story-list_item:hover{transform: translateY(-4px);}
.story-list_item_detail {width:32%;position: relative; margin:40px 20px;transition: .3s;}
.story-list_item_detail:hover{transform: translateY(-4px);}
.story-list_title { position: absolute; bottom: 0; left: 0; width:100%; padding: 10px 20px; background-color: rgba( 30, 43, 94, 0.8 ); color: #fff;}
.comingsoon { position: absolute; left:-150px; bottom: 40px;z-index: 20;}

@media screen and (max-width: 768px){
.story {padding: 20px 0;}
.story h2 {font-size: 1.2em; background-size: 40%;padding: 10px 0 30px;}
.story-list {margin: 10px 0; }
.story-list li {width:48%;}
.story-list_item {margin-bottom: 20px;}
.story-list_item_detail {width:48%; margin: 20px 0;}
.story-list_title { position: absolute; bottom: 10px; left: 0; padding: 5px 10px; font-size: 0.8em;}
.comingsoon { position: absolute; left:-70px; bottom: -45px; width:60%;}
}



/*-----------------------------------------
  media
-----------------------------------------*/

@media screen and (min-width: 1135px){
	.only_pad {display: none;}
}
@media screen and (min-width: 769px)
{	.only_sp{display: none;}}
@media screen and (max-width: 768px)
{
.only_pc{display: none;}
}


/*---------------------------------------
  clearfix
-----------------------------------------*/
.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clear {
  clear: both;
}

/*---------------------------------------
  lower
-----------------------------------------*/


.maincontainer {width:100%; margin-bottom: 40px;}	
.mainbox {width:100%; margin: 40px 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.halfbox {width:50%; padding: 20px;}
.one-third-box {width:32%; padding: 20px;}
.midashi { width:100%;color: #1e2b5e; font-size: 1.5em; font-weight: bold; padding: 30px 0 0 30px; position: relative;}
.midashi::before {
    content: '';
    display: block;
    width: 35px;
    height: 40px;
    background: url(../img/common/icon_midashi.png) 50% 50%/contain no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.column_series {width:100%;color: #1e2b5e; font-size: 1.3em; font-weight: bold; position: relative;text-align:center;}
.column_series span { font-size:0.8em; background-color: #1e2b5e; color:#ffffff; border-radius:6px; padding:0 5px; margin:0 10px; }
.columnimg {padding-top:20px; text-align:center;}
.columnlist {list-style-type:circle; margin:10px 0 10px 20px; font-size:1.1em;}

.mainbox p {font-size: 1.1em;line-height: 2.1em; margin: 20px 0 20px;}
.columnlead {width:80%; margin: 30px 10% 50px!important;}
.policytxt {width:95%;line-height: 2.1em; margin: 10px 0 40px 30px;}
.policy_h4 {font-size: 1.2em; color: #000;margin: 10px 0 0px 30px;}


@media screen and (max-width: 768px){
	.mainbox {margin: 10px 0; padding-bottom: 20px;}
	.halfbox {width:100%; padding: 10px 0;}
	.one-third-box {width:100%; padding: 0;}
	.midashi { font-size: 1.1em; line-height: 1.4em; background-size: 8%; padding: 15px 0 0 15px;}
	.midashi::before {width: 25px; height: 25px; background: url(../img/common/icon_midashi.png) contain no-repeat;}
	.columnh2 { font-size: 1.3em; padding: 15px 0 0 15px;}
	.columnh2::before {width: 25px; height: 25px; background: url(../img/common/icon_midashi.png) contain no-repeat;left: 0;}
	.midashi_column { font-size: 1.1em; line-height: 1.4em;padding: 15px 0 0 0;}
	.column_series { font-size: 1.1em;}
.mainbox p {font-size: 0.9em;line-height: 1.8em; margin: 10px 0 20px;}
.columnlead {width:90%; margin: 10px 5% 20px!important;}
.columnlist {list-style-type:circle; font-size: 0.9em;margin:5px 0 5px 20px;}
.policytxt {width:100%;line-height: 2.1em; margin: 10px 0 30px 0;}
.policy_h4 { font-size: 1.0em; margin: 10px 0 0px 0;}
}

/*---------------------------------------
  table
-----------------------------------------*/
.consultation_table {table-layout:fixed;width:100%;  margin: 35px 0 50px;  text-align: left;border-collapse:collapse;}
.consultation_table th{ padding: 12px 10px 12px 25px; line-height: 1.5; background-color: #d8f4fc; text-align: center;}
.consultation_table td{ padding: 12px 10px 12px 25px; line-height: 1.5; border-bottom: solid 1px #bdbdbd; text-align: left;}

.seminar_table {table-layout:fixed;width:100%;  margin: 35px 0 60px;  text-align: left;border-collapse:collapse;}
.seminar_table th{ padding: 12px 30px 12px 30px; line-height: 1.5; background-color: #d8f4fc; text-align: center;}
.seminar_table td{ padding: 12px 30px 12px 30px; line-height: 1.5; border-bottom: solid 1px #bdbdbd; text-align: left;}
.table_date {width:22%;}
.table_name {width:55%;}

.event_table {table-layout:fixed;width:100%;  margin: 0 0 20px;  text-align: left;border-collapse:collapse;}
.event_table tr:first-child{border-top: solid 1px #bdbdbd;}
.event_table th{ padding: 15px 10px 15px 10px; line-height: 1.5; background-color: #d8f4fc; text-align: center;border-bottom: solid 1px #bdbdbd; font-size: 0.9em;}
.event_table td{ padding: 15px 10px 15px 10px; line-height: 1.5; border-bottom: solid 1px #bdbdbd; text-align: left;}

.linkname a { font-size: 1.2em; color: #1e2b5e; text-decoration: underline;font-weight: bold;}
a.blank {	background: url(../img/lower/icon_blank.png) no-repeat 100% 2px/20px auto; padding-right: 22px; text-decoration: underline;}
.linkname a span{font-size: 0.8em;}
.width10 {width:10%;}
.width20 {width:20%;}
.width23 {width:23%;}
.width25 {width:25%;}
.width30 {width:30%;}
.width35 {width:35%;}
.width40 {width:40%;}
.width45 {width:45%;}
.width50 {width:50%;}
.width60 {width:60%;}
.explain{width:100%;margin:10px 0 0; padding-left: 30px;}
.end {color: #fff; background-color: #1e2b5e;padding: 3px 5px;font-size: 0.9em; border-radius: 4px;}
.manin {color: #fff; background-color: #f2952f;padding: 3px 5px;font-size: 0.9em; border-radius: 4px;}

@media screen and (max-width: 768px)
{
.consultation_table_sp {table-layout:fixed;width:100%; margin: 20px auto 30px;}
.consultation_table_sp tr {border-bottom: solid 1px #bdbdbd;display: flex; font-size: 0.8em;}
.consultation_table_sp tr:first-child{border-top: solid 1px #bdbdbd;}
.consultation_table_sp th{ width:25%; padding: 10px 5px 10px 0; display:block; text-align: center; background-color: #d8f4fc;}
.consultation_table_sp td{ width:75%;padding: 10px 0 10px 5px; display:block; position: relative;}
	
.seminar_table th{ padding: 12px 5px 12px 5px; font-size: 0.8em;}
.seminar_table td{ padding: 12px 5px 12px 5px; font-size: 0.8em;}
.table_date {width:28%;}
.table_name {width:50%;}
.end,.manin {padding: 2px 3px;}
	
.event_table th{ padding: 10px 5px 10px 5px; font-size: 0.9em; }
.event_table td{ padding: 10px 5px 10px 5px; font-size: 0.9em; }
	
}

/*---------------------------------------
  card
-----------------------------------------*/
.card_box {width:92%; margin: 30px 4% 50px; display: flex; flex-wrap: wrap;}
.card_child {width:30%; padding: 30px; background-color: #d8f4fc;box-shadow: 0px 1px 4px 2px rgb(0 0 0 / 20%);transition: .3s; position: relative; margin: 0 5% 30px 0;}
.card_child:nth-of-type(3n){margin-right: 0;}
.card_child:hover{transform: translateY(-4px);}
.card_title {width: 100%;text-align: center;font-size: 1.3em;font-weight: bold;}
.card_title a { text-decoration: underline;}
.card_child p {font-size: 1.0em; margin:10px 0;line-height: 1.8em;}
.card_child .link_blank {text-align: right; text-decoration: underline;font-size: 0.9em;}

@media screen and (max-width: 768px)
{
.card_box {width:100%; margin: 10px 0 40px; flex-direction: column;}
.card_child {width:96%; padding: 20px; margin: 10px 2%;}
.card_title {font-size: 1.1em;}
}
/*---------------------------------------
  press release
-----------------------------------------*/
.press-list {width:92%; margin: 30px 4% 50px;}
.press-list_item {display: flex; border-bottom: solid 1px #bdbdbd; padding: 20px 0;}
.press-list_date {width:10%; margin-right: 2%;}
.press-list_cat {width:14%;margin-right: 2%;}
.presslink {width:70%;}
.category-tag3 {background-color: #f3e9ff;margin-right: 10px; padding: 5px 38px; font-size: 0.8em; color: #51296e; font-weight: bold;}
.category-tag4 {background-color: #ffdd83;margin-right: 10px; padding: 5px 50px; font-size: 0.8em;font-weight: bold;}
.category-tag5 {background-color: #aaffca;margin-right: 10px; padding: 5px 30px; font-size: 0.8em;color: #295b4c;font-weight: bold;}

@media screen and (max-width: 1140px)
{
.press-list_cat {width:24%;margin-right: 2%;}
.presslink {width:60%;}
}

@media screen and (max-width: 768px)
{
.press-list {width:100%; margin: 20px 0 30px;}
.press-list_item { flex-wrap: wrap;}
.press-list_date {width:33%;margin-right: 0;}
.press-list_cat {width:66%;margin-right: 0;}
.presslink {width:100%;}

.category-tag3 {margin-right: 10px; padding: 5px 38px; font-size: 0.7em;}
.category-tag4 {margin-right: 10px; padding: 5px 50px; font-size: 0.7em;}
.category-tag5 {margin-right: 10px; padding: 5px 30px; font-size: 0.7em;}
	}

/*---------------------------------------
  news一覧、詳細
-----------------------------------------*/
.pagenation { width: 100%; display: flex;justify-content: center;}
.pagenation li {width:30px; height:30px; display: block; text-align: center; vertical-align: middle;border: solid 1px #ccc;margin: 15px;}
.pagenation li:hover,.pagenation .active {background-color: #f2952f; color:#fff;}
@media screen and (max-width: 768px)
{.pagenation li {width:30px; height:30px;  margin: 5px;}
	
}
.news-detail-list {width:92%; margin: 20px 4% 35px; }
.news-detail-list li { }
.news-detail-list_cat{display: block;margin-bottom: 10px;}
.news-detail-list_date {font-weight: bold; color: #1e2b5e;}
.news-detail-list_heading {font-size: 1.55em; line-height: 1.5em; color: #333;padding: 10px 0 40px;border-bottom: solid 1px #999;}
.news-detail-list_text {color: #333;}

@media screen and (max-width: 768px){
.news-detail-list {width:100%; margin: 10px auto 30px; }
.news-detail-list li .news-list_item {padding: 20px 0 5px;}
.news-detail-list_cat{margin-bottom: 5px;}
.news-detail-list_date {font-size: 0.8em;line-height: 1.0em;}
.news-detail-list_heading {font-size: 1.2em; line-height: 1.3em;padding: 5px 0 20px; }
.news-detail-list_text {font-size: 0.8em; padding-top:20px;}
}
/*---------------------------------------
  ストーリー一覧・詳細
-----------------------------------------*/
.story_theme {width:100%; text-align: center;font-size: 1.4em;}
.story_theme span {font-size: 0.8em;}
/*---------------------------------------
  イベント詳細
-----------------------------------------*/
.eventbox{width:100%; border:solid 1px #1e2b5e; padding: 30px;}
.eventbox h4 {color:#2fa8cb; font-weight: bold; }
.event_title {color: #1e2b5e; font-size: 1.2em; margin-bottom: 10px;text-align: center;}
.halfbox .goannai {font-size: 0.95em; line-height: 1.6em;}
.eventbox p {font-size: 0.95em; line-height: 1.6em; margin:10px 0 20px 30px;}
.eventbox ul {margin-left: 50px;}
.eventbox li {list-style: square;line-height: 1.6em;margin-bottom: 10px;}
.eventbox li span {font-size: 0.9em;}
.seminar_tel {background: url("https://portal-tokyo-tele.metro.tokyo.lg.jp/wp-content/uploads/2023/07/icon_seminar_tel.png") no-repeat left center; padding-left: 20px;}
.seminar_mail {background: url("https://portal-tokyo-tele.metro.tokyo.lg.jp/wp-content/uploads/2023/07/icon_seminar_mail.png") no-repeat left center; padding-left: 20px;}
@media screen and (max-width: 768px){
.eventbox{padding: 20px;}
.eventbox p { line-height: 1.5em; margin:10px 0 20px 0;}
.eventbox ul {margin-left: 20px;line-height: 1.5em;}
}
/*---------------------------------------
  コラム一覧・詳細
-----------------------------------------*/

.column_cat li { padding: 5px 20px; border-radius: 30px;background-color: #c3e5f0;position: relative;margin:0 10px;}
.column_cat li:hover,.column_cat .active {background-color: #f2952f; color: #fff; }

.column-detail-container {width:92%; margin: 20px 4% 35px; }
.column-detail_info {display: flex; justify-content: center; margin:20px 0;}
.column-detail_cat{display: block;margin-bottom: 10px;}
.column-detail_cat span {padding: 5px 20px; border-radius: 30px;background-color: #c3e5f0;position: relative;margin:0 10px;}
.column-detail-list_date {font-weight: bold; color: #1e2b5e;}
.column-detail_heading {width:100%; padding: 20px 10px 0; text-align: center; font-size: 1.5em; font-weight: bold;}
.column-detail_heading b {background: linear-gradient(transparent 50%, rgba(255, 240, 190, 0.9) 50%); color: #1e2b5e; }

.column-detail-list_text {line-height: 1.6em; margin:30px 0 40px;}
.caption {    font-size: 0.8em; margin-top: 10px; line-height: 1.8;}
.columnbtnset {display:flex; justify-content:center;}
.columnbtn:hover {cursor: pointer;color: #2f4393; background-color:#e3fbff;}
.columnbtn {padding:10px 10px 10px 40px; border:solid 1px #1e2b5e; border-radius:20px; margin:0 15px; }
.columnbtn a {color: #1e2b5e; position:relative;padding:0 30px 0 0; }
.columnbtn a::after {
    content: "";
    width: 6px;
    height: 6px;
    border-top: 1px solid #1e2b5e;
    border-right: 1px solid #1e2b5e;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 3px);
    right: 2px;
}
.columnlink01 {background: url(../img/top/caticon01.svg) no-repeat 10px calc(50% - 2px); background-size: 10%;}
.columnlink02 {background: url(../img/top/caticon02.svg) no-repeat 10px calc(50% - 2px); background-size: 10%;}
.columnlink03 {width:260px; background: url(../img/top/caticon03.svg) no-repeat 10px calc(50% - 2px); background-size: 10%;}
.columnlink04 {background: url(../img/top/caticon04.svg) no-repeat 12px calc(50% - 2px); background-size: 10%;}
.columnlink05 {background: url(../img/top/caticon05.svg) no-repeat 11px calc(50% - 1px); background-size: 10%;}
.columnlink06 {background: url(../img/top/caticon06.svg) no-repeat 10px calc(50% - 2px); background-size: 10%;}
.columnlink07 {background: url(../img/top/caticon07.svg) no-repeat 10px calc(50% - 2px); background-size: 10%;}
.columnlink08 {background: url(../img/top/caticon08.svg) no-repeat 10px calc(50% - 2px); background-size: 10%;}

@media screen and (max-width: 768px){
.column-detail-container {width:100%; margin: 10px auto 30px; }
.column-detail_info {flex-direction: column; text-align: center;margin:10px 0;}
.column-detail_cat{margin-bottom: 5px;}
.column-detail-list_date {font-size: 0.8em;line-height: 1.0em;}
.column-detail_heading {font-size: 1.2em; line-height: 1.3em;padding: 5px 0 20px; text-align: left; }
.column-detail-list_text {font-size: 0.9em; margin:20px 0 30px;}
.columnbtnset {flex-direction: column;}
.columnbtn { text-align:center; margin:15px;}
.columnlink01,.columnlink02,.columnlink03,.columnlink04,.columnlink05,.columnlink06,.columnlink07,.columnlink08 {width:90%;margin:15px auto;}
}


/*---------------------------------------
  sitemap
-----------------------------------------*/
.sitemap_link li { display: block; width:100%; border-bottom: solid 1px #bdbdbd;padding: 30px 30px 30px 10px;position: relative;}
.sitemap_link li a{width:100%;font-size: 1.1em;line-height: 1.1em; color: #333; -webkit-transition: 0.3s cubic-bezier(0.18, 0.45, 0.25, 1);  -o-transition: 0.3s cubic-bezier(0.18, 0.45, 0.25, 1); transition: 0.3s cubic-bezier(0.18, 0.45, 0.25, 1);}
.sitemap_link li a::after {
    content: "";
    width: 12px;
    height: 12px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 6px);
    left: 90%;
}
.sitemap_link li a:hover{
	color: #f2952f;
	text-decoration: none;
}
.sitemap_link li a:hover::after{
	border-top-color: #f2952f;
	border-right-color: #f2952f;
}
@media screen and (max-width: 768px){
	.sitemap_link li {padding: 20px 30px 20px 10px;}
}

a.anchor {
    display: block;
    padding-top: 200px!important;
    margin-top: -200px!important;
}
.has-text-align-center{text-align:center;}
.has-text-align-right{text-align:right;}
.midashi .folding {cursor:pointer; padding-left:10px;}
.midashi .folding img {width:30px; margin-bottom:-5px;}
@media screen and (max-width: 768px){
	.midashi .folding img {width:25px;}
}
.halfbox .btn_detail {margin: 20px auto;}
.halfbox .btn_detail a{font-size: 1.1em; padding: 10px 38px 12px 30px;}
.gsc-control-cse{background:none!important; border:none!important;}
.award {color:#f2952f;}
.award::before {
    content: '';
    display: block;
    width: 35px;
    height: 40px;
    background: url(https://portal-tokyo-tele.metro.tokyo.lg.jp/wp-content/uploads/2023/10/icon_midashi_o.png) 50% 50%/contain no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
@media screen and (max-width: 768px){
.award::before {width: 25px; height: 25px; background: url(https://portal-tokyo-tele.metro.tokyo.lg.jp/wp-content/uploads/2023/10/icon_midashi_o.png) contain no-repeat;}
}
.columntxt2 {font-size:0.9em; font-weight:bold;}
.wp-block-buttons{text-align:center; display:flex; justify-content:center;}

.news_flame {width:100%; padding:20px; border:solid 1px #8a8a8a;}
.news_caution {font-size:0.9em!important; line-height:1.5em!important;}
.news_h3 {background-color:#c3e5f0;padding:0 5px; margin-top:40px;}
.news_table table {border-spacing: 0!important;border-top:solid 1px #8a8a8a;border-left:solid 1px #8a8a8a;line-height:1.6em; margin:0 auto 20px; width:80%;}
.news_table th{border-bottom:solid 1px #8a8a8a;border-right:solid 1px #8a8a8a; background-color:#f0f8ff; padding:5px 10px; text-align:center;}
.news_table td{border-bottom:solid 1px #8a8a8a;border-right:solid 1px #8a8a8a; padding:5px 10px;}
.news_h4 {font-weight:bold; margin-bottom:-10px;font-size:1.1em;}
.news_h4:before { content:  ""; width: 10px; height: 10px; display: inline-block; background-color: #1e2b5e;    border-radius:  50%; position:  relative; top: -1px; margin-right: 5px; }
.news_list {list-style-type:circle!important; margin:10px 0 10px 20px;}
@media screen and (max-width: 768px){
.news_flame { padding:10px;}	
.news_h3 { margin-top:20px;}
.news_table table { width:100%;}
}
.comic_btn {width:50%; position:relative; margin:15px 25%!important; text-align:center;}
.comic_btn a{display:block;width:100%;font-size: 1.1em;line-height: 1.1em; padding:10px 5px 10px 20px; -webkit-transition: 0.3s cubic-bezier(0.18, 0.45, 0.25, 1);  -o-transition: 0.3s cubic-bezier(0.18, 0.45, 0.25, 1); transition: 0.3s cubic-bezier(0.18, 0.45, 0.25, 1); border:solid 1px #1e2b5e;border-radius:30px;}
.comic_btn a::before {
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #1e2b5e;
    border-right: 2px solid #1e2b5e;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 5px);
    left: 10px;
}
.comic_btn a:hover{
	color: #f2952f;
	text-decoration: none;
}
.comic_btn a:hover::before{
	border-top-color: #f2952f;
	border-right-color: #f2952f;
}
.comic_txt_center {width:100%; text-align:center; margin:30px 0 20px!important;}
@media screen and (max-width: 768px){
	.comic_btn {width:100%;margin:15px 0!important;}
}
.column_gallery {display:flex; justify-content:center;}
.column_gallery .wp-element-caption {text-align:center;}
.column_link_blank a {	background: url(../img/lower/icon_blank.png) no-repeat 100% 2px/20px auto; padding-right: 22px; text-decoration: underline;}
.column_letterspacing {letter-spacing: -0.02em;}

/*-----------------------------------------
  トップページ対談追加202403
-----------------------------------------*/
.talk {width:100%; padding: 60px 0;background: url("../img/common/bg_paper02.png") ;}
.talk h2 {width:100%; text-align: center;background: url(../img/top/titlebg_talk.png) no-repeat center bottom; font-size: 2.0em; font-weight: bold;padding: 10px 0 40px; }
.talk-list {width:100%; margin: 20px 0; display: flex;justify-content:space-evenly;flex-wrap: wrap;}

.talk-list_item {width:29%; background-color: #fff; box-shadow: 0px 1px 4px 2px rgb(0 0 0 / 20%);position: relative; margin-bottom: 40px;transition: .3s;}
.talk-list_item:hover{transform: translateY(-4px);}
.talk-list_item img {vertical-align: top; width:100%;}

.talk-list_s {width:100%; padding: 5px 10px 0; text-align: center; font-size: 0.9em;color:#333;font-weight: bold;}
.talk-list_theme {width:100%; padding: 2px 5px; text-align: center; font-size: 1.1em; }
.talk-list_theme span { background-color: #c3e5f0;font-weight: bold;color:#333;border-radius: 2px; padding: 0 10px;}
.talk-list_item a p {margin: 10px 20px 20px; color: #333; display: block; font-size: 1.0em; line-height: 1.6em;}
.talk-list_item a p span{background-color: #ffe88c; border-radius: 2px; }
.talk-list_txt {display:block; margin:10px;font-weight:bold; color:#1e2b5e;background: url(../img/top/talk_icon01.png) 5px 6px no-repeat; padding-left:20px;}

.bn202403 {width:100%; text-align:center; margin:60px auto 20px;}
@media screen and (max-width: 768px){
.talk {padding: 20px 0;}
.talk h2 {font-size: 1.2em; background-size: 40%;padding: 10px 0 30px;}
.talk-list {margin: 10px 0; justify-content:space-between;}
.talk-list_item {width:94%; margin:12px 3%;}
.talk-list_title { padding: 5px 10px; font-size: 1.0em;}
.talk-list_item a p {margin: 10px 20px 20px; font-size: 0.9em; line-height: 1.5em;}
.talk-list_txt {font-size: 0.9em; line-height: 1.5em;background: url(../img/top/talk_icon01.png) 5px 2px no-repeat;}
.bn202403 {width:90%; text-align:center; margin:30px 5% 10px;}
.bn202403 img {width:100%;}
}

.bn_talk { cursor: pointer; display: block; position: fixed; bottom: 20px; right: 277px; z-index: 1000899; opacity: 0;}
.bn_talk a img:hover {opacity:0.9;}
#talkbannerCloseImage {position: absolute; right: -5px; top: -5px; z-index: 1000900;}
@media screen and (max-width: 768px){
	.bn_talk{bottom: 100px; right: 10px; width:139px;}
	#talkbannerCloseImage{position: absolute; right: -5px; top: 15px;}
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.bn_talk {
animation: fadeIn 0.6s;
animation-delay: 0.8s;
animation-fill-mode:forwards;
}