@charset "utf-8";

html { overflow-y:scroll; }
#chart_window ul,#chart_window dl,#chart_window dt,#chart_window dd,#chart_window h4,#chart_window h5,#chart_window p { margin:0; padding:0; box-sizing: border-box; }
#chart_window img { border:0;
user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;
vertical-align: bottom;
}
#chart_window img { max-width: 100%; }
#chart_window li { list-style-type:none; }
.clearfix:after { content:" "; display:block; clear:both;}

/* ------------------------------
   #tabAccordion
------------------------------ */
#chart_bnr { z-index: 1; }
#chart_window { width: 900px; margin: auto; position: relative; line-height: 1.5; }
.close_btn { position: absolute; top: -90px; right: -30px; width: 44px; z-index: 1; cursor: pointer; }
.mfp-close-btn-in .mfp-close { display: none; }
#tabAccordion_box { margin: 0 auto; width: 600px; height: 400px; font-size: 12px; position: relative; }
#tabAccordion_box { box-sizing: border-box; }
#chart_window .tab_contens { display: none; }
#chart_window .tabHead_box { box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); }
#chart_window .tabHead_box .tab_head { font-weight: normal; text-align: center; display: table-cell; vertical-align: middle; }

#chart_window .tabHead_box.btnAcv .tab_head { color: #FFFFFF; }
#chart_window .tab_contens { box-sizing: border-box; background: #FFF; color: #644143; }
#chart_window .tab_contens a { color: #644143; text-decoration: none; }

#chart_window .tab-panel:first-of-type .tabHead_box.btnAcv,
#chart_window .tab-panel:first-of-type .tabHead_box:hover { background: url(/chart/chart_btn01.png) #fa8e96; }
#chart_window .tab-panel:nth-of-type(2) .tabHead_box.btnAcv,
#chart_window .tab-panel:nth-of-type(2) .tabHead_box:hover { background: url(/chart/chart_btn02.png) #e5c528; }
#chart_window .tab-panel:nth-of-type(3) .tabHead_box.btnAcv,
#chart_window .tab-panel:nth-of-type(3) .tabHead_box:hover { background: url(/chart/chart_btn03.png) #79bf4d; }
#chart_window .tab-panel:nth-of-type(4) .tabHead_box.btnAcv,
#chart_window .tab-panel:nth-of-type(4) .tabHead_box:hover { background: url(/chart/chart_btn04.png) #63a1d2; }

#chart_window .tab-panel:first-of-type .tabHead_box { background: url(/chart/chart_btn01_off.png) #fa8e96;}
#chart_window .tab-panel:nth-of-type(2) .tabHead_box { background: url(/chart/chart_btn02_off.png) #e5c528; }
#chart_window .tab-panel:nth-of-type(3) .tabHead_box { background: url(/chart/chart_btn03_off.png) #79bf4d; }
#chart_window .tab-panel:nth-of-type(4) .tabHead_box { background: url(/chart/chart_btn04_off.png) #63a1d2; }
#chart_window .tabHead_box { color: #FFF; border: none; font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho"; -webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear;}
#chart_window h5.tab_con_title { text-align: center; padding: 10px 0; background: url(/chart/chart_index_bg.jpg);}
#chart_window .tab_con_box dl { border: solid 1px #fa8d95; border-radius: 10px; position: relative; background: #FFF;}
#chart_window .tab_contens p.tab_con_detail { font-size: 18px; text-align: center; padding-bottom: 10px; border-bottom: solid 2px #644143;}
#chart_window .tab_con_box dl dt { font-weight:bold; margin-top:20px; text-align: center;}
#chart_window .tab_contens { position: absolute; left: 0; width: 100%; height: 800px; overflow-y: auto; padding: 25px; font-size: 14px; font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; }
.sp_chart_btn,#page-top-2 { display:none;}
.part_detail{ 
  border-top: solid 1px #644143;
}
#chart_window .label_jp{
  color: #fff;
  background-color: #ff0000;
  width: 50px;
  border-radius: 22px;
}
#chart_window .label_abroad{
  color: #fff;
  background-color: #00aeef;
  width: 50px;
  border-radius: 22px;
}
.logo_kyo{
  width: 30px;
  position: absolute;
  top: 20px;
  right: 20px;
}


@media print, screen and (min-width: 980px) {
#chart_window { margin-top: 50px; }
#tab_block .block_inner { padding-bottom: 100px; }
#tabAccordion_box { position: relative; width: 100%; height: 644px; }
#chart_window .chart_close { position: absolute; top: -30px; right: -30px; width: 50px; height: auto; z-index: 1; cursor: pointer;}
#chart_window .tab-panel { position: absolute; top: 0; left: 0; width: 100%; }
#chart_window .tabHead_box { position: absolute; top: 0; display: table; border-radius: 10px 10px 0 0; height: 60px; font-size: 20px; width: 24.4444444%; }
#chart_window .tab-panel:first-of-type .tabHead_box { left: 0; }
#chart_window .tab-panel:nth-of-type(2) .tabHead_box { left: 25.23%; }
#chart_window .tab-panel:nth-of-type(3) .tabHead_box { left: 50.47%; }
#chart_window .tab-panel:last-of-type .tabHead_box { left: 75.6%; }
#chart_window .tab_contens { top: 60px; }
#chart_window .tab-panel:nth-of-type(1) .tab_contens:before { content: ""; position: absolute; background: url(/chart/chart_q.png) no-repeat; width: 86px; height: 186px; top: 10px; left: 410px;}
#chart_window .tab-panel:nth-of-type(2) .tab_contens:before { content: ""; position: absolute; background: url(/chart/chart_q_2.png) no-repeat; width: 86px; height: 86px; top: 10px; left: 410px;}
#chart_window .tab-panel:nth-of-type(3) .tab_contens:before { content: ""; position: absolute; background: url(/chart/chart_q_3.png) no-repeat; width: 86px; height: 86px; top: 10px; left: 410px;}
#chart_window .tab-panel:nth-of-type(4) .tab_contens:before { content: ""; position: absolute; background: url(/chart/chart_q_4.png) no-repeat; width: 86px; height: 186px; top: 10px; left: 410px;}
#chart_window .tab_contens.pattern2 { background: url(/chart/chart_dot_2.png) center 76px no-repeat #FFF;}
#chart_window .tabContens_head { line-height: 54px; }
#chart_window .tab_contens p { font-size: 14px; line-height: 35px; text-align: center; }
#chart_window .tab_contens .part  { 
  text-align: left;
 }
