/*!/wp-content/uploads/hummingbird-assets/23e52afdfe5d3dce1a64b0cfaf1345cb.css*/ /**handles:sbi_styles,normalize,html5blank,newpost-catch**/ #sb_instagram{width:100%;margin:0 auto;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_images,#sb_instagram.sbi_fixed_height{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}#sb_instagram:after,.sbi_lb-commentBox:after,.sbi_lb-data:after,.sbi_lb-dataContainer:after,.sbi_lb-outerContainer:after{content:"";display:table;clear:both}#sb_instagram.sbi_fixed_height{overflow:hidden;overflow-y:auto;box-sizing:border-box}#sb_instagram #sbi_images{box-sizing:border-box;display:grid;width:100%;padding:12px 0}#sb_instagram .sbi_header_link{-webkit-box-shadow:none;box-shadow:none}#sb_instagram .sbi_header_link:hover,.sbi_lightbox a img{border:none}#sb_instagram #sbi_images .sbi_item{display:inline-block;width:100%;vertical-align:top;zoom:1;margin:0!important;text-decoration:none;opacity:1;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}#sb_instagram #sbi_images .sbi_item.sbi_transition{opacity:0}#sb_instagram.sbi_col_1 #sbi_images,#sb_instagram.sbi_col_1.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(1,1fr)}#sb_instagram.sbi_col_2 #sbi_images,#sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_col_3 #sbi_images,#sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_col_4 #sbi_images,#sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_col_5 #sbi_images,#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_col_6 #sbi_images,#sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_col_7 #sbi_images,#sb_instagram.sbi_col_7.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_col_8 #sbi_images,#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_col_9 #sbi_images,#sb_instagram.sbi_col_9.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_col_10 #sbi_images,#sb_instagram.sbi_col_10.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(10,1fr)}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_photo_wrap{position:relative}#sb_instagram .sbi_photo{display:block;text-decoration:none}#sb_instagram .sbi_photo img{width:100%;height:inherit;object-fit:cover;scale:1;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;vertical-align:middle}#sb_instagram .sbi_no_js img,#sb_instagram br,#sb_instagram p:empty,#sb_instagram.sbi_no_js .sbi_load_btn,#sb_instagram.sbi_no_js .sbi_photo img{display:none}#sb_instagram a,#sb_instagram a:active,#sb_instagram a:focus,#sb_instagram a:hover,.sbi_lightbox a:active,.sbi_lightbox a:focus,.sbi_lightbox a:hover{outline:0}#sb_instagram img{display:block;padding:0!important;margin:0!important;max-width:100%!important;opacity:1!important}#sb_instagram .sbi_link{display:none;position:absolute;bottom:0;right:0;width:100%;padding:10px 0;background:rgba(0,0,0,.5);text-align:center;color:#fff;font-size:12px;line-height:1.1}#sb_instagram .sbi_link a{padding:0 6px;text-decoration:none;color:#fff;font-size:12px;line-height:1.1;display:inline-block;vertical-align:top;zoom:1}#sb_instagram .sbi_link .sbi_lightbox_link{padding-bottom:5px}#sb_instagram .sbi_link a:focus,#sb_instagram .sbi_link a:hover{text-decoration:underline}#sb_instagram .sbi_photo_wrap:focus .sbi_link,#sb_instagram .sbi_photo_wrap:hover .sbi_link{display:block}#sb_instagram svg:not(:root).svg-inline--fa{height:1em;display:inline-block}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .sbi_playbtn,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel .fa-clone{display:block!important;position:absolute;z-index:1;color:rgba(255,255,255,.9);font-style:normal!important;text-shadow:0 0 8px rgba(0,0,0,.8)}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_video .sbi_playbtn{z-index:2;top:50%;left:50%;margin-top:-24px;margin-left:-19px;padding:0;font-size:48px}#sb_instagram .sbi_type_carousel .fa-clone{right:12px;top:12px;font-size:24px;text-shadow:0 0 8px rgba(0,0,0,.3)}#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel svg.fa-clone{-webkit-filter:drop-shadow(0px 0px 2px rgba(0,0,0,.4));filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, .4))}#sb_instagram .sbi_loader{width:20px;height:20px;position:relative;top:50%;left:50%;margin:-10px 0 0 -10px;background-color:rgba(0,0,0,.5);border-radius:100%;-webkit-animation:1s ease-in-out infinite sbi-sk-scaleout;animation:1s ease-in-out infinite sbi-sk-scaleout}#sbi_load p{display:inline;padding:0;margin:0}#sb_instagram #sbi_load .sbi_loader{position:absolute;margin-top:-11px;background-color:#fff;opacity:1}@-webkit-keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0}}#sb_instagram .fa-spin,#sbi_lightbox .fa-spin{-webkit-animation:2s linear infinite fa-spin;animation:2s linear infinite fa-spin}#sb_instagram .fa-pulse,#sbi_lightbox .fa-pulse{-webkit-animation:1s steps(8) infinite fa-spin;animation:1s steps(8) infinite fa-spin}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.sbi-screenreader{text-indent:-9999px!important;display:block!important;width:0!important;height:0!important;line-height:0!important;text-align:left!important;overflow:hidden!important}#sb_instagram .sb_instagram_header,.sb_instagram_header{overflow:hidden;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:12px 0}#sb_instagram .sb_instagram_header a,.sb_instagram_header a{transition:color .5s;text-decoration:none}.sb_instagram_header.sbi_header_outside{float:none;margin-left:auto!important;margin-right:auto!important;display:flex}.sbi_no_avatar .sbi_header_img{background:#333;color:#fff;width:50px;height:50px;position:relative}.sb_instagram_header .sbi_header_hashtag_icon{opacity:0;position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75)}.sbi_no_avatar .sbi_header_hashtag_icon{display:block;color:#fff;opacity:.9;-webkit-transition:background .6s linear,color .6s linear;-moz-transition:background .6s linear,color .6s linear;-o-transition:background .6s linear,color .6s linear;transition:background .6s linear,color .6s linear}.sbi_no_avatar:hover .sbi_header_hashtag_icon{display:block;opacity:1;-webkit-transition:background .2s linear,color .2s linear;-moz-transition:background .2s linear,color .2s linear;-o-transition:background .2s linear,color .2s linear;transition:background .2s linear,color .2s linear}@media all and (min-width:480px){#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img,.sb_instagram_header.sbi_medium .sbi_header_img,.sb_instagram_header.sbi_medium .sbi_header_img img{width:80px;height:80px;border-radius:50%}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3,.sb_instagram_header.sbi_medium .sbi_header_text h3{font-size:20px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{font-size:14px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,.sb_instagram_header.sbi_medium .sbi_header_text h3{line-height:1.4}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img img,.sb_instagram_header.sbi_large .sbi_header_img,.sb_instagram_header.sbi_large .sbi_header_img img{width:120px;height:120px;border-radius:50%}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3,.sb_instagram_header.sbi_large .sbi_header_text h3{font-size:28px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,.sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,.sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{font-size:16px}}#sb_instagram .sb_instagram_header .sbi_header_img,.sb_instagram_header .sbi_header_img{position:relative;width:50px;height:50px;overflow:hidden;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:50%}#sb_instagram .sb_instagram_header .sbi_header_img_hover,.sb_instagram_header .sbi_header_img_hover{opacity:0;position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75);z-index:2;transition:opacity .4s ease-in-out}#sb_instagram .sb_instagram_header .sbi_header_hashtag_icon .sbi_new_logo,#sb_instagram .sb_instagram_header .sbi_header_img_hover .sbi_new_logo,.sb_instagram_header .sbi_header_hashtag_icon .sbi_new_logo,.sb_instagram_header .sbi_header_img_hover .sbi_new_logo{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px;width:24px;height:24px;font-size:24px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo,.sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo{margin-top:-18px;margin-left:-18px;width:36px;height:36px;font-size:36px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_hashtag_icon .sbi_new_logo,.sb_instagram_header.sbi_large .sbi_header_hashtag_icon .sbi_new_logo{margin-top:-24px;margin-left:-24px;width:48px;height:48px;font-size:48px}#sb_instagram .sb_instagram_header .sbi_header_img_hover i{overflow:hidden}#sb_instagram .sb_instagram_header .sbi_fade_in,.sb_instagram_header .sbi_fade_in{opacity:1;transition:opacity .2s ease-in-out}#sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover,#sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover,#sb_instagram.sbi_no_js #sbi_images .sbi_item.sbi_transition,.sb_instagram_header a:focus .sbi_header_img_hover,.sb_instagram_header a:hover .sbi_header_img_hover,.sbi_lb-nav a.sbi_lb-next:hover,.sbi_lb-nav a.sbi_lb-prev:hover{opacity:1}#sb_instagram .sb_instagram_header .sbi_header_text,.sb_instagram_header .sbi_header_text{display:flex;gap:20px;justify-content:flex-start;align-items:center}#sb_instagram .sb_instagram_header.sbi_large .sbi_feedtheme_header_text,.sb_instagram_header.sbi_large .sbi_feedtheme_header_text{gap:8px}.sb_instagram_header.sbi_medium .sbi_feedtheme_header_text{gap:4px}.sbi_feedtheme_header_text{display:flex;justify-content:flex-start;align-items:flex-start;flex:1;flex-direction:column;gap:4px}#sb_instagram .sb_instagram_header h3,.sb_instagram_header h3{font-size:16px;line-height:1.3;margin:0;padding:0}#sb_instagram .sb_instagram_header p,.sb_instagram_header p{font-size:13px;line-height:1.3;margin:0;padding:0}#sb_instagram .sb_instagram_header .sbi_header_text img.emoji,.sb_instagram_header .sbi_header_text img.emoji{margin-right:3px!important}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info,.sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info{clear:both}#sb_instagram #sbi_load{float:left;clear:both;width:100%;text-align:center;opacity:1;transition:.5s ease-in}#sb_instagram #sbi_load .fa-spinner{display:none;position:absolute;top:50%;left:50%;margin:-8px 0 0 -7px;font-size:15px}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a,.et-db #et-boc .et-l .et_pb_module .sbi_follow_btn a{display:inline-block;vertical-align:top;zoom:1;padding:7px 14px;margin:5px auto 0;background:#333;text-decoration:none;line-height:1.5}#sb_instagram .sbi_load_btn .sbi_btn_text,#sb_instagram .sbi_load_btn .sbi_loader{opacity:1;transition:.1s ease-in}#sb_instagram .sbi_hidden{opacity:0!important}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{border:none;color:#fff;font-size:13px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:.1s ease-in}.sbi_lb-nav a.sbi_lb-next,.sbi_lb-nav a.sbi_lb-prev{width:50px;padding-left:10px;padding-right:10px;opacity:.5;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s}#sb_instagram .sbi_follow_btn{display:inline-block;vertical-align:top;zoom:1;text-align:center}#sb_instagram .sbi_follow_btn.sbi_top{display:block;margin-bottom:5px}#sb_instagram .sbi_follow_btn a{background:#408bd1;color:#fff}#sb_instagram #sbi_load .sbi_load_btn:focus,#sb_instagram #sbi_load .sbi_load_btn:hover{outline:0;box-shadow:inset 0 0 20px 20px rgba(255,255,255,.25)}#sb_instagram .sbi_follow_btn a:focus,#sb_instagram .sbi_follow_btn a:hover{outline:0;box-shadow:inset 0 0 10px 20px #359dff}#sb_instagram #sbi_load .sbi_load_btn:active,#sb_instagram .sbi_follow_btn a:active{box-shadow:inset 0 0 10px 20px rgba(0,0,0,.3)}#sb_instagram .sbi_follow_btn .fa,#sb_instagram .sbi_follow_btn svg{margin-bottom:-1px;margin-right:7px;font-size:15px}#sb_instagram .sbi_follow_btn svg{vertical-align:-.125em}#sb_instagram #sbi_load .sbi_follow_btn{margin-left:5px}#sb_instagram .sb_instagram_error{width:100%;text-align:center;line-height:1.4}#sbi_mod_error{display:none;border:1px solid #ddd;background:#eee;color:#333;margin:10px 0 0;padding:10px 15px;font-size:13px;text-align:center;clear:both;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#sbi_mod_error br{display:initial!important}#sbi_mod_error p{padding:5px 0!important;margin:0!important;line-height:1.3!important}#sbi_mod_error ol,#sbi_mod_error ul{padding:5px 0 5px 20px!important;margin:0!important}#sbi_mod_error li{padding:1px 0!important;margin:0!important}#sbi_mod_error span{font-size:12px}#sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_medium .sbi_playbtn{margin-top:-12px;margin-left:-9px;font-size:23px}#sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:8px;top:8px;font-size:18px}#sb_instagram.sbi_small .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_small .sbi_playbtn{margin-top:-9px;margin-left:-7px;font-size:18px}#sb_instagram.sbi_small .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:5px;top:5px;font-size:12px}@media all and (max-width:640px){#sb_instagram.sbi_col_3 #sbi_images,#sb_instagram.sbi_col_4 #sbi_images,#sb_instagram.sbi_col_5 #sbi_images,#sb_instagram.sbi_col_6 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_col_10 #sbi_images,#sb_instagram.sbi_col_7 #sbi_images,#sb_instagram.sbi_col_8 #sbi_images,#sb_instagram.sbi_col_9 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_width_resp{width:100%!important}}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap{box-sizing:border-box;position:relative;overflow:hidden}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap:before{content:"";display:block;padding-top:100%;z-index:-300}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo{position:absolute;top:0;left:0;bottom:0;right:0}#sb_instagram #sbi_images .sbi_js_load_disabled .sbi_imgLiquid_ready.sbi_photo,#sb_instagram #sbi_images .sbi_no_js_customizer .sbi_imgLiquid_ready.sbi_photo{padding-bottom:0!important}#sb_instagram #sbi_mod_error .sb_frontend_btn{display:inline-block;padding:6px 10px;background:rgba(0,0,0,.1);text-decoration:none;border-radius:5px;margin-top:10px;color:#444}#sb_instagram #sbi_mod_error .sb_frontend_btn:hover{background:rgba(0,0,0,.15)}#sb_instagram #sbi_mod_error .sb_frontend_btn .fa{margin-right:2px}#sb_instagram.sbi_palette_dark,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lightbox_tooltip,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_share_close,.sbi_header_outside.sbi_header_palette_dark{background-color:rgba(0,0,0,.85);color:rgba(255,255,255,.75)}#sb_instagram.sbi_palette_dark .sbi_caption,#sb_instagram.sbi_palette_dark .sbi_meta,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_dark_lightbox .sbi_lb-commentBox p,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details .sbi_lb-caption,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-number,.sbi_header_palette_dark,.sbi_header_palette_dark .sbi_bio{color:rgba(255,255,255,.75)}#sb_instagram.sbi_palette_dark .sbi_expand a,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_dark_lightbox .sbi_lb-commentBox .sbi_lb-commenter,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a p,.sbi_header_palette_dark a{color:#fff}#sb_instagram.sbi_palette_light,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lightbox_tooltip,#sbi_lightbox.sbi_palette_light_lightbox .sbi_share_close,.sbi_header_outside.sbi_header_palette_light{color:rgba(0,0,0,.85);background-color:rgba(255,255,255,.75)}#sb_instagram.sbi_palette_light .sbi_caption,#sb_instagram.sbi_palette_light .sbi_meta,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_light_lightbox .sbi_lb-commentBox p,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details .sbi_lb-caption,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-number,.sbi_header_palette_light,.sbi_header_palette_light .sbi_bio{color:rgba(0,0,0,.85)}#sb_instagram.sbi_palette_light .sbi_expand a,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_light_lightbox .sbi_lb-commentBox .sbi_lb-commenter,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a p,.sbi_header_palette_light a{color:#000}@media all and (max-width:800px){#sb_instagram.sbi_tab_col_10 #sbi_images{grid-template-columns:repeat(10,1fr)}#sb_instagram.sbi_tab_col_9 #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_tab_col_8 #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_tab_col_7 #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_tab_col_6 #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_tab_col_5 #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_tab_col_4 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_tab_col_3 #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_tab_col_2 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_tab_col_1 #sbi_images{grid-template-columns:1fr}}@media all and (max-width:480px){#sb_instagram.sbi_col_10 #sbi_images,#sb_instagram.sbi_col_10.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_3 #sbi_images,#sb_instagram.sbi_col_3.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_4 #sbi_images,#sb_instagram.sbi_col_4.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_5 #sbi_images,#sb_instagram.sbi_col_5.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_6 #sbi_images,#sb_instagram.sbi_col_6.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_7 #sbi_images,#sb_instagram.sbi_col_7.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_8 #sbi_images,#sb_instagram.sbi_col_8.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_9 #sbi_images,#sb_instagram.sbi_col_9.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_mob_col_1 #sbi_images{grid-template-columns:1fr}#sb_instagram.sbi_mob_col_2 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_mob_col_3 #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_mob_col_4 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_mob_col_5 #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_mob_col_6 #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_mob_col_7 #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_mob_col_8 #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_mob_col_9 #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_mob_col_10 #sbi_images{grid-template-columns:repeat(10,1fr)}}#sb_instagram #sbi_images .sbi_item.sbi_num_diff_hide{display:none!important}body:after{content:url(http://dev02.yamanimiso.jp/wp-content/plugins/instagram-feed/img/sbi-sprite.png);display:none}.sbi_lightboxOverlay{position:absolute;top:0;left:0;z-index:99999;background-color:#000;opacity:.9;display:none}.sbi_lightbox{position:absolute;left:0;width:100%;z-index:100000;text-align:center;line-height:0;font-weight:400}.sbi_lightbox .sbi_lb-image{display:block;height:auto;max-width:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;object-fit:contain}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-image{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;-ms-border-radius:3px 0 0 3px;-o-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.sbi_lb-outerContainer{position:relative;background-color:#000;width:250px;height:250px;margin:0 auto 5px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.sbi_lb-container-wrapper{height:100%}.sbi_lb-container{position:relative;top:0;left:0;width:100%;height:100%;bottom:0;right:0}.sbi_lb-loader{position:absolute;width:100%;top:50%;left:0;height:20px;margin-top:-10px;text-align:center;line-height:0}.sbi_lb-loader span{display:block;width:14px;height:14px;margin:0 auto;background:url(http://dev02.yamanimiso.jp/wp-content/plugins/instagram-feed/img/sbi-sprite.png) no-repeat}.sbi_lb-container>.nav{left:0}.sbi_lb-nav a{position:absolute;z-index:100;top:0;height:90%;outline:0;background-image:url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==')}.sbi_lb-next,.sbi_lb-prev{height:100%;cursor:pointer;display:block}.sbi_lb-nav a.sbi_lb-prev{left:-70px;float:left;transition:opacity .2s}.sbi_lb-nav a.sbi_lb-next{right:-70px;float:right;transition:opacity .2s}.sbi_lb-nav span{display:block;top:55%;position:absolute;left:20px;width:34px;height:45px;margin:-25px 0 0;background:url(http://dev02.yamanimiso.jp/wp-content/plugins/instagram-feed/img/sbi-sprite.png) no-repeat}.sbi_lb-nav a.sbi_lb-prev span{background-position:-53px 0}.sbi_lb-nav a.sbi_lb-next span{left:auto;right:20px;background-position:-18px 0}.sbi_lb-dataContainer{margin:0 auto;padding-top:10px;width:100%;font-family:"Open Sans",Helvetica,Arial,sans-serif;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-outerContainer{position:relative;padding-right:300px;background:#fff;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-container-wrapper{position:relative;background:#000}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-dataContainer{width:300px!important;position:absolute;top:0;right:-300px;height:100%;bottom:0;background:#fff;line-height:1.4;overflow:hidden;overflow-y:auto;text-align:left}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commentBox{display:block!important;width:100%;margin-top:20px;padding:4px}#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-number{padding-bottom:0}#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-caption{width:100%;max-width:100%;margin-bottom:20px}#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-caption .sbi_caption_text{display:inline-block;padding-top:10px}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-comment{display:block!important;width:100%;min-width:100%;float:left;clear:both;font-size:12px;padding:3px 20px 3px 0;margin:0 0 1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter{font-weight:700;margin-right:5px}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commentBox p{text-align:left}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-dataContainer{box-sizing:border-box;padding:15px 20px}.sbi_lb-data{padding:0 4px;color:#ccc}.sbi_lb-data .sbi_lb-details{width:85%;float:left;text-align:left;line-height:1.1}.sbi_lb-data .sbi_lb-caption{float:left;font-size:13px;font-weight:400;line-height:1.3;padding-bottom:3px;color:#ccc;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}.sbi_lb-data .sbi_lb-caption a{color:#ccc;font-weight:700;text-decoration:none}.sbi_lb-commenter:hover,.sbi_lb-data .sbi_lb-caption .sbi_lightbox_username:hover p,.sbi_lb-data .sbi_lb-caption a:hover{color:#fff;text-decoration:underline}.sbi_lb-data .sbi_lb-caption .sbi_lightbox_username{float:left;width:100%;color:#ccc;padding-bottom:0;display:block;margin:0 0 5px}#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-number,#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_action a,#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_action a:hover,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter:hover,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption .sbi_lightbox_username p,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption .sbi_lightbox_username:hover p,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption a,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption a:hover,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_username{color:#333}.sbi_lightbox .sbi_lightbox_username img{float:left;border:none;width:32px;height:32px;margin-right:10px;background:#666;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}.sbi_lightbox_username p{float:left;margin:0;padding:0;color:#ccc;line-height:32px;font-weight:700;font-size:13px}.sbi_lb-data .sbi_lb-number{display:block;float:left;clear:both;padding:5px 0 15px;font-size:12px;color:#999}.sbi_lb-data .sbi_lb-close{display:block;float:right;width:30px;height:30px;font-size:18px;color:#aaa;text-align:right;outline:0;opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.sbi_lb-data .sbi_lb-close:hover{cursor:pointer;opacity:1;color:#fff}.sbi_lb-nav{top:0;left:0;width:100%;z-index:10;height:auto}.sbi-feed-block-cta,.sbi-feed-block-cta-img-ctn{width:100%!important;position:relative!important}.sbi_lightbox .sbi_owl-item:nth-child(n+2) .sbi_video{position:relative!important}.sbi_lb-container{padding:0}.sbi-feed-block-cta{border:1px solid #e8e8eb!important;border-radius:2px!important;text-align:center!important}.sbi-feed-block-cta-img-ctn{float:left!important;display:flex!important;justify-content:center!important;align-items:center!important;margin-top:50px!important;margin-bottom:35px!important}.sbi-feed-block-cta-img{width:65px!important;height:65px!important;position:relative!important;border:2px solid #dcdde1!important;border-radius:16px!important;-webkit-transform:rotate(-3deg)!important;transform:rotate(-3deg)!important;display:flex!important;justify-content:center!important;align-items:center!important}.sbi-feed-block-cta-img span svg{float:left!important}.sbi-feed-block-cta-img>*{-webkit-transform:rotate(3deg)!important;transform:rotate(3deg)!important}.sbi-feed-block-cta-logo{position:absolute!important;right:-15px!important;bottom:-19px!important;z-index:1!important}.sbi-feed-block-cta-heading{font-size:19px!important;padding:0!important;margin:0 0 30px!important;display:inline-block!important;width:100%!important;font-weight:700!important;line-height:1.4em!important}.sbi-feed-block-cta-btn{background:#0068a0!important;border-radius:2px!important;padding:8px 20px 8px 38px!important;cursor:pointer!important;color:#fff!important;position:relative!important;margin-bottom:30px!important}.sbi-feed-block-cta-btn:after,.sbi-feed-block-cta-btn:before{content:''!important;position:absolute!important;width:2px!important;height:12px!important;background:#fff!important;left:20px!important;top:14px!important}.sbi-feed-block-cta-btn:after{-webkit-transform:rotate(90deg)!important;transform:rotate(90deg)!important}.sbi-feed-block-cta-desc{display:flex!important;justify-content:center!important;align-items:center!important;padding:20px!important;background:#f9f9fa!important;border-top:1px solid #e8e8eb!important;margin-top:35px!important;flex-direction:column!important}.sbi-feed-block-cta-desc strong{color:#141b38!important;font-size:16px!important;font-weight:600!important;margin-bottom:8px!important}.sbi-feed-block-cta-desc span{color:#434960!important;font-size:14px!important;line-height:1.5em!important;padding:0 20%!important}.sbi-feed-block-cta-desc span a,.sbi-feed-block-cta-selector span a{text-transform:capitalize!important;text-decoration:underline!important;font-weight:600!important}.sbi-feed-block-cta-selector{width:100%!important;padding:0 20%!important;display:flex!important;justify-content:center!important;align-items:center!important;flex-direction:column!important;margin-bottom:45px!important}.sbi-feed-block-cta-feedselector{border:1px solid #d0d1d7!important;padding:8px 16px!important;margin-bottom:15px!important;max-width:100%!important;min-width:400px!important}.sbi-feed-block-cta-selector span{color:#2c324c!important}.sbi-feed-block-cta-selector span a:after{color:#2c324c!important;margin-left:2px!important;font-weight:400!important;text-decoration-color:#fff!important}.sbi-feed-block-cta-selector span a:first-of-type:after{content:','!important}.sbi-feed-block-cta-selector span a:nth-of-type(2):after{content:'or'!important;margin-left:5px!important;margin-right:2px!important}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_facebook_feed::before,.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_instagram_feed::before,.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_twitter_feed::before,.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_youtube_feed::before{content:''!important;height:16px!important;font-variant:normal!important;background-position:center center!important;background-repeat:no-repeat!important}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_facebook_feed::before{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9056 18.109H13.4056V17.609H12.9056V18.109ZM9.79722 18.109H9.29722V18.609H9.79722V18.109ZM9.79722 14.5601V14.0601H9.29722V14.5601H9.79722ZM12.9056 14.5601V15.0601H13.4056V14.5601H12.9056ZM20.2604 7.32764H20.7604V6.90407L20.3426 6.83444L20.2604 7.32764ZM20.2604 10.3503V10.8503H20.7604V10.3503H20.2604ZM16.7237 14.5601H16.2237V15.0601H16.7237V14.5601ZM20.1258 14.5601L20.6199 14.6367L20.7094 14.0601H20.1258V14.5601ZM19.5751 18.109V18.609H20.0035L20.0692 18.1857L19.5751 18.109ZM16.7237 18.109V17.609H16.2237V18.109H16.7237ZM27.0523 14.5601H26.5523L26.5523 14.5612L27.0523 14.5601ZM17.0803 26.6136L16.9877 26.1222L17.0803 26.6136ZM12.5489 26.6139L12.6411 26.1225L12.5489 26.6139ZM14.8147 1.79797C7.80749 1.79797 2.07703 7.51685 2.07703 14.5601H3.07703C3.07703 8.06849 8.36042 2.79797 14.8147 2.79797V1.79797ZM2.07703 14.5601C2.07703 20.7981 6.54984 25.9974 12.4567 27.1053L12.6411 26.1225C7.19999 25.1019 3.07703 20.3097 3.07703 14.5601H2.07703ZM13.4056 26.3139V18.109H12.4056V26.3139H13.4056ZM12.9056 17.609H9.79722V18.609H12.9056V17.609ZM10.2972 18.109V14.5601H9.29722V18.109H10.2972ZM9.79722 15.0601H12.9056V14.0601H9.79722V15.0601ZM13.4056 14.5601V11.8556H12.4056V14.5601H13.4056ZM13.4056 11.8556C13.4056 10.4191 13.8299 9.36825 14.5211 8.67703C15.2129 7.98525 16.2305 7.59512 17.5314 7.59512V6.59512C16.0299 6.59512 14.7346 7.04939 13.814 7.96992C12.893 8.891 12.4056 10.2204 12.4056 11.8556H13.4056ZM17.5314 7.59512C18.1724 7.59512 18.8342 7.65119 19.3401 7.70823C19.592 7.73664 19.8029 7.76502 19.9504 7.78622C20.0241 7.79681 20.0818 7.8056 20.1208 7.81167C20.1402 7.81471 20.155 7.81706 20.1647 7.81863C20.1695 7.81941 20.1731 7.82 20.1754 7.82037C20.1765 7.82056 20.1773 7.82069 20.1778 7.82077C20.178 7.82081 20.1782 7.82083 20.1782 7.82084C20.1783 7.82085 20.1783 7.82085 20.1783 7.82085C20.1783 7.82085 20.1783 7.82085 20.1783 7.82085C20.1782 7.82084 20.1782 7.82084 20.2604 7.32764C20.3426 6.83444 20.3426 6.83443 20.3425 6.83443C20.3425 6.83442 20.3424 6.83441 20.3424 6.83441C20.3423 6.83439 20.3422 6.83437 20.342 6.83435C20.3418 6.8343 20.3414 6.83425 20.341 6.83417C20.3401 6.83403 20.3389 6.83383 20.3373 6.83357C20.3342 6.83307 20.3298 6.83234 20.3241 6.83142C20.3127 6.82958 20.2962 6.82695 20.2749 6.82362C20.2323 6.81698 20.1707 6.8076 20.0927 6.7964C19.9369 6.774 19.7157 6.74425 19.4521 6.71453C18.927 6.65532 18.2243 6.59512 17.5314 6.59512V7.59512ZM19.7604 7.32764V10.3503H20.7604V7.32764H19.7604ZM20.2604 9.85033H18.7185V10.8503H20.2604V9.85033ZM18.7185 9.85033C17.851 9.85033 17.1997 10.1241 16.7742 10.6148C16.3604 11.0922 16.2237 11.7025 16.2237 12.2594H17.2237C17.2237 11.8495 17.3257 11.5053 17.5298 11.2699C17.7224 11.0477 18.0684 10.8503 18.7185 10.8503V9.85033ZM16.2237 12.2594V14.5601H17.2237V12.2594H16.2237ZM16.7237 15.0601H20.1258V14.0601H16.7237V15.0601ZM19.6317 14.4834L19.081 18.0323L20.0692 18.1857L20.6199 14.6367L19.6317 14.4834ZM19.5751 17.609H16.7237V18.609H19.5751V17.609ZM16.2237 18.109V26.3135H17.2237V18.109H16.2237ZM17.1728 27.105C20.0281 26.5671 22.618 25.068 24.5079 22.8512L23.7469 22.2025C22.0054 24.2452 19.6188 25.6266 16.9877 26.1222L17.1728 27.105ZM24.5079 22.8512C26.4793 20.5388 27.5591 17.5977 27.5523 14.559L26.5523 14.5612C26.5586 17.3614 25.5636 20.0715 23.7469 22.2025L24.5079 22.8512ZM27.5523 14.5601C27.5523 7.51685 21.8218 1.79797 14.8147 1.79797V2.79797C21.2689 2.79797 26.5523 8.06849 26.5523 14.5601H27.5523ZM16.2237 26.3135C16.2237 26.8064 16.6682 27.2 17.1728 27.105L16.9877 26.1222C17.119 26.0975 17.2237 26.2006 17.2237 26.3135H16.2237ZM12.4567 27.1053C12.9603 27.1998 13.4056 26.8073 13.4056 26.3139H12.4056C12.4056 26.2001 12.5107 26.098 12.6411 26.1225L12.4567 27.1053Z' fill='%232b87da' /%3E%3Cpath d='M12.9056 18.1088H13.4056V17.6088H12.9056V18.1088ZM9.79724 18.1088H9.29724V18.6088H9.79724V18.1088ZM9.79724 14.5599V14.0599H9.29724V14.5599H9.79724ZM12.9056 14.5599V15.0599H13.4056V14.5599H12.9056ZM20.2604 7.32749H20.7604V6.90392L20.3426 6.83429L20.2604 7.32749ZM20.2604 10.3502V10.8502H20.7604V10.3502H20.2604ZM16.7237 14.5599H16.2237V15.0599H16.7237V14.5599ZM20.1258 14.5599L20.6199 14.6366L20.7094 14.0599H20.1258V14.5599ZM19.5751 18.1088V18.6088H20.0035L20.0692 18.1855L19.5751 18.1088ZM16.7237 18.1088V17.6088H16.2237V18.1088H16.7237ZM13.4056 26.366V18.1088H12.4056V26.366H13.4056ZM12.9056 17.6088H9.79724V18.6088H12.9056V17.6088ZM10.2972 18.1088V14.5599H9.29724V18.1088H10.2972ZM9.79724 15.0599H12.9056V14.0599H9.79724V15.0599ZM13.4056 14.5599V11.8554H12.4056V14.5599H13.4056ZM13.4056 11.8554C13.4056 10.4189 13.8299 9.3681 14.5212 8.67688C15.2129 7.9851 16.2305 7.59497 17.5314 7.59497V6.59497C16.0299 6.59497 14.7346 7.04924 13.814 7.96977C12.893 8.89085 12.4056 10.2202 12.4056 11.8554H13.4056ZM17.5314 7.59497C18.1724 7.59497 18.8342 7.65103 19.3401 7.70808C19.592 7.73648 19.803 7.76487 19.9504 7.78607C20.0241 7.79666 20.0819 7.80545 20.1208 7.81152C20.1402 7.81455 20.155 7.81691 20.1647 7.81848C20.1695 7.81926 20.1731 7.81984 20.1754 7.82022C20.1765 7.8204 20.1773 7.82054 20.1778 7.82061C20.178 7.82065 20.1782 7.82068 20.1783 7.82069C20.1783 7.8207 20.1783 7.8207 20.1783 7.8207C20.1783 7.8207 20.1783 7.82069 20.1783 7.82069C20.1782 7.82069 20.1782 7.82068 20.2604 7.32749C20.3426 6.83429 20.3426 6.83428 20.3425 6.83427C20.3425 6.83427 20.3424 6.83426 20.3424 6.83425C20.3423 6.83424 20.3422 6.83422 20.3421 6.8342C20.3418 6.83415 20.3414 6.83409 20.341 6.83402C20.3401 6.83387 20.3389 6.83367 20.3374 6.83342C20.3343 6.83291 20.3298 6.83219 20.3241 6.83127C20.3127 6.82943 20.2962 6.82679 20.2749 6.82347C20.2324 6.81683 20.1707 6.80745 20.0927 6.79624C19.9369 6.77385 19.7158 6.7441 19.4522 6.71438C18.927 6.65516 18.2244 6.59497 17.5314 6.59497V7.59497ZM19.7604 7.32749V10.3502H20.7604V7.32749H19.7604ZM20.2604 9.85018H18.7185V10.8502H20.2604V9.85018ZM18.7185 9.85018C17.8511 9.85018 17.1997 10.1239 16.7743 10.6146C16.3604 11.092 16.2237 11.7024 16.2237 12.2592H17.2237C17.2237 11.8493 17.3257 11.5052 17.5298 11.2697C17.7224 11.0476 18.0684 10.8502 18.7185 10.8502V9.85018ZM16.2237 12.2592V14.5599H17.2237V12.2592H16.2237ZM16.7237 15.0599H20.1258V14.0599H16.7237V15.0599ZM19.6317 14.4833L19.081 18.0322L20.0692 18.1855L20.6199 14.6366L19.6317 14.4833ZM19.5751 17.6088H16.7237V18.6088H19.5751V17.6088ZM16.2237 18.1088V26.366H17.2237V18.1088H16.2237ZM16.4146 26.1752H13.2148V27.1752H16.4146V26.1752ZM16.2237 26.366C16.2237 26.2606 16.3092 26.1752 16.4146 26.1752V27.1752C16.8615 27.1752 17.2237 26.8129 17.2237 26.366H16.2237ZM12.4056 26.366C12.4056 26.8129 12.7679 27.1752 13.2148 27.1752V26.1752C13.3202 26.1752 13.4056 26.2606 13.4056 26.366H12.4056Z' fill='%232b87da'/%3E%3C/svg%3E%0A")}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_instagram_feed::before{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='22' height='22' rx='6' stroke='%232b87da' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='5' stroke='%232b87da' stroke-width='1.5'/%3E%3Ccircle cx='18.5' cy='5.75' r='1.25' fill='%232b87da'/%3E%3C/svg%3E%0A")}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_twitter_feed::before{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.8762 6.78846C27.9345 6.7065 27.8465 6.60094 27.7536 6.63936C27.0263 6.93989 26.26 7.15757 25.4698 7.29241C25.3632 7.31061 25.3082 7.16347 25.3956 7.09969C26.2337 6.48801 26.8918 5.63649 27.2636 4.63802C27.2958 4.55162 27.2014 4.47574 27.1212 4.52123C26.1605 5.06618 25.1092 5.45524 24.0054 5.68842C23.971 5.69568 23.9354 5.68407 23.9113 5.65844C22.9264 4.60891 21.5545 4 19.9999 4C17.0624 4 14.6624 6.4 14.6624 9.3625C14.6624 9.74071 14.702 10.109 14.7724 10.4586C14.7855 10.5235 14.7342 10.5842 14.6681 10.5803C10.3227 10.3231 6.45216 8.2421 3.84135 5.09864C3.79681 5.04501 3.71241 5.0515 3.67879 5.11257C3.26061 5.8722 3.02493 6.75115 3.02493 7.675C3.02493 9.41548 3.84362 10.9704 5.13417 11.9317C5.2141 11.9913 5.17327 12.12 5.07385 12.1129C4.32811 12.0597 3.63173 11.835 3.00827 11.5171C2.99303 11.5094 2.97493 11.5204 2.97493 11.5375V11.5375C2.97493 13.9896 4.6205 16.0638 6.86301 16.7007C6.96452 16.7295 6.96588 16.8757 6.86218 16.8953C6.25772 17.0096 5.63724 17.0173 5.0289 16.9176C4.95384 16.9052 4.89095 16.9762 4.91633 17.0479C5.26967 18.0466 5.91213 18.9192 6.7637 19.5537C7.58576 20.1661 8.56481 20.5283 9.58351 20.6001C9.67715 20.6067 9.71634 20.7266 9.64124 20.7829C7.78574 22.1744 5.52424 22.9237 3.19993 22.9125C2.91864 22.9125 2.63736 22.9015 2.35608 22.8796C2.25034 22.8714 2.20189 23.0116 2.29272 23.0664C4.58933 24.4509 7.27959 25.25 10.1499 25.25C19.9999 25.25 25.4124 17.075 25.4124 9.9875C25.4124 9.76833 25.4124 9.5598 25.4026 9.34228C25.4011 9.30815 25.4168 9.27551 25.4445 9.2555C26.3819 8.57814 27.1984 7.74079 27.8762 6.78846Z' stroke='%232b87da' stroke-width='1.25' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_youtube_feed::before{background-image:url("data:image/svg+xml,%3Csvg width='27' height='20' viewBox='0 0 27 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 13.3267C11 13.4037 11.0834 13.4518 11.15 13.4133L17.3377 9.83658C17.4043 9.79808 17.4043 9.70192 17.3377 9.66342L11.15 6.08673C11.0834 6.0482 11 6.0963 11 6.17331V13.3267ZM25.45 3.7125C25.6125 4.3 25.725 5.0875 25.8 6.0875C25.8875 7.0875 25.925 7.95 25.925 8.7L26 9.75C26 12.4875 25.8 14.5 25.45 15.7875C25.1375 16.9125 24.4125 17.6375 23.2875 17.95C22.7 18.1125 21.625 18.225 19.975 18.3C18.35 18.3875 16.8625 18.425 15.4875 18.425L13.5 18.5C8.2625 18.5 5 18.3 3.7125 17.95C2.5875 17.6375 1.8625 16.9125 1.55 15.7875C1.3875 15.2 1.275 14.4125 1.2 13.4125C1.1125 12.4125 1.075 11.55 1.075 10.8L1 9.75C1 7.0125 1.2 5 1.55 3.7125C1.8625 2.5875 2.5875 1.8625 3.7125 1.55C4.3 1.3875 5.375 1.275 7.025 1.2C8.65 1.1125 10.1375 1.075 11.5125 1.075L13.5 1C18.7375 1 22 1.2 23.2875 1.55C24.4125 1.8625 25.1375 2.5875 25.45 3.7125Z' stroke='%232b87da' stroke-width='1.25' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.et-db #et-boc .et-l .et_pb_module .sbi_follow_btn a{border:none;color:#fff;font-size:13px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module .sbi-feed-block-cta-btn:after,.et-db #et-boc .et-l .et_pb_module .sbi-feed-block-cta-btn:before{top:10px!important} /*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} *,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}html{font-size:62.5%}body{font:300 11px/1.4 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#444}.clear:after,.clear:before{content:' ';display:table}.clear:after{clear:both}img{max-width:100%;vertical-align:bottom}a{color:#333}a:hover{color:#444}a:focus{outline:0}a:active,a:hover{outline:0}input:focus{outline:0;border:1px solid #04a4cc}.wrapper{max-width:1280px;width:95%;margin:0 auto;position:relative}@font-face{font-family:Font-Name;src:url('http://dev02.yamanimiso.jp/wp-content/themes/html5blank-stable/fonts/font-name.eot');src:url('http://dev02.yamanimiso.jp/wp-content/themes/html5blank-stable/fonts/font-name.eot?#iefix') format('embedded-opentype'),url('http://dev02.yamanimiso.jp/wp-content/themes/html5blank-stable/fonts/font-name.woff') format('woff'),url('http://dev02.yamanimiso.jp/wp-content/themes/html5blank-stable/fonts/font-name.ttf') format('truetype'),url('http://dev02.yamanimiso.jp/wp-content/themes/html5blank-stable/fonts/font-name.svg#font-name') format('svg');font-weight:400;font-style:normal}::selection{background:#04a4cc;color:#fff;text-shadow:none}::-webkit-selection{background:#04a4cc;color:#fff;text-shadow:none}::-moz-selection{background:#04a4cc;color:#fff;text-shadow:none}.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.gallery-caption,.wp-caption .wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}@media print{*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}} #npcatch li{margin:0}#npcatch li a{display:flex;padding:.5rem 0;width:100%}#npcatch figure{padding:0 .5rem 0 0}#npcatch img{height:auto}#npcatch .title{display:block} /*!/wp-content/uploads/hummingbird-assets/b41810865faf837febad9f968ce79fa5.css*/ /**handles:jquery.lightbox.min.css,jqlb-overrides**/ .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html>body .clearfix{display:inline-block;width:100%}* html .clearfix{height:1%}#lightboxIframe{display:none}#overlay{position:absolute;top:0;left:0;z-index:10090;width:100%;height:500px;background-color:#000;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;display:none}#lightbox{position:absolute;left:0;width:100%;z-index:10100;line-height:0}#jqlb_spinner{height:32px;background-image:url(http://dev02.yamanimiso.jp/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/loading.gif);background-repeat:no-repeat;background-position:center center}#jqlb_closelabel{height:22px;width:66px;background-image:url(http://dev02.yamanimiso.jp/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/closelabel.gif);background-repeat:no-repeat;background-position:center center}#lightbox a img{border:none}#outerImageContainer{position:relative;background-color:#fff;width:300px;height:300px;margin:0 auto}#imageContainer{padding:10px;text-align:center}#lightboxImage{margin-left:auto;margin-right:auto;}#jqlb_loading{position:absolute;top:40%;left:0;height:25%;width:100%;line-height:0}#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}#imageContainer>#hoverNav{left:0}#hoverNav a{outline:0}#nextLink,#prevLink{width:45%;height:100%;background:transparent url(http://dev02.yamanimiso.jp/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/blank.gif) no-repeat;display:block}#prevLink{left:0;float:left}#nextLink{right:0;float:right}#prevLink:hover,#prevLink:visited:hover{background:url(http://dev02.yamanimiso.jp/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/prev.gif) left 50% no-repeat}#nextLink:hover,#nextLink:visited:hover{background:url(http://dev02.yamanimiso.jp/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/next.gif) right 50% no-repeat}#imageDataContainer{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;color:#000;margin:0 auto;line-height:1.4em}#imageData{padding:0 10px}.ontop #imageData{padding-top:5px}#imageData #imageDetails{float:left;text-align:left;margin-bottom:10px;width:80%;width:-moz-calc(100% - 80px);width:-webkit-calc(100% - 80px);width:-o-calc(100% - 80px);width:calc(100% - 80px)}#imageData #imageDetails #titleAndCaption #titleText{font-weight:700}#imageData #imageDetails #titleAndCaption #captionText{font-weight:400}#imageData #imageDetails #controls{margin:0;white-space:nowrap}#imageData #bottomNav #bottomNavClose{height:22px;width:66px;float:right;margin-bottom:10px} #lightbox{position:fixed;top:50%!important;left:50%!important;transform:translate(-50%,-50%)}#imageContainer{position:relative;height:100%;box-sizing:border-box}#imageDataContainer{position:relative}#imageDataContainer.hide{display:none}#newHoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;display:flex;justify-content:space-between;align-items:center}#nextArrow,#prevArrow{color:#000;background:rgba(255,255,255,.7);font-size:40px;position:relative;display:none;padding:8px 10px 8px 6px;cursor:pointer;width:46px;height:46px;box-sizing:border-box}#nextArrow{padding:8px 6px 8px 10px}#nextArrow.fixed,#prevArrow.fixed{position:fixed;display:block;top:50%;left:1%;transform:translate(0,-50%);border-radius:2px}#nextArrow.fixed{right:1%;left:auto}@media screen and (max-width:800px){#nextArrow.fixed,#prevArrow.fixed{border-radius:2px}#prevArrow.fixed{left:0}#nextArrow.fixed{right:0}}#imageContainer:hover #nextArrow,#imageContainer:hover #prevArrow{display:block}#imageData{display:flex;justify-content:space-between;align-items:center;padding:4px 10px 8px}#imageData #imageDetails{margin-bottom:0}#imageData #bottomNav #bottomNavClose{margin-bottom:0}#jqlb_loading{top:45%}#nextArrow.touch-device,#prevArrow.touch-device{display:block}#nextLink.touch-device,#prevLink.touch-device{position:absolute;top:50%;transform:translateY(-50%);height:40px;width:40px;float:none}#prevLink.touch-device{left:0;background:url(http://dev02.yamanimiso.jp/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/prev.gif) center center no-repeat}#nextLink.touch-device{right:0;background:url(http://dev02.yamanimiso.jp/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/next.gif) center center no-repeat}#imageDataContainer{position:relative;z-index:20px} /* [inline: after] */ #outerImageContainer { box-shadow: 0 0 4px 2px rgba(0,0,0,.2); } #imageContainer{ padding: 6px; } #imageDataContainer { box-shadow: 0 -4px 0 0 #fff, 0 0 4px 2px rgba(0,0,0,.1); z-index: auto; } #prevArrow, #nextArrow{ background-color: rgba(255,255,255,.7; color: #000000; } /* [/inline: after] */ /*!/wp-content/themes/html5blank-stable/js/drawer.min.css*/ /*! * jquery-drawer v3.2.2 * Flexible drawer menu using jQuery, iScroll and CSS. * http://git.blivesta.com/drawer * License : MIT * Author : blivesta (http://blivesta.com/) */ .drawer-open{overflow:hidden!important}.drawer-nav{position:fixed;z-index:2;top:0;overflow: scroll;width: 22.45rem;height:100%;color:#222;background-color:#fff;}.drawer-brand{font-size:1.5rem;font-weight:700;line-height:3.75rem;display:block;padding-right:.75rem;padding-left:.75rem;text-decoration:none;color:#222}.drawer-menu{margin:0;padding:0;list-style:none}.drawer-menu-item{font-size:1rem;display:block;padding:.75rem;text-decoration:none;color:#222}.drawer-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-overlay{position:fixed;z-index:1;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.2)}.drawer-open .drawer-overlay{display:block}.drawer--top .drawer-nav{top:-100%;left:0;width:100%;height:auto;max-height:100%;-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);transition:top .6s cubic-bezier(.19,1,.22,1)}.drawer--top.drawer-open .drawer-nav{top:0}.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{right:0}.drawer--left .drawer-nav{left:-16.25rem;-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);transition:left .6s cubic-bezier(.19,1,.22,1)}.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{left:0}.drawer--left.drawer-open .drawer-hamburger{left:16.25rem}.drawer--right .drawer-nav{right: -22.45rem;-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);transition:right .6s cubic-bezier(.19,1,.22,1);}.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0}.drawer--right.drawer-open .drawer-hamburger{right: 22.45rem;}.drawer-hamburger{position:fixed;z-index:4;top:0;display:block;box-sizing:content-box;width: 3rem;padding:0;padding:18px .75rem 30px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);-webkit-transform:translateZ(0);transform:translateZ(0);border:0;outline:0;background-color: #13101000;}.drawer-hamburger:hover{cursor:pointer;background-color:transparent}.drawer-hamburger-icon{position:relative;display:block;margin-top:10px}.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{width:100%;height: 3px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);background-color: #2d2d2d;}.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{position:absolute;top:-10px;left:0;content:" "}.drawer-hamburger-icon:after{top:10px}.drawer-open .drawer-hamburger-icon{background-color:transparent}.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}.drawer--sidebar,.drawer--sidebar .drawer-contents{background-color:#fff}@media (min-width:64em){.drawer--sidebar .drawer-hamburger{display:none;visibility:hidden}.drawer--sidebar .drawer-nav{display:block;-webkit-transform:none;transform:none;position:fixed;width:12.5rem;height:100%}.drawer--sidebar.drawer--left .drawer-nav{left:0;border-right:1px solid #ddd}.drawer--sidebar.drawer--left .drawer-contents{margin-left:12.5rem}.drawer--sidebar.drawer--right .drawer-nav{right:0;border-left:1px solid #ddd}.drawer--sidebar.drawer--right .drawer-contents{margin-right:12.5rem}.drawer--sidebar .drawer-container{max-width:48rem}}@media (min-width:75em){.drawer--sidebar .drawer-nav{width:16.25rem}.drawer--sidebar.drawer--left .drawer-contents{margin-left:16.25rem}.drawer--sidebar.drawer--right .drawer-contents{margin-right:16.25rem}.drawer--sidebar .drawer-container{max-width:60rem}}.drawer--navbarTopGutter{padding-top:3.75rem}.drawer-navbar .drawer-navbar-header{border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar{z-index:3;top:0;width:100%}.drawer-navbar--fixed{position:fixed}.drawer-navbar-header{position:relative;z-index:3;box-sizing:border-box;width:100%;height:3.75rem;padding:0 .75rem;text-align:center}.drawer-navbar .drawer-brand{line-height:3.75rem;display:inline-block;padding-top:0;padding-bottom:0;text-decoration:none}.drawer-navbar .drawer-brand:hover{background-color:transparent}.drawer-navbar .drawer-nav{padding-top:3.75rem}.drawer-navbar .drawer-menu{padding-bottom:7.5rem}@media (min-width:64em){.drawer-navbar{height:3.75rem;border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar .drawer-navbar-header{position:relative;display:block;float:left;width:auto;padding:0;border:0}.drawer-navbar .drawer-menu--right{float:right}.drawer-navbar .drawer-menu li{float:left}.drawer-navbar .drawer-menu-item{line-height:3.75rem;padding-top:0;padding-bottom:0}.drawer-navbar .drawer-hamburger{display:none}.drawer-navbar .drawer-nav{position:relative;left:0;overflow:visible;width:auto;height:3.75rem;padding-top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.drawer-navbar .drawer-menu{padding:0}.drawer-navbar .drawer-dropdown-menu{position:absolute;width:16.25rem;border:1px solid #ddd}.drawer-navbar .drawer-dropdown-menu-item{padding-left:.75rem}}.drawer-dropdown-menu{display:none;box-sizing:border-box;width:100%;margin:0;padding:0;background-color:#fff}.drawer-dropdown-menu>li{width:100%;list-style:none;/* padding-left: 1em; */}.drawer-dropdown-menu-item{line-height:3.75rem;display:block;padding:0;padding-right:.75rem;padding-left:1.5rem;text-decoration:none;color:#222}.drawer-dropdown-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-dropdown.open>.drawer-dropdown-menu{display:block}.drawer-dropdown .drawer-caret{display:inline-block;width:0;height:0;margin-left:4px;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg);vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.drawer-dropdown.open .drawer-caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.drawer-container{margin-right:auto;margin-left:auto}@media (min-width:64em){.drawer-container{max-width:60rem}}@media (min-width:75em){.drawer-container{max-width:70rem}} /*!/wp-content/themes/html5blank-stable/add-style.css*/ @charset "UTF-8"; /* CSS Document */ /*----------------------------------------- clearfix -----------------------------------------*/ .clearfix:after { content: "."; /* 新しい要素を作る */ display: block; /* ブロックレベル要素に */ clear: both; height: 0; visibility: hidden; } .clearfix { min-height: 1px; } * html .clearfix { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .dispnone { /* display: none; */ } /*ーーーーーーーーーーーーーーーーーーーーーーー 　　レスポンシブ ーーーーーーーーーーーーーーーーーーーーーーーー*/ @media (min-width: 1400px) {} @media (min-width: 1200px) {} @media (min-width: 992px) {} @media (min-width: 769px) {} @media (max-width: 768px) {} @media (min-width: 600px) and (max-width: 768px) {} @media (min-width: 600px) and (max-width: 768px) {} @media (min-width: 600px) { .left { float: left; } .right { float: right; } .sp { display: none; } } @media (max-width: 599px) { .pc { display: none; } } @media (max-width: 767px) { .lsp { display: none; } } @media (min-width: 768px) { .spc { display: none; } } /*ーーーーーーーーーーーーーーーーーーーーーーー 　　Basic ーーーーーーーーーーーーーーーーーーーーーーーー*/ html { font-size: 62.5%; } body { font: 500 15px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #444; } section { margin-bottom: 2em; } /* wrapper */ .wrapper { max-width: 1200px; width: 95%; margin: 0 auto; position: relative; } img { width: 100%; height: auto; } p { text-align: justify; margin: 0; margin-bottom: 0.5em; line-height: 1.7; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } a.red { color: #a61415; } a:hover img { opacity: 0.6; } /*ーーーーーーーーーーーーーーーーーーーーーーー 　　リセット ーーーーーーーーーーーーーーーーーーーーーーーー*/ ul { padding: 0; list-style-type: none; margin: 0; } /*ーーーーーーーーーーーーーーーーーーーーーーー 　　カラー ーーーーーーーーーーーーーーーーーーーーーーーー*/ .red { color: red; } .blue { color: blue; } /*ーーーーーーーーーーーーーーーーーーーーーーー 　　書体 ーーーーーーーーーーーーーーーーーーーーーーーー*/ .serif { font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif"; } /**/ /*ーーーーーーーーーーーーーーーーーーーーーーー 　　マージン ーーーーーーーーーーーーーーーーーーーーーーーー*/ .mb-1em { margin-bottom: 1em; } .mb_2em { margin-bottom: 2em; } .mt_0 { margin-top: 0; } .mb_3 { margin-bottom: 3em; } .mb_0 { margin-bottom: 0 !important; } /*ーーーーーーーーーーーーーーーーーーーーーーー 　　見出し ーーーーーーーーーーーーーーーーーーーーーーーー*/ h3.product { background-color: #e6e3da; color: #311f0e; padding: 2px 5px; border-left: 7px solid #311f0e; margin-bottom: 0.3em; } /*ーーーーーーーーーーーーーーーーーーーーーーー 　　その他 ーーーーーーーーーーーーーーーーーーーーーーーー*/ ul.no-list {} ul.no-list li { margin-bottom: 0.8em; } /*ヘッダ・フッタここから＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/ /*ーーーーーーーーーーーーーーーーーーーーーーー 　　ヘッダ ーーーーーーーーーーーーーーーーーーーーーーーー*/ /*front-page only*/ header.header.front-page { background-image: url("/wp-content/themes/html5blank-stable/images/mv-pc.jpg"); background-position: bottom right; background-size: cover; background-repeat: no-repeat; } @media (max-width: 599px) { header.header.front-page { background-image: url(/wp-content/themes/html5blank-stable/images/mv-sp.jpg); background-position: left bottom; } } /**/ .header-inner { background-color: rgba(255, 255, 255, 0.7); } /**/ .sitelogo { margin: 5px 0px 0px; } p.sitelogo-img { margin: 0; font-size: 2em; } .sitelogo a { display: block; max-width: 380px; height: auto; } .sitelogo a img { width: 360px; height: auto; } /**/ .hd-floor02 { padding: 9px 0 13px; } ul.hd-subnav { text-align: right; } ul.hd-subnav li { display: inline-block; margin-left: 0.5em; } ul.hd-subnav li a { font-size: 13px; color: #333333; text-decoration: none; } ul.hd-subnav li a.active { color: #fd0707; } ul.hd-subnav li.mypage { background-color: #333333; border-radius: 0 0 4px 4px; } ul.hd-subnav li.mypage a.arrow05 { color: #FFF; font-weight: bold; padding-left: 1em; padding-right: 1.5em; text-decoration: none; } ul.hd-subnav li.mypage a.arrow05::before { border-color: #FFF; width: 8px; height: 8px; top: 43%; right: 6px; } /**/ .sub-fl-01.pc { text-align: right; margin-top: 11px; display: flex; align-items: center; } .hd-call, .hd-mail { display: inline-block; vertical-align: middle; } .hd-call { font-size: 27px; font-weight: bold; line-height: 1; color: #222222; } .hd-call span { font-size: 79%; } .hd-mail {} .hd-mail a { display: block; width: 130px; } .hd-mail a { background-image: url("/wp-content/themes/html5blank-stable/images/SVG/icon-mail.svg"); background-repeat: no-repeat; background-size: 25px 22px; background-position: 5px center; background-color: #462404; color: #FFF; text-decoration: none; font-weight: bold; padding: 4px; border-radius: 3px; } @media (max-width: 959px) { .sitelogo { margin: 11px 0; } .sitelogo a { max-width: 280px; } .sitelogo a img { width: 300px; vertical-align: middle; } } @media (max-width: 812px) { .sub-fl-01.pc,.sub-fl-02.pc { display: none; } .hd-floor02 { padding: 0; } .sitelogo { margin-top: 0.2em; } } /*ーーーーーーーーーーーーーーーーーーーーーーー 　　メインナビゲーション_PC ーーーーーーーーーーーーーーーーーーーーーーーー*/ ul.nav-main { /* font-weight: bold; */ margin: 0; text-align: center; display: flex; justify-content: center; } ul.nav-main li { display: inline-block; /* padding-right: 1.5em; */ /* padding-left: 1.5em; */ /* padding-top: 4px; */ /* padding-bottom: 4px; */ margin: 0; } ul.nav-main li:first-child { border-left: 1px solid #cdcdcd; /* padding-left: 2em; */ } ul.nav-main li a { font-size: 15px; text-decoration: none; display: block; padding: 0.4em 1.8em; border-right: 1px solid #cdcdcd; margin: 0; } ul.nav-main li a.active, ul.nav-main li a:hover { background-color: #462304; color: #fff; } .navver1 { margin-left: 2em; } @media (max-width: 768px) { .navver1 { margin: 0; } } @media (max-width: 959px) { ul.nav-main li a { font-size: 13px; } } /**/ ul.nav-main.nav-sub { font-weight: 100; } ul.nav-main.nav-sub li {} ul.nav-main.nav-sub li a { font-size: 12px; } /*footer*/ footer.footer { /*border-top: 1px solid #cdcdcd;*/ padding-top: 1em; background-color: #f5f5f5; } p.copyright { margin: 0; text-align: center; padding: 0.4em 0; font-size: 8px; /* border-top: 1px solid #cdcdcd; */ } /*狭小・タブレット（以下の幅）表示用ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/ @media (min-width: 600px) and (max-width: 768px) { .drawer-hamburger { padding: 9px .75rem 10px; } } @media (max-width: 768px) { /*drawer menu*/ .sitelogo.in-drawer { border-bottom: 1px solid #cdcdcd; padding-bottom: 5px; margin-bottom: 0; } .sitelogo.in-drawer a { max-width: 122px; margin: auto; } ul.drawer-menu.nav-main, ul.drawer-menu.nav-postcategory {} ul.drawer-menu.nav-main li, ul.drawer-menu.nav-postcategory li { display: block; border-bottom: 1px solid #cdcdcd; } ul.drawer-menu.nav-main li a, ul.drawer-menu.nav-postcategory li a { color: #333; padding: 5px 0 5px 7px; } ul.drawer-menu.nav-main li a img, ul.drawer-menu.nav-postcategory li a img { width: 30px; margin-right: 6px; vertical-align: middle; } ul.drawer-menu.nav-main { margin-top: 0; } } /*スマホ表示用ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/ @media (max-width: 599px) { /*header*/ .sp-header { background-color: #000; position: fixed; width: 100%; z-index: 1; } .sp-header .sitelogo { margin: 0; text-align: center; } .sp-header .sitelogo a { display: inline-block; max-width: 160px; margin: 0 auto; } /*footer*/ footer .sitelogo { text-align: center; } footer .sitelogo a { margin: 1em auto; } .header-inner section.sp { margin: 0; } } /*ヘッダ・フッタここまで＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/ /*ーーーーーーーーーーーーーーーーーーーーーーー 　　トップページ ーーーーーーーーーーーーーーーーーーーーーーーー*/ /*MV*/ .mv-contents { max-width: 520px; min-height: 500px; /* background-color: rgba(0, 0, 0, 0.3); */ padding: 2.5em 0 2em; } h1.toppage { font-size: 40px; font-weight: bold; line-height: 1.2; color: #FFF; margin: 0; margin-bottom: 0.5em; text-shadow: 2px 2px 4px #333; } h1.toppage span { font-size: 50%; display: block; } .mv-contents p { font-size: 16px; color: #FFF; font-weight: bold; line-height: 1.6; padding-left: 0.3em; text-shadow: 2px 2px 4px #333; } .mv-contents img { margin: 2em 0 0; } @media (max-width: 599px) { .mv-contents { padding: 1.6em 0; min-height: unset; } h1.toppage { font-size: 30px; /* text-align: center; */ color: #333; text-shadow: unset; line-height: 1.2; } .mv-contents p { text-shadow: unset; color: #333; } .mv-contents img { margin: 0; } } /**/ section#sec01 { padding-top: 1em; } /*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/ h2.icon-ttl { background-color: #FFEB3B; font-size: 17px; margin: 0; margin-bottom: 0.8em; padding: 0.1em; padding-left: 55px; color: #2e3192; background-image: url("/wp-content/themes/html5blank-stable/images/icon-basic.svg"); background-repeat: no-repeat; background-size: 40px 35px; background-position: 6px center; } h2.icon-ttl.icon-news { background-image: url("/wp-content/themes/html5blank-stable/images/icon-news.svg"); background-size: 25px 22px; background-position: 12px center; padding-left: 45px; } h2.icon-ttl.icon-factory { background-image: url("/wp-content/themes/html5blank-stable/images/icon-tool.svg"); color: #ffeb3a; background-color: #304c93; background-size: 25px 23px; padding-left: 43px; } /*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/ .topsec01-textpart { width: 60%; } .topsec01-photopart { width: 36%; } h3.basic-h3, .topsec01-textpart h3 { font-size: 23px; line-height: 1.4; color: #2e3192; margin-bottom: 0.7em; } ul.iconline { text-align: center; } ul.iconline li { width: 15%; display: inline-block; margin: 1%; } @media (max-width: 599px) { .topsec01-textpart, .topsec01-photopart { width: 100%; } .topsec01-textpart {} .topsec01-photopart { margin-bottom: 1em; } .topsec01-textpart h3 { font-size: 20px; text-align: justify; } } ul.topsec01-banner { text-align: center; margin: 1em 0; display: flex; flex-wrap: wrap; text-align: center; justify-content: space-between; max-width: 940px; margin: auto; } ul.topsec01-banner li { /* display: inline-block; */ width: 31%; margin: 1em 0; } ul.topsec01-banner li a { background-color: #FFF; display: block; text-decoration: none; color: #333; } ul.topsec01-banner li h3 { font-family: serif; font-weight: bold; margin-top: 0.4em; margin-bottom: 0.3em; font-size: 20px; line-height: 1.6; } ul.topsec01-banner li h3 span { display: block; font-size: 12px; } ul.topsec01-banner li p { text-align: center; font-size: 15px; line-height: 1.5; } /**/ ul.topsec01-banner li a:hover { /* background-color: #fdf7c4; */ } ul.topsec01-banner li a:hover h3, ul.topsec01-banner li a:hover p { color: #691212; } @media (max-width: 750px) { ul.topsec01-banner li { width: 47%; margin: 3% 1%; } ul.topsec01-banner li h3 { font-size: 16px; } ul.topsec01-banner li p { font-size: 11px; } } /*ーーーーーーーーーーーーーーーーーーーーーーー 　　記事投稿読み込み ーーーーーーーーーーーーーーーーーーーーーーーー*/ .post-thumbnail {} .post-thumbnail a { display: block; overflow: hidden; max-width: 100px; height: 100px; } .post-thumbnail a img { width: 100px; height: 100px; object-fit: cover; } ul.post-list {} li.post-item { width: 48%; display: inline-block; vertical-align: top; margin-bottom: 2em; } li.post-item:nth-child(odd) { /* margin-right: 3%; */ } li.post-item .thumbnail-part { width: 24%; float: left; } li.post-item .text-part { float: right; /* width: 74%; */ } li.post-item .text-part.wide-full { width: 100%; /* border: 1px solid #cdcdcd; */ padding: 0.3em 0 0.5em; } li.post-item .text-part p { margin: 0; } span.categoryname { font-size: 11px; background-color: #95555f; color: #FFF; font-weight: bold; padding: 1.5px 0.3em; margin-right: 0.2em; } span.daytime { font-size: 13px; } li.post-item .text-part h3 { font-size: 16px; line-height: 1.4; margin-bottom: 0.4em; margin-top: 0.3em; } li.post-item .text-part h3 a { text-decoration: none; color: #333; } .kiji { font-size: 12px; line-height: 1.3; text-align: justify; } li.post-item .text-part .kiji { display: none; } @media (max-width: 599px) { li.post-item { width: 100%; border-bottom: 1px solid #cdcdcd; padding-bottom: 1em; margin-bottom: 1em; } li.post-item:nth-child(odd) { margin-right: unset; } } .post-list-link { /* border-top: 1px solid #cdcdcd; */ text-align: center; margin-bottom: 2em; } .post-list-link a { font-size: 18px; font-weight: 500; display: inline-block; margin-top: 0.4em; color: #0465cc; } /*ーーーーーーーーーーーーーーーーーーーーーーー 　　バナー ーーーーーーーーーーーーーーーーーーーーーーーー*/ ul.banner-link { text-align: center; margin-bottom: 2em; } ul.banner-link li { width: 30%; display: inline-block; margin: 1%; } ul.banner-link li a {} @media (max-width: 599px) { ul.banner-link li { width: 45%; } } /*ーーーーーーーーーーーーーーーーーーーーーーー ーーーーーーーーーーーーーーーーーーーーーーーー*/ ul.factory-nav { text-align: center; } ul.factory-nav li { display: inline-block; margin: 0.4%; } ul.factory-nav li a { display: inline-block; min-width: 31em; border: 1px solid #304c93; padding: 0.8em; padding-right: 15px; font-size: 15px; font-weight: bold; } .arrow05 { position: relative; padding-right: 15px; } .arrow05::before { position: absolute; content: ''; width: 6px; height: 6px; border-top: solid 2px #333; border-right: solid 2px #333; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 8px; margin-top: -3px; } /**/ .login-btn { text-align: center; margin: 2em; } .login-btn a { background-color: #4f69b3; color: #FFF; font-weight: bold; text-decoration: none; padding: 0.6em 3em; font-size: 15px; display: inline-block; } @media (max-width: 599px) { ul.factory-nav li { width: 100%; } ul.factory-nav li a { min-width: unset; width: 100%; } } /*ーーーーーーーーーーーーーーーーーーーーーーー 　　drnav ーーーーーーーーーーーーーーーーーーーーーーーー*/ ul.drnav-main {padding-bottom: 1em;} ul.drnav-main li { border-bottom: 1px solid #cdcdcd; } .drawer-dropdown-menu > li { padding-left: 0.7em; } ul.drnav-main li a { padding: 0.6em; display: block; text-decoration: none; font-size: 14px; line-height: 1.1; } ul.drnav-main.drnav-sub {} .drawer-nav { background-color: #ddd; } .drawer-dropdown-menu { background-color: #e6e6e6; } /**/ .drawer-dropdown {} .drawer-dropdown a { position: relative; } .drawer-dropdown a.switching:before { display: block; content: ""; position: absolute; top: 0; right: 10px; bottom: 0; margin: auto; width: 15px; height: 2px; background-color: #333333; transition: .2s; transform: rotate(90deg); -webkit-transform: rotate(90deg); } .drawer-dropdown a.switching:after { display: block; content: ""; position: absolute; top: 0; right: 10px; bottom: 0; margin: auto; width: 15px; height: 2px; background-color: #333333; transition: .3s; } /**/ .drawer-dropdown.open a.switching:before { transform: rotate(0deg); -webkit-transform: rotate(0deg); } .drawer-dropdown.open a.switching:after { background-color: transparent; } /**/ ul.drnav-main li .drawer-dropdown-menu-item { position: relative; display: block; color: #000; vertical-align: middle; text-decoration: none; } ul.drnav-main li .drawer-dropdown-menu-item::before, ul.drnav-main li .drawer-dropdown-menu-item::after { position: absolute; top: 0; bottom: 0; /* left: 0; */ right: 0; margin: auto; content: ""; vertical-align: middle; } ul.drnav-main li .drawer-dropdown-menu-item::before { right: 11px; width: 7px; height: 7px; border-top: 1px solid #666666; border-right: 1px solid #666666; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /*ーーーーーーーーーーーーーーーーーーーーーーー 　　パンくず ーーーーーーーーーーーーーーーーーーーーーーーー*/ .breadcrumbs { font-size: 11px; /* border: 1px solid #c9d3ea; */ /* border-left-width: 0; */ /* border-right-width: 0; */ padding: 1px 0; /* background-color: #462204; */ /* margin-bottom: 1.5em; */ } .breadcrumbs * { color: #666; /* font-weight: bold; */ } /*ーーーーーーーーーーーーーーーーーーーーーーー 　　PAGE ーーーーーーーーーーーーーーーーーーーーーーーー*/ .page-title { background-image: url("/wp-content/themes/html5blank-stable/images/mv-page.jpg"); background-size: cover; background-repeat: no-repeat; } .page-title h1 { font-size: 24px; font-weight: 600; padding: 50px; color: #304c92; } .page-title h1 span { background-image: url("/wp-content/themes/html5blank-stable/images/icon-basic.svg"); background-size: 37px 22px; background-repeat: no-repeat; padding-left: 51px; background-position: left center; } @media (max-width: 599px) { .page-title { background-size: auto; background-position: center; } .page-title h1 { padding: 28px 7px; font-size: 20px; } } /*ーーーーーーーーーーーーーーーーーーーーーーー 　　カラム ーーーーーーーーーーーーーーーーーーーーーーーー*/ .col2-box { padding-top: 20px; } .col2flexbox { display: flex; /* flex-direction: row-reverse; */ max-width: 1100px; justify-content: space-between; } section.col2-left { width: 70%; padding-right: 30px; /* border-right: 1px solid #cdcdcd; */ /* margin-right: 30px; */ float: none; } section.col2-right { width: 30%; /* max-width: 270px; */ /* padding-left: 25px; */ float: none; } /*ーーーーーーーーーーーーーーーーーーーーーーー 　　sidebar ーーーーーーーーーーーーーーーーーーーーーーーー*/ ul.side-sub-nav { margin-bottom: 1em; border-top: 1px solid #cdcdcd; margin-top: 1em; } ul.side-sub-nav li { border-bottom: 1px solid #cdcdcd; } ul.side-sub-nav li a { display: block; font-size: 13px; text-decoration: none; padding: 0.5em 0; } @media (max-width: 599px) { .col2-box .wrapper { display: block; } section.col2-left, section.col2-right { width: 100%; } section.col2-left { margin-bottom: 2em; } section.col2-right { max-width: unset; padding: unset; } ul.side-sub-nav li a { font-size: 16px; } } /**/ ul.icon-contents-set {} ul.icon-contents-set li { width: 47%; display: inline-block; vertical-align: top; margin-bottom: 0.5em; } ul.icon-contents-set li:nth-child(odd) { margin-right: 4%; } ul.icon-contents-set .icon { width: 16%; margin-right: 3%; float: left; } ul.icon-contents-set .text-box { width: 80%; float: left; } ul.icon-contents-set .text-box h3 {} ul.icon-contents-set .text-box p { font-size: 12px; line-height: 1.3; } /**/ ul.setsubi {} ul.setsubi li { vertical-align: top; margin-bottom: 1em; } ul.setsubi li:nth-child(odd) {} ul.setsubi .setsu-photo { width: 30%; } ul.setsubi .setsu-text { width: 68%; } ul.setsubi .setsu-text h3 { font-size: 19px; margin-bottom: 0.2em; margin-top: 0.1em; } ul.setsubi .setsu-text p {} @media (max-width: 599px) { ul.setsubi .setsu-photo { width: 40%; float: right; margin-left: 1em; } ul.setsubi .setsu-text { width: 100%; } } /**/ ul.repair-flow {} ul.repair-flow li { margin-bottom: 1em; } .flow-photo { width: 26%; display: inline-block; vertical-align: top; margin-right: 1em; } .flow-text { width: 70%; display: inline-block; } .flow-text h3 { margin-bottom: 0.4em; } .flow-text p { font-size: 13px; } @media (max-width: 599px) { .flow-photo { margin: 0; float: right; width: 40%; margin-left: 1em; } .flow-text { width: unset; display: inline; } } /*ーーーーーーーーーーーーーーーーーーーーーーー 　　SINGLE ーーーーーーーーーーーーーーーーーーーーーーーー*/ h1.singletitle { line-height: 1; } h1.singletitle a { text-decoration: none; font-size: 22px; color: #333; } header.single { border-bottom: 1px solid #cdcdcd; margin-bottom: 1em; } /*ーーーーーーーーーーーーーーーーーーーーーーー 　　CATEGORY ーーーーーーーーーーーーーーーーーーーーーーーー*/ .category-contents article { /* border-bottom: 1px solid #cdcdcd; */ padding-bottom: 3em; margin-bottom: 2em; } h2.category-single-title { line-height: 1.4; } h2.category-single-title a { font-size: 20px; text-decoration: none; } .ps-thumbnail { margin-right: 1em; } @media (max-width: 599px) { .ps-thumbnail { float: left; width: 20%; } } /*ーーーーーーーーーーーーーーーーーーーーーーー 　　アコーディオン ーーーーーーーーーーーーーーーーーーーーーーーー*/ .menu__item { /* background: #7285bd; */ color: #fff; cursor: pointer; display: block; margin-bottom: 0.5em; border: 1px solid #7285bd; } .menu__item__link { /* color: #fff; */ display: block; line-height: 40px; padding: 0 1rem; position: relative; font-size: 16px; font-weight: bold; text-decoration: none; padding-right: 80px; color: #2b4594; } .menu__item__link:hover { /* color: #5c72b1; */ background-color: #ecedef; } .menu__item__link:after { background: #2a4594; content: '＋'; display: block; font-family: "Font Awesome 5 Free"; line-height: 42px; position: absolute; right: 0; text-align: center; top: 0; width: 50px; font-size: 25px; color: #FFF; } .menu__item__link.on:after { content: 'ー'; } .menu__item__link span {} .submenu { background: #fff; display: none; padding: 1em; border: 1px solid #edf0f1; } .submenu__item { border-bottom: 1px solid #5200b7; color: #222; padding: 1rem; } @media (max-width: 599px) { .menu__item__link { line-height: unset; padding: 0.5em 3.5em 0.5em 0.4em; } } /* ---------------------------------------- * pagetop ---------------------------------------- */ #top_scroll { position: relative; z-index: 100; margin: 0; padding: 0; } #page-top1 { display: block; position: fixed; z-index: 9999; bottom: -250px; right: 10px; width: 35px; height: 35px; padding: 0; color: #222; text-align: center; text-decoration: none; transition: 1s; -webkit-transition: 1s; opacity: 0.6; } #page-top1:hover { transform: translateY(-10px); } #top_scroll:hover { background: #fff; } /* ---------------------------------------- * よくある質問 ---------------------------------------- */ dl.faq { margin-bottom: 2em; border-bottom: 1px solid #cdcdcd; padding-bottom: 1em; } dl.faq dt, dl.faq dd {} dl.faq dt {} dl.faq dd { margin: 0; margin-left: 1em; } dl.faq dt p, dl.faq dd p { display: inline-block; width: 90%; vertical-align: top; margin-left: 0.7em; } dl.faq dt p { font-size: 110%; font-weight: bold; color: #542905; } span.question, span.answer { font-size: 27px; margin-top: -6px; display: inline-block; vertical-align: top; font-weight: bold; } span.question { margin-top: -10px; color: #2196F3; } span.answer { color: #E91E63; } @media (max-width: 599px) { dl.faq dt p { width: 80%; } } /* ---------------------------------------- * 共通CSS ---------------------------------------- */ .arrow { position: relative; display: inline-block; padding: 0 0 0 16px; color: #000; vertical-align: middle; text-decoration: none; font-size: 15px; } .arrow::before, .arrow::after { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; } /* ---------------------------------------- * 三角の矢印アイコン（正円背景） ---------------------------------------- */ .sample4-2::before { width: 12px; height: 12px; -webkit-border-radius: 50%; border-radius: 50%; background: #7a0; } .sample4-2::after { left: 5px; box-sizing: border-box; width: 3px; height: 3px; border: 3px solid transparent; border-left: 3px solid #fff; } /* ---------------------------------------- * くの字の矢印アイコン（正円背景） ---------------------------------------- */ .sample5-3 { padding: 0; padding-right: 22px; } .sample5-3::before { width: 14px; height: 14px; -webkit-border-radius: 50%; border-radius: 50%; background: #445fa8; right: 3.9px; left: unset; } .sample5-3::after { left: 4px; top: -1px; width: 7px; height: 7px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(135deg); left: unset; right: 7px; } /**/ ul.post-list.topnews { text-align: center; } ul.post-list.topnews li { width: 29%; text-align: left; margin: 1.5%; /* border: 1px solid #cdcdcd; */ } ul.post-list.topnews li .post-thumbnail {} ul.post-list.topnews li.post-item .thumbnail-part { width: 100%; float: unset; } ul.post-list.topnews li .post-thumbnail a { width: 100%; height: 200px; max-width: unset; } ul.post-list.topnews li .post-thumbnail a img { width: 100%; height: 200px; } .border-title {} .border-title h2 { text-align: center; font-family: serif; font-size: 31px; line-height: 1.3; color: #40321d; margin-bottom: 0.3em; margin-top: 1em; line-height: 1.7; font-weight: 500; } .border-title h2 span { display: block; font-size: 35%; font-family: sans-serif; } @media (max-width: 599px) { .border-title h2 { font-size: 33px; margin-top: 0; line-height: 1.5; } .border-title h2 span { font-size: 42%; } ul.post-list.topnews li { width: 100%; padding-bottom: 0.4em; margin-bottom: 0.7em; } li.post-item .text-part.wide-full { border: none; width: 65%; padding-top: 0; } ul.post-list.topnews li.post-item .thumbnail-part { width: 30%; float: left; } ul.post-list.topnews li .post-thumbnail a { max-width: 125px; height: 92px; } ul.post-list.topnews li .post-thumbnail a img { height: 85px; } } /**/ section.top-kodawari { /* background-image: url("/wp-content/themes/html5blank-stable/images/bg-top-02.jpg"); */ /* background-size: cover; */ padding: 3em 0; } ul.kodawari { text-align: center; } ul.kodawari li { display: inline-block; width: 40%; vertical-align: top; margin: 1% 1.5%; text-align: left; margin-bottom: 3em; } ul.kodawari li img { margin: 0; } ul.kodawari li h3 { text-align: center; font-family: serif; margin-top: 1.1em; font-size: 21px; } .kodawari-text-part { background-color: rgba(241, 222, 195, 0.8); padding: 1em 1em 0.4em; } .kodawari-text-part h3, .kodawari-text-part p.subtext { font-family: serif; color: #441d11; } .kodawari-text-part h3 { font-size: 19px; margin-bottom: 0.1em; letter-spacing: 1px; } .kodawari-text-part p.subtext { font-size: 14px; margin-bottom: 0.4em; } .kodawari-text-part p { font-size: 12px; line-height: 1.4; } @media (max-width: 599px) { ul.kodawari li { width: 100%; margin: 1em 0; } } /**/ section.item-cate { /* background-image: url("/wp-content/themes/html5blank-stable/images/bg-logo.svg"); */ /* background-repeat: no-repeat; */ /* background-position: right bottom; */ /* background-size: 460px; */ } @media (max-width: 599px) { section.item-cate { background-position: top left; } } /**/ .tenpo-photo { width: 48%; } .tenpo-map, .tenpo-text { width: 49%; } .tenpo-map iframe { max-height: 335px; } .tenpo-text p { margin-bottom: 2.3em; } .tenpo-annai { margin: auto; margin-top: 2em; max-width: 1000px; } .tenpo-name {} .tenpo-name h3 { font-size: 27px; font-family: serif; } .tenpo-name h3 span {} .tenpo-name p { margin-bottom: 0; } @media (max-width: 599px) { .tenpo-photo { width: 100%; margin-bottom: 0.5em; } .tenpo-map, .tenpo-text { width: 100%; } .tenpo-name { text-align: center; } .tenpo-name p { text-align: center; } } /*FOOTER*/ .ft-sitelogo { max-width: 200px; margin-right: 2em; margin-bottom: 1em; } ul.ft-nav-part { display: inline-block; vertical-align: top; min-width: 12em; /* list-style-type: disc; */ } ul.ft-nav-part li { line-height: 1.4; } ul.ft-nav-part li a { font-size: 14px; text-decoration: none; font-weight: bold; } ul.ft-nav-part li a:hover { text-decoration: underline; color: #af6e0e; font-weight: bold; } li.indent01 { margin-left: 1em; } ul.ft-nav-part li.indent01 a { font-size: 12px; font-weight: normal; } .ft-tenpo-name { /* border-top: 1px solid #cdcdcd; */ padding-top: 0.5em; margin-top: 1em; text-align: center; } .ft-tenpo-name h3, .ft-tenpo-name p { display: inline-block; } .ft-tenpo-name h3 { margin-right: 1em; font-weight: normal; } .ft-tenpo-name p { text-align: center; font-weight: 400; } .ft-main-contents { margin: auto; max-width: 900px; } @media (max-width: 599px) { .ft-sitelogo { margin: auto; } } /*POST SINGLE normal*/ section.col2-left.postcol { width: 69%; } section.col2-right.postcol { width: 30%; } @media (min-width: 769px) { section.col2-left.postcol { min-height: 250px; } } @media (max-width: 767px) { section.col2-left.postcol, section.col2-right.right.postcol { width: 100%; margin: 0; padding: 0; } section.col2-left.postcol {} section.col2-right.right.postcol { margin: 2em 0; } } /* ---------------------------------------- 　商品詳細ページ（single） ---------------------------------------- */ .item-title-part { margin-bottom: 1.2em; } h1.itemname { font-size: 23px; border-bottom: 1px solid #cdcdcd; color: #673a3a; } .fct-main-photo { width: 45%; } .fct-main-info { width: 48%; } p.itemname { font-size: 17px; margin-bottom: 0; /* color: #673a3a; */ } p.message-info { font-size: 13px; } .cartset {} p.price { font-size: 30px; font-weight: bold; color: #e62019; margin: 0; } p.price span {} span.kakaku { font-size: 48%; /* color: #333; */ /* font-weight: normal; */ } span.enn { font-size: 70%; padding-left: 3px; } span.zeikomi { font-size: 41%; } p.zaiko { font-size: 80%; background-color: #f3f3f3; display: inline-block; border-left: 5px solid #828282; padding: 1px 4px; } /**/ dl.cart-tools-set {} dl.cart-tools-set dt, dl.cart-tools-set dd { /* display: inline-block; */ vertical-align: middle; } dl.cart-tools-set dt {} dl.cart-tools-set dd { /* width: 180px; */ margin-left: 10px; } /**/ dl.cart-tools.suryou { display: inline-block; margin: 0; } dl.cart-tools.suryou dt, dl.cart-tools.suryou dd { display: inline-block; } dl.cart-tools.suryou dt {} dl.cart-tools.suryou dd { margin: 0; display: inline; margin-left: 3px; } .single-item ul.topsec01-banner li { width: 47%; } section.side-sub {} /* ---------------------------------------- * セレクトメニュー ---------------------------------------- */ .cp_ipselect { overflow: hidden; width: 90%; margin: 2em auto; text-align: center; } .cp_ipselect select { /* width: 100%; */ padding-right: 1em; cursor: pointer; text-indent: 0.01px; text-overflow: ellipsis; border: none; outline: none; background: transparent; background-image: none; box-shadow: none; -webkit-appearance: none; appearance: none; font-size: 17px; } .cp_ipselect select::-ms-expand { display: none; } .cp_ipselect.cp_sl02 { position: relative; border: 1px solid #bbbbbb; border-radius: 2px; background: #ffffff; padding: 4px; } .cp_ipselect.cp_sl02::before { position: absolute; top: 0.65em; right: 0.6em; width: 0; height: 0; padding: 0; content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid #666666; pointer-events: none; } .cp_ipselect.cp_sl02:after { position: absolute; top: 0; right: 2em; bottom: 0; width: 1px; content: ''; border-left: 1px solid #bbbbbb; } .cp_ipselect.cp_sl02 select { padding: 6px 43px 8px 10px; color: #666666; } /* ---------------------------------------- * サイドバー ---------------------------------------- */ .fax-link {} a.faxlink-btn { text-decoration: none; background-color: #ffffff; border-left: 6px solid #616161; display: block; padding: 0.5em 0.8em; line-height: 1.3; } a.faxlink-btn span { font-size: 79%; } /**/ h4.side-icon { background-size: 22px; background-repeat: no-repeat; padding-left: 29px; padding-bottom: 2px; color: #666; border-bottom: 1px solid #999; margin-bottom: 6px; } h4.side-icon.icon-noshi { background-image: url("/wp-content/themes/html5blank-stable/images/icon-noshi2.svg"); } h4.side-icon.icon-clock { background-image: url("/wp-content/themes/html5blank-stable/images/icon-clock2.svg"); } h4.side-icon.icon-card { background-image: url("/wp-content/themes/html5blank-stable/images/icon-card2.svg"); } .item-contents { margin-bottom: 1.5em; } .item-contents p { font-size: 12px; padding-left: 1em; line-height: 1.5; } @media (max-width: 599px) { h4.side-icon { font-size: 18px; background-size: 32px; padding-left: 40px; padding-top: 3px; padding-bottom: 7px; } } /* ------------------------------- 　アイテムリスト ---------------------------------- */ section.category-contents { /*max-width: 800px;*/ margin: auto; margin-top: 0; } .category-title { margin-bottom: 1.5em; border-bottom: 1px solid #cdcdcd; font-size: 1em; /* padding: 1em; */ color: #462304; text-align: center; } .case85 { background-color: #231816; } .case86 { background-color: #5d5859; } .case87 { background-color: #1d0505; } .case88 { background-color: #feeee4; } .case89 { background-color: #382f2b; } .case90 { background-color: #feeee4; } .case91 { background-color: #e5d3c9; } .case92 { background-color: #231816; } .case93 { background-color: #ffc372; } .case94 { background-color: #ffffff; } /**/ .colone-wrapper { max-width: 900px; margin: auto; } @media (max-width: 767px) { .colone-wrapper { width: 96%; } .category-title .colone-wrapper { width: 100%; } } /**/ section#category-description {} section#category-description .wrapper { max-width: 940px; } /**/ .itemlist-thumbnail { /* max-width: 136px; */ /* max-height: 280px; */ width: 52%; min-width: 52%; margin-right: 6%; overflow: hidden; } .itemlist-thumbnail img { width: 100%; height: 360px; object-fit: contain; /* height: 300px; */ /* object-fit: cover; */ } .itemlist-text {} /*商品名*/ .itemlist-text h2.itemlist-title { /* border-bottom: 1px solid #cdcdcd; */ font-size: 25px; line-height: 1.3; letter-spacing: 1.1px; } .itemlist-text h2.itemlist-title a { text-decoration: none; color: #52352c; } /*商品基本情報*/ .itemlist-basic.left { /* width: 48%; */ } /*ショッピングカートツール（リスト）*/ .itemlist-cartparts { /* width: 50%; */ /* text-align: right; */ } .itemlist-cartparts p.price { font-size: 45px; line-height: 1; margin-bottom: 0.3em; /* text-align: right; */ } .itemlist-cartparts .carttool {} .itemlist-cartparts dl.cart-tools-set { margin: 0; } .itemlist-cartparts dl.cart-tools-set dt, .itemlist-cartparts dl.cart-tools-set dd { /* display: inline-block; */ } .itemlist-cartparts dl.cart-tools-set dt { font-size: 19px; } .itemlist-cartparts dl.cart-tools-set dd { margin: 0; /* width: 260px; */ } /*数量*/ .itemlist-cartparts dl.suryou { margin-bottom: 1em; } .itemlist-cartparts dl.suryou dt, .itemlist-cartparts dl.suryou dd { display: inline-block; } .itemlist-cartparts dl.cart-tools.suryou dd { width: 85px; height: 31px; padding: 0; } .itemlist-cartparts .cp_ipselect.cp_sl02::before { top: 0.5em; } .itemlist-cartparts dl.cart-tools.suryou dd select { padding: 2px 37px 2px 15px; font-size: 18px; } /*商品詳細へ*/ .syousai-link { margin-top: 0.4em; } .syousai-link a { /* background-color: #9a7a6e; */ display: block; text-align: center; text-decoration: none; /* color: #FFF; */ font-size: 14px; font-weight: bold; padding: 0.3em; border-radius: 3px; background: none; color: #9a7a6e; border: 1px solid #9a7a6e; } .syousai-link a:hover { background-color: #543b32; } @media (max-width: 767px) { .category-title { margin-bottom: 1em; } section.category-contents {} .itemlist-thumbnail { width: 100%; max-height: unset; margin-bottom: 0.5em; } .itemlist-text {} .itemlist-text h2.itemlist-title { font-size: 17px; letter-spacing: unset; } p.itemname { margin-bottom: 0.5em; font-size: 13px; } .itemlist-basic.left, .itemlist-cartparts { width: 100%; } .itemlist-cartparts p.price { text-align: left; font-size: 27px; } span.kakaku { font-size: 40%; } span.zeikomi { font-size: 32%; } .itemlist-cartparts { text-align: left; } .itemlist-cartparts dl.cart-tools-set { text-align: left; } .itemlist-thumbnail a img { width: 100%; height: unset; max-height: 430px; } /**/ .itemlist-thumbnail img { max-height: 145px; } .itemlist-cartparts dl.cart-tools-set dd { width: 100%; } } section.item-category { margin-bottom: 0; border-top: 1px solid #cdcdcd; /* background-color: #f5eee3; */ } section.cate-top-header { background-color: #4a3232; margin-bottom: 2em; } ul.post-categories { vertical-align: top; } ul.post-categories li { display: inline-block; } ul.post-categories li a { text-decoration: none; font-size: 12px; background-color: #986519; color: #FFF; font-weight: bold; padding: 0px 5px; } .itemlist-text ul.post-categories li:first-child { display: none; } /*pagination*/ .pagination { padding: 1em; text-align: center; margin-bottom: 1em; } a.prev.page-numbers, a.next.page-numbers { border: none; background: none; border-radius: unset; font-size: 14px; } a.prev.page-numbers {} a.next.page-numbers {} .page-numbers { border: 1px solid #c3af91; padding: 5px 10px 7px; border-radius: 50%; /* text-decoration: none; */ } a.page-numbers { background-color: #ecdec9; } span.page-numbers.current { background: none; } /* ------------------------------- 　固定ページ ---------------------------------- */ section#page-title { /* background-color: #0e0a08; */ } /* ------------------------------- 　会社概要 ---------------------------------- */ section#page-title.page-company { background-color: #292828; /* margin-bottom: 0; */ } section#page-title.page-company .wrapper { /*background-image: url("/wp-content/themes/html5blank-stable/images/cp-title-bg.jpg");*/ background-image: url("/wp-content/themes/html5blank-stable/images/bg-misoshiru-tonjiru.jpg"); background-repeat: no-repeat; background-size: cover; background-position: right; padding: 3.5em 2.8em 2em; } .cpinfo-titlecontents { color: #FFF; width: 49%; } /*会社概要*/ .company-text { width: 43%; } section.company-yellow { background-color: #f0e7ce; padding: 2em 0; } section#cp-message { border-top: 1px solid #cdcdcd; padding-top: 2em; padding-bottom: 2em; border-bottom: 1px solid #cdcdcd; } @media (max-width: 767px) { section#page-title.page-company { margin-bottom: 1em; } .cpinfo-titlecontents { width: 100%; background-color: rgba(0, 0, 0, 0.5); padding: 5em 1em 1em; } section#page-title.page-company .wrapper { padding: 0; font-weight: bold; width: 100%; margin: 0; background-color: #333; } .company-text { width: unset; margin-top: 1em; } } .message-part { width: 53%; padding-left: 2.6em; line-height: 1.9; } .pd-image-part { width: 43%; } dl.pd-image-set { display: flex; margin: 0; margin-top: 0.4em; align-items: flex-end; } dl.pd-image-set dt { width: 51%; } dl.pd-image-set dd { margin-left: 0.6em; } dl.pd-image-set dd p { font-size: 28px; line-height: 1.3; font-family: serif; font-weight: bold; margin-bottom: 0.8em; } dl.pd-image-set dd p span { font-size: 50%; } .cpinfo-titlecontents h2 { font-size: 26px; margin-bottom: 0.6em; } @media (max-width: 767px) { .message-part, .pd-image-part { /* width: 85%; */ /* margin: auto; */ } .message-part { width: 100%; padding-left: unset; line-height: unset; } .pd-image-part { width: 50%; margin: auto; } dl.pd-image-set { display: unset; } dl.pd-image-set dt { width: 100%; } dl.pd-image-set dd p { text-align: center; font-size: 25px; margin-bottom: 10px; } } #company-info h1 { font-size: 27px; border-bottom: 1px solid #cdcdcd; border-left: 7px solid #cdcdcd; padding-left: 0.5em; margin-bottom: 0.7em; font-family: serif; } #company-info h1 span { font-size: 60%; } section#company-info {} .company-info { width: 50%; border-top: 1px solid #cdcdcd; padding-top: 0.3em; } section#company-info .googlemap { width: 45%; } .company-info dl { border-bottom: 1px solid #cdcdcd; padding-bottom: 0.5em; margin-top: 0.3em; margin-bottom: 0.5em; } .company-info dl dt, .company-info dl dd { display: inline-block; } .company-info dl dt { min-width: 7em; } .company-info dl dd {} @media (max-width: 767px) { #company-info h1 {} .company-info { width: 100%; } section#company-info .googlemap { width: 100%; } } /* ------------------------------- 　歴史 ---------------------------------- */ section#page-title.page-history { background-color: #503e2d; } section#page-title.page-history .wrapper { background-image: url("/wp-content/themes/html5blank-stable/images/history-title_bg.jpg"); background-repeat: no-repeat; background-size: cover; /* background-position: right; */ } .history-titlecontents { width: 50%; background-color: rgba(255, 255, 255, 0.7); padding: 4em 3em 2em; color: #473a2d; } .history-titlecontents h2 { margin-bottom: 0.5em; } .history-titlecontents p { font-family: serif; } @media (max-width: 767px) { section#page-title.page-history .wrapper { width: 100%; } .history-titlecontents { width: 100%; padding: 3em 2em 0.5em; } } /**/ section#history-list {} section#history-list h1 { font-family: serif; font-size: 27px; font-weight: 300; border-bottom: 1px solid #cdcdcd; margin-bottom: 0.8em; border-left: 7px solid #cdcdcd; padding-left: 0.5em; } section#history-list h1 span { font-size: 60%; } .history-list { width: 60%; } .history-list dl { border-bottom: 1px solid #cdcdcd; padding-bottom: 0.5em; margin-bottom: 0.5em; margin-top: 0.6em; } .history-list dl dt, .history-list dl dd { font-size: 13px; display: inline-block; vertical-align: top; } .history-list dl dt { width: 25%; min-width: 10em; } .history-list dl dd { margin: 0; width: 74%; } .history-image { width: 38%; } .history-image img { margin-bottom: 1em; } @media (max-width: 767px) { .history-list { width: 100%; } .history-image { width: 100%; } .history-list dl dt { width: 100%; } .history-list dl dd { width: 100%; } } /* ------------------------------- 　こだわり ---------------------------------- */ section#page-title {} section#page-title .wrapper { /* background-repeat: no-repeat; */ /* background-size: cover; */ } @media (max-width: 767px) { section#page-title .wrapper { /* background-image: url("/wp-content/themes/html5blank-stable/images/bg-about-01-sp.jpg"); */ /* background-size: contain; */ /* padding-bottom: 1em; */ } } @media (min-width: 768px) { section#page-title .wrapper { /* background-image: url("/wp-content/themes/html5blank-stable/images/bg-about-01.jpg"); */ } } .commitment-titlecontents { color: #FFF; width: 58%; padding: 7em 0 2em 1em; } .commitment-titlecontents h2 { font-size: 25px; margin-bottom: 0.7em; } .commitment-titlecontents p { font-size: 14px; font-family: serif; line-height: 1.9; } @media (max-width: 767px) { section#page-title .wrapper { /* background-position: bottom right; */ } .commitment-titlecontents { width: 100%; padding: 8em 1em 0; color: #fff; } .commitment-titlecontents p { font-size: 16px; line-height: 1.5; } } /* ------------------------------- 　こだわり ---------------------------------- */ /**/ .sub-con { margin-bottom: 2em; } /**/ .imagepart-a { width: 35%; } .textpart-a { width: 62%; } .left.imagepart-a {} .right.textpart-a {} .right.imagepart-a {} .left.textpart-a {} .textpart-a h3 { color: #5b4222; font-size: 21px; border-bottom: 1px solid #5b4222; margin-bottom: 0.5em; } .textpart-a p { font-size: 14px; line-height: 1.7; } .textpart-a { padding-top: 0.5em; } h4.type-a { color: #5a3b07; margin-bottom: 0.5em; } h2.type-a { background-image: url("/wp-content/themes/html5blank-stable/images/SVG/bg-gradation-brown.svg"); color: rgba(255, 255, 255, 0.9); padding: 0px 12px 2px; font-size: 22px; font-family: serif; letter-spacing: 2px; margin-bottom: 0.4em; } span.small { font-size: 90%; } span.sub { font-size: 65%; padding-left: 3px; letter-spacing: 1px; } @media (max-width: 767px) { .imagepart-a, .textpart-a { width: 100%; } /**/ h2.type-a { line-height: 1.3; padding: 0.6em; } span.sub { display: block; padding: 0; } } /**/ .imagepart-b { width: 46%; } .textpart-b { width: 51%; } @media (max-width: 767px) { .imagepart-b, .textpart-b { width: 100%; } .imagepart-b { margin-bottom: 1em; } } /*in page nav*/ ul.col3imgnav { text-align: center; } ul.col3imgnav li { /* background-image: url("/wp-content/themes/html5blank-stable/images/bg-gradation-brown.svg"); */ width: 27%; display: inline-block; padding-bottom: 6px; margin: 0.5%; background-color: #7d5b11; } a.inpagenav-a { background-image: url("/wp-content/themes/html5blank-stable/images/arrow-under-w.svg"); background-repeat: no-repeat; background-position: bottom center; background-size: 22px; padding-bottom: 12px; color: #FFF; font-size: 20px; text-decoration: none; font-weight: bold; font-family: serif; text-align: center; display: block; } @media (max-width: 767px) { ul.col3imgnav li { width: 31%; margin: 0; padding: 1px 0 1px; padding-right: 9px; } a.inpagenav-a { background-position: right center; background-size: 12px; padding: 7px 0; text-align: left; padding-left: 9px; font-size: 12px; } } /*ーーーーーーーーーーーーーーーーーーーーーーーー pagetitle ーーーーーーーーーーーーーーーーーーーーーーーーー*/ h1.pagetitle { background-image: url("/wp-content/themes/html5blank-stable/images/basic-titlebg.jpg"); background-size: cover; } h1.pagetitle span { color: #FFF; } /*ーーーーーーーーーーーーーーーーーーーーーーーー ご利用案内 ーーーーーーーーーーーーーーーーーーーーーーーーー*/ h1.pagetitle { font-size: 22px; /* border: 1px solid #cdcdcd; */ padding: 50px; margin-bottom: 1em; } ul.guide-nav { display: flex; flex-wrap: wrap; /* justify-content: center; */ } ul.guide-nav li { display: inline-block; width: 48%; margin: 3px 0.9% 3px 0; vertical-align: top; } ul.guide-nav li a { display: block; } ul.guide-nav li a { position: relative; display: block; padding: 0; padding-right: 1.4em; color: #000; vertical-align: middle; text-decoration: none; font-size: 15px; background-color: #e6e6e6; padding: 3px 6px; } ul.guide-nav li a::before, ul.guide-nav li a::after { position: absolute; top: 0; bottom: 0; right: 3px; /* left: 0; */ margin: auto; content: ""; vertical-align: middle; } ul.guide-nav li a::before { width: 12px; height: 12px; -webkit-border-radius: 50%; border-radius: 50%; background: #542905; } ul.guide-nav li a::after { /* left: 3px; */ right: 6px; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(135deg); } @media (max-width: 767px) { ul.guide-nav li { width: 100%; } ul.guide-nav li a { padding: 8px 8px; font-weight: bold; } } h2.guides { background-color: #969594; color: #FFF; font-size: 23px; padding: 0.7em 1em; /* border-left: 7px solid #636363; */ margin-bottom: 0.5em; } h2.guides span { font-size: 80%; margin-left: 1em; } /**/ table.dc-list { width: 90%; margin: 1em 0; } table.dc-list th, table.dc-list td { border: 1px solid #afabab; padding: 0; padding: 6px; } table.dc-list th { font-size: 12px; padding: 0; line-height: 1.3; background-color: #d6d6d6; } table.dc-list td {} th.area { width: 10%; } th.pref { width: 70%; } th.charge { width: 30%; } th.charge span {} td.price { text-align: right; } @media (max-width: 767px) { table.dc-list { width: 100%; } table.dc-list th.area { width: 20%; } table.dc-list th.pref { width: 61%; } table.dc-list th.charge {} } h3.guide-basic, .payment-block h3 { background-color: #c5c5c3; /* color: #ffffff; */ padding: 0.2em 0.6em 0.1em; font-size: 17px; margin-bottom: 0.7em; } .dc-list-box { margin-bottom: 2em; } table.dc-cool { margin-bottom: 0.7em; } table.dc-cool th, table.dc-cool td { border: 1px solid #cdcdcd; padding: 0.5em 1.4em; } table.dc-cool th { background-color: #f1eee8; } table.dc-cool td {} span.en { font-size: 80%; } td.price { text-align: right; } /*お支払い方法*/ ul.basic { list-style-type: disc; padding-left: 2.2em; margin: 0.4em; } ul.basic li {} /*支払い方法*/ .payment-block { margin: 2em 0; border: 1px solid #bfbfbf; padding: 1em; /* background-color: #fffbf2; */ border-left-width: 6px; } .payment-block h3 {} table.payment-tb { width: 100%; margin-bottom: 1em; background-color: #FFF; } table.payment-tb th, table.payment-tb td { border: 1px solid #cdcdcd; padding: 0.3em; } table.payment-tb th { font-size: 12px; background-color: #f1f0ee; } table.payment-tb td { text-align: center; } table.payment-tb td.bikou { text-align: left; } td.bikou * { font-size: 91%; } .subsubsec { margin-bottom: 2em; } .subsubsec h4 { background-color: #f5f1ec; padding: 2px 6px; color: #353534; border-left: 5px solid #9e9e9e; } /*ご注文方法*/ section#order .subsubsec { border: 1px solid #cdcdcd; padding: 1em; margin-bottom: 12px; } section#order .subsubsec h3 { font-size: 15px; color: #333230; border-bottom: 1px solid #6b6866; margin-bottom: 0.7em; background-color: #e6e6e6; padding: 3px 8px; } a.acrobat { display: block; max-width: 120px; } p.pdf-download a { padding: 0.7em 3em; display: inline-block; background-color: #b14747; text-decoration: none; color: #FFF; font-weight: bold; border-radius: 5px; box-shadow: 1px 1px 3px #999; } p.pdf-download a:hover { background-color: #e2ab0f; } @media (max-width: 767px) { p.pdf-download a { width: 100%; text-align: center; } } /*ショッピングカートの利用方法*/ ol.cart-flow { list-style-type: none; padding-left: 6px; } ol.cart-flow li { margin-bottom: 2em; } ol.cart-flow li h3 { /* margin-bottom: 0.8em; color: #e75a24;*/ margin-bottom: 1.3em; } ol.cart-flow li h3 { position: relative; padding: 0.5em; background: #928a7c; color: white; } ol.cart-flow li h3::before { position: absolute; content: ''; top: 100%; left: 0; border: none; border-bottom: solid 15px transparent; border-right: solid 20px rgb(62, 33, 9); } ol.cart-flow li li { margin-bottom: unset; } ol.cart-flow li h3 span.f-num { /* font-size: 110%; border: 1px solid #cdcdcd; width: 30px; height: 30px; display: inline-block; text-align: center; border-radius: 50%; margin-right: 0.2em; background-color: #e75a24; color: #FFF;*/ margin-right: 0.6em; } .left.img-setsumei { width: 57%; padding-left: 4%; } .right.text-setsumei { width: 42%; } .left.img-setsumei img { border: 1px solid #cdcdcd; } ol.customer-input { margin-top: 1em; list-style-type: none; padding-left: unset; } ol.customer-input li {} @media (max-width: 767px) { .left.img-setsumei { width: 80%; padding-left: unset; margin: auto; margin-bottom: 1em; } .right.text-setsumei { width: 100%; } } /* 特定商取引法に基づく表記 */ table.gaiyou { margin-left: 1em; } table.gaiyou th, table.gaiyou td { border: 1px solid #cdcdcd; padding: 0.6em; } table.gaiyou th { font-size: 12px; width: 28%; background-color: #f3f2f2; text-align: left; } table.gaiyou td {} .col1-basic-title-outer { background-color: #200000; } /*FAQ*/ h2.faq, h2.faq a { color: #804a1e; font-size: 20px; border-bottom: 1px solid #a75e21; } h2.faq a { text-decoration: none; border: none; } .faq-nav-typeset h2.faq { font-size: 16px; margin-bottom: 0.6em; } .faq-nav-typeset { margin-bottom: 2em; } ul.guide-nav.at-faq { display: block; } ul.guide-nav.at-faq li { width: unset; margin: unset; display: block; } ul.guide-nav.at-faq li a { background: unset; text-decoration: underline; padding-right: 2em; display: inline-block; color: #6f3a0e; } /* ーーーーーーーーーーーーーーーーーーーーーーーーー calendar part ーーーーーーーーーーーーーーーーーーーーーーーーー　*/ section#calendar {} section#calendar .wrapper { display: flex; /* border: 1px solid #cdcdcd; */ /* padding: 1em; */ max-width: 1000px; margin: 4em auto; } .calendar-part { display: flex; justify-content: space-between; } .calendar-part table { /* margin-right: 10px; */ width: 48%; } @media (min-width: 768px) { section#calendar .wrapper {} .calendar-part { min-width: 400px; margin-right: 1em; } .calendar-part table {} } .calendar-part table th .calendar-part table td {} .calendar-part table th {} .calendar-part table td { border: 1px solid #b7b7b7; } .setsumei-part {} .setsumei-part h3 { background-color: #fecc33; font-size: 14px; padding: 0.3em 0.8em; border-radius: 1px 20px 20px 1px; margin-bottom: 0.9em; } .setsumei-part ul { font-size: 13px; padding-left: 1.5em; } .setsumei-part ul li { margin-bottom: 0.6em; } @media (max-width: 767px) { section#calendar .wrapper { display: block; } .calendar-part { margin-bottom: 1em; } } section#page-title.page-commitment { /* background-color: #231816; */ } section#page-title.page-commitment .wrapper { /* min-height: 420px; */ } @media (max-width: 767px) { section#page-title.page-commitment .wrapper { width: 100%; } } .col3img .wrapper { /* display: flex; */ width: 100%; text-align: center; margin-top: 1em; } .col3img .wrapper img { width: 32%; } @media (max-width: 767px) { .col3img .wrapper img { width: 100%; margin-bottom: 1em; } .col3img .wrapper { margin-top: unset; } } /*工程*/ ul.koutei { /* display: flex; */ /* flex-wrap: wrap; */ text-align: center; } ul.koutei li { vertical-align: top; clear: both; margin-bottom: 1em; border-left: 10px solid #521d0e; padding-left: 1em; background-color: #f7f5f0; } ul.koutei li img { width: 30%; float: right; margin-left: 1em; } .koutei-text { text-align: left; padding-top: 1em; } .koutei-text h4 { font-size: 20px; color: #521d0f; margin-bottom: 0.3em; } .koutei-text p { font-size: 14px; line-height: 1.5; } div#kodawari-koutei { border: 1px solid #cdcdcd; padding: 2em; margin: 1em auto; max-width: 800px; } div#kodawari-koutei h3 { color: #521d0e; border-bottom: 1px solid #521d0e; margin-bottom: 1em; background-color: #521d0e; color: #FFF; padding-left: 0.5em; padding-top: 3px; border-radius: 0 1em 0px 0; } @media (max-width: 767px) { div#kodawari-koutei { padding: 1em; } ul.koutei li { width: 100%; clear: both; margin-bottom: 0.7em; border-width: 7px; padding-left: 9px; } ul.koutei li img { width: 40%; } ul.koutei li .koutei-text { padding-top: 10px; } .koutei-text h4 { font-size: 17px; line-height: 1.3; } } a.interview-link-btn { display: block; border: 1px solid #cdcdcd; /* text-align: center; */ font-size: 27px; text-decoration: none; font-family: serif; font-weight: bold; line-height: 1.1; padding: 0.8em; padding-left: 3em; color: #FFF; vertical-align: middle; } a.interview-link-btn { background-image: url("/wp-content/themes/html5blank-stable/images/bg-interview-banner.jpg"); background-size: cover; background-repeat: no-repeat; } a.interview-link-btn span { /* display: block; */ font-size: 60%; vertical-align: middle; margin-left: 1em; } @media (max-width: 767px) { a.interview-link-btn { padding-left: 1em; background-position: right; line-height: 1.3; } a.interview-link-btn span { display: block; margin-left: 0; } } .pp-check { text-align: center; } .privacypolicy { border: 1px solid #cdcdcd; padding: 1em; font-size: 11px; height: 100px; overflow: scroll; margin-bottom: 2em; } h4.privacypolicy-h4 {} .wrapper.mailform-wrapper { max-width: 800px; } /*ちばの恵み*/ .left.textpart-megumi01 { width: 60%; font-size: 17px; margin-top: 80px; } .right.chart-img { width: 40%; } .miso-chart { max-width: 700px; margin: auto; } .left.textpart-megumi01.nanohana { margin-top: 1em; } .left.textpart-megumi01.haigamai { margin-top: 1em; } .left.textpart-megumi01.hanakouji { margin-top: 1em; } @media (max-width: 767px) { .miso-chart {} .left.textpart-megumi01 { width: 100%; margin-top: 1em; } .right.chart-img { width: 70%; margin: auto; } } .hd-floor01.pc { border-top: 1px solid #cdcdcd; margin-top: 8px; } /*お客様の声*/ ul.voice-list-ul { text-align: center; } ul.voice-list-ul li { max-width: 155px; display: inline-block; } ul.voice-list-ul li a {} ul.voice-list-ul li a img {} ul.voice-list-ul { overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; list-style: none; background-color: #FFF; } /*ーーーーーーーーーーーーーーーーーーーーーーー 　　横スクロールナビ　矢印アイコン　 ーーーーーーーーーーーーーーーーーーーーーーー*/ nav.scrollnav { position: relative; padding: 0 15px 0 15px; color: #000; text-decoration: none; vertical-align: middle; background-color: rgb(245, 245, 245); } nav.scrollnav::before { position: absolute; top: 0; bottom: 0; left: 5px; margin: auto; content: ""; vertical-align: middle; } nav.scrollnav::after { position: absolute; top: 0; bottom: 0; right: 5px; margin: auto; content: ""; vertical-align: middle; } nav.scrollnav::before { width: 8px; height: 8px; border-top: 1px solid #73778e; border-right: 1px solid #73778e; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } nav.scrollnav::after { width: 8px; height: 8px; border-top: 1px solid #73778e; border-right: 1px solid #73778e; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /*ーーーーーーーーーーーーーーーーーーーーーーー 　　tab　 ーーーーーーーーーーーーーーーーーーーーーーー*/ .tab_area { overflow: hidden; display: table; margin: 0; text-align: center; display: flex; justify-content: center; } .tab_area li { /*Tabの装飾*/ width: 139px; /* height:49px; */ text-align: center; border-right: 1px dotted #909090; cursor: pointer; vertical-align: middle; display: table-cell; color: #333333; background-color: #ffffff; padding: 15px 0; font-weight: bold; } .all_area { background: #fff5e0; padding: 10px; overflow: hidden; margin-bottom: 2em; } .all_area div.content_area { /*Tabの内容を表示するエリアの装飾*/ background: #ffffff; padding: 10px 10px 10px 2px; border-top: 1px dotted #bbbbbb; padding: 2em; } .tab_area li.select { /*アクティブタブの装飾*/ background-color: #ffffff; background-image: none; color: #333333; /* border-top: 9px solid #462404; */ background-color: #462404; color: #FFF; } .hide { display: none; } @media (max-width: 767px) { .all_area { padding: 6px; } .all_area div.content_area { padding: 1em 0.5em; } } /*ーーーーーーーーーーーーーーーーーーーーーーー 　　ブランドサブコンテンツ囲みちばの恵 ーーーーーーーーーーーーーーーーーーーーーーー*/ section.mago-category { border: 1px solid #b17a60; padding: 2em; margin: 2em; background-color: #fffcf6; } section.mago-category h3 { background-color: #822e06; margin-bottom: 1em; color: #FFF; padding: 0.8em; } section.mago-category h4 { color: #822e06; font-size: 18px; border-left: 11px solid #822e06; padding-left: 0.6em; margin-bottom: 0.5em; line-height: 1.4; } .mago-sub { margin: 1.6em 0; } img.sashie-a { width: 40%; float: right; margin-left: 1em; margin-bottom: 1em; } @media (max-width: 767px) { section.mago-category { margin: 2em 0; padding: 1em; } } h2.cate-sub-link { text-align: center; font-size: 17px; color: #6f2a09; border-bottom: 1px solid #6f2a09; } /**/ ul.inpagelink { text-align: center; margin: 1em; } ul.inpagelink li { display: inline-block; width: 48%; } ul.inpagelink li a { padding: 0.5em 2em; padding-right: 2.5em; background-color: #bf8f31; color: #FFF; font-weight: bold; display: block; } /**/ .sample4-1::before { left: 0px; top: 10px; box-sizing: border-box; width: 8px; height: 8px; border: 7px solid transparent; border-left: 8px solid #fbfbfb; transform: rotate(90deg); left: unset; right: 5px; } .sample3-1::before { left: unset; box-sizing: border-box; width: 4px; height: 4px; border: 11px solid transparent; border-left: 8px solid #fff; right: 0; } .sample3-1::after { left: 0; width: 15px; height: 13px; border-left: 9px solid #fff; left: unset; right: 12px; } @media (max-width: 767px) { h2.cate-sub-link { FONT-SIZE: 14PX; } ul.inpagelink li { width: 100%; margin: 0.3em 0; } } .bannersampleinfo {} .bannersampleinfo a { display: inline-block; background-color: #6b4a21; color: #FFF; font-weight: bold; text-decoration: none; padding: 0.6em 2em; margin-bottom: 1em; } .bannersampleinfo a:hover { background-color: #ce4200; } .bannersampleinfo a p { margin: 0; } /*ーーーーーーーーーーーーーーーーーーーーーーー 　　お試しカテゴリページ説明 ーーーーーーーーーーーーーーーーーーーーーーー*/ .otameshi-sec { margin-bottom: 2em; } /*ーーーーーーーーーーーーーーーーーーーーーーー 　　SINGLE ーーーーーーーーーーーーーーーーーーーーーーー*/ .pmiso-sashie { width: 40%; } .pmiso-text { width: 55%; } @media (max-width: 767px) { .pmiso-sashie, .pmiso-text { width: 100%; } } /*ーーーーーーーーーーーーーーーーーーーーーーー 　　商品一覧　レーダーチャート ーーーーーーーーーーーーーーーーーーーーーーー*/ div#chartlistcolumn { border: 1px solid #462404; padding: 1.5em; background-color: #fff7e2; } div#chartlistcolumn h3 { color: #462404; font-size: 20px; background-color: #f7d783; margin-bottom: 0.3em; } div#chartlistcolumn p { margin-bottom: 1.5em; } ul.chartlist { display: flex; justify-content: space-between; } ul.chartlist li { width: 24%; background-color: #FFF; border: 1px solid #e4ccc4; border-top-width: 10px; border-bottom-width: 10px; } ul.chartlist li a { text-decoration: none; } ul.chartlist li dl {} ul.chartlist li dl dt {} ul.chartlist li dl dd { margin: unset; padding: 1em 1em 0; } ul.chartlist li dl dt img {} ul.chartlist li dl dd h4 { margin-bottom: 0.2em; color: #462404; } div#chartlistcolumn ul.chartlist li dl dd p { font-size: 12px; margin-bottom: 0; } @media (max-width: 767px) { ul.chartlist { display: block; } ul.chartlist li { width: 100%; margin-bottom: 1em; } div#chartlistcolumn ul.chartlist li dl dd p { font-size: 13px; } } .interview-img { max-width: 410px; margin: 2em auto; } /**/ h2.underline-brown { background-image: url("/wp-content/themes/html5blank-stable/images/common/underline-brown.svg"); background-repeat: no-repeat; background-position: bottom center; background-size: 70px 5px; padding-bottom: 0.3em; } h2.underline-brown.nanohana { background-image: url("/wp-content/themes/html5blank-stable/images/common/underline-yellow.svg"); } h2.underline-brown.green-line { background-image: url("/wp-content/themes/html5blank-stable/images/cate89/underline-green.svg"); } /**/ ul.nav-main2 { display: flex; font-size: 14px; padding-top: 0.4em; } ul.nav-main2 li {} ul.nav-main2 li a { text-decoration: none; padding: 0 1em; font-weight: 500; } ul.nav-main2 li a.active { color: #fd0707; } section#sec04 { margin: 6em 0; } main.type-page .wrapper { /* max-width: 1000px; */ } /*ーーーーーーーーーーーーーーーーーーーーーーーー こだわり ーーーーーーーーーーーーーーーーーーーーーーーー*/ .pc-mv-area { display: flex; justify-content: space-between; align-items: center; } .title-mv-area { width: 60%; } .kodawari-titlearea.pc { width: 34%; } .commitment-sec { max-width: 900px; margin: 1em auto 9em; } .commitment-sec p { line-height: 1.9; } h2.kodawari-red { color: #cc0808; font-size: 20px; margin-bottom: 1em; } h3.kodawari-subtitle { color: #cc0808; font-size: 23px; margin-top: 1.4em; margin-bottom: 0.5em; } h3.kodawari-subtitle span { color: #333; font-family: serif; margin-right: 1em; font-size: 80%; } h3.kodawari-subtitle.pc {} .circle-flex { display: flex; align-items: center; justify-content: space-around; } .circle-flex a, .circle-flex img { width: 40%; margin-right: 4em; display: block; } .circle-flex a img { width: 100%; } .cf-text-part { width: 60%; } @media (max-width: 767px) { main.type-page .wrapper { width: 95%; } .pc-mv-area { display: flex; } .title-mv-area { width: 100%; margin-bottom: 2em; } .kodawari-titlearea.sp {} h1.pagetitle-cp.kodawari { width: 60%; margin-left: 0.7em; } h3.kodawari-subtitle.sp { text-align: center; } h3.kodawari-subtitle.sp span { display: block; margin-bottom: 0.1em; } .commitment-sec {} .commitment-sec img { margin-bottom: 2em; } .circle-flex { display: block; text-align: center; } .circle-flex a, .circle-flex img { width: 77%; margin: 1em auto 2em; } .cf-text-part { width: 100%; } /*歴史*/ h1.pagetitle-cp.kodawari.history { width: 31%; } } /*歴史*/ .arrow { position: relative; display: inline-block; padding: 0 0 0 16px; color: #000; vertical-align: middle; text-decoration: none; font-size: 15px; } .arrow::before, .arrow::after { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; } .arrow1-4::before { left: unset; right: 20px; width: 7px; height: 7px; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media (min-width: 768px) { .col2-set { display: flex; justify-content: space-between; } .col2set-left { width: 15%; margin-right: 5%; } .col2set-right { width: 85%; } /**/ .his-sec-flex { display: flex; justify-content: space-between; margin-top: 1em; } .img-circle { width: 20%; } .his-contents { width: 75%; } /**/ .flex.img-flex { display: flex; } } /**/ .his-sec-flex {} .img-circle {} .his-contents {} /**/ .flex.img-flex {} @media (min-width: 768px) { dl.img-caption { max-width: 300px; margin-right: 1em; } } dl.img-caption {} dl.img-caption dt { margin-bottom: 7px; } dl.img-caption dt.gazou-tate {} dl.img-caption dt.gazou-tate img { max-height: 244px; width: auto; } dl.img-caption dd { margin: unset; text-align: center; font-size: 12px; } /**/ ul.history-nav { background-color: #e8e8e8; padding-bottom: 4em; position: sticky; top: 0; } ul.history-nav li {} ul.history-nav li a { display: block; padding-left: 0; padding-right: 10px; text-align: center; font-family: serif; font-size: 20px; color: #333; padding: 0.5em; } h2.history-title01 { font-size: 18px; margin-top: 1em; } h3.history-part-midashi { text-align: right; font-family: serif; font-weight: 500; font-size: 22px; border-bottom: 1px solid #cdcdcd; padding-right: 0.4em; letter-spacing: 0.1em; margin-bottom: 2em; } section.his-year-sec { margin-bottom: 8em; } section.his-year-sec h4 { color: #d12a26; font-size: 29px; font-weight: 400; } section.his-year-sec h4 span { font-size: 60%; margin-left: 0.5em; } h5.people-name { font-size: 15px; margin-bottom: 1em; } h5.people-name span { display: block; } @media (max-width: 767px) { h2.history-title01.sp { margin: 0 0 2em; } ul.history-nav { display: flex; justify-content: space-evenly; padding-bottom: 20px; margin-bottom: 2em; } ul.history-nav li {} ul.history-nav li a {} a.arrow.arrow1-4.hisnav { vertical-align: bottom; } a.arrow.arrow1-4.hisnav::before { border-top: unset; border-bottom: 1px solid #333; border-right: 1px solid #333; transform: rotate(45deg); top: unset; bottom: 0; right: 0; left: 0; } .img-circle { max-width: 52%; margin: auto; } h5.people-name { line-height: 2; font-size: 1.1em; } dl.img-caption dt.gazou-tate { text-align: center; } dl.img-caption dt.gazou-tate img { max-height: unset; max-width: 55%; } } .gray-box { background-color: #efefef; padding: 1.6em; padding-bottom: 1em; margin-bottom: 3em; } .gray-box h5 { font-weight: 600; font-size: 14px; margin-bottom: 6px; } .gray-box p { font-size: 14px; } dt.gazou-square {} dt.gazou-square img { max-height: 200px; width: auto; } @media (min-width: 768px) { dl.img-caption.small-photo { min-width: 310px; } dl.img-caption.small-photo dt { text-align: center; } } h5.people-name.item-name { margin-top: 1em; margin-bottom: 0.3em; font-size: 17px; } .flex.img-flex.item-photo-part { justify-content: center; } dl.img-caption dd.caution-right { text-align: right; font-size: 10px; } @media (max-width: 767px) { dl.img-caption dt.gazou-square { text-align: center; } } .flex.img-flex.logotype-part { display: flex; justify-content: space-around; margin-top: 3em; } .flex.img-flex.logotype-part dl {} .flex.img-flex.logotype-part dl dt {} @media (min-width: 768px) { .flex.img-flex.logotype-part {} .flex.img-flex.logotype-part dl dt img { min-width: 310px; } } @media (max-width: 767px) { .flex.img-flex.logotype-part dl { margin: 1em 0.1em; } section.his-year-sec.last-part { margin-bottom: 3em; } } /*company*/ .photopart001 { max-width: 440px; margin: 5em 0; } .photopart.flex-col3 { display: flex; width: 100%; justify-content: space-between; margin: 5em 0; } .photopart.flex-col3 li { /* display:block; */ width: 32%; } @media (max-width: 767px) { .photopart001 { margin-top: 1em; margin-bottom: 2em; } .photopart.flex-col3 { display: block; margin-top: 1em; margin-bottom: 3em; } .photopart.flex-col3 li { width: 100%; margin-bottom: 1em; } .photopart.flex-col3 li img { margin-bottom: 0; } } .right-flexblock1 { display: flex; margin: 3em 0; align-items: flex-end; flex-direction: row-reverse; } .nametext { margin-bottom: 0; margin-right: 1em; } .right-flexblock1 img { max-width: 236px; } p.p-name { font-size: 21px; margin-bottom: 0; line-height: 1; } p.p-name span { font-size: 60%; margin-right: 1em; } @media (max-width: 767px) { .right-flexblock1 { display: block; max-width: 70%; margin: auto; } .right-flexblock1 img { width: 100%; max-width: unset; margin-bottom: 0.6em; } } /**/ ul.flex-square4 { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 5em 0; } ul.flex-square4 li { width: 49%; margin-bottom: 2%; } @media (max-width: 767px) { ul.flex-square4 { display: block; } ul.flex-square4 li { width: 100%; margin-bottom: 1em; } ul.flex-square4 li img { margin-bottom: 0; } } .subsec3 { margin-bottom: 3em; } .subsec3 h3 { font-weight: 100; margin-bottom: 1em; } p.linktext { margin-bottom: 0; } p.p-name.mb_1em { margin-bottom: 0.2em; } @media (min-width: 768px) { .flex.img-flex.logotype-part.at-about { justify-content: space-between; } dl.img-caption.at-about { margin-right: unset; max-width: unset; width: 42%; } } @media (min-width: 768px) { .flex.img-flex.logotype-part.at-about {} .gaiyou-flex { display: flex; justify-content: space-between; } } .gaiyou-text {} .gaiyou-text dl { display: flex; margin-top: 0; } .gaiyou-text dl dt, .gaiyou-text dl dd {} .gaiyou-text dl dt { min-width: 7em; } .gaiyou-text dl dd {} @media (max-width: 767px) { .flex.img-flex.logotype-part.at-about { display: block; } .gaiyou-map iframe { width: 100%; } .flex.img-flex.logotype-part dl.img-caption.at-about { max-width: 280px; margin: 1em auto 1em; } } /*ーーーーーーーーーーーーーーーーーーーーーーーー お問い合わせ ーーーーーーーーーーーーーーーーーーーーーーーー*/ /* ---------------------------------------- * メールフォーム ---------------------------------------- */ dl.cf-base { margin: 0; /* border-bottom: 1px solid #efefef; */ padding-left: 30px; margin-bottom: 1em; display: flex; /* align-items: center; */ } dl.cf-base dt, dl.cf-base dd { margin: 0; display: inline-block; vertical-align: top; } dl.cf-base dt { width: 20%; min-width: 13em; margin-right: 2em; padding-top: 0.5em; } dl.cf-base dd { font-size: 15px; line-height: 1; width: 80%; } dl.cf-base dt h3 { font-size: 16px; display: flex; justify-content: space-between; align-items: center; } dl.cf-base dd button, dl.cf-base dd input, dl.cf-base dd select, dl.cf-base dd textarea { border: 1px solid #cdcdcd; padding: 0.9em; /* width: 100%; */ } span.hissu { background-color: #f73634; color: #FFF; font-weight: bold; font-size: 11px; padding: 1px 5px 1px; border-radius: 1px; margin-left: 0.7em; } input#zipcode { width: unset; margin-bottom: 0.5em; } .buttonset { text-align: center; } .buttonset input { padding: 0.5em 3em; font-size: 17px; background-color: #757474; color: #FFF; font-weight: bold; } .buttonset input:hover { background-color: #421b11; } @media (max-width: 767px) { dl.cf-base { padding: 0; display: block; } dl.cf-base dt { width: unset; margin-bottom: 0.3em; } dl.cf-base dt h3 { display: block; } dl.cf-base dd input, dl.cf-base dd select, dl.cf-base dd textarea { width: 100%; } dl.cf-base dd { width: 100%; } dl.cf-base dd span.mwform-checkbox-field input { width: unset; } dl.cf-base dd input[type="radio"] { width: unset; } } /**/ .contact-a-flex { display: flex; justify-content: space-between; } .contact-a-flex .left-text-part, .contact-a-flex .flow-part { width: 48%; } .contact-a-flex .left-text-part {} .contact-a-flex .flow-part {} .contact-a-flex p { font-size: 18px; } h3.contact-main-copy { max-width: 370px; margin-bottom: 3em; } @media (max-width: 767px) { .contact-a-flex { display: block; } .contact-a-flex .left-text-part, .contact-a-flex .flow-part { width: 100%; } h3.contact-main-copy { max-width: 90%; margin-bottom: 1em; } .contact-a-flex p { font-size: 16px; margin-bottom: 6em; } } .contact-type-tab { display: flex; justify-content: center; margin: 4em 0; } .contact-type-tab p { font-size: 19px; margin: 0 2em; padding: 0; } .contact-type-tab p a { color: #de1818; } .contact-type-tab p a.link { color: #333; } @media (max-width: 767px) { .contact-type-tab p { font-size: 17px; margin: 0 1em; } } main.type-page .wrapper.privacypolicy-sec { max-width: 600px; margin: 3em auto; } dl.cp-for { max-width: 251px; margin: auto; } dl.cp-for dt { margin-bottom: 1.4em; } dl.cp-for dd { margin: 0; } p.cp-name { font-weight: bold; font-size: 12px; margin-bottom: 0; } p.shikaku-name { font-weight: bold; font-size: 14px; line-height: 1.5; margin-bottom: 1em; } p.name-main { max-width: 196px; } p.name-en { text-align: center; } @media (max-width: 767px) { p.name-main img { margin-bottom: unset; } main.type-page .wrapper.privacypolicy-sec { width: 100%; } } @media (min-width: 768px) { main.type-page .wrapper.voice-banner-sec { max-width: 330px; margin-bottom: 4em; } } /*---------------------------- 商品一覧ページ ----------------------------*/ @media (min-width: 768px) { h1.item-list-page { max-width: 260px; margin: 2em 0 0.6em; } section.cate-list-page {} section.cate-list-page .wrapper { max-width: 940px; } .cate-list-page ul.topsec01-banner { justify-content: space-between; } .cate-list-page ul.topsec01-banner li { margin: 1em 0; width: 31%; } } @media (max-width: 767px) { h1.item-list-page { max-width: 60%; } .cate-list-page ul.topsec01-banner { justify-content: space-between; } .cate-list-page ul.topsec01-banner li { margin: 0.5em 0 1em; width: 49%; } } div#taste-balance { border: 8px solid #eaeaea; padding: 2.5em 2em; } h2.title-taste-balance { text-align: center; font-family: serif; font-size: 25px; letter-spacing: 3px; margin-bottom: 1.4em; } h2.title-taste-balance span { display: block; font-size: 60%; letter-spacing: 0.5px; } .taste-type-description { margin: 3em 0 0; } /**/ ul.tastetype-list { display: flex; flex-wrap: wrap; justify-content: space-between; } ul.tastetype-list li { width: 46%; margin: 0.5em 0 1.5em; } ul.tastetype-list h3 { text-align: center; color: #a71313; font-size: 19px; margin-bottom: 0.1em; } ul.tastetype-list p { line-height: 1.6; font-size: 13px; } /**/ div.taste-view { border: 1px solid #CDCDCD; padding: 0.6em; display: flex; justify-content: space-between; align-items: center; margin-top: 1em; } ul.tastetype-list p.ajiname { margin: 0; text-align: center; /* min-width: 5em; */ width: 25%; font-size: 16px; font-weight: 500; } .mark-five-circle { display: flex; justify-content: space-around; width: 45%; } /**/ span.circle { display: block; width: 18px; height: 18px; margin: 3px; background-color: #ddd; border-radius: 50%; } span.circle.gray {} span.circle.red { background-color: #a71717; } @media (max-width: 767px) { h2.title-taste-balance { font-size: 23px; letter-spacing: 1px; line-height: 1.5; } h2.title-taste-balance span { font-size: 57%; letter-spacing: 0; } div#taste-balance { padding: 2em 1em; } ul.tastetype-list { display: block; margin-bottom: 1em; } ul.tastetype-list li { width: 100%; } } aside.sidebar { position: sticky; top: 0; } /*---------------------------------- カテゴリアイテムリスト ----------------------------------*/ /**/ ul.item-list-loop {} @media (min-width: 768px) { ul.item-list-loop li article { max-width: 700px; margin: auto; } } /**/ .item-box { display: flex; align-items: flex-end; } .wrapper.item-wrapper { max-width: 700px; } .wrapper.itemcate { max-width: 940px; } .cateitem-mv-area { display: flex; flex-direction: row-reverse; justify-content: space-between; margin-top: 2em; margin-bottom: 5em; } .cateitem-mv-area .pagetitlearea { width: 50%; } .cateitem-mv-area .title-mv-area { max-width: 54%; } h1.pagetitle-cateitem { margin-top: 1em; margin-bottom: 1em; max-width: 360px; } /**/ .ajinobalance { background-color: #cdcdcd; padding: 26px; max-width: 940px; margin: 2em auto 3em; } /**/ .ajinobalance.ajibara-85 { background-image: url("/wp-content/themes/html5blank-stable/images/item-cate/ajibara-bg-85.svg"); } .ajinobalance.ajibara-86 { background-image: url("/wp-content/themes/html5blank-stable/images/item-cate/ajibara-bg-86.svg"); } .ajinobalance.ajibara-87 { background-image: url("/wp-content/themes/html5blank-stable/images/item-cate/ajibara-bg-87.svg"); } .ajinobalance.ajibara-88 { background-image: url("/wp-content/themes/html5blank-stable/images/item-cate/ajibara-bg-88.svg"); } .ajinobalance.ajibara-89 { background-image: url("/wp-content/themes/html5blank-stable/images/item-cate/ajibara-bg-89.svg"); } /**/ .ajinobalance .inner { background-color: #FFF; padding: 1.5em 2em 1em; } .ajinobalance h2 { text-align: center; font-size: 33px; margin-bottom: 0.2em; font-family: serif; letter-spacing: 0.2em; color: #666; } .ajinobalance ul.tastetype-list li { margin-bottom: 0.4em; } .ajinobalance ul.tastetype-list h3 { text-align: left; } .ajinobalance div.taste-view { margin-top: 0.2em; border: 1px solid #e4e4e4; } .ajinobalance ul.tastetype-list p.ajiname { font-weight: 500; font-size: 18px; } @media (max-width: 767px) { .cateitem-mv-area { display: block; width: 93%; margin: auto; } .cateitem-mv-area .title-mv-area { max-width: 100%; } h1.pagetitle-cateitem { max-width: 80%; } .ajinobalance { width: 95%; padding: 16px; } .ajinobalance .inner { padding: 2em 1em; } .ajinobalance h2 { font-size: 19px; letter-spacing: 0px; } .ajinobalance ul.tastetype-list h3 { font-size: 16px; } .ajinobalance ul.tastetype-list p.ajiname { font-size: 16px; } } /**/ .yellow-box { background-color: #f9e6db; padding: 1.3em 4em; margin: 3em 0; } .yellow-box .border-title { margin-bottom: 4em; } .border-title h2 span.sizeup { display: inline; font-size: 130%; font-family: serif; margin-right: 3px; } @media (max-width: 767px) { .yellow-box { padding: 2em 1em; } h2.underline-brown.premium-six { font-size: 26px; } .yellow-box .border-title { margin-bottom: 3em; } } /**/ dl.contents-basic { display: flex; flex-direction: row-reverse; justify-content: space-between; margin-bottom: 4em; } dl.contents-basic dd { margin: 0; } dl.contents-basic.type1 dt { width: 35%; } dl.contents-basic.type1 dd { width: 55%; } dl.contents-basic dd h3 { color: #c72728; font-size: 19px; margin-bottom: 0.5em; } dl.contents-basic dd p { font-size: 17px; line-height: 1.9; } /**/ dl.contents-basic.type2 { align-items: flex-end; margin-bottom: 8em; } dl.contents-basic.type2 dt { width: 64%; } dl.contents-basic.type2 dd { width: 31%; } dl.contents-basic.type2 dd p { margin-bottom: 0; } dl.contents-basic.type2.not-reverse { flex-direction: unset; } @media (max-width: 767px) { .cateitem-mv-area .pagetitlearea { width: 100%; } .item-box { display: block; align-items: unset; } dl.contents-basic { display: block; margin-bottom: 3em; } dl.contents-basic.type1 dt { width: 70%; margin: 0 auto 1.5em; } dl.contents-basic.type1 dd { width: 100%; } dl.contents-basic dd h3 { font-size: 17px; margin-bottom: 0.3em; } dl.contents-basic dd p { font-size: 15px; line-height: 1.7; } /**/ dl.contents-basic.type2 { margin-bottom: 6em; } dl.contents-basic.type2 dt { margin: 0 auto 1.5em; } dl.contents-basic.type2 dd { width: 100%; } dl.contents-basic.type2 dd h3 { text-align: center; } } .box-border { border: 1px solid #754c24; padding: 1.6em; } dl.contents-basic.type-a {} dl.contents-basic.type-a dt { width: 30%; } dl.contents-basic.type-a dd { width: 64%; } dl.contents-basic.type-a h3.red-h3 { color: #754c24; line-height: 1.4; } @media (max-width: 767px) { dl.contents-basic.type-a { display: flex; } dl.contents-basic.type-a dt { width: 41%; } dl.contents-basic.type-a dd { width: 56%; } dl.contents-basic.type-a h3.red-h3 { font-size: 15px; line-height: 1.4; } dl.contents-basic.type-a dd p { font-size: 15px; line-height: 1.5; } } @media (max-width: 767px) { ul.item-list-loop { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; } ul.item-list-loop li { /*width: 48%;*/ width: 100%; } .box-border { padding: 1em; } } @media (max-width: 767px) { .fct-main-photo { width: 70%; margin: auto; } h1.itemname { font-size: 131%; border-bottom: 1px solid #cdcdcd; margin-bottom: 0; } .fct-main-info { width: 100%; margin-top: 0.8em; } .cartset { /* text-align: right; */ } dl.cart-tools-set { margin: 0.4em 0; text-align: right; } p.price { font-size: 34px; text-align: right; } /**/ .single-item ul.topsec01-banner li { width: 100%; } dl.cart-tools-set dd { width: 225px; } /**/ /**/ dl.cart-tools.suryou {} dl.cart-tools.suryou dt, dl.cart-tools.suryou dd {} dl.cart-tools.suryou dt { font-size: 18px; } .itemlist-cartparts dl.cart-tools-set dt { font-size: 12px; } dl.cart-tools.suryou dd {} .itemlist-cartparts dl.cart-tools.suryou dd select { font-size: 17px; } .itemlist-cartparts dl.cart-tools.suryou dd { width: 85px; height: 26px; } .item-title-part { margin-bottom: 0.5em; } } @media (max-width: 767px) { h2.underline-brown.sp-text-small { font-size: 25px; padding-bottom: 0.5em; } } h2.underline-brown.green-line.sp-text-small {} .txt-title-area { padding: 4em; } @media (max-width: 767px) { .txt-title-area { padding: 1em; } } /**/ @media (max-width: 767px) { ul.item-list-loop li {} } div#imageContainer { /* padding: 0; */ } #imageData #imageDetails { display: none; } .right.tenpo-map {} .itemlist-cartparts dl.cart-tools-set dd.cartbtn-dd { background-color: #fcc03a; /* border: none; */ text-align: center; /* font-weight: bold; */ /* font-size: 16px; */ border-radius: 0.6em; box-shadow: 1px 1px 3px #9a9997; display: block; width: 100%; padding: 0.6em 0 0.4em; } input.cartbtn { max-width: 118px; } @media (max-width: 767px) { .itemlist-cartparts dl.cart-tools-set dd.cartbtn-dd { padding: 0.9em 0 0.6em; } } /**/ section.cate-mutenka { margin-bottom: 4em; } section.cate-mutenka .ajinobalance { margin-bottom: 3em; } dl.contents-basic.txt_only { display: block; } @media (max-width: 767px) { .cateitem-mv-area.mutenka-free-pc { display: none; } .mutenka-free-sp h1.pagetitle-cateitem.cate-90 { margin-top: 2em; } .cateitem-mv-area.mutenka-free-sp { display: flex; } } @media (min-width: 768px) { .cateitem-mv-area.mutenka-free-sp { display: none; } } .mutenka-free-pc .pagetitlearea { margin-right: 2em; } /*npcatch*/ ul#npcatch {} ul#npcatch figure { max-width: 70px; margin-right: 0.6em; } ul#npcatch figure img { height: 60px; object-fit: cover; } ul#npcatch .detail {} ul#npcatch span.title { font-size: 14px; } ul#npcatch span.date { font-size: 11px; } #npcatch li a { text-decoration: none; } /*.sidebar-widget*/ .sidebar-widget {} .sidebar-widget h3 { font-size: 14px; font-weight: normal; border-bottom: 2px solid #cdcdcd; margin-bottom: 1em; background-color: #efefef; padding-top: 3px; padding-left: 5px; } div#newpostcatch-2 { margin-bottom: 2em; } /**/ .item-message { /* border: 1px solid #cdcdcd; */ /* padding: 0.8em 1.4em; */ margin-top: 1em; } .item-message p.message-info { margin-bottom: 0; } @media (max-width: 767px) { .item-message {padding: 0.6em;} .item-message p.message-info {line-height: 1.3;} } .col2flexbox.guidepage {flex-direction: row-reverse;} .col2flexbox.guidepage section.col2-left { padding: unset; width: 68%; } .col2flexbox.guidepage section.col2-right { padding-right: 25px; } @media (max-width: 767px) { .col2flexbox.guidepage section.col2-left, .col2flexbox.guidepage section.col2-right { width: 100%; } .buttonset input { padding: 0.5em 1em; margin: 1%; } } /*404*/ h1.sign404-h1 { line-height: 1.2; color: #a59898; margin-bottom: 1em; } span.sign404 { font-size: 110px; line-height: 0.9; } /**/ li.iconlink {} li.iconlink a { display: block; max-width: 24px; } li.iconlink a img {} /**/ .iconlink-dw { } .iconlink-dw a { display: block; max-width: 30px; margin: 0.5em auto; } .iconlink-dw a img {} /**/ p.sitelogo-img.in-drawer {} p.sitelogo-img.in-drawer a { display: block; max-width: 170px; margin: 0.2em auto; line-height: 1; } p.sitelogo-img.in-drawer a img {} @media (max-width: 812px) { section.sp.sp-nav-parts { display: block; margin: 0; } } span.premium-unm { font-size: 21px; font-weight: 500; margin-right: 0.4em; border: 1px solid #c38282; padding: 0.1em 0.4em; } /*クール便対応*/ select.coolbin-text { font-size: 14px; padding: 4px 10px 4px 4px; } @media (max-width: 767px) { select.coolbin-text { margin-bottom: 0.8em; } } /**/ @media (max-width: 767px) { .mutenka-ajibara { /*display: none;*/ } } @media (max-width: 767px) { ul.item-list-loop.mutenka-loop { display: block; } ul.mutenka-loop li { width: 100%; } ul.mutenka-loop .itemlist-thumbnail {} ul.mutenka-loop .itemlist-thumbnail img { /* max-height: 280px; */ width: 100%; height: auto; max-height: unset; } }