@charset "UTF-8";
/* CSS Document */

/*==================================================================
body and base setting
==================================================================*/
*{ box-sizing: border-box; vertical-align:top; }
body {
  font: normal;
  margin: 0px;
  padding: 0px;
  text-align: center;
  /*font-family: 'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Helvetica,Arial,sans-serif;*/
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  -webkit-text-size-adjust: 100%;
}
html,body,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
padding: 0;
margin: 0;
line-height: 1;
}


/* params */
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
form, blockquote{
  padding: 0;
  margin: 0;
  text-align: left;
  display: block;
  /*font-family: 'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Helvetica,Arial,sans-serif;*/
  /*font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;*/
}
hr {
  display : none;
}
.ex_article .articleBody hr {
  display : block;
}

img {
  border: none;
}
li,
ol{
  list-style: none;
  margin: 0;
  padding: 0;
}
em{
  font-style: italic;
}
b,
strong,
.bold{
  font-weight: bold !important;
  }
sub{
  vertical-align:0.0em !important;
  font-size:80% !important;
  line-height:100% !important;
}
sup{
  vertical-align:0.6em !important;
  font-size:80% !important;
  line-height:100% !important;
}
.sup  
{ /* 上付 */  
font-size: 50%;  
position: relative;  
margin-left: 2px;  
top: -0.4em; }  
  
.sub  
{ /* 下付 */  
font-size: 50%;  
position: relative;  
margin-left: 2px;  
}  


/*==================================================================
link setting
==================================================================*/
a:link img,
a:visited img,
a:hover img,
a img
{
  border: none;
  text-decoration: none;
}


/*==================================================================
clear fix
==================================================================*/
.ex_cf:after,
header > div:after,
header > div > ex_r_data:after,
header > div > ex_r_data > searchBox:after,
.links > nav > ul:after,
.ex_content_box .ex_data .ex_data2:after,
.ex_btn_box > ul:after,
.asideBottom > div > ul:after,
#wrapper.ex_category > .content > article > .articleBody > div > ul:after,
#wrapper.ex_search > .content > .ex_clumn2_wrap > article > .articleBody > ul > li > .ex_data:after,
pagenation > ul:after{
    content:" ";
    display:block;
    clear:both;
}

.clear{
  clear: both;
  height: 0px;
  line-height: 0%;
  font-size: 0px;
  }



/*==================================================================
color_setting
==================================================================*/
/*==================================================================
社会デザイン研究 color setting  100%：#473561　50%：#A399B1　10%：#ECEBEF
==================================================================*/
.ex_design_text_color{
  color: #473561;
  }
/* common */
.ex_design_text_color{
  color: #473561;
  }
.ex_design_bgcolor{
  background: #473561 !important;
  color: #ffffff !important;
  }

/* category */
.ex_category_design header h1{
  color: #473561;
  text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;
  }
.ex_category_design header p{
  color: #000000;
  text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;
  }
.ex_category_design article > .articleBody > div > ul > li .ex_box p{
  background: #473561;
  color: #ffffff;
  }

/* ex_article title */
.ex_article_design .ex_top_Wrap .parentTitle{
  color: #473561;
  text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff;
  }
.ex_article_design article h3{
  color: #473561;
  }

/* ex_article lead */
.ex_article_design article .bplead{
  border: 1px dotted #473561 !important;
  }
.ex_article_design article .bplead p{
  color: #473561;
  }

/* ex_article text */
.ex_article_design article a{
  color: #473561;
  text-decoration: underline;
  }
.ex_article_design article a:hover{
  color: #473561;
  text-decoration: none;
  }
.ex_article_design article .bpimage_click a{
  color: #473561;
  text-decoration: underline
  }
.ex_article_design article .bpimage_click a:hover{
  text-decoration: none
  }

/* ex_article next_banner */
.ex_article_design article .ex_next_banner a{
  background-color: #473561;
  }
.ex_article_design article .ex_next_banner a:hover{
  background-color: #A399B1;
  }


/* ex_article pager */
.ex_article_design .pagenation ul li a{
  color: #473561;
  border: 1px solid #473561 !important;
  }
.ex_article_design .pagenation ul li a:hover,
.ex_article_design .pagenation li.current a{
  color: #ffffff !important;
  border: 1px solid #473561 !important;
  background: #473561 !important;
  }