#chart_window .tab_contens .part_detail  { 
  text-align: left;
  line-height: 26px;
  padding-top: 10px;
}
#chart_window .tab_contens > .photo_box img { display: block; width: 100%; height: auto; }
#chart_window .tab_con_box { width: 390px; margin-left: 70px; float: left;}
#chart_window .tab_con_box:nth-of-type(1) { margin-left: 0;}
#chart_window p.tab_con_category { position: absolute; top: -32px; left: 65px;}
#chart_window h5.tab_con_title { font-size: 21px;}
#chart_window .tab_con_box dl { width: 190px; float: left; margin-top: 25px; margin-left: 10px; padding: 10px 10px 20px;}
#chart_window .tab_con_box dl:nth-of-type(1) { margin-left: 0;}
#chart_window .tab_contens.pattern2 .tab_con_box dl { float: none; margin: 119px auto 0;}
#chart_window .tab_contens p.tab_con_detail { font-size: 18px; line-height: 1.5em; }
.pc-hide { display:none;}
}

@media only screen and (max-width: 979px) {
#chart_window { width: 94%; }
.chart_close { position: fixed; top: 10px; right: 25px; width: 50px; height: auto; z-index: 1; cursor: pointer;}
#tab_block .block_inner { padding-bottom: 30px; }
#tabAccordion_box { width: 100%; height: auto; }
#chart_window .tabHead_box .tab_head { font-size: 26px; letter-spacing: 0.1em; padding-left: 10px; line-height: 1.5em;}
#chart_window .tab-panel { width: 100%; position: relative; }
#chart_window .tab-panel .tabHead_box { width: 100%; position: relative; padding: 15px 0; }
#chart_window .tab-panel:last-of-type .tabHead_box { border-bottom: none; }
#chart_window .tab-panel .tabHead_box::after { content: ""; position: absolute; background: url(/chart/sp-arrow.png) no-repeat; width: 36px; height: 24px; right: 20px; top: 25px;}
#chart_window .tabHead_box.btnAcv::after { margin-top: -4px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; }
#chart_window .tab_contens { padding: 20px; width: 100%; height: auto; position: relative; font-size: 16px; }
#chart_window .tab-panel:last-of-type .tab_contens { border-bottom: none; }
#chart_window .tab_contens p { line-height: 1.8em; }
#chart_window .tabContens_head { font-size: 1.15em; line-height: 1.4em; margin-bottom: 3%; }
#chart_window .tab_con_box dl { width: 48%; float: left; margin-left: 4%; margin-top: 40px; margin-bottom: 40px; padding: 4% 12px 30px;}
#chart_window .tab_con_box dl:nth-of-type(1) { margin-left: 0;}
#chart_window .tab_contens.pattern2 .tab_con_box { width: 48%; float: left; margin-left: 4%;}
#chart_window .tab_contens.pattern2 .tab_con_box:nth-of-type(1) { margin-left: 0;}
#chart_window .tab_contens.pattern2 .tab_con_box dl { width: 100%; float: none; margin-left: 0; margin-top: 20px;}
#chart_window p.tab_con_category { position: absolute; top: -32px; left: 0; width: 100%; text-align: center;}
#chart_window p.tab_con_category img { width: 68px;}
#chart_window h5.tab_con_title { font-size: 26px;}
#chart_window .tab_contens p.tab_con_detail { font-size: 22px; line-height: 1.3em; }
#chart_window .tab_contens p.tab_con_detail + p { margin-bottom: 20px; font-size: 15px; }	
.sp-hide { display:none;}	
}


@media only screen and (min-width: 641px) {
#chart_bnr .pc_chart_btn { position: fixed; top: 170px; right: 0; }
}

@media only screen and (max-width: 640px) {
.pc_chart_btn { display:none; }
.sp_chart_btn { display:block; }

/*本体のみSPもPCと同じバナー*/
#chart_bnr.hontai .pc_chart_btn { display:block; position: fixed; top: 170px; right: 0; }

#chart_bnr #sp_chart_btn { position: fixed; bottom: 0; left: 0; width: 87%; float: left; z-index: 99999; }
#chart_bnr #page-top-2{
		position: fixed; bottom: 0; right: 0;
    display: table;
		float: left;
    width: 13%;
    background: #ff9152;
    z-index: 99999;
}
#chart_bnr #page-top-2 a{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
		color: #FFF;
}
}