.large_photo_content_wrapper { display: none; }

.recipe_show_modal { width: 100%; height: 820px; }

.recipe_show_modal #cboxWrapper { width: 100%; height: 820px; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent { border: none; background-color: var(--apr-color-white); width: 100%; height: 820px; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content { width: 100%; background-color: var(--apr-color-white); }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .large_photo_content_title { font-size: var(--apr-font-size-xl); color: var(--apr-color-extra-dark-gray); padding: 16px; font-weight: bold; background-color: var(--apr-color-white); border-bottom: 1px solid var(--apr-color-extra-light-gray); box-sizing: border-box; width: 100%; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .large_photo_content_title.recipe_title { color: var(--apr-color-green); }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main { display: flex; flex-direction: column; position: relative; background-color: var(--apr-color-white); height: calc(100% - 62px); margin-right: 0; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .large_photo_wrapper { position: relative; text-align: center; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .large_photo_container { background: var(--apr-color-white); border: none; padding: 0; top: 16px; box-shadow: none; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .large_photo_title { font-size: var(--apr-font-size-md); font-weight: bold; color: var(--apr-color-green); margin: 16px 0 12px; text-align: center; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .large_photo_title > a { text-decoration: none; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .large_photo_title > a:hover { text-decoration: underline; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .large_photo_description { padding: 0; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .large_photo_description, .recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .large_photo_contributor { display: flex; align-items: center; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .user_name { display: flex; align-items: center; justify-content: center; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .user_name .author_icon { width: 20px; height: 20px; border: 1px solid var(--apr-color-extra-light-gray); border-radius: 50%; margin-right: 8px; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .user_name > a { display: flex; align-items: center; font-size: var(--apr-font-size-xs); font-weight: bold; color: var(--apr-color-dark-gray); text-decoration: none; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .user_name > a:hover { text-decoration: underline; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .large_photo_info { padding: 16px; border: 1px solid var(--apr-color-extra-light-gray); border-radius: 0 0 6px 6px; border-top: none; position: relative; height: 100px; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .large_photo_info .large_photo_contributor { position: absolute; bottom: 16px; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .large_photo_info .large_photo_contributor img { width: 20px; height: 20px; border-radius: 50%; margin-right: 8px; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .large_photo_info .tsukurepo_item_author_name { color: var(--apr-color-black); text-decoration: none; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .large_photo_info .tsukurepo_item_author_name:hover { text-decoration: underline; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .large_photo { height: 420px; max-width: 420px; border-radius: 6px 6px 0 0; vertical-align: middle; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .large_photo.empty_image { width: 280px; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .dialog_pager { width: 100%; padding: 0px 12px; box-sizing: border-box; display: flex; justify-content: space-between; position: absolute; top: 260px; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .dialog_pager .arrow { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--apr-color-extra-light-gray); cursor: pointer; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .dialog_pager .arrow.disabled { opacity: 0; cursor: default; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .dialog_pager .pager_arrow { color: var(--apr-color-black); }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .dialog_bottom { margin: 24px 0 0; padding: 0; width: 570px; border: none; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .dialog_bottom .page_count { margin-bottom: 8px; float: none; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .dialog_bottom .social_buttons { float: none; display: flex; align-items: center; justify-content: center; margin-bottom: 8px; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .dialog_bottom .social_buttons .label { text-decoration: none; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .dialog_bottom .social_buttons .label:hover { text-decoration: underline; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .dialog_bottom .ic_twitter { color: #1da1f2; vertical-align: -5px; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content .main .dialog_bottom .ic_facebook { color: #257ce1; vertical-align: -5px; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content.type_recipe .main .large_photo_wrapper { height: 420px; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content.type_recipe .main .large_photo { border-radius: 6px; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content.type_recipe .main .large_photo_description { display: block; padding: 0 40px; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content.type_recipe .main .large_photo_info { border: none; height: auto; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content.type_recipe .main .dialog_pager, .recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content.type_recipe .main .page_count, .recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content.type_recipe .main .social_buttons { display: none; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content.type_step .main .large_photo_wrapper { height: 420px; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content.type_step .main .large_photo { border-radius: 6px; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content.type_step .main .large_photo_description { display: block; padding: 0 40px; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content.type_step .main .large_photo_info { border: none; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content.type_step .main .social_buttons { display: none; }

.recipe_show_modal #cboxWrapper #cboxLoadedContent .large_photo_content.type_step .main .page_count { bottom: -12px; }

.recipe_show_modal #cboxClose { top: 12px; right: 20px; }

.large_photo_content { width: 970px; height: 660px; background-color: white; }