/* ex_article backmunber */
.ex_article_design article .backnumber a{
  color: #473561;
  background: url(/images/mirakoto/2017/common_design_arrow.jpg) no-repeat 20px 6px;
  text-decoration: underline
  }
@media screen and (max-width: 600px) {
  .ex_article_design article .backnumber a{
  color: #473561;
  background: url(/images/mirakoto/2017/common_design_arrow.jpg) no-repeat 0px 10px;
  background-size: 12px auto;
  text-decoration: underline
  }
  }
.ex_article_design article .backnumber a:hover{
  text-decoration: none
  }



/*==================================================================
都市の未来 color setting  100%：#0A4D7D　50%：#83A6BF　10%：#E6EDF2
==================================================================*/
.ex_city_text_color{
  color: #0A4D7D;
  }
/* common */
.ex_city_text_color{
  color: #0A4D7D;
  }
.ex_city_bgcolor{
  background: #0A4D7D !important;
  color: #ffffff !important;
  }

/* category */
.ex_category_city header h1{
  color: #0A4D7D;
  text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;
  }
.ex_category_city header p{
  color: #000000;
  text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;
  }
.ex_category_city article > .articleBody > div > ul > li .ex_box p{
  background: #0A4D7D;
  color: #ffffff;
  }

/* ex_article title */
.ex_article_city .ex_top_Wrap .parentTitle{
  color: #0A4D7D;
  text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff;
  }
.ex_article_city article h3{
  color: #0A4D7D;
  }

/* ex_article lead */
.ex_article_city article .bplead{
  border: 1px dotted #0A4D7D !important;
  }
.ex_article_city article .bplead p{
  color: #0A4D7D;
  }

/* ex_article text */
.ex_article_city article a{
  color: #0A4D7D;
  text-decoration: underline;
  }
.ex_article_city article a:hover{
  color: #0A4D7D;
  text-decoration: none;
  }
.ex_article_city article .bpimage_click a{
  color: #0A4D7D;
  text-decoration: underline
  }
.ex_article_city article .bpimage_click a:hover{
  text-decoration: none
  }

/* ex_article next_banner */
.ex_article_city article .ex_next_banner a{
  background-color: #0A4D7D;
  }
.ex_article_city article .ex_next_banner a:hover{
  background-color: #83A6BF;
  }


/* ex_article pager */
.ex_article_city .pagenation ul li a{
  color: #0A4D7D;
  border: 1px solid #0A4D7D !important;
  }
.ex_article_city .pagenation ul li a:hover,
.ex_article_city .pagenation li.current a{
  color: #ffffff !important;
  border: 1px solid #0A4D7D !important;
  background: #0A4D7D !important;
  }


/* ex_article backmunber */
.ex_article_city article .backnumber a{
  color: #0A4D7D;
  background: url(/images/mirakoto/2017/common_city_arrow.jpg) no-repeat 20px 6px;
  text-decoration: underline
  }
@media screen and (max-width: 600px) {
  .ex_article_city article .backnumber a{
  color: #0A4D7D;
  background: url(/images/mirakoto/2017/common_city_arrow.jpg) no-repeat 0px 10px;
  background-size: 12px auto;
  text-decoration: underline
  }
  }
.ex_article_city article .backnumber a:hover{
  text-decoration: none
  }


  
/*==================================================================
ウエルネス社会 color setting  100%：#00C7A5　50%：#7BE4D2　10%：#E4F9F6
==================================================================*/
.ex_wellness_text_color{
  color: #00C7A5;
  }
/* common */
.ex_wellness_text_color{
  color: #00C7A5;
  }
.ex_wellness_bgcolor{
  background: #00C7A5 !important;
  color: #ffffff !important;
  }

/* category */
.ex_category_wellness header h1{
  color: #00C7A5;
  text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  }
.ex_category_wellness header p{
  color: #ffffff;
  text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  }
.ex_category_wellness article > .articleBody > div > ul > li .ex_box p{
  background: #00C7A5;
  color: #ffffff;
  }

/* ex_article title */
.ex_article_wellness .ex_top_Wrap .parentTitle{
  color: #00C7A5;
  text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff;
  }
.ex_article_wellness article h3{
  color: #00C7A5;
  }

