@charset "UTF-8";
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p { margin: 0; padding: 0; font-size: 100%; }
body { line-height: 1; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif; }
img { width: 100%; border: 0; virtical-align: bottom; }
ul, ol { list-style: none; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
table { border-collapse: collapse; border-spacing: 0; }
a:hover { color: #DDD; }
* html .clearfix { height: 1px; }
header { background: #FFF; padding: 1%; border-bottom: 1px solid #CCC; }
header h1 { float: left; font-weight: bold; }
header kango-header_nav { float: right; }
header kango-header_nav li { float: left; padding: 0 10px; }

/* サイトカラー */
a { color: #00AEEF; }
.kango-kango-ad_title { color: #00AEEF; font-size: 30px; padding: 15px; position: relative; }
.kango-toku_txt h3 { color: #00AEEF; text-align: center; margin-top: -10px; }
.kango-readMoreBtn { background-color: #00AEEF; display: block; margin: 0 auto; padding: 15px 0; width: 80%; border: 0; color: #ffffff; border-radius: 10px; cursor: pointer; }
.kango-tab__menu-item.is-active { background-color: #00AEEF; color: #FFF; padding: 20px 5px; }
.kango-add_wrap h1 { background: #FFB200; font-size: 25px; color: #FFF; text-align: center; padding: 20px 0; position: relative; overflow: hidden; }
.kango-r_txt h4 { font-size: 20px; color: #00AEEF; font-weight: normal; line-height: 1.4;}

.kango-pr { display: inline-block; text-align: right; color: #FFF; background: #FFB300; border-radius: 5px; padding: 3px 7px; margin: 5px 0; float: right; }
.kango-pr::after { content:""; display: block; clear: both; }
.kango-pc_view { display: none;}
.kango-ad { background: #FFF; border-radius: 10px; box-sizing: border-box; width: 95%; margin: 5% auto; }
.kango-ad_title .icon { width: 80px; display: inline-block; margin: 0 10px; }
.kango-ad_cont { padding: 2%; }
.kango-ad_thum { float: left; width: 30%; box-sizing: border-box; }
.kango-ad_txt { width: 70%; padding:0 0 0 2%; color:#333; float: left; line-height: 1.7; box-sizing: border-box; }
.kango-ad_txt h2 { padding: 10px 0; }
.kango-eva { font-size: 25px; color: #FFC300 !important; line-height: 1; }
.kango-eva img { width: 25px; margin: 2px; }
.kango-point_color { color: #f21e33; }
.kango-ad_entry a { width: 90%; margin: 5% auto;  box-shadow: inset 0px 1px 0px 0px #fff6af; background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%); background-color: #ffec64; border-radius: 6px; border: 1px solid #ffaa22; display: block; cursor: pointer; color: #333333; font-size: 16px; font-weight: bold; padding: 15px 0; text-align: center; text-decoration: none; text-shadow: 0px 1px 0px #ffee66; }
.kango-ad_entry a:hover { background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%); background-color: #ffab23; }
.kango-ad_entry a:active { position: relative; top: 1px; }
.kango-r_area { line-height: 1.5; background: #FFF; color: #000; }
.kango-r_area h3 { font-size: 1.3em; padding: 15px 0; margin:0 0 3% 0; text-align: center; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; }
.kango-r_area { padding:3% 3% 0 3%;  }
.kango-r_area_in { padding: 3%; margin-bottom: 3%; background: rgba(244,244,244,1.00); }
.kango-r_thum { padding: 0 5px 0 0; display: inline-block; }
.kango-r_thum img { width: 80px; }
.kango-r_txt { font-size: 13px; padding: 10px 0 0 0; vertical-align: top; width: 80%; position: relative; display: inline-block; }
.kango-sub_txt span.female { margin: 0 10px; }
.kango-evo_txt {  color: #ff6768; font-size: 16px; }
.kango-r_contents { padding: 3%; margin: 10px 0; background: #FFFEF7; border-radius: 10px; line-height: 2; }
footer { border-top:2px solid #eee; padding: 2% 0; position:relative; z-index: 9999; background: #FFF; color:#999; }
.kango-footer_link { text-align: center; font-size: 12px; }
.kango-footer_link a { display:inline-block; padding: 10px; color: #337ab7; text-decoration: underline; }
.kango-footer_link a { border-right: 1px solid #CCC; }
.kango-footer_link a:last-child { border-right: none; }
.kango-footer_copy { text-align: center; padding: 10px 0; font-size: 11px; }
.kango-date_txt { padding: 15px 0;  }
#kango-table .kango-table_in .table { overflow: scroll; }
span.kango-txt_scroll { float: right; padding-right: 10px; }  
#kango-table .kango-table_in table { table-layout: fixed; width: 100%; background: #fff }
#kango-table .kango-table_in th:first-child { background: #FFFCEF; width: 15%; position: relative; }
.kango-triangle { position: absolute; top:0; left:0; border-bottom: 40px solid transparent; border-left: 40px solid #f21e33; }
.kango-label_txt { position: absolute; top: 8px; left: 2px; font-size: 12px;  font-weight: bold; color: #fff; transform: rotate(-45deg); }
#kango-table .kango-table_in th:nth-child(2) { width: 7%; }
#kango-table .kango-table_in th:nth-child(3) { width: 18%; }
#kango-table .kango-table_in th:nth-child(4) { width: 28%; }
#kango-table .kango-table_in th:last-child { width: 7%; }
#kango-table .kango-table_in { display: inline-block; margin-left: 0; overflow: unset; width: 100%; padding-top: 5px; padding-bottom: 1px; margin-bottom: 10px; margin-top: 0; padding-left: 5px; padding-right: 5px; }
#kango-table .kango-table_in th { background: #F3F3F3; }
#kango-table .kango-table_in td, #kango-table .kango-table_in th { border: solid 1px #CCC; text-align: center; padding: 10px 0; }
#kango-table .kango-table_in td:nth-child(4) { text-align: left; padding: 20px; }
#kango-table .kango-table_in td { border: 1px solid #CCC; vertical-align: middle; padding: 20px 10px; line-height: 1.5; position: relative; overflow-wrap: break-word; }  
.kango-site_name { display: block; padding: 10px 0 0 0; }
.clearfix::after { content:; display: block; clear: both;  }
td .kango-br_p { display: block; }
@media screen and (min-width: 480px) { 
	#kango-wrap { /*width: 375px; overflow: hidden; background-size: 385px;	margin: 0 auto;*/ }    
  .kango-sp_view {display: none;}
  .kango-pc_view {display: block;}
}
@media (max-width: 480px) { 
  .kango-pc_view { display: none;}
  #kango-table .kango-table_in {; display: inline-block; /*margin-left: 10px;*/ overflow: scroll; /*width: calc(100% - 20px);*/ -webkit-overflow-scrolling: touch; }
}
/* 追加 */
.kango-contets_area { background: #FFF; padding: 1em; }
.kango-toc-001 { margin:10px 0; padding: 1em 1em 1em 2em; border: 1px solid #EEE; border-radius: 5px; background:#F5F5F5; color: #333333; }
.kango-toc-001 div { display: flex; align-items: center; margin: 0; padding: 5px 0; }
.kango-toc-001 ol { list-style-type: decimal; margin: 0; padding: 0 1.2em; overflow: hidden; }
.kango-toc-001 ol ol { margin-top: 5px; }
.kango-toc-001 li { padding: 5px 0; }
.kango-toc-001 a { color: #166c9d; } 
.kango-cont_txt { line-height: 1.7; padding: 10px; }
.kango-cont_txt img { display: block; margin-bottom: 10px; }
.kango-cont_area h2 { padding: 5px 0 5px 10px; margin: 10px 0; border-left:5px solid #EEE; border-bottom: 1px solid #EEE; font-size: 14px; font-weight: bold; }
.kango-FV { display: block; max-width: 800px; margin: auto; }
.kanngo-header_in { max-width: 1000px; margin: auto; }
.kango-main { overflow: hidden; }
.kango-badge_color .kango-triangle { border-left: 40px solid #CCC; }
.kango-badge_color .kango-triangle_color1 { border-left: 40px solid #E40003; }
.kango-badge_color .kango-triangle_color2 { border-left: 40px solid #FFAE00; }
.kango-badge_color .kango-triangle_color3 { border-left: 40px solid #006FD4; }
.kango-toku_txt { border:1px solid #7c7c7c; border-radius: 5px; margin:10px; }
.kango-toku_txt h3 b { background: #FFF; font-weight: normal !important; padding: 10px; }
.kango-toku_txt ul { padding: 10px 20px; }
.kango-toku_txt ul li { padding: 5px 0; }
.kango-toku_txt ul li::before { content:""; display: inline-block; background: url(https://poikatsu-ranking.net/paypay/images/finger_ic.png) no-repeat; background-size: 100%; width: 25px; height: 20px; vertical-align: middle; margin: 0 5px 0 0; }
.kango-table_wrap { padding: 10px; }
.kango-table_wrap table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.kango-table_wrap table,.kango-table_wrap th,.kango-table_wrap td { border:1px solid #CCC; line-height: 2;   }
.kango-table_wrap th { padding: 15px; width: 35%; background: #F5FBFF; text-align: center; font-weight: bold;  } 
.kango-table_wrap td { padding: 15px; }
.kango-table_wrap td h4 { border-bottom: 1px solid #4caf50; color:#4caf50; padding-bottom: 5px; margin-bottom: 5px; }
.kango-sub_note { padding: 10px; line-height: 1.7; }
.kango-sub_note h3 { font-size: 16px; padding: 10px 10px 10px 20px; margin:10px 0; font-weight: bold; background: #EFFAFF; border-radius: 5px; position: relative; }
.kango-sub_note h3::before { content:""; display:block; position: absolute; top:0; left: 0;  background: #BAE0FF; width: 5px; height: 100%; border-radius: 5px; } 
.kango-sub_note p { font-size: 14px; padding:10px; }
.kango-main_title { font-size: 30px; padding: 10px 0; font-weight: bold; line-height: 1.5; color: #010079; border-left: 5px solid #010079; text-shadow: 0 0 5px white;  padding: 0.3em 0.5em;  background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px); background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px); margin-bottom: 10px; }
#kango-wrap b { font-weight: bold; }
.kango-markekango-r_txt { background: #fffbe1; font-weight: bold; }
.kango-contents_border_1 { border:1px solid #CCC; margin: 15px 0; background: #FFFEF7; }
.kango-advisor_wrap { padding: 10px; border:1px solid #CCC; margin: 15px 0;  }
.kango-advisor_in div { display: inline-block; vertical-align: middle; }
.kango-advisokango-r_thum { width: 60px; padding: 0 10px 0 0; }
.kango-advisor_name span { display: block; color: #CCC; }
.kango-advisor_wrap p { padding: 15px; background: #F5FFF1; border-radius: 5px; margin: 10px 0; }
.kango-cta_wrap { padding: 0 20px; }
.kango-cta_btn { width: 100%; margin: auto; box-shadow:inset 0px 1px 0px 0px #d9fbbe; background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%); background-color:#b8e356; border-radius:6px; border:1px solid #83c41a; display:block; cursor:pointer; color:#ffffff; padding:15px 0; text-decoration:none; text-shadow:0px 1px 0px #86ae47; text-align: center; font-size: 20px; position: relative; overflow: hidden; }
.kango-cta_wrap .kango-cta_btn { font-size: 25px; padding: 20px 0; }
.kango-cta_btn:hover { background:linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%); background-color:#a5cc52; color: #FFF; text-decoration: none;  }
.kango-cta_btn:active { position:relative; top:1px; }  
  @keyframes shiny { 
    0% {   transform: scale(0) rotate(25deg);   opacity: 0; }
    50% {   transform: scale(1) rotate(25deg);   opacity: 1; }
    100% {   transform: scale(50) rotate(25deg);   opacity: 0; }
  }
.kango-cta_btn::after { content: ''; position: absolute; top: -100px; left: -100px; width: 50px; height: 50px; background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%);
  animation-name: shiny; animation-duration: 3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.kango-add_wrap { background: #FFFBF1; padding: 0 0 20px 0; margin: 20px 0; border-radius: 10px; overflow: hidden; }
.kango-tab_wrap {}
.kango-tab { margin: 15px auto 0; }
.kango-tab__menu { display: flex; align-items: flex-end; justify-content: center; min-height: 50px; padding: 0; margin: 0; }
.kango-tab__menu-item { list-style: none; width: 33%; padding:15px 5px; text-align: center; margin-right: 6px; background-color: #94caed; color: #FFF; border-top-left-radius: 10px; border-top-right-radius: 10px; cursor: pointer; transition: all .3s; }
.kango-tab__menu-item:last-of-type { margin-right: 0px; }
.sticky {  position: -webkit-sticky; position: sticky; top: 0; }
@media (max-width: 768px) {
  .kango-tab { margin: 0 auto; }
  .kango-tab__menu-item { padding: 8px 5px; }
  .kango-tab__menu-item.is-active { padding: 12px 5px; }  
}
.kango-tab__panel { width: 100%; }
.kango-tab__panel-box { padding: 20px; border:1px solid #EEE;}
.kango-tab__panel-box001 { background-color: #FFF; display: none; }
.kango-tab__panel-box002 { background-color: #FFF; display: none; }
.kango-tab__panel-box003 { background-color: #FFF; display: none; }
.kango-tab__panel-box. { display: block; }
.kango-tab__panel-box.is-show { display: block; }
.kango-text-center { text-align: center; }
.kango-text-left { text-align: left; }
.kango-eva_wrap b { display: block; font-size: 30px; line-height: 1.5; font-weight: normal !important; color: #ff6768; vertical-align: middle; }
.kango-ad_txt .kango-eva_wrap b { display: inline-block; }
.kango-ad_txt .kango-eva_wrap { padding:0 0 15px 0; }
.kango-ad_sub_title { padding:0 0 0 25px; line-height: 1.5; }
#kango-readMoreBlock { display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto; padding: 0; gap: 35px; }
.kango-readMoreInner { width: 100%; margin: 0 auto;  box-sizing: border-box;}
.kango-readMoreContainer { position: relative; height: auto; max-height: 950px; overflow: hidden; transition: max-height 0.6s; }
.kango-readMoreContainer::after { content: ""; position: absolute; top: 0; left: 0; z-index: 0; display: block; width: 100%; height: 100%; transition: 1s; background: linear-gradient(to bottom, transparent 80%, #ffffff 100%); pointer-events: none; }
.kango-readMoreContainer.show:after { z-index: -1; opacity: 0; }
.kango-readMoreContainer p:last-child { margin-bottom: 10px; }
img.kango-br_p { display: block; }
.kango-quote { text-align: right; color: #CCC; }
.kango-quote a { text-decoration: underline; }
.kango-ch_note { text-align: right; padding: 10px; line-height: 1.5; font-size:10px; }
@media (min-width: 768px) {
  .kango-cont_in { max-width: 1000px; display: flex; margin: auto; }
  .kango-main { max-width: 1000px; margin: auto; }
  .kango-side_left { width: 700px; padding: 15px; }
  .kango-side_right { width: 300px; padding: 15px; position: relative; }
  #kango-table .kango-table_in table { width: 100%; }
  #kango-table .kango-table_in th:first-child { width: 18%; }
  #kango-table .kango-table_in th:nth-child(2) { }
  #kango-table .kango-table_in th:nth-child(3) { }
  #kango-table .kango-table_in th:last-child { }
  #kango-table .kango-table_in td:first-child { padding: 3%; }
  .kango-sub_note h3 { font-size: 20px; }
  .kango-sub_note p { font-size: 16px; }
  .kango-r_txt { font-size: 16px; }
}
@media (max-width: 768px) {
  header { padding: 20px 5px; }
  header h1 { font-size: 14px; }
  header nav { padding: 15px 0; }
  header nav li { float: none; padding: 10px 20px; }
  header nav li a { color: #00E1FF }  
  .kango-table_wrap th,.kango-table_wrap td { padding: 10px; }
  .kango-table_wrap th { font-size: 12px; width: 120px; }
  .kango-main_title { font-size: 25px; padding: 15px 15px 0 15px; }
  .drawer-open .drawer-hamburger-icon:before, .drawer-open .drawer-hamburger-icon:after { background-color: #FFF; }
  .kango-ad_txt { font-size: 14px; }
  .kango-tab__panel-box { padding: 0; }
  #kango-table .kango-table_in { font-size: 10px; }
  #kango-table .kango-table_in table { /*width: 140%;*/ }
  #kango-table .kango-table_in th:last-child { width: auto; }
  .kango-cta_btn { font-size: 14px; padding: 10px; }
  #kango-table .kango-table_in th { width: auto !important; }
  .kango-tab__panel-box { border-radius: 0; }
  .kango-add_wrap h1 { font-size: 20px; padding: 15px 0; }
  .kango-cta_wrap .kango-cta_btn { font-size: 16px; }
  .kango-ad_thum,.kango-ad_txt { width: 100%;  }
  .kango-ad_txt { padding: 0; }
  .kango-table_wrap { font-size: 12px; }
  .kango-tab__menu-item { margin-right: 2px; }
  .kango-cont_area::after { content:""; display: block; clear: both; }
  .kango-cont_area a { display: block; font-size: 12px; width: 50%; padding: 0 5px 5px 0; float: left; }
  .kango-readMoreContainer { max-height: 800px;}
  .kango-eva { font-size: 16px; }
  .kango-eva img { width: 18px; }  
  #kango-table .kango-table_in td { padding: 25px 5px; }
  #kango-table .kango-table_in td:nth-child(4) { padding: 10px 15px; }
  .kango-ad_txt h3 { padding: 15px 0; font-size: 20px; line-height: 1.5; }
  .kango-toku_txt h3 { padding: 0; }
  .kango-r_thum img { width: 60px; }
  .kango-r_txt h4 { font-size: 16px; }
  .kango-r_contents { font-size: 12px; }
  .kango-ad_txt .kango-eva_wrap { padding: 10px 0; }
}