.large_photo_content .aside { width: 342px; height: 100%; background: #f7f3e8; border-left: 1px solid #e3dcca; }

.large_photo_content .aside .large_photo_title { font-size: 129%; padding: 15px 0 7px 0; margin: 0 0 0 20px; }

.large_photo_content .aside .user_name { font-size: 100%; border-bottom: 1px solid #e3dcca; margin: 0 20px; padding-bottom: 10px; }

.large_photo_content .aside .user_name img { width: 16px; height: 16px; border: 1px solid #cccccc; vertical-align: middle; margin-right: 3px; }

.large_photo_content .aside .ad_space { height: 520px; margin: 10px 0 0 20px; }

.large_photo_content .main { margin-right: 340px; height: 100%; text-align: center; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

.large_photo_content .main .large_photo_wrapper { position: relative; }

.large_photo_content .main .large_photo_container { position: relative; text-align: center; }

.large_photo_content .main .large_photo { max-height: 580px; max-width: 580px; vertical-align: middle; object-fit: contain; }

.large_photo_content .main .large_photo_description { text-align: left; line-height: 1.7; padding: 15px; display: none; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; }

.large_photo_content .main .large_photo_contributor { display: none; }

.large_photo_content .main .large_photo_contributor img { width: 16px; height: 16px; }

.large_photo_content .main .page_count { position: absolute; bottom: 35px; left: 0; width: 100%; }

.large_photo_content.type_recipe .main .dialog_pager, .large_photo_content.type_recipe .main .page_count, .large_photo_content.type_recipe .main .social_buttons { display: none; }

.large_photo_content.type_tsukurepo { background: #f7f7f7; }

.large_photo_content.type_tsukurepo .main .large_photo_container { box-shadow: 0 1px 2px #d9d9d9; background: #ffffff; border-radius: 3px; display: block; line-height: 1.7; width: 420px; margin: 0 auto; border: 1px solid #d9d9d9; padding: 15px; height: auto; top: 20px; }

.large_photo_content.type_tsukurepo .main .large_photo_description, .large_photo_content.type_tsukurepo .main .large_photo_contributor { display: block; }

.large_photo_content.type_tsukurepo .main .large_photo_description { padding: 10px 0; }

.large_photo_content.type_tsukurepo .main .large_photo_contributor { text-align: right; }

.large_photo_content.type_tsukurepo .main .large_photo_contributor img { vertical-align: middle; margin-right: 4px; margin-bottom: 1px; }

.large_photo_content.type_tsukurepo .main .dialog_pager .prev:hover img, .large_photo_content.type_tsukurepo .main .dialog_pager .prev.loading img, .large_photo_content.type_tsukurepo .main .dialog_pager .next:hover img, .large_photo_content.type_tsukurepo .main .dialog_pager .next.loading img { background: #f7f7f7; }

.large_photo_content.type_tsukurepo .main .dialog_bottom { width: 570px; margin: 0 15px; padding: 15px 10px; border-top: 1px solid #e3dcca; line-height: 30px; }

.large_photo_content.type_tsukurepo .main .dialog_bottom .page_count { float: left; width: auto; position: static; }

.large_photo_content.type_tsukurepo .main .dialog_bottom .social_buttons { float: right; }

.large_photo_content.type_tsukurepo .main .dialog_bottom .social_button { float: left; margin-left: 20px; font-size: 13px; }

.large_photo_content.type_tsukurepo .main .dialog_bottom .social_button a { text-decoration: none; }

.large_photo_content.type_tsukurepo .main .dialog_bottom .social_button .label { text-decoration: underline; }

.large_photo_content.type_tsukurepo .main .dialog_bottom .ic_twitter { color: #55acee; vertical-align: -7px; }

.large_photo_content.type_tsukurepo .main .dialog_bottom .ic_facebook { color: #3b5998; vertical-align: -7px; }

#main-photo img, #steps .image img { vertical-align: top; }

.large_photo_tip { position: absolute; top: 8px; left: 8px; background-color: rgba(0, 0, 0, 0.5); display: none; z-index: 1; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 4px; }

.large_photo_tip svg { fill: var(--apr-color-white); }

.large_photo_tip.hidden { display: none !important; }

#main-photo { height: calc((480 / 640) * 100vw); max-height: 480px; }

#main-photo:hover .large_photo_tip { display: flex; }

#steps .step:hover .large_photo_tip, #steps .step_last:hover .large_photo_tip { display: flex; }

#tsukurepo-list .tsukurepo .image img:hover, #main-photo .photo:hover, #steps .image img:hover { opacity: 0.9; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; cursor: pointer; }

.large_photo_overlay { opacity: 0.5; background: #000; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; }

.large_photo_overlay .large_photo_indicator { width: 100px; height: 100%; margin: auto; }

.large_photo_overlay.spweb { z-index: 10000; }

.large_photo_overlay.spweb .large_photo_indicator { background: url(/assets/shared/large_photo/loading_gif_40.gif?3f883ce4a3d9e2d19f4b88ecbf6b59808aaf7e30f984505e0515d773a022aef8) no-repeat center center; -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; -ms-background-size: 20px 20px; -o-background-size: 20px 20px; background-size: 20px 20px; }

#overlay_large_photo { padding: 0; width: 100%; height: 100%; max-height: 100%; }

#overlay_large_photo .overlay_window_inside { width: 100%; height: 100%; padding: 0; border: none; background: transparent; }

#overlay_large_photo .overlay_window_inside .large_photo_content { position: relative; width: 100%; height: 100%; text-align: center; background: transparent; }

#overlay_large_photo .overlay_window_inside .large_photo_content .close_button { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); background: url(/assets/device/large_photo/sp_close.png?11144d3a587ee8ca67658215976a720e7a27af4d644d038da7f597bf72b649b6) no-repeat center center; -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; -ms-background-size: 30px 30px; -o-background-size: 30px 30px; background-size: 30px 30px; top: 6px; right: 8px; border: none; width: 30px; height: 30px; border-radius: 0; }

#overlay_large_photo .overlay_window_inside .large_photo_content .close_button:before { display: none; }

#overlay_large_photo .overlay_window_inside .large_photo_content .large_photo { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; }

#overlay_large_photo .overlay_window_inside .large_photo_content .large_photo_info { position: absolute; top: 50%; left: 50%; width: 100%; }

#overlay_large_photo .overlay_window_inside .large_photo_content .large_photo_description { font-size: 93%; position: absolute; top: 28px; left: 56px; color: #ffffff; text-align: left; margin-right: 60px; }

#overlay_large_photo .overlay_window_inside .large_photo_content .large_photo_contributor { position: absolute; top: 8px; left: 8px; color: #ffffff; font-weight: 600; }

#overlay_large_photo .overlay_window_inside .large_photo_content .large_photo_contributor img { vertical-align: top; margin-right: 8px; }

#overlay_large_photo .overlay_window_inside .large_photo_content .large_photo_contributor a { color: #ffffff; text-decoration: none; }

#overlay_large_photo .overlay_window_inside .large_photo_content .share_button { position: absolute; top: 8px; right: 0; color: white; font-size: 30px; width: 50px; height: 60px; border-left: 1px solid #ffffff; line-height: 60px; text-decoration: none; }

#overlay_large_photo .overlay_window_inside .large_photo_content .share_balloon { border-radius: 5px; z-index: 10; box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.4); position: absolute; top: -65px; right: 10px; width: 296px; height: 70px; background-color: white; }

#overlay_large_photo .overlay_window_inside .large_photo_content .share_balloon .social_buttons { margin: 2px 0; }

#overlay_large_photo .overlay_window_inside .large_photo_content .share_balloon .social_buttons li { border-right: 1px solid #f5f5f5; }

#overlay_large_photo .overlay_window_inside .large_photo_content .share_balloon .social_buttons a { display: block; text-decoration: none; height: 66px; width: 90px; }

#overlay_large_photo .overlay_window_inside .large_photo_content .share_balloon .social_buttons .ic_twitter { color: #55acee; padding: 6px 4px 4px; }

#overlay_large_photo .overlay_window_inside .large_photo_content .share_balloon .social_buttons .ic_facebook { color: #3b5998; padding: 6px 4px 4px; }

#overlay_large_photo .overlay_window_inside .large_photo_content .share_balloon .social_buttons .ic_line { color: #1dcd00; padding: 6px 4px 4px; }

#overlay_large_photo .overlay_window_inside .large_photo_content .share_balloon .social_buttons .ic_close { margin: 23px 0; color: #cccccc; }

#overlay_large_photo .overlay_window_inside .large_photo_content .share_balloon .social_buttons .label { line-height: 1; font-size: 12px; }

#overlay_large_photo .overlay_window_inside .large_photo_content .share_balloon .social_buttons .balloon_close { border-right: none; }

#overlay_large_photo .overlay_window_inside .large_photo_content .share_balloon .social_buttons .balloon_close a { width: 30px; }

#overlay_large_photo .overlay_window_inside .large_photo_content .share_balloon .balloon_triangle { position: absolute; top: 70px; right: 10px; border: 5px solid #ffffff; border-color: #ffffff transparent transparent; }

#overlay_large_photo .overlay_window_inside .large_photo_content .dialog_pager { position: absolute; line-height: initial; top: 50%; width: 100%; height: 80px; margin-top: -40px; }

#overlay_large_photo .overlay_window_inside .large_photo_content .dialog_pager .prev, #overlay_large_photo .overlay_window_inside .large_photo_content .dialog_pager .next { position: absolute; width: 80px; height: 80px; line-height: 80px; }

#overlay_large_photo .overlay_window_inside .large_photo_content .dialog_pager .prev img, #overlay_large_photo .overlay_window_inside .large_photo_content .dialog_pager .next img { padding: 10px; }

#overlay_large_photo .overlay_window_inside .large_photo_content .dialog_pager .prev { left: 0; text-align: left; }

#overlay_large_photo .overlay_window_inside .large_photo_content .dialog_pager .next { right: 0; text-align: right; }

#overlay_large_photo .overlay_window_inside .large_photo_content.type_recipe .dialog_pager { display: none; }