/* ex_article lead */
.ex_article_wellness article .bplead{
  border: 1px dotted #00C7A5 !important;
  }
.ex_article_wellness article .bplead p{
  color: #00C7A5;
  }

/* ex_article text */
.ex_article_wellness article a{
  color: #00C7A5;
  text-decoration: underline;
  }
.ex_article_wellness article a:hover{
  color: #00C7A5;
  text-decoration: none;
  }
.ex_article_wellness article .bpimage_click a{
  color: #00C7A5;
  text-decoration: underline
  }
.ex_article_wellness article .bpimage_click a:hover{
  text-decoration: none
  }

/* ex_article next_banner */
.ex_article_wellness article .ex_next_banner a{
  background-color: #00C7A5;
  }
.ex_article_wellness article .ex_next_banner a:hover{
  background-color: #83A6BF;
  }


/* ex_article pager */
.ex_article_wellness .pagenation ul li a{
  color: #00C7A5;
  border: 1px solid #00C7A5 !important;
  }
.ex_article_wellness .pagenation ul li a:hover,
.ex_article_wellness .pagenation li.current a{
  color: #ffffff !important;
  border: 1px solid #00C7A5 !important;
  background: #00C7A5 !important;
  }


/* ex_article backmunber */
.ex_article_wellness article .backnumber a{
  color: #00C7A5;
  background: url(/images/mirakoto/2017/common_wellness_arrow.jpg) no-repeat 20px 6px;
  text-decoration: underline
  }
@media screen and (max-width: 600px) {
  .ex_article_wellness article .backnumber a{
  color: #00C7A5;
  background: url(/images/mirakoto/2017/common_wellness_arrow.jpg) no-repeat 0px 10px;
  background-size: 12px auto;
  text-decoration: underline
  }
  }
.ex_article_wellness article .backnumber a:hover{
  text-decoration: none
  }




 


/*==================================================================
ロボティクス社会 robotics  color setting  100%：#EA302C　50%：#F69693　10%：#FDEAE9
==================================================================*/
/* common */
.ex_robotics_text_color{
  color: #EA302C;
  }
.ex_robotics_bgcolor{
  background: #EA302C !important;
  color: #ffffff !important;
  }

/* category */
.ex_category_robotics header h1{
  color: #EA302C;
  text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  }
.ex_category_robotics header p{
  color: #ffffff;
  text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  }
.ex_category_robotics article > .articleBody > div > ul > li .ex_box p{
  background: #EA302C;
  color: #ffffff;
  }

/* ex_article title */
.ex_article_robotics .ex_top_Wrap .parentTitle{
  color: #EA302C;
  text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff;
  }
.ex_article_robotics article h3{
  color: #EA302C;
  }

/* ex_article lead */
.ex_article_robotics article .bplead{
  border: 1px dotted #EA302C !important;
  }
.ex_article_robotics article .bplead p{
  color: #EA302C;
  }

/* ex_article text */
.ex_article_robotics article a{
  color: #EA302C;
  text-decoration: underline;
  }
.ex_article_robotics article a:hover{
  color: #EA302C;
  text-decoration: none;
  }
.ex_article_robotics article .bpimage_click a{
  color: #EA302C;
  text-decoration: underline
  }
.ex_article_robotics article .bpimage_click a:hover{
  text-decoration: none
  }

/* ex_article next_banner */
.ex_article_robotics article .ex_next_banner a{
  background-color: #EA302C;
  }
.ex_article_robotics article .ex_next_banner a:hover{
  background-color: #F69693;
  }


/* ex_article pager */
.ex_article_robotics .pagenation ul li a{
  color: #EA302C;
  border: 1px solid #EA302C !important;
  }
.ex_article_robotics .pagenation ul li a:hover,
.ex_article_robotics .pagenation li.current a{
  color: #ffffff !important;
  border: 1px solid #EA302C !important;
  background: #EA302C !important;
  }


/* ex_article backmunber */
.ex_article_robotics article .backnumber a{
  color: #EA302C;
  background: url(/images/mirakoto/2017/common_robotics_arrow.jpg) no-repeat 20px 6px;
  text-decoration: underline
  }
@media screen and (max-width: 600px) {
  .ex_article_robotics article .backnumber a{
  color: #EA302C;
  background: url(/images/mirakoto/2017/common_robotics_arrow.jpg) no-repeat 0px 10px;
  background-size: 12px auto;
  text-decoration: underline
  }
  }
.ex_article_robotics article .backnumber a:hover{
  text-decoration: none
  }


/*==================================================================
未来への階段 color setting  100%：#FB7400　50%：#FFB97A　10%：#FFF1E4
==================================================================*/
/* common */
.ex_mirai_text_color{
  color: #FB7400;
  }
.ex_mirai_bgcolor{
  background: #FB7400 !important;
  color: #ffffff !important;
  }

/* category */
.ex_category_mirai header h1{
  color: #FF7300;
  }
.ex_category_mirai header p{
  color: #ffffff;
  text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  }
.ex_category_mirai article > .articleBody > div > ul > li .ex_box p{
  background: #FB7400;
  color: #ffffff;
  }

/* ex_article title */
.ex_article_mirai .ex_top_Wrap .parentTitle{
  color: #FB7400;
  text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff;
  }
.ex_article_mirai article h3{
  color: #FB7400;
  }

/* ex_article lead */
.ex_article_mirai article .bplead{
  border: 1px dotted #FB7400 !important;
  }
.ex_article_mirai article .bplead p{
  color: #FB7400;
  }

/* ex_article text */
.ex_article_mirai article a{
  color: #FB7400;
  text-decoration: underline;
  }
.ex_article_mirai article a:hover{
  color: #FB7400;
  text-decoration: none;
  }
.ex_article_mirai article .bpimage_click a{
  color: #FB7400;
  text-decoration: underline
  }
.ex_article_mirai article .bpimage_click a:hover{
  text-decoration: none
  }

/* ex_article next_banner */
.ex_article_mirai article .ex_next_banner a{
  background-color: #FB7400;
  }
.ex_article_mirai article .ex_next_banner a:hover{
  background-color: #FFB97A;
  }

/* ex_article pager */
.ex_article_mirai .pagenation ul li a{
  color: #FB7400;
  border: 1px solid #FB7400 !important;
  }
.ex_article_mirai .pagenation ul li a:hover,
.ex_article_mirai .pagenation li.current a{
  color: #ffffff !important;
  border: 1px solid #FB7400 !important;
  background: #FB7400 !important;
  }

/* ex_article backmunber */
.ex_article_mirai article .backnumber a{
  color: #FB7400;
  background: url(/images/mirakoto/2017/common_mirai_arrow.jpg) no-repeat 20px 6px;
  text-decoration: underline
  }
@media screen and (max-width: 600px) {
  .ex_article_mirai article .backnumber a{
  color: #FB7400;
  background: url(/images/mirakoto/2017/common_mirai_arrow.jpg) no-repeat 0px 10px;
  background-size: 12px auto;
  text-decoration: underline
  }
  }
.ex_article_mirai article .backnumber a:hover{
  text-decoration: none
  }



  
/*==================================================================
Buzzword color setting  100%：#0095D0　50%：#7CCAE9　10%：#E5F4FA
==================================================================*/
/* common */
.ex_buzzword_text_color{
  color: #0095D0;
  }
.ex_buzzword_bgcolor{
  background: #0095D0 !important;
  color: #ffffff !important;
  }

/* category */
.ex_category_buzzword header h1{
  color: #0095D0;
  text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  }
.ex_category_buzzword header p{
  color: #ffffff;
  text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  }
.ex_category_buzzword article > .articleBody > div > ul > li .ex_box p{
  background: #0095D0;
  color: #ffffff;
  }

/* ex_article title */
.ex_article_buzzword .ex_top_Wrap .parentTitle{
  color: #0095D0;
  text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff;
  }
.ex_article_buzzword article h3{
  color: #0095D0;
  }

/* ex_article lead */
.ex_article_buzzword article .bplead{
  border: 1px dotted #0095D0 !important;
  }
.ex_article_buzzword article .bplead p{
  color: #0095D0;
  }

/* ex_article text */
.ex_article_buzzword article a{
  color: #0095D0;
  text-decoration: underline;
  }
.ex_article_buzzword article a:hover{
  color: #0095D0;
  text-decoration: none;
  }
.ex_article_buzzword article .bpimage_click a{
  color: #0095D0;
  text-decoration: underline
  }
