@charset "utf-8"; html { scroll-behavior: smooth; }
 .sub_vis { width:100%; height:280px; color: #fff; background-color: #000000; position:relative; z-index:1; text-align: center; display: table; background:url("/images/jmi/sub/spot_intro.jpg?build_20250620001") no-repeat center 0;}
 .spot_intro {background:url("/images/jmi/sub/spot_intro.jpg?build_20250620001") no-repeat center 0;}
 .spot_information {background:url("/images/jmi/sub/spot_information.jpg?build_20250620001") no-repeat center 0;}
 .spot_data {background:url("/images/jmi/sub/spot_data.jpg?build_20250620001") no-repeat center 0;}
 .spot_notify {background:url("/images/jmi/sub/spot_notify.jpg?build_20250620001") no-repeat center 0;}
 .spot_participation {background:url("/images/jmi/sub/spot_participation.jpg?build_20250620001") no-repeat center 0;}
 .spot_major_business {background:url("/images/jmi/sub/spot_major_business.jpg?build_20250620001") no-repeat center 0;}
 .spot_support{background:url("/images/jmi/sub/spot_support.jpg?build_20250620001") no-repeat center 0;}
 h2.sub_tit{ font-size:36px; line-height: 36px; letter-spacing: -0.5px; margin-top: 104px;}
 .sub_vis .path{ display: flex; justify-content: center; margin-top: 14px;}
 .sub_vis .path a{color: #fff; display: inline-block; margin: 0 7px;}
 .sub_vis .path .home:before{ content: ''; display: inline-block; width:19px; height: 15px; background: url("/images/jmi/layout_sp.png?build_20250620001") -468px -20px no-repeat; vertical-align: middle; margin-right:10px }
 .hid{ display: block; text-indent: -999999px;}
 .cont_inner { width:1400px; margin:0 auto;}
 .cont_inner { width:1400px; margin:0 auto;}
 #left {width:242px; box-sizing:border-box; margin-top:80px; float:left; }
 #left .snb { width:242px; height: 100%; background-color:#fff; position:relative; z-index:6;}
 #left .snb > li.snbA { border-bottom: 1px solid#e3e3e3;}
 #left .snb > li.snbA > a{ color:#484848; box-sizing: border-box; font-size: 17px; padding:19px 33px 19px 27px; display: block; width: 100%; height: 100%; word-break:keep-all;}
 #left .snb > li.snbA > a:hover, #left .snb > li.snbA.on a { color:#fff; background-color:#e56114;}
 #left .snb > li.snbA.now > a { color:#fff; background-color:#e56114; }
 #left .snb > li.snbA a.has_child { position:relative;}
 #left .snb > li.snbA a.has_child .more {display:block;position:absolute;width: 13px;height: 8px;background: url("/images/jmi/layout_sp.png?build_20250620001") -474px -64px no-repeat;text-indent:-999999px;top:25px;right:22px;}
 #left .snb > li.snbA.on a.has_child .open {background: url("/images/jmi/layout_sp.png?build_20250620001") -344px -88px no-repeat;}
 #left .snb > li.snbA.on a.has_child:hover .open { transform:rotate(180deg)}
 #left .snb > li.snbA.on a.has_child .open, #left .snb > li.snbA.now a.has_child .open { }
 #left .snb > li.snbA.on a.has_child .close, #left .snb > li.snbA.now a.has_child .close {background: url("/images/jmi/layout_sp.png?build_20250620001") -343px -88px no-repeat;}
 #left .snb .snbA.now .snbB { display:block;}
 #left .snb .snbA .snbB { display:none; background-color: #f7f7f7; padding: 21px 26px 26px 26px; border-top: 1px solid #e3e3e3; position:relative; line-height:25px; }
 #left .snb .snbA .snbB li a { display:block; font-size:16px; color:#646363; padding:3px 0 0 13px; position:relative; background-color: #f7f7f7;}
 #left .snb .snbA .snbB li a:before { content:""; display:block; position:absolute; background-color:#646363; border-radius:5px; width:4px; height:4px; margin:9px 0 0 -11px;}
 #left .snb .snbA .snbB li a:hover { color:#20374e;}
 #left .snb .snbA.now .snbB li.on a {color:#e56114;}
 #left .snb .snbA.now .snbB li.on a:before {background-color:#e56114; }
 #left .snb li a.newwin .newicon{display: inline-block; width: 18px; height: 19px; text-indent: -99999px; background: url("/images/yumcorp/common/layout_sp.png?build_20250620001") no-repeat -403px -693px; vertical-align: middle; margin-left: 6px; margin-top:1px;}
 .path_content_tools { max-width:1150px; width:75%; margin-top:-112px; z-index:5; position:relative; margin-left:25%; box-sizing:border-box; }
 .path_content_tools .path { z-index:10; float:left; color:#fff; margin-top:40px; padding-left:20px; }
 .path_content_tools .path a { color: #fff; line-height:29px;}
 .path_content_tools .path .home { display:block; background:url("/images/yumcorp/common/layout_sp.png?build_20250620001") -211px -13px no-repeat; width: 29px; height: 29px; text-indent: -999999px; padding-right: 6px; float:left;}
 #right{ float:right; width:1090px; box-sizing: border-box; position: relative;}
 #right .left_line > div { position: absolute; top: 0; width: 1px; height: 100%; background-color:#e3e3e3; }
 #right .left_line .line01{ left:-5.1%;}
 #right .left_line .line02{ left:-30.5%;}
 #content_box { clear:both; display:inline-block; width:100%; margin-top:27px;}
 #content_box > h3 { font-size:30px; color:#000; margin:52px 0 0 0; letter-spacing:-1px; font-weight: 300; line-height:30px; }
 #content_box .content_line { width:100%; height:1px; background-color:#dddddd; display:block; margin:35px 0 0; position: relative}
 #content_box .content_line:after{ content: ''; position: absolute; width: 90px; height: 3px; background-color: #f55f02; top:-2px; left: 0;}
  .contents_tools { position:absolute; text-align:left; z-index:2; top:67px; right:0;}
 .contents_tools > ul > li { float:left; display:block; margin-left:5px; padding: 0; }
 .contents_tools > ul > li > a { display:block; width:57px; height:57px; position:relative; box-sizing:border-box; border-radius:50px; border:2px solid rgba(255,255,255,.0);}
 .contents_tools > ul > li:hover > a { border:2px solid #fff; transition:0.3s ease .1s;}
 .contents_tools .tools_box {width:200px; position:absolute; z-index:2; right:0; top:53px; padding:30px 30px 25px 30px; font-size:13px; background-color: #fff; border:2px solid #e4e4e4; border-radius:25px; margin:10px 0 0 0; display: none;}
 .contents_tools .qr_area { width:237px ; padding-bottom:20px; }
 .contents_tools > ul > li > a span.tit { display: block; text-indent: -999999px; height: 0; width: 0; }
 .contents_tools > ul > li > a span.tools_guilde { font-size:13px; letter-spacing:-1.5px; position:absolute; top:-40px; left:-10px; width:45px; display:none; border:1px solid #c3c3c3; border-radius:50px; text-align:center; padding:0 10px; }
 .contents_tools > ul > li.icon_view_option > a { display:none;}
 .contents_tools > ul > li > a:after { content:""; display:block; position:absolute; left:50%; top:50%; height:27px; margin-top:-13.5px;}
 .contents_tools > ul > li.share > a:after { width:26px; background: url("/images/jmi/sub/tools_sp.png?build_20250620001") no-repeat 0 -1px; margin-left:-14.5px;}
 .contents_tools > ul > li.download > a:after { width:29px; background: url("/images/jmi/sub/tools_sp.png?build_20250620001") no-repeat -66px -1px; margin-left:-14.5px;}
 .contents_tools > ul > li.icon_qr > a:after { width:24px; background: url("/images/jmi/sub/tools_sp.png?build_20250620001") no-repeat -133px -1px; margin-left:-12px;}
  .contents_tools li div .opt_cl, .contents_tools > ul > li > ul > li.close { cursor: pointer; width:29px; height:28px; position:absolute; top:12px; right:12px; padding:0; margin:0;}
 .contents_tools > ul > li > ul > li.close a, .contents_tools li div .opt_cl .opt_close { display:block; text-indent:-9999px; width:29px; height:29px; background: url("/images/yumcorp/sub/contents_tool_detail.png?build_20250620001") no-repeat scroll 0 -425px;}
 .contents_tools > ul > li > ul > li.close a:hover, .contents_tools li div .opt_cl .opt_close:hover{background-position: 0 -464px;}
  .opt_btn > a { text-indent: -5000px; }
 .opt_lineh_small a { background: url("/images/yumcorp/sub/contents_tool_detail.png?build_20250620001") no-repeat scroll 9px -39px; }
 .opt_lineh_normal a { background: url("/images/yumcorp/sub/contents_tool_detail.png?build_20250620001") no-repeat scroll 9px -17px; }
 .opt_lineh_wide a { background: url("/images/yumcorp/sub/contents_tool_detail.png?build_20250620001") no-repeat scroll 9px 2px; }
 .opt_font_normal a { background: url("/images/yumcorp/sub/contents_tool_detail.png?build_20250620001") no-repeat scroll 11px -90px; }
 .opt_font_big a { background: url("/images/yumcorp/sub/contents_tool_detail.png?build_20250620001") no-repeat scroll 6px -71px; }
 .opt_lineh_small.select a { background-position: 8px -39px;}
 .opt_lineh_normal.select a { background-position: 8px -17px;}
 .opt_lineh_wide.select a { background-position: 8px 2px;}
 .opt_font_normal.select a { background-position: 10px -90px;}
 .opt_font_big.select a { background-position: 5px -71px;}
 .contents_tools .opt_box .opt_lb { margin: 8px 0; font-size: 15px; }
 .contents_tools .opt_box .opt_sl { display: inline-block; list-style: outside none none; padding: 0; position: relative; text-decoration: none; vertical-align: middle; }
 .contents_tools .opt_box .opt_sl .opt_btn { border: 1px solid #d2d2d2; box-sizing: border-box; display: inline-block; float: left; margin-right: 4px; padding: 4px 0; position: relative; width: 43px; }
 .contents_tools .opt_box .opt_sl .select { padding:3px 0; }
 .contents_tools .opt_box .opt_sl .opt_btn a { color: #444; cursor: pointer; display: block; font-size: 12px; font-weight: 600; height: 20px; text-align: center; text-transform: uppercase; vertical-align: middle; width: 39px; line-height:20px; }
 .contents_tools .opt_box .opt_sl .select { border: 2px solid #3b82da;}
  .contents_tools .share ul li { float: none; padding: 4px 0 3px; }
 .contents_tools .share li.sns a { background: url("/images/yumcorp/sub/contents_tool_detail.png?build_20250620001") no-repeat scroll 0 0; display: block; height: 25px; line-height:19px !important; margin: 0; overflow: hidden; padding-left: 26px; }
 .contents_tools .share li.fa a { background-position: 0 -169px; }
 .contents_tools .share li.tw a { background-position: 0 -196px; }
 .contents_tools .share li.bd a { background-position: 0 -223px; }
 .contents_tools .share li.ks a { background-position: 0 -250px; }
 .contents_tools .share li.gp a { background-position: 0 -277px; }
  .contents_tools .download ul li { float: none; padding: 4px 0 3px; }
 .contents_tools .download li a { background: url("/images/yumcorp/sub/contents_tool_detail.png?build_20250620001") no-repeat scroll 0 0; display: block; height: 26px; line-height:19px; margin: 0; overflow: hidden; padding-left: 26px; font-size: 15px;}
 .contents_tools .download li.icon_printer a { background-position: 0 -314px;}
 .contents_tools .download li.icon_jpg a { background-position: 0 -341px;}
 .contents_tools .download li.icon_pdf a { background-position: 0 -368px; }
 .contents_tools .download li.icon_rss a { background-position: 0 -395px; }
 .contents_tools .download ul li.close a {padding-left:0}
  .qr_area { margin-top: 1px; z-index: 100; }
 .st_qr p.tit { left: 10px; margin: 0; padding: 0; position: absolute; top: 5px; }
 .st_qr .ly_thumb { float: left; margin: 37px 0 0; padding: 0; }
 .st_qr .ly_p_dsc { color: #000; left: 55px; line-height: 150%; overflow: hidden; position: absolute; text-align: left; top: 27px; width: 190px; font-size: 14px;}
 .st_qr img { text-align:center; margin:55px 0 0 0px; width:262px;}
  .section_wrap:before { content:""; display:none; position:absolute; width:150%; min-height:125px; background-color:#fafafc; margin-left:-5.1%; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf;}
 .section_wrap > ul.section{display: inline-block; width: 100%; max-width:1150px; padding:27px 0 19px 0; border-bottom: 1px solid #ededed; }
 .section.depth4 > li{float: left; margin-bottom: 17px;}
 .section.depth4 > li > a{display: block; text-align: center; height:66px; line-height: 66px; border: 2px solid #e1e1e1; border-radius:28px 18px 30px 15px; font-size: 16px; padding:0 59px 0 26px; transition: ease-in-out 0.3s; background-color: #fff; margin-right:20px; position:relative;}
 .section.depth4 > li > a:after { content:""; display:block; position:absolute; right:18px; top:18px; background: url("/images/yumcorp/common/layout_sp.png?build_20250620001") no-repeat -119px -686px; width:27px; height:27px;}
 .section.depth4 > li.on > a:after, .section.depth4 > li > a:hover:after { background-position:-82px -686px;}
 .section.depth4 > li.on > a, .section.depth4 > li > a:hover{color: #393939; border-color:#046fd9;}
 .section.depth4 > li.on > a .text_hidden { text-indent:-999999px; display:block;}
 .section.depth4 > li > a.newwin .newicon {display: inline-block; width: 18px; height: 19px; text-indent: -99999px; background: url("/images/yumcorp/common/layout_sp.png?build_20250620001") no-repeat -403px -693px; vertical-align: middle; margin-left: 5px;}
 #content { width:100% !important; min-height: 640px; margin-top:50px; }
 #Satisfaction{position:relative; clear:both; border:1px solid #d4d4d4; padding:25px 20px; margin-bottom:55px; }
 #Satisfaction > p{font-size:16px; color:#000;line-height:16px;}
 #Satisfaction form ul{height:15px; margin-top:25px; }
 #Satisfaction form ul li{float:left; margin-right:35px; line-height:15px;}
 #Satisfaction form ul li:focus-visible {outline: 3px solid #000; }
 #Satisfaction form ul li input[type="radio"]{margin:0; cursor: pointer;}
 #Satisfaction form ul li label{padding-left: 7px; cursor: pointer; font-size: 16px;}
 #Satisfaction form .open_input_area{position:absolute; top:20px; left:345px; color:#fff; background-color:#606060; font-size:14px; border-radius:50px; padding:0 15px; line-height:30px; font-weight: 300;}
 #Satisfaction form .re_input_area{position:absolute; bottom:0; left:0; border:3px solid #403a3a; width:99.5%; background-color:#fff; display:none; z-index: 10;}
 #Satisfaction form .re_input_area label[for="point_text"]{position:absolute; top:11px; left:18px;}
 #Satisfaction form .re_input_area .simple_box{float:left; padding:0; margin:0; border:0; height:44px; line-height:44px; font-size:15px; font-weight:300;}
 #Satisfaction form .re_input_area input[type="text"]{width:79%; padding:0 2%; background-color:#f4f3f3; font-size:15px;}
 #Satisfaction form .re_input_area input[type="submit"]{width:10%; color:#fff; background-color:#1a4589;}
 #Satisfaction form .re_input_area a.opinion_reg{width:10%; text-align:center; color:#fff; background-color:#1a4589;}
 #Satisfaction form .re_input_area a.cancel_input{width:7%; text-align:center; color:#fff; background-color:#595f68;}
 #Satisfaction form .save_btn{position: absolute; top: 20px; left: 445px; color: #fff; background-color: #4264a3; font-size: 15px; border-radius: 50px; padding: 0 15px; line-height: 30px; font-weight: 300;}
 #Satisfaction .result{position: absolute; bottom: 25px; right: 20px;}
 #Satisfaction .result a{display: block; width: 85px; height: 30px; line-height: 30px; text-align: center; background-color: #606060; color: #fff; font-size: 15px; font-weight: 300; border-radius: 50px;}
 /* .header h1 a.ccm { margin-left:5px;}
*/