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

.BoxTH-L { width: 100%}
.BoxTH-R { width: 100%}

/* チームひまわり記事 */
.THarticle {}


.THarticle h1 {font-family: "M PLUS Rounded 1c" !important; font-size: 1.8rem; color: #824f47;
              margin-bottom: 20px; font-weight: bold}

.THarticle h2 {font-family: "M PLUS Rounded 1c" !important; font-size: 2.0rem; color: #e74f35;
              margin-bottom: 40px; font-weight: bold; border-top: 6px #e74f35 double; padding-top: 10px;
              border-bottom: 6px #e74f35 double; padding-bottom: 10px;  word-break: break-all;}

.THarticle h3 {font-family: "M PLUS Rounded 1c" !important; font-size: 1.8rem; color: #824f47;
              margin-bottom: 10px; font-weight: bold}

.THarticle ul {margin-bottom: 20px; padding: 10px;
	           padding-left: 20px;}

.THarticle ul li { list-style: disc; font-size: 1.4rem;
                 line-height:160%; letter-spacing:0.5pt;
                 font-weight: normal; margin-bottom: 7px}

.THarticle ol {margin-bottom: 20px; padding: 10px;
	           padding-left: 20px;}

.THarticle ol li { list-style: decimal; font-size: 1.4rem;
                 line-height:160%; letter-spacing:0.5pt;
                 font-weight: normal; margin-bottom: 7px}


.wp-block-separator { border-top: 1px dashed #8c8b8b; margin-bottom: 40px; margin-top: 40px}

.wp-block-quote { background-color: #ffffff; padding: 20px; padding-bottom: 1px; border-radius: 5px; margin-bottom: 20px}


/* 共通 */
.TeamHimawari { width: 95%; margin: 0 auto;}

.TeamHimawari h1 { font-family: "M PLUS Rounded 1c"; font-size: 1.8rem; color: #e74f35;
              margin-bottom: 20px; font-weight: bold}

.TeamHimawari h2 { font-family: "M PLUS Rounded 1c"; font-size: 1.8rem; color: #824f47;
              margin-bottom: 20px; font-weight: bold; border-bottom: double 5px #FFC778;
              padding-bottom: 10px}

.TeamHimawari h3 { font-family: "M PLUS Rounded 1c"; font-size: 1.6rem; color: #504f4b;
              margin-bottom: 20px; font-weight: bold}


.TeamHimawari h4 { font-size: 1.6rem}


.TeamHimawari h5 { font-size: 1.6rem; font-weight: bold; margin-bottom: 0px}

.TeamHimawari p { font-size:1.6rem; margin-bottom: 20px}

.TeamHimawari a:link { color: #154F96}
.TeamHimawari a:visited { color: #154F96}
.TeamHimawari a:active { color: #154F96}

.TeamHimawari figcaption { font-size:1.4rem; margin-bottom: 0px}

.THSubBg-01 { background-image: url("../img/trendtopics/team-himawari/SbBg-01.svg");
              background-repeat: no-repeat; background-position: center}

/* 記事リスト */
.HTUl li { width: 100%; clear: both; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px #C7C7C7 dotted }

.THTitleBox { width: 100%; clear: both; }

.THTitleBox-L { width: 28%; float: left}
.THTitleBox-R { width: 70%; float: right}

.THTitleBox-IMG { width: 100%; height: 100px; overflow: hidden}

.HTUl h4 {font-family: "M PLUS Rounded 1c"; font-size: 1.4rem; color: #504f4b;
              margin: 0px; padding: 0px; font-weight: bold; position: relative; padding-left: 30px; margin-bottom: 10px;}


.NewTxt2 { font-size: 1.2rem; color: #d41e18; padding-top: 0px; margin: 0px; padding: 0px; margin-left: 10px; }



.HTUl h4:before {
  display: block;
  content: ''; background-image: url("../img/trendtopics/team-himawari/HTicon-01.svg");
  position: absolute;
  top: 0px !important;
  left: 0px !important;
  width: 15px;
  height: 15px;}

.HTUl p {margin: 0px; padding: 0px; font-size: 1.4rem; color: #154F96 !important}

.HTUl a:link { color: #154F96 !important}
.HTUl a:visited { color: #154F96 !important}
.HTUl a:active { color: #154F96 !important}


/* ノーマルULリスト */
ul.TeamHimawariUl { margin-bottom: 20px; padding: 10px;
	           padding-left: 20px;}

.TeamHimawariUl > li { list-style: disc; font-size: 1.4rem;
                 line-height:160%; letter-spacing:0.5pt;
                 font-weight: normal; margin-bottom: 7px}

/* ノーマルOLリスト */
ol.TeamHimawariOl { margin-bottom: 20px; padding: 10px;
	           padding-left: 40px}

.TeamHimawariOl > li {list-style: decimal outside; font-size: 1.4rem;
                 line-height:2.0em;
                 font-weight: normal}




dl.TeamHimawariDl { }
.TeamHimawariDl dt { font-size: 1.6rem; position: relative; padding-left: 15px; margin-bottom: 5px}
.TeamHimawariDl dd { font-size: 1.6rem; font-weight: bold; margin-bottom: 20px;
                padding: 10px; border: 1px #DFDFDF solid; background-color: #f7f7f8}
.TeamHimawariDl dd p { font-size: 1.4rem; font-weight: normal; margin-bottom: 0px !important;
                background-color: #ffffff; padding: 10px; margin-top: 10px;
                border-top: 1px #DFDFDF dotted}

.TeamHimawariDl dt:before {
  display: block;
  content: '';
  position: absolute;
  top: 10px;
  left: 0px;
  width: 5px;
  height: 5px;
  border-right: 1px solid #262626;
  border-bottom: 1px solid #262626;
  -webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);}

Ul.SideNavHT li { margin-bottom: 20px}

Ul.SideNavHT p { font-family: "M PLUS Rounded 1c"; font-weight: bold; font-size: 2.0rem; margin-bottom: 10px}

Ul.SideNavHT li ul li { margin-bottom: 5px; font-size: 1.4rem; border-bottom: 1px #D0D0D0 dotted;
                        padding-bottom: 5px; position: relative; padding-left: 20px}

Ul.SideNavHT li ul li:before {
  display: block;
  content: ''; background-image: url("../img/trendtopics/team-himawari/HTicon-01.svg");
  position: absolute;
  top: 5px !important;
  left: 0px !important;
  width: 15px;
  height: 15px;}


.SideNavHT a:link { color: #154F96}
.SideNavHT a:visited { color: #154F96}
.SideNavHT a:active { color: #154F96}

.MangaTitle { font-size: 1.6rem; padding: .5em .75em;
  background-color: #f6f6f6;
  border-radius: 6px;}









/* width 769以上 */

@media print, screen and (min-width : 769px){

.BoxTH-L { max-width: 71%; float: left }
.BoxTH-R { max-width: 26%; float: right }


.THarticle h1 {font-size: 2.0rem}

.THarticle h2 {font-size: 2.5rem; line-height: 130%}

.THarticle h3 {font-size: 2.2rem; color: #824f47}

.THarticle h4 {font-size: 1.6rem; color: #1E73B8}

/* 共通 */
.TeamHimawari { width: 100%}

.TeamHimawari a:hover { color: #4B87D1; text-decoration: underline}

.TeamHimawari h1 { font-size: 2.6rem}
.TeamHimawari h2 { font-size: 2.6rem}
.TeamHimawari h3 { font-size: 2.0rem}
.TeamHimawari h5 { font-size: 1.6rem}

.TeamHimawariOl > li {}
.TeamHimawariUl > li {}

.THTitleBox-L { width: 15%; float: left}
.THTitleBox-R { width: 82%; float: right}

.THTitleBox-IMG { width: 100%; height: 80px; overflow: hidden}

.HTUl h4 { font-size: 1.6rem}
.HTUl p { font-size: 1.4rem; margin-left: 30px}

.TeamHimawari figcaption { font-size:1.4rem; margin-bottom: 0px}

.HTUl h4:before {
  top: 2px !important;
  left: 0px !important}

.HTUl a:hover { color: #154F96 !important}


.TeamHimawariDl dt { font-size: 1.4rem}
.TeamHimawariDl dd { font-size: 1.6rem}

.TeamHimawariDl dt:before {top: 6px; left: 0px}



.SideNavHT a:hover { color: #154F96; text-decoration: underline}


}