.ex_article_buzzword article .bpimage_click a:hover{
  text-decoration: none
  }

/* ex_article next_banner */
.ex_article_buzzword article .ex_next_banner a{
  background-color: #0095D0;
  }
.ex_article_buzzword article .ex_next_banner a:hover{
  background-color: #7CCAE9;
  }


/* ex_article pager */
.ex_article_buzzword .pagenation ul li a{
  color: #0095D0;
  border: 1px solid #0095D0 !important;
  }
.ex_article_buzzword .pagenation ul li a:hover,
.ex_article_buzzword .pagenation li.current a{
  color: #ffffff !important;
  border: 1px solid #0095D0 !important;
  background: #0095D0 !important;
  }


/* ex_article backmunber */
.ex_article_buzzword article .backnumber a{
  color: #0095D0;
  background: url(/images/mirakoto/2017/common_buzzword_arrow.jpg) no-repeat 20px 6px;
  text-decoration: underline
  }
@media screen and (max-width: 600px) {
  .ex_article_buzzword article .backnumber a{
  color: #0095D0;
  background: url(/images/mirakoto/2017/common_buzzword_arrow.jpg) no-repeat 0px 10px;
  background-size: 12px auto;
  text-decoration: underline
  }
  }
.ex_article_buzzword article .backnumber a:hover{
  text-decoration: none
  }
  
/*==================================================================
食の未来 color setting  100%：#82CA00　50%：#BFE579　10%：#F2FAE4
==================================================================*/
/* common */
.ex_food_text_color{
  color: #82CA00;
  }
.ex_food_bgcolor{
  background: #82CA00 !important;
  color: #ffffff !important;
  }

/* category */
.ex_category_food header h1{
  color: #82CA00;
  text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  }
.ex_category_food header p{
  color: #ffffff;
  text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  }
.ex_category_food article > .articleBody > div > ul > li .ex_box p{
  background: #82CA00;
  color: #ffffff;
  }

/* ex_article title */
.ex_article_food .ex_top_Wrap .parentTitle{
  color: #82CA00;
  text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff;
  }
.ex_article_food article h3{
  color: #82CA00;
  }

/* ex_article lead */
.ex_article_food article .bplead{
  border: 1px dotted #82CA00 !important;
  }
.ex_article_food article .bplead p{
  color: #82CA00;
  }

/* ex_article text */
.ex_article_food article a{
  color: #82CA00;
  text-decoration: underline;
  }
.ex_article_food article a:hover{
  color: #82CA00;
  text-decoration: none;
  }
.ex_article_food article .bpimage_click a{
  color: #82CA00;
  text-decoration: underline
  }
.ex_article_food article .bpimage_click a:hover{
  text-decoration: none
  }

/* ex_article next_banner */
.ex_article_food article .ex_next_banner a{
  background-color: #82CA00;
  }
.ex_article_food article .ex_next_banner a:hover{
  background-color: #A399B1;
  }


/* ex_article pager */
.ex_article_food .pagenation ul li a{
  color: #82CA00;
  border: 1px solid #82CA00 !important;
  }
.ex_article_food .pagenation ul li a:hover,
.ex_article_food .pagenation li.current a{
  color: #ffffff !important;
  border: 1px solid #82CA00 !important;
  background: #82CA00 !important;
  }


/* ex_article backmunber */
.ex_article_food article .backnumber a{
  color: #82CA00;
  background: url(/images/mirakoto/2017/common_food_arrow.jpg) no-repeat 20px 6px;
  text-decoration: underline
  }
@media screen and (max-width: 600px) {
  .ex_article_food article .backnumber a{
  color: #82CA00;
  background: url(/images/mirakoto/2017/common_food_arrow.jpg) no-repeat 0px 10px;
  background-size: 12px auto;
  text-decoration: underline
  }
  }
.ex_article_food article .backnumber a:hover{
  text-decoration: none
  }


/*==================================================================
ミラコトTV color setting  100%：#D90035　50%：#ec7f9a　10%：#fbe5ea
==================================================================*/
/* common */
.ex_tv_text_color{
  color: #D90035;
  }
.ex_tv_bgcolor{
  background: #D90035 !important;
  color: #ffffff !important;
  }

/* category */
.ex_category_tv header h1{
  color: #D90035;
  text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  }
.ex_category_tv header p{
  color: #ffffff;
  text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  }
.ex_category_tv article > .articleBody > div > ul > li .ex_box p{
  background: #D90035;
  color: #ffffff;
  }

/* ex_article title */
.ex_article_tv .ex_top_Wrap .parentTitle{
  color: #D90035;
  text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff;
  }
.ex_article_tv article h3{
  color: #D90035;
  }

/* ex_article lead */
.ex_article_tv article .bplead{
  border: 1px dotted #D90035 !important;
  }
.ex_article_tv article .bplead p{
  color: #D90035;
  }

/* ex_article text */
.ex_article_tv article a{
  color: #D90035;
  text-decoration: underline;
  }
.ex_article_tv article a:hover{
  color: #D90035;
  text-decoration: none;
  }
.ex_article_tv article .bpimage_click a{
  color: #D90035;
  text-decoration: underline
  }
.ex_article_tv article .bpimage_click a:hover{
  text-decoration: none
  }

/* ex_article next_banner */
.ex_article_tv article .ex_next_banner a{
  background-color: #D90035;
  }
.ex_article_tv article .ex_next_banner a:hover{
  Opacity:0.5;
  background-color: #D90035;
  }


/* ex_article pager */
.ex_article_tv .pagenation ul li a{
  color: #D90035;
  border: 1px solid #D90035 !important;
  }
.ex_article_tv .pagenation ul li a:hover,
.ex_article_tv .pagenation li.current a{
  color: #ffffff !important;
  border: 1px solid #D90035 !important;
  background: #D90035 !important;
  }


/* ex_article backmunber */
.ex_article_tv article .backnumber a{
  color: #D90035;
  background: url(/images/mirakoto/2017/common_tv_arrow.jpg) no-repeat 20px 6px;
  text-decoration: underline
  }
@media screen and (max-width: 600px) {
  .ex_article_tv article .backnumber a{
  color: #D90035;
  background: url(/images/mirakoto/2017/common_tv_arrow.jpg) no-repeat 0px 10px;
  background-size: 12px auto;
  text-decoration: underline
  }
  }
.ex_article_tv article .backnumber a:hover{
  text-decoration: none
  }

/*==================================================================
ミラコトスポーツ color setting  100%：#D90035　50%：#ec7f9a　10%：#fbe5ea
==================================================================*/
/* common */
.ex_sports_text_color{
  color: #D90035;
  }
.ex_sports_bgcolor{
  background: #D90035 !important;
  color: #ffffff !important;
  }

/* category */
.ex_category_sports header h1{
  color: #D90035;
  text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  }
.ex_category_sports header p{
  color: #ffffff;
  text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  }
.ex_category_sports article > .articleBody > div > ul > li .ex_box p{
  background: #D90035;
  color: #ffffff;
  }

/* ex_article title */
.ex_article_sports .ex_top_Wrap .parentTitle{
  color: #D90035;
  text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff;
  }
.ex_article_sports article h3{
  color: #D90035;
  }

/* ex_article lead */
.ex_article_sports article .bplead{
  border: 1px dotted #D90035 !important;
  }
.ex_article_sports article .bplead p{
  color: #D90035;
  }

/* ex_article text */
.ex_article_sports article a{
  color: #D90035;
  text-decoration: underline;
  }
.ex_article_sports article a:hover{
  color: #D90035;
  text-decoration: none;
  }
.ex_article_sports article .bpimage_click a{
  color: #D90035;
  text-decoration: underline
  }
.ex_article_sports article .bpimage_click a:hover{
  text-decoration: none
  }

/* ex_article next_banner */
.ex_article_sports article .ex_next_banner a{
  background-color: #D90035;
  }
.ex_article_sports article .ex_next_banner a:hover{
  Opacity:0.5;
  background-color: #D90035;
  }


/* ex_article pager */
.ex_article_sports .pagenation ul li a{
  color: #D90035;
  border: 1px solid #D90035 !important;
  }
.ex_article_sports .pagenation ul li a:hover,
.ex_article_sports .pagenation li.current a{
  color: #ffffff !important;
  border: 1px solid #D90035 !important;
  background: #D90035 !important;
  }


/* ex_article backmunber */
.ex_article_sports article .backnumber a{
  color: #D90035;
  background: url(/images/mirakoto/2017/common_tv_arrow.jpg) no-repeat 20px 6px;
  text-decoration: underline
  }
@media screen and (max-width: 600px) {
  .ex_article_sports article .backnumber a{
  color: #D90035;
  background: url(/images/mirakoto/2017/common_tv_arrow.jpg) no-repeat 0px 10px;
  background-size: 12px auto;
  text-decoration: underline
  }
  }
.ex_article_sports article .backnumber a:hover{
  text-decoration: none
  }


/*==================================================================
グローバルコラム#4fadc6
==================================================================*/
.ex_global_text_color{
  color: #4fadc6;
  }
/* common */
.ex_global_text_color{
  color: #4fadc6;
  }
.ex_global_bgcolor{
  background: #4fadc6 !important;
  color: #ffffff !important;
  }

/* category */
.ex_category_global header h1{
  color: #4fadc6;
  text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;
  }
.ex_category_global header p{
  color: #000000;
  text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;
  }
.ex_category_global article > .articleBody > div > ul > li .ex_box p{
  background: #4fadc6;
  color: #ffffff;
  }

/* ex_article title */
.ex_article_global .ex_top_Wrap .parentTitle{
  color: #4fadc6;
  text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff;
  }
.ex_article_global article h3{
  color: #4fadc6;
  }

/* ex_article lead */
.ex_article_global article .bplead{
  border: 1px dotted #4fadc6 !important;
  }
.ex_article_global article .bplead p{
  color: #4fadc6;
  }

/* ex_article text */
.ex_article_global article a{
  color: #4fadc6;
  text-decoration: underline;
  }
.ex_article_global article a:hover{
  color: #4fadc6;
  text-decoration: none;
  }
.ex_article_global article .bpimage_click a{
  color: #4fadc6;
  text-decoration: underline
  }
.ex_article_global article .bpimage_click a:hover{
  text-decoration: none
  }

/* ex_article next_banner */
.ex_article_global article .ex_next_banner a{
  background-color: #4fadc6;
  }
.ex_article_global article .ex_next_banner a:hover{
  background-color: #83A6BF;
  }


/* ex_article pager */
.ex_article_global .pagenation ul li a{
  color: #4fadc6;
  border: 1px solid #4fadc6 !important;
  }
.ex_article_global .pagenation ul li a:hover,
.ex_article_global .pagenation li.current a{
  color: #ffffff !important;
  border: 1px solid #4fadc6 !important;
  background: #4fadc6 !important;
  }


/* ex_article backmunber */
.ex_article_global article .backnumber a{
  color: #4fadc6;
  background: url(/images/mirakoto/2017/common_global_arrow.jpg) no-repeat 20px 6px;
  text-decoration: underline
  }
@media screen and (max-width: 600px) {
  .ex_article_global article .backnumber a{
  color: #4fadc6;
  background: url(/images/mirakoto/2017/common_global_arrow.jpg) no-repeat 0px 10px;
  background-size: 12px auto;
  text-decoration: underline
  }
  }
.ex_article_global article .backnumber a:hover{
  text-decoration: none
  }


/*==================================================================
社会デザイン研究 color setting  100%：#473561　50%：#A399B1　10%：#ECEBEF
==================================================================*/
/* 20170531追記 */
/* 囲み BPcss */
.ex_article_design .articleBody .bpbox {
background: #ECEBEF;
}
.ex_article_design .articleBody .bpbox .bpbox_title {
background: #473561;
}


/*==================================================================
都市の未来 color setting  100%：#0A4D7D　50%：#83A6BF　10%：#E6EDF2
==================================================================*/
/* 20170531追記 */
/* 囲み BPcss */
.ex_article_city .articleBody .bpbox {
background: #E6EDF2;
}
.ex_article_city .articleBody .bpbox .bpbox_title {
background: #0A4D7D;
}


/*==================================================================
ウエルネス社会 color setting  100%：#00C7A5　50%：#7BE4D2　10%：#E4F9F6
==================================================================*/
/* 20170531追記 */
/* 囲み BPcss */
.ex_article_wellness .articleBody .bpbox {
background: #E4F9F6;
}
.ex_article_wellness .articleBody .bpbox .bpbox_title {
background: #00C7A5;
}


/*==================================================================
ロボティクス社会 robotics  color setting  100%：#EA302C　50%：#F69693　10%：#FDEAE9
==================================================================*/
/* 20170531追記 */
/* 囲み BPcss */
.ex_article_robotics .articleBody .bpbox {
background: #FDEAE9;
}
.ex_article_robotics .articleBody .bpbox .bpbox_title {
background: #EA302C;
}


/*==================================================================
未来への階段 color setting  100%：#FB7400　50%：#FFB97A　10%：#FFF1E4
==================================================================*/
/* 20170531追記 */
/* 囲み BPcss */
.ex_article_mirai .articleBody .bpbox {
background: #FFF1E4;
}
.ex_article_mirai .articleBody .bpbox .bpbox_title {
background: #FB7400;
}


/*==================================================================
Buzzword color setting  100%：#0095D0　50%：#7CCAE9　10%：#E5F4FA
==================================================================*/
/* 20170531追記 */
/* 囲み BPcss */
.ex_article_buzzword .articleBody .bpbox {
background: #E5F4FA;
}
.ex_article_buzzword .articleBody .bpbox .bpbox_title {
background: #0095D0;
}


/*==================================================================
食の未来 color setting  100%：#82CA00　50%：#BFE579　10%：#F2FAE4
==================================================================*/
/* 20170531追記 */
/* 囲み BPcss */
.ex_article_food .articleBody .bpbox {
background: #F2FAE4;
}
.ex_article_food .articleBody .bpbox .bpbox_title {
background: #82CA00;
}


/*==================================================================
ミラコトTV color setting  100%：#D90035　50%：#ec7f9a　10%：#fbe5ea
==================================================================*/
/* 20170531追記 */
/* 囲み BPcss */
.ex_article_tv .articleBody .bpbox {
background: #fbe5ea;
}
.ex_article_tv .articleBody .bpbox .bpbox_title {
background: #D90035;
}


/*==================================================================
未来のスポーツ color setting  100%：#D90035　50%：#ec7f9a　10%：#fbe5ea
==================================================================*/
/* 20170531追記 */
/* 囲み BPcss */
.ex_article_sports .articleBody .bpbox {
background: #fbe5ea;
}
.ex_article_sports .articleBody .bpbox .bpbox_title {
background: #D90035;
}

/*==================================================================
グローバルインサイト 20190911追加分
==================================================================*/
.ex_global_bgcolor{
 background-color: #4fadc6!important;
}

/*==================================================================
要約すると
==================================================================*/
.outlineArea {
  background:white;
  margin: 0 0 15px 0;
  border: 1px solid #f5f5f5;
  padding:0;
  position:relative;
  width:100%;
  padding: 20px 10px 10px 10px;
}
.outlineArea .outlineTheme {
  text-indent: -9999px;
  width: 119px;
  height: 26px;
  margin:0;
  background: url(/images/mirakoto/2017/icon02.png) no-repeat;
  position:absolute;
  top:-10px;
  left:5px;
}
.outlineArea .outlineList li {
  font-size: 15px;
  background: url(/images/mirakoto/2017/arrow02.png) no-repeat 0 2px;
  padding-left: 20px;
  margin: 8px;
}
.typ1.outlineTheme{
  background: url("/images/mirakoto/2021/ttl_index.png")no-repeat!important;
}
/*==================================================================
記事下リンク用 20191111追加分
==================================================================*/
.articleBody_lineList {
  line-height: 1.8em;
}
/*==================================================================
next navi 20220708
==================================================================*/
.articleBody .next_banner2{
	background: url("/images/mirakoto/2021/nextbanner_bg.jpg") center no-repeat;
	background-size: cover;
	padding: 0px 20px 0px 20px;;
	display: block;
	text-align: center;
	border: 2px solid #7394bc;
	transition-duration: 0.3s
}
.articleBody .next_banner2:hover{
	opacity: 0.5;
}
.articleBody .next_banner2 span{
	background: url("/images/mirakoto/2021/nextbanner_arrow.png") right center no-repeat;
	font-size: 18px;
	font-weight: bold;
	padding: 45px 70px 40px 0px;
	text-align:left;
	margin: auto;
	display: inline-block;
	color: #000000;
	transition-duration: 0.3s;
	line-height: 1.5em;
}
.articleBody .txtlink{
	margin-top: 30px;
}