MENU

BAMBI CAMP

寒さ対策– category –

12

border-radius20{border-radius:20px}:root{--swl-fz--content:3.8vw;--swl-font_family:"Helvetica Neue" , Arial , "Hiragino Kaku Gothic ProN" , "Hiragino Sans" , Meiryo , sans-serif;--swl-font_weight:400;--color_main:#d1c3a7;--color_text:#4c4c4c;--color_link:#1176d4;--color_htag:#e8d292;--color_bg:#edede6;--color_gradient1:#d8ffff;--color_gradient2:#87e7ff;--color_main_thin:rgba(255,244,209,.05);--color_main_dark:rgba(157,146,125,1);--color_list_check:#d1c3a7;--color_list_num:#d1c3a7;--color_list_good:#00a1f2;--color_list_triangle:#f4e03a;--color_list_bad:#f36060;--color_faq_q:#d55656;--color_faq_a:#6599b7;--color_icon_good:#3cd250;--color_icon_good_bg:#ecffe9;--color_icon_bad:#4b73eb;--color_icon_bad_bg:#eafaff;--color_icon_info:#f578b4;--color_icon_info_bg:#fff0fa;--color_icon_announce:#ffa537;--color_icon_announce_bg:#fff5f0;--color_icon_pen:#7a7a7a;--color_icon_pen_bg:#f7f7f7;--color_icon_book:#787364;--color_icon_book_bg:#f8f6ef;--color_icon_point:#ffa639;--color_icon_check:#86d67c;--color_icon_batsu:#f36060;--color_icon_hatena:#5295cc;--color_icon_caution:#f7da38;--color_icon_memo:#84878a;--color_deep01:#e44141;--color_deep02:#3d79d5;--color_deep03:#63a84d;--color_deep04:#f09f4d;--color_pale01:#fff2f0;--color_pale02:#f3f8fd;--color_pale03:#f1f9ee;--color_pale04:#fdf9ee;--color_mark_blue:#b7e3ff;--color_mark_green:#bdf9c3;--color_mark_yellow:#fcf69f;--color_mark_orange:#ffddbc;--border01:solid 1px var(--color_main);--border02:double 4px var(--color_main);--border03:dashed 2px var(--color_border);--border04:solid 4px var(--color_gray);--card_posts_thumb_ratio:56.25%;--list_posts_thumb_ratio:56.25%;--big_posts_thumb_ratio:56.25%;--thumb_posts_thumb_ratio:56.25%;--blogcard_thumb_ratio:56.25%;--color_header_bg:#fff;--color_header_text:#333;--color_footer_bg:#ddd0ad;--color_footer_text:#333;--container_size:1200px;--article_size:900px;--logo_size_sp:48px;--logo_size_pc:40px;--logo_size_pcfix:34px}.swl-cell-bg[data-icon="doubleCircle"]{--cell-icon-color:#ffc977}.swl-cell-bg[data-icon="circle"]{--cell-icon-color:#94e29c}.swl-cell-bg[data-icon="triangle"]{--cell-icon-color:#eeda2f}.swl-cell-bg[data-icon="close"]{--cell-icon-color:#ec9191}.swl-cell-bg[data-icon="hatena"]{--cell-icon-color:#93c9da}.swl-cell-bg[data-icon="check"]{--cell-icon-color:#94e29c}.swl-cell-bg[data-icon="line"]{--cell-icon-color:#9b9b9b}.cap_box[data-colset="col1"]{--capbox-color:#efcd5d;--capbox-color--bg:#fff8eb}.cap_box[data-colset="col2"]{--capbox-color:#5fb9f5;--capbox-color--bg:#edf5ff}.cap_box[data-colset="col3"]{--capbox-color:#f2bf7d;--capbox-color--bg:#fff9f4}.red_{--the-btn-color:#ddb97e;--the-btn-color2:#ffbc49;--the-solid-shadow:rgba(166,139,95,1)}.blue_{--the-btn-color:#338df4;--the-btn-color2:#35eaff;--the-solid-shadow:rgba(38,106,183,1)}.green_{--the-btn-color:#62d847;--the-btn-color2:#7bf7bd;--the-solid-shadow:rgba(74,162,53,1)}.is-style-btn_normal{--the-btn-radius:80px}.is-style-btn_solid{--the-btn-radius:80px}.is-style-btn_shiny{--the-btn-radius:80px}.is-style-btn_line{--the-btn-radius:80px}.post_content blockquote{padding:1.5em 2em 1.5em 3em}.post_content blockquote::before{content:"";display:block;width:5px;height:calc(100% - 3em);top:1.5em;left:1.5em;border-left:solid 1px rgba(180,180,180,.75);border-right:solid 1px rgba(180,180,180,.75)}.mark_blue{background:-webkit-linear-gradient(transparent 64%,var(--color_mark_blue) 0%);background:linear-gradient(transparent 64%,var(--color_mark_blue) 0%)}.mark_green{background:-webkit-linear-gradient(transparent 64%,var(--color_mark_green) 0%);background:linear-gradient(transparent 64%,var(--color_mark_green) 0%)}.mark_yellow{background:-webkit-linear-gradient(transparent 64%,var(--color_mark_yellow) 0%);background:linear-gradient(transparent 64%,var(--color_mark_yellow) 0%)}.mark_orange{background:-webkit-linear-gradient(transparent 64%,var(--color_mark_orange) 0%);background:linear-gradient(transparent 64%,var(--color_mark_orange) 0%)}[class*="is-style-icon_"]{color:#333;border-width:0}[class*="is-style-big_icon_"]{border-width:2px;border-style:solid}[data-col="gray"] .c-balloon__text{background:#f7f7f7;border-color:#ccc}[data-col="gray"] .c-balloon__before{border-right-color:#f7f7f7}[data-col="green"] .c-balloon__text{background:#d1f8c2;border-color:#9ddd93}[data-col="green"] .c-balloon__before{border-right-color:#d1f8c2}[data-col="blue"] .c-balloon__text{background:#e2f6ff;border-color:#93d2f0}[data-col="blue"] .c-balloon__before{border-right-color:#e2f6ff}[data-col="red"] .c-balloon__text{background:#ffebeb;border-color:#f48789}[data-col="red"] .c-balloon__before{border-right-color:#ffebeb}[data-col="yellow"] .c-balloon__text{background:#f9f7d2;border-color:#fbe593}[data-col="yellow"] .c-balloon__before{border-right-color:#f9f7d2}.-type-list2 .p-postList__body::after,.-type-big .p-postList__body::after{content:"READ MORE »"}.c-postThumb__cat{background-color:#d1c3a7;color:#fff;background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.1),rgba(255,255,255,.1) 6px,transparent 6px,transparent 12px)}.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)){background:var(--color_htag);padding:.75em 1em;color:#fff}.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before{position:absolute;display:block;pointer-events:none;content:"";top:-4px;left:0;width:100%;height:calc(100% + 4px);box-sizing:content-box;border-top:solid 2px var(--color_htag);border-bottom:solid 2px var(--color_htag)}.post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)){padding:0 .5em .5em}.post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before{content:"";width:100%;height:2px;background:repeating-linear-gradient(90deg,var(--color_htag) 0%,var(--color_htag) 29.3%,rgba(150,150,150,.2) 29.3%,rgba(150,150,150,.2) 100%)}.post_content h4:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)){padding:0 0 0 16px;border-left:solid 2px var(--color_htag)}.post_content h2.is-style-section_ttl{padding-bottom:.75em}.post_content h2.is-style-section_ttl::after{position:absolute;top:auto;bottom:0;left:calc(50% - 1.25em);right:auto;display:block;width:2.5em;height:1px;border-radius:2px;pointer-events:none;background:currentColor;content:""}.post_content h2.is-style-section_ttl.has-text-align-left::after{left:0;right:auto}.post_content h2.is-style-section_ttl.has-text-align-right::after{left:auto;right:0}.l-footer__widgetArea{background:#f7f7f7}.l-footer__widgetArea{color:#5e5e5e}.l-header{box-shadow:0 1px 4px rgba(0,0,0,.12)}.l-header__menuBtn{order:1}.l-header__customBtn{order:3}.c-gnav a::after{background:var(--color_main);width:100%;height:2px;transform:scaleX(0)}.p-spHeadMenu .menu-item.-current{border-bottom-color:var(--color_main)}.c-gnav>li:hover>a::after,.c-gnav>.-current>a::after{transform:scaleX(1)}.c-gnav .sub-menu{color:#333;background:#fff}.l-fixHeader::before{opacity:1}.c-infoBar{color:#6b6b6b;background-color:#eaeaea}.c-infoBar__text{font-size:3vw}.c-infoBar__btn{background-color:var(--color_main)!important}#pagetop{border-radius:50%}#fix_tocbtn{border-radius:50%}.c-widget__title.-spmenu{padding:.5em .75em;border-radius:var(--swl-radius--2,0);background:var(--color_main);color:#fff}.c-widget__title.-footer{padding:.5em}.c-widget__title.-footer::before{content:"";bottom:0;left:0;width:40%;z-index:1;background:var(--color_main)}.c-widget__title.-footer::after{content:"";bottom:0;left:0;width:100%;background:var(--color_border)}.c-secTitle{border-left:solid 2px var(--color_main);padding:0 .75em}.p-spMenu{color:#333}.p-spMenu__inner::before{background:#fdfdfd;opacity:1}.p-spMenu__overlay{background:#000;opacity:.6}[class*="page-numbers"]{border-radius:50%;margin:4px;color:var(--color_main);border:solid 1px var(--color_main)}.l-topTitleArea.c-filterLayer::before{background-color:#000;opacity:.2;content:""}@media screen and (min-width:960px){:root{}}@media screen and (max-width:959px){:root{}.l-header__logo{order:2;text-align:center}}@media screen and (min-width:600px){:root{--swl-fz--content:15px}.c-infoBar__text{font-size:12px}}@media screen and (max-width:599px){:root{}}@media (min-width:1108px){.alignwide{left:-100px;width:calc(100% + 200px)}}@media (max-width:1108px){.-sidebar-off .swell-block-fullWide__inner.l-container .alignwide{left:0;width:100%}}.l-fixHeader .l-fixHeader__gnav{order:0}[data-scrolled="true"] .l-fixHeader[data-ready]{opacity:1;-webkit-transform:translateY(0)!important;transform:translateY(0)!important;visibility:visible}.-body-solid .l-fixHeader{box-shadow:0 2px 4px var(--swl-color_shadow)}.l-fixHeader__inner{align-items:stretch;color:var(--color_header_text);display:flex;padding-bottom:0;padding-top:0;position:relative;z-index:1}.l-fixHeader__logo{align-items:center;display:flex;line-height:1;margin-right:24px;order:0;padding:16px 0}.c-infoBar{overflow:hidden;position:relative;width:100%}.c-infoBar.-bg-stripe:before{background-image:repeating-linear-gradient(-45deg,#fff 0 6px,transparent 6px 12px);content:"";display:block;opacity:.1}.c-infoBar__link{text-decoration:none;z-index:0}.c-infoBar__link,.c-infoBar__text{color:inherit;display:block;position:relative}.c-infoBar__text{font-weight:700;padding:8px 0;z-index:1}.c-infoBar__text.-flow-on{-webkit-animation:flowing_text 12s linear infinite;animation:flowing_text 12s linear infinite;-webkit-animation-duration:12s;animation-duration:12s;text-align:left;-webkit-transform:translateX(100%);transform:translateX(100%);white-space:nowrap}.c-infoBar__text.-flow-off{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;text-align:center}.c-infoBar__btn{border-radius:40px;box-shadow:0 2px 4px var(--swl-color_shadow);color:#fff;display:block;font-size:.95em;line-height:2;margin-left:1em;min-width:1em;padding:0 1em;text-decoration:none;width:auto}@media (min-width:960px){.c-infoBar__text.-flow-on{-webkit-animation-duration:20s;animation-duration:20s}}@media (min-width:1200px){.c-infoBar__text.-flow-on{-webkit-animation-duration:24s;animation-duration:24s}}@media (min-width:1600px){.c-infoBar__text.-flow-on{-webkit-animation-duration:30s;animation-duration:30s}}.is-style-btn_normal a,.is-style-btn_shiny a{box-shadow:var(--swl-btn_shadow)}.c-shareBtns__btn,.is-style-balloon>.c-tabList .c-tabList__button,.p-snsCta,[class*="page-numbers"]{box-shadow:var(--swl-box_shadow)}.p-articleThumb__img,.p-articleThumb__youtube{box-shadow:var(--swl-img_shadow)}.p-pickupBanners__item .c-bannerLink,.p-postList__thumb{box-shadow:0 2px 8px rgba(0,0,0,.1) , 0 4px 4px -4px rgba(0,0,0,.1)}.p-postList.-w-ranking li:before{background-image:repeating-linear-gradient(-45deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.1) 6px,transparent 0,transparent 12px);box-shadow:1px 1px 4px rgba(0,0,0,.2)}@media (min-width:960px){.-series .l-header__inner{align-items:stretch;display:flex}.-series .l-header__logo{align-items:center;display:flex;flex-wrap:wrap;margin-right:24px;padding:16px 0}.-series .l-header__logo .c-catchphrase{font-size:13px;padding:4px 0}.-series .c-headLogo{margin-right:16px}.-series-right .l-header__inner{justify-content:space-between}.-series-right .c-gnavWrap{margin-left:auto}.-series-right .w-header{margin-left:12px}.-series-left .w-header{margin-left:auto}}@media (min-width:960px) and (min-width:600px){.-series .c-headLogo{max-width:400px}}.c-gnav .sub-menu a:before,.c-listMenu a:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.c-submenuToggleBtn{display:none}.c-listMenu a{padding:.75em 1em .75em 1.5em;transition:padding .25s}.c-listMenu a:hover{padding-left:1.75em;padding-right:.75em}.c-gnav .sub-menu a:before,.c-listMenu a:before{color:inherit;content:"\e921";display:inline-block;left:2px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);vertical-align:middle}.widget_categories>ul>.cat-item>a,.wp-block-categories-list>li>a{padding-left:1.75em}.c-listMenu .children,.c-listMenu .sub-menu{margin:0}.c-listMenu .children a,.c-listMenu .sub-menu a{font-size:.9em;padding-left:2.5em}.c-listMenu .children a:before,.c-listMenu .sub-menu a:before{left:1em}.c-listMenu .children a:hover,.c-listMenu .sub-menu a:hover{padding-left:2.75em}.c-listMenu .children ul a,.c-listMenu .sub-menu ul a{padding-left:3.25em}.c-listMenu .children ul a:before,.c-listMenu .sub-menu ul a:before{left:1.75em}.c-listMenu .children ul a:hover,.c-listMenu .sub-menu ul a:hover{padding-left:3.5em}.c-gnav li:hover>.sub-menu{opacity:1;visibility:visible}.c-gnav .sub-menu:before{background:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.c-gnav .sub-menu .sub-menu{left:100%;top:0;z-index:-1}.c-gnav .sub-menu a{padding-left:2em}.c-gnav .sub-menu a:before{left:.5em}.c-gnav .sub-menu a:hover .ttl{left:4px}:root{--color_content_bg:var(--color_bg)}.c-widget__title.-side{padding:.5em}.c-widget__title.-side::before{content:"";bottom:0;left:0;width:40%;z-index:1;background:var(--color_main)}.c-widget__title.-side::after{content:"";bottom:0;left:0;width:100%;background:var(--color_border)}@media screen and (min-width:960px){:root{}}@media screen and (max-width:959px){:root{}}@media screen and (min-width:600px){:root{}}@media screen and (max-width:599px){:root{}}.swell-block-fullWide__inner.l-container{--swl-fw_inner_pad:var(--swl-pad_container,0)}@media (min-width:960px){.-sidebar-on .l-content .alignfull,.-sidebar-on .l-content .alignwide{left:-16px;width:calc(100% + 32px)}.swell-block-fullWide__inner.l-article{--swl-fw_inner_pad:var(--swl-pad_post_content,0)}.-sidebar-on .swell-block-fullWide__inner .alignwide{left:0;width:100%}.-sidebar-on .swell-block-fullWide__inner .alignfull{left:calc(0px - var(--swl-fw_inner_pad,0))!important;margin-left:0!important;margin-right:0!important;width:calc(100% + var(--swl-fw_inner_pad, 0)*2)!important}}.-index-off .p-toc,.swell-toc-placeholder:empty{display:none}.p-toc.-modal{height:100%;margin:0;overflow-y:auto;padding:0}#main_content .p-toc{border-radius:var(--swl-radius--2,0);margin:4em auto;max-width:800px}#sidebar .p-toc{margin-top:-.5em}.p-toc .__pn:before{content:none!important;counter-increment:none}.p-toc .__prev{margin:0 0 1em}.p-toc .__next{margin:1em 0 0}.p-toc.is-omitted:not([data-omit=ct]) [data-level="2"] .p-toc__childList{display:none}.p-toc.is-omitted:not([data-omit=nest]){position:relative}.p-toc.is-omitted:not([data-omit=nest]):before{background:linear-gradient(hsla(0,0%,100%,0),var(--color_bg));bottom:5em;content:"";height:4em;left:0;opacity:.75;pointer-events:none;position:absolute;width:100%;z-index:1}.p-toc.is-omitted:not([data-omit=nest]):after{background:var(--color_bg);bottom:0;content:"";height:5em;left:0;opacity:.75;position:absolute;width:100%;z-index:1}.p-toc.is-omitted:not([data-omit=nest]) .__next,.p-toc.is-omitted:not([data-omit=nest]) [data-omit="1"]{display:none}.p-toc .p-toc__expandBtn{background-color:#f7f7f7;border:rgba(0,0,0,.2);border-radius:5em;box-shadow:0 0 0 1px #bbb;color:#333;display:block;font-size:14px;line-height:1.5;margin:.75em auto 0;min-width:6em;padding:.5em 1em;position:relative;transition:box-shadow .25s;z-index:2}.p-toc[data-omit="nest"] .p-toc__expandBtn{display:inline-block;font-size:13px;margin:0 0 0 1.25em;padding:.5em .75em}.p-toc:not([data-omit=nest]) .p-toc__expandBtn:after,.p-toc:not([data-omit=nest]) .p-toc__expandBtn:before{border-top-color:inherit;border-top-style:dotted;border-top-width:3px;content:"";display:block;height:1px;position:absolute;top:calc(50% - 1px);transition:border-color .25s;width:100%;width:22px}.p-toc:not([data-omit=nest]) .p-toc__expandBtn:before{right:calc(100% + 1em)}.p-toc:not([data-omit=nest]) .p-toc__expandBtn:after{left:calc(100% + 1em)}.p-toc.is-expanded .p-toc__expandBtn{border-color:transparent}.p-toc__ttl{display:block;font-size:1.2em;line-height:1;position:relative;text-align:center}.p-toc__ttl:before{content:"\e918";display:inline-block;font-family:icomoon;margin-right:.5em;padding-bottom:2px;vertical-align:middle}#index_modal .p-toc__ttl{margin-bottom:.5em}.p-toc__list li{line-height:1.6}.p-toc__list>li+li{margin-top:.5em}.p-toc__list .p-toc__childList{padding-left:.5em}.p-toc__list [data-level="3"]{font-size:.9em}.p-toc__list .mininote{display:none}.post_content .p-toc__list{padding-left:0}#sidebar .p-toc__list{margin-bottom:0}#sidebar .p-toc__list .p-toc__childList{padding-left:0}.p-toc__link{color:inherit;font-size:inherit;text-decoration:none}.p-toc__link:hover{opacity:.8}.p-toc.-capbox{border:1px solid var(--color_main);overflow:hidden;padding:0 1em 1.5em}.p-toc.-capbox .p-toc__ttl{background-color:var(--color_main);color:#fff;margin:0 -1.5em 1.25em;padding:.5em}.p-toc.-capbox .p-toc__list{padding:0}@media (min-width:960px){#main_content .p-toc{width:92%}}@media (hover:hover){.p-toc .p-toc__expandBtn:hover{border-color:transparent;box-shadow:0 0 0 2px currentcolor}}@media (min-width:600px){.p-toc.-capbox .p-toc__list{padding-left:.25em}}.wp-block-create-block-block{background-color:#21759b;color:#fff;padding:2px}.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}body{--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--color--swl-main:var(--color_main);--wp--preset--color--swl-main-thin:var(--color_main_thin);--wp--preset--color--swl-gray:var(--color_gray);--wp--preset--color--swl-deep-01:var(--color_deep01);--wp--preset--color--swl-deep-02:var(--color_deep02);--wp--preset--color--swl-deep-03:var(--color_deep03);--wp--preset--color--swl-deep-04:var(--color_deep04);--wp--preset--color--swl-pale-01:var(--color_pale01);--wp--preset--color--swl-pale-02:var(--color_pale02);--wp--preset--color--swl-pale-03:var(--color_pale03);--wp--preset--color--swl-pale-04:var(--color_pale04);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgba(6,147,227,1) 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgba(255,105,0,1) 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);--wp--preset--font-size--small:.9em;--wp--preset--font-size--medium:1.1em;--wp--preset--font-size--large:1.25em;--wp--preset--font-size--x-large:42px;--wp--preset--font-size--xs:.75em;--wp--preset--font-size--huge:1.6em;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0 rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0 -3px rgba(255,255,255,1) , 6px 6px rgba(0,0,0,1);--wp--preset--shadow--crisp:6px 6px 0 rgba(0,0,0,1)}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}body .is-layout-flow>.alignleft{float:left;margin-inline-start:0;margin-inline-end:2em}body .is-layout-flow>.alignright{float:right;margin-inline-start:2em;margin-inline-end:0}body .is-layout-flow>.aligncenter{margin-left:auto!important;margin-right:auto!important}body .is-layout-constrained>.alignleft{float:left;margin-inline-start:0;margin-inline-end:2em}body .is-layout-constrained>.alignright{float:right;margin-inline-start:2em;margin-inline-end:0}body .is-layout-constrained>.aligncenter{margin-left:auto!important;margin-right:auto!important}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:var(--wp--style--global--content-size);margin-left:auto!important;margin-right:auto!important}body .is-layout-constrained>.alignwide{max-width:var(--wp--style--global--wide-size)}body .is-layout-flex{display:flex}body .is-layout-flex{flex-wrap:wrap;align-items:center}body .is-layout-flex>*{margin:0}body .is-layout-grid{display:grid}body .is-layout-grid>*{margin:0}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}.has-black-color{color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-color{color:var(--wp--preset--color--white)!important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple)!important}.has-black-background-color{background-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-background-color{background-color:var(--wp--preset--color--white)!important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple)!important}.has-black-border-color{border-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-border-color{border-color:var(--wp--preset--color--white)!important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple)!important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple)!important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan)!important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange)!important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red)!important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray)!important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum)!important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple)!important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux)!important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk)!important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean)!important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass)!important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight)!important}.has-small-font-size{font-size:var(--wp--preset--font-size--small)!important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium)!important}.has-large-font-size{font-size:var(--wp--preset--font-size--large)!important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large)!important}.wp-block-navigation a:where(:not(.wp-element-button)){color:inherit}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}.wp-block-pullquote{font-size:1.5em;line-height:1.6}:root{--pb_colset_yellow:#fdc44f;--pb_colset_yellow_thin:#fef9ed;--pb_colset_yellow_dark:#b4923a;--pb_colset_pink:#fd9392;--pb_colset_pink_thin:#ffefef;--pb_colset_pink_dark:#d07373;--pb_colset_green:#ceb46d;--pb_colset_green_thin:#f9f7ea;--pb_colset_green_dark:#af962f;--pb_colset_blue:#6fc7e1;--pb_colset_blue_thin:#f0f9fc;--pb_colset_blue_dark:#419eb9;--pb_colset_cvbox_01_bg:#f5f5f5;--pb_colset_cvbox_01_list:#99b259;--pb_colset_cvbox_01_btn:#ceb46d;--pb_colset_cvbox_01_shadow:#af962f;--pb_colset_cvbox_01_note:#e2a946;--pb_colset_compare_01_l:#629fe0;--pb_colset_compare_01_l_bg:#f0f9fc;--pb_colset_compare_01_r:#fc9797;--pb_colset_compare_01_r_bg:#fff6f2;--pb_colset_iconbox_01:#6e828a;--pb_colset_iconbox_01_bg:#fff;--pb_colset_iconbox_01_icon:#bca965;--pb_colset_bargraph_01:#9dd9dd;--pb_colset_bargraph_01_bg:#fafafa;--pb_colset_bar_01:#f8db92;--pb_colset_bar_02:#fda9a8;--pb_colset_bar_03:#bdda8b;--pb_colset_bar_04:#a1c6f1;--pb_colset_rating_01_bg:#fafafa;--pb_colset_rating_01_text:#71828a;--pb_colset_rating_01_label:#71828a;--pb_colset_rating_01_point:#ee8f81}.pb-iconbox__figure[data-iconset="01"]{background-image:url(https://bambi-camp.com/wp-content/uploads/2021/11/a73af0703b4d09ae1454b9102117295d-e1636278314130.jpeg)}.pb-iconbox__figure[data-iconset="02"]{background-image:url(https://bambi-camp.com/wp-content/uploads/2021/11/8e63e018635defdcbc54e366a4f0726d-e1636278646200.jpeg)}.pb-iconbox__figure[data-iconset="03"]{background-image:url(https://bambi-camp.com/wp-content/uploads/2021/11/4f54eca28206173aa3b6826a35593a54.jpeg)}.pb-iconbox__figure[data-iconset="04"]{background-image:url(https://bambi-camp.com/wp-content/plugins/useful-blocks/assets/img/a_person.png)} @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { .jin-sp-design { display: none; } } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 835px) and (max-width: 1199px) { } @media (min-width: 1200px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { .page-top-footer a.totop .jin-ifont-arrow-top:before { -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; } .page-top-footer a:hover .jin-ifont-arrow-top:before { -webkit-transform: translateY(-4px); transform: translateY(-4px); } } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } } } } } } } } } } } } } } } } } } } } } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) and (max-width: 767px) { } @media (min-width: 1200px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 1200px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) and (max-width: 767px) { } @media (min-width: 1200px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 1200px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (min-width: 768px) and (max-width: 1199px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) and (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) and (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 1200px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) and (max-width: 1024px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { .wide-layout ul li .color-button01 a, .wide-layout ul li .color-button02 a { padding-top: 11px; padding-bottom: 11px; font-size: 1rem; } } @media (min-width: 768px) { .wide-layout ul li .color-button01 a, .wide-layout ul li .color-button02 a { padding-top: 9px; padding-bottom: 9px; font-size: 0.95rem; } } .wide-layout ul li .color-button01:before, .wide-layout ul li .color-button02:before { display: block; width: 100%; } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) and (max-width: 767px) { } @media (min-width: 1024px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { .sp-sidemenu-menu .jic:before { padding-right: 0; } } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) and (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) and (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) and (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) and (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) and (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) and (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) and (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (min-width: 1200px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) and (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) and (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1200px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) and (max-width: 767px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } .cps-post .cps-post-thumb:not(.jin-thumb-original) img { width: 100%; height: auto; } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } .cps-post .cps-post-header .cps-post-meta .cps-post-date-box .cps-post-date .jin-ifont-watch:before, .cps-post .cps-post-header .cps-post-meta .cps-post-date-box .cps-post-date .jin-ifont-reload:before { font-size: 0.8rem; padding-bottom: 4px; margin-right: -4px; vertical-align: bottom; } table img.star { display: block; width: 130px; height: auto; margin: 0 auto; } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } div.balloon-box ul:not([class]), div.balloon-box ol { margin-top: 0.5em; margin-bottom: 0; } @media (max-width: 767px) { } @media (min-width: 768px) { } table.cps-table03 { width: 100%; margin-bottom: 30px; } table.cps-table03 th, table.cps-table03 td { vertical-align: middle; font-size: 0.9rem; letter-spacing: 0; line-height: 1.2rem; } table.cps-table03 th { background: #FFFAF0; } @media (max-width: 767px) { table.cps-table03 th { font-weight: 700; } } @media (min-width: 768px) { table.cps-table03 th { font-weight: 500; } } table.cps-table03 th.ranking-title { padding: 12px; font-size: 1.1em; text-align: left; } @media (max-width: 767px) { table.cps-table03 td { padding: 10px 7px; } } @media (min-width: 768px) { table.cps-table03 td { padding: 14px; } } table.cps-table03 td.rankinginfo { vertical-align: top; text-align: left; } table.cps-table03 td img { display: block; margin: 0 auto; margin-top: 0px; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } table.cps-table03 img.star { display: block; width: 130px; height: auto; } table.cps-table03 td.rankinginfo { width: 70%; } .ranking01, .ranking02, .ranking03 { margin-top: 40px; display: block; } .ranking01 .ranking-title01, .ranking01 .ranking-title02, .ranking01 .ranking-title03, .ranking01 .ranking-title04, .ranking02 .ranking-title01, .ranking02 .ranking-title02, .ranking02 .ranking-title03, .ranking02 .ranking-title04, .ranking03 .ranking-title01, .ranking03 .ranking-title02, .ranking03 .ranking-title03, .ranking03 .ranking-title04 { border-bottom: 1px solid; letter-spacing: 0; position: relative; margin-bottom: 20px; } @media (max-width: 767px) { .ranking01 .ranking-title01, .ranking01 .ranking-title02, .ranking01 .ranking-title03, .ranking01 .ranking-title04, .ranking02 .ranking-title01, .ranking02 .ranking-title02, .ranking02 .ranking-title03, .ranking02 .ranking-title04, .ranking03 .ranking-title01, .ranking03 .ranking-title02, .ranking03 .ranking-title03, .ranking03 .ranking-title04 { font-size: 21px; font-weight: 700; padding-left: 60px; } } @media (min-width: 768px) { .ranking01 .ranking-title01, .ranking01 .ranking-title02, .ranking01 .ranking-title03, .ranking01 .ranking-title04, .ranking02 .ranking-title01, .ranking02 .ranking-title02, .ranking02 .ranking-title03, .ranking02 .ranking-title04, .ranking03 .ranking-title01, .ranking03 .ranking-title02, .ranking03 .ranking-title03, .ranking03 .ranking-title04 { font-size: 26px; font-weight: 400; padding-left: 75px; } } .ranking01 .ranking-title01 img, .ranking01 .ranking-title02 img, .ranking01 .ranking-title03 img, .ranking01 .ranking-title04 img, .ranking02 .ranking-title01 img, .ranking02 .ranking-title02 img, .ranking02 .ranking-title03 img, .ranking02 .ranking-title04 img, .ranking03 .ranking-title01 img, .ranking03 .ranking-title02 img, .ranking03 .ranking-title03 img, .ranking03 .ranking-title04 img { position: absolute; height: auto; } @media (max-width: 767px) { .ranking01 .ranking-title01 img.ranking-number, .ranking01 .ranking-title02 img.ranking-number, .ranking01 .ranking-title03 img.ranking-number, .ranking01 .ranking-title04 img.ranking-number, .ranking02 .ranking-title01 img.ranking-number, .ranking02 .ranking-title02 img.ranking-number, .ranking02 .ranking-title03 img.ranking-number, .ranking02 .ranking-title04 img.ranking-number, .ranking03 .ranking-title01 img.ranking-number, .ranking03 .ranking-title02 img.ranking-number, .ranking03 .ranking-title03 img.ranking-number, .ranking03 .ranking-title04 img.ranking-number { width: 55px; bottom: -18px; left: 2px; } } @media (min-width: 768px) { .ranking01 .ranking-title01 img.ranking-number, .ranking01 .ranking-title02 img.ranking-number, .ranking01 .ranking-title03 img.ranking-number, .ranking01 .ranking-title04 img.ranking-number, .ranking02 .ranking-title01 img.ranking-number, .ranking02 .ranking-title02 img.ranking-number, .ranking02 .ranking-title03 img.ranking-number, .ranking02 .ranking-title04 img.ranking-number, .ranking03 .ranking-title01 img.ranking-number, .ranking03 .ranking-title02 img.ranking-number, .ranking03 .ranking-title03 img.ranking-number, .ranking03 .ranking-title04 img.ranking-number { width: 65px; bottom: -15px; left: 5px; } } @media (max-width: 767px) { .ranking01 .ranking-title01 img.ranking-number-girly, .ranking01 .ranking-title02 img.ranking-number-girly, .ranking01 .ranking-title03 img.ranking-number-girly, .ranking01 .ranking-title04 img.ranking-number-girly, .ranking02 .ranking-title01 img.ranking-number-girly, .ranking02 .ranking-title02 img.ranking-number-girly, .ranking02 .ranking-title03 img.ranking-number-girly, .ranking02 .ranking-title04 img.ranking-number-girly, .ranking03 .ranking-title01 img.ranking-number-girly, .ranking03 .ranking-title02 img.ranking-number-girly, .ranking03 .ranking-title03 img.ranking-number-girly, .ranking03 .ranking-title04 img.ranking-number-girly { width: 55px; bottom: -18px; left: 2px; } } @media (min-width: 768px) { .ranking01 .ranking-title01 img.ranking-number-girly, .ranking01 .ranking-title02 img.ranking-number-girly, .ranking01 .ranking-title03 img.ranking-number-girly, .ranking01 .ranking-title04 img.ranking-number-girly, .ranking02 .ranking-title01 img.ranking-number-girly, .ranking02 .ranking-title02 img.ranking-number-girly, .ranking02 .ranking-title03 img.ranking-number-girly, .ranking02 .ranking-title04 img.ranking-number-girly, .ranking03 .ranking-title01 img.ranking-number-girly, .ranking03 .ranking-title02 img.ranking-number-girly, .ranking03 .ranking-title03 img.ranking-number-girly, .ranking03 .ranking-title04 img.ranking-number-girly { width: 65px; bottom: -17px; left: 5px; } } @media (max-width: 767px) { .ranking01 .ranking-title01 img.ranking-number-rich, .ranking01 .ranking-title02 img.ranking-number-rich, .ranking01 .ranking-title03 img.ranking-number-rich, .ranking01 .ranking-title04 img.ranking-number-rich, .ranking02 .ranking-title01 img.ranking-number-rich, .ranking02 .ranking-title02 img.ranking-number-rich, .ranking02 .ranking-title03 img.ranking-number-rich, .ranking02 .ranking-title04 img.ranking-number-rich, .ranking03 .ranking-title01 img.ranking-number-rich, .ranking03 .ranking-title02 img.ranking-number-rich, .ranking03 .ranking-title03 img.ranking-number-rich, .ranking03 .ranking-title04 img.ranking-number-rich { width: 44px; bottom: -36px; left: 8px; } } @media (min-width: 768px) { .ranking01 .ranking-title01 img.ranking-number-rich, .ranking01 .ranking-title02 img.ranking-number-rich, .ranking01 .ranking-title03 img.ranking-number-rich, .ranking01 .ranking-title04 img.ranking-number-rich, .ranking02 .ranking-title01 img.ranking-number-rich, .ranking02 .ranking-title02 img.ranking-number-rich, .ranking02 .ranking-title03 img.ranking-number-rich, .ranking02 .ranking-title04 img.ranking-number-rich, .ranking03 .ranking-title01 img.ranking-number-rich, .ranking03 .ranking-title02 img.ranking-number-rich, .ranking03 .ranking-title03 img.ranking-number-rich, .ranking03 .ranking-title04 img.ranking-number-rich { width: 50px; bottom: -38px; left: 10px; } } .ranking01 .ranking-title01, .ranking02 .ranking-title01, .ranking03 .ranking-title01 { border-color: #FFCF24; } .ranking01 .ranking-title02, .ranking02 .ranking-title02, .ranking03 .ranking-title02 { border-color: #A0A9B1; } .ranking01 .ranking-title03, .ranking02 .ranking-title03, .ranking03 .ranking-title03 { border-color: #B26A2B; } .ranking01 .ranking-title04, .ranking02 .ranking-title04, .ranking03 .ranking-title04 { border-color: #acd7ea; } .ranking01 .ranking-img01, .ranking01 .ranking-img02, .ranking01 .ranking-img03, .ranking01 .ranking-img04, .ranking02 .ranking-img01, .ranking02 .ranking-img02, .ranking02 .ranking-img03, .ranking02 .ranking-img04, .ranking03 .ranking-img01, .ranking03 .ranking-img02, .ranking03 .ranking-img03, .ranking03 .ranking-img04 { width: 300px; height: auto; display: block; } @media (max-width: 767px) { .ranking01 .ranking-img01, .ranking01 .ranking-img02, .ranking01 .ranking-img03, .ranking01 .ranking-img04, .ranking02 .ranking-img01, .ranking02 .ranking-img02, .ranking02 .ranking-img03, .ranking02 .ranking-img04, .ranking03 .ranking-img01, .ranking03 .ranking-img02, .ranking03 .ranking-img03, .ranking03 .ranking-img04 { margin: 0 auto; } } @media (min-width: 768px) { .ranking01 .ranking-img01, .ranking01 .ranking-img02, .ranking01 .ranking-img03, .ranking01 .ranking-img04, .ranking02 .ranking-img01, .ranking02 .ranking-img02, .ranking02 .ranking-img03, .ranking02 .ranking-img04, .ranking03 .ranking-img01, .ranking03 .ranking-img02, .ranking03 .ranking-img03, .ranking03 .ranking-img04 { float: left; margin-right: 20px; } } .ranking01 .ranking-img01 img, .ranking01 .ranking-img02 img, .ranking01 .ranking-img03 img, .ranking01 .ranking-img04 img, .ranking02 .ranking-img01 img, .ranking02 .ranking-img02 img, .ranking02 .ranking-img03 img, .ranking02 .ranking-img04 img, .ranking03 .ranking-img01 img, .ranking03 .ranking-img02 img, .ranking03 .ranking-img03 img, .ranking03 .ranking-img04 img { max-width: 100%; height: auto; display: block; } .ranking01 .ranking-img01 br, .ranking01 .ranking-img01 img[width="1"], .ranking01 .ranking-img02 br, .ranking01 .ranking-img02 img[width="1"], .ranking01 .ranking-img03 br, .ranking01 .ranking-img03 img[width="1"], .ranking01 .ranking-img04 br, .ranking01 .ranking-img04 img[width="1"], .ranking02 .ranking-img01 br, .ranking02 .ranking-img01 img[width="1"], .ranking02 .ranking-img02 br, .ranking02 .ranking-img02 img[width="1"], .ranking02 .ranking-img03 br, .ranking02 .ranking-img03 img[width="1"], .ranking02 .ranking-img04 br, .ranking02 .ranking-img04 img[width="1"], .ranking03 .ranking-img01 br, .ranking03 .ranking-img01 img[width="1"], .ranking03 .ranking-img02 br, .ranking03 .ranking-img02 img[width="1"], .ranking03 .ranking-img03 br, .ranking03 .ranking-img03 img[width="1"], .ranking03 .ranking-img04 br, .ranking03 .ranking-img04 img[width="1"] { display: none; } @media (min-width: 768px) { .ranking01 .ranking-info01, .ranking01 .ranking-info02, .ranking01 .ranking-info03, .ranking02 .ranking-info01, .ranking02 .ranking-info02, .ranking02 .ranking-info03, .ranking03 .ranking-info01, .ranking03 .ranking-info02, .ranking03 .ranking-info03 { display: inline; } } @media (max-width: 767px) { .ranking01 .ranking-info01, .ranking01 .ranking-info02, .ranking01 .ranking-info03, .ranking02 .ranking-info01, .ranking02 .ranking-info02, .ranking02 .ranking-info03, .ranking03 .ranking-info01, .ranking03 .ranking-info02, .ranking03 .ranking-info03 { margin-bottom: 20px; } } .ranking01 .clearfix, .ranking02 .clearfix, .ranking03 .clearfix { height: 5px; } .ranking02, .ranking03 { margin-top: 0px; } .gb-review-table-box .cps-table03 table { width: 100%; border: 1px solid #dedede; border-collapse: collapse; margin-bottom: 30px; } .gb-review-table-box .cps-table03 table th, .gb-review-table-box .cps-table03 table td { vertical-align: middle; font-size: 0.9rem; border: 1px solid #dedede; border-collapse: collapse; letter-spacing: 0; line-height: 1.2rem; } .gb-review-table-box .cps-table03 table th, .gb-review-table-box .cps-table03 table tr td:first-child { text-align: center; background: #FFFAF0; } @media (max-width: 767px) { .gb-review-table-box .cps-table03 table th, .gb-review-table-box .cps-table03 table tr td:first-child { font-weight: 600; } } @media (min-width: 768px) { .gb-review-table-box .cps-table03 table th, .gb-review-table-box .cps-table03 table tr td:first-child { font-weight: 500; } } .gb-review-table-box .cps-table03 table th.ranking-title { padding: 12px; font-size: 1.1em; text-align: left; } @media (max-width: 767px) { .gb-review-table-box .cps-table03 table td { padding: 10px 7px; } } @media (min-width: 768px) { .gb-review-table-box .cps-table03 table td { padding: 7px 10px; } } .gb-review-table-box .cps-table03 table td.rankinginfo { vertical-align: top; text-align: left; } .gb-review-table-box .cps-table03 table td img { display: block; margin: 0 auto; margin-top: 0px; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .gb-review-table-box .cps-table03 table img.star { width: 150px; height: auto; } .gb-review-table-box .cps-table03 table td.rankinginfo { width: 70%; } .jin-keyboard { margin: 0 5px; padding: 4px 6px; border: 1px solid #dedede; background: #f6f6f6; border-radius: 3px; font-size: 0.84em; -webkit-box-shadow: 1px 1px 2px #eee; box-shadow: 1px 1px 2px #eee; } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } .blog-card .jin-ifont-post { color: #fff; font-size: 0.7rem; } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } .profile-card .profile-link-box .jic-type:before { vertical-align: bottom; padding-bottom: 0; padding: 2px; } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) and (max-width: 767px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } .related-entry-section .related-entry-headline-text .jin-ifont-post { line-height: 0; position: relative; color: #fff; z-index: 1; } @media (max-width: 767px) { .related-entry-section .related-entry-headline-text .jin-ifont-post { margin-right: 13px; } } @media (min-width: 768px) { .related-entry-section .related-entry-headline-text .jin-ifont-post { margin-right: 14px; } } .related-entry-section .related-entry-headline-text .jin-ifont-post:before { vertical-align: bottom; font-size: 1.2rem; margin-left: 2px; } @media (max-width: 767px) { .related-entry-section .related-entry-headline-text .jin-ifont-post:before { line-height: 0rem; padding-bottom: 0; } } @media (min-width: 768px) { .related-entry-section .related-entry-headline-text .jin-ifont-post:before { line-height: 0.3rem; padding-top: 1px; } } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } .simple-box1 { border: 3px solid #eee; border-radius: 4px; } .simple-box2 { border: 3px dashed #eee; border-radius: 4px; } .simple-box3 { position: relative; border: 3px double #eee; border-radius: 4px; } .simple-box4 { border: 1px solid #eee; border-radius: 4px; position: relative; } .simple-box4:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.05; z-index: -1; } .simple-box5 { position: relative; border: 1px dashed #aaa; border-radius: 4px; } .simple-box5:before { position: absolute; content: ""; display: block; right: 0; top: 0; width: 100%; height: 100%; background: #F7F7F7; opacity: 0.05; z-index: -1; } .simple-box6 { background: #eee; border-radius: 4px; } .simple-box7 { border: 10px solid #aaa; border-radius: 4px; position: relative; } .simple-box7:before { position: absolute; content: ""; display: block; right: 0; top: 0; width: 100%; height: 100%; background: #F7F7F7; opacity: 0.2; z-index: -1; } .simple-box8 { position: relative; border-left: 5px solid #aaa; } .simple-box8:before { position: absolute; content: ""; display: block; right: 0; top: 0; width: 100%; height: 100%; background: #F7F7F7; opacity: 0.1; z-index: -1; } .simple-box9 { position: relative; } .simple-box9:before { position: absolute; content: ""; display: block; right: 0; top: 0; width: 100%; height: 100%; background: #F7F7F7; opacity: 0.2; z-index: -1; } .simple-box9:after { position: absolute; content: ""; display: block; right: 0; top: 0; border-color: #e3e3e3 #e3e3e3 #fff #fff; border-width: 0 30px 30px 0; border-style: solid; width: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } .kaisetsu-box3 { position: relative; border: 10px solid #E3B66A; background: #369377; border-radius: 1px; color: #fff; } @media (min-width: 768px) { .kaisetsu-box3 { padding-top: 80px; } } @media (max-width: 767px) { .kaisetsu-box3 { padding-top: 70px; } } .kaisetsu-box3 ol li, .kaisetsu-box3 ul li { border-bottom: 2px solid rgba(255, 255, 255, 0.21); padding-bottom: 9px; } .kaisetsu-box3:before { position: absolute; content: ""; right: 0; bottom: 0; width: 57px; height: 23px; background: url(img/bankeshi.png); background-size: contain; } .kaisetsu-box3-title { position: absolute; display: block; left: 0; top: 15px; color: #fff; width: 100%; padding: 15px 0; text-align: center; font-weight: bold; letter-spacing: 0px; } @media (min-width: 768px) { .kaisetsu-box3-title { font-size: 21px; font-weight: 500; } } @media (max-width: 767px) { .kaisetsu-box3-title { font-size: 18px; font-weight: 700; } } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } .concept-box1, .concept-box2, .concept-box3, .concept-box4, .concept-box5, .concept-box6 { position: relative; border: 1px solid #eee; border-radius: 4px; } @media (max-width: 767px) { .concept-box1, .concept-box2, .concept-box3, .concept-box4, .concept-box5, .concept-box6 { padding-top: 30px; margin-top: 30px; } } @media (min-width: 768px) { .concept-box1, .concept-box2, .concept-box3, .concept-box4, .concept-box5, .concept-box6 { padding-top: 40px; margin-top: 40px; } } .concept-box1:before, .concept-box2:before, .concept-box3:before, .concept-box4:before, .concept-box5:before, .concept-box6:before { position: absolute; font-weight: bold; background: #fff; color: #555; line-height: 0; letter-spacing: 0; } @media (min-width: 768px) { .concept-box1:before, .concept-box2:before, .concept-box3:before, .concept-box4:before, .concept-box5:before, .concept-box6:before { font-size: 20px; top: -21px; padding: 20px 8px 20px 51px; } } @media (max-width: 767px) { .concept-box1:before, .concept-box2:before, .concept-box3:before, .concept-box4:before, .concept-box5:before, .concept-box6:before { font-size: 18px; top: -21px; padding: 20px 8px 20px 32px; } } .concept-box1:after, .concept-box2:after, .concept-box3:after, .concept-box4:after, .concept-box5:after, .concept-box6:after { position: absolute; background: #aaa; color: #fff; font-family: "jin-icons"; border: 5px solid #fff; text-align: center; width: 16px; height: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 768px) { .concept-box1:after, .concept-box2:after, .concept-box3:after, .concept-box4:after, .concept-box5:after, .concept-box6:after { left: 20px; top: -28px; padding-left: 12px; padding-right: 18px; padding-top: 13px; padding-bottom: 17px; border-radius: 40px; font-size: 1.4rem; } } @media (max-width: 767px) { .concept-box1:after, .concept-box2:after, .concept-box3:after, .concept-box4:after, .concept-box5:after, .concept-box6:after { left: 12px; top: -23px; padding-left: 9px; padding-right: 11px; padding-top: 8px; padding-bottom: 12px; border-radius: 28px; font-size: 1.15rem; } } .concept-box1:before { content: "ポイント"; } .concept-box1:after { content: "\e90b"; } .concept-box2:before { content: "注意点"; } .concept-box2:after { content: "\e909"; line-height: 1.1rem; } .concept-box3:before { content: "良い例"; } .concept-box3:after { content: "\e91d"; line-height: 1.3rem; } .concept-box4:before { content: "悪い例"; } .concept-box4:after { content: "\e905"; line-height: 1.3rem; } .concept-box5:before { content: "参考"; } .concept-box5:after { content: "\e906"; line-height: 1.3rem; } .concept-box6:before { content: "メモ"; } .concept-box6:after { content: "\e921"; line-height: 1.3rem; } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { .innerlink-box1-title .jic:before { padding-bottom: 0; padding-right: 0; vertical-align: inherit; } } .innerlink-box1-title .jin-ifont-post { color: #fff; font-size: 0.65rem; margin-right: -1px; } .simple-box1, .simple-box2, .simple-box3, .simple-box4, .simple-box5, .simple-box6, .simple-box7, .simple-box8, .simple-box9, .kaisetsu-box3, .concept-box1, .concept-box2, .concept-box3, .concept-box4, .concept-box5, .concept-box6 { padding: 20px 25px; padding-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 767px) { .simple-box1, .simple-box2, .simple-box3, .simple-box4, .simple-box5, .simple-box6, .simple-box7, .simple-box8, .simple-box9, .kaisetsu-box3, .concept-box1, .concept-box2, .concept-box3, .concept-box4, .concept-box5, .concept-box6 { margin-bottom: 30px; } } @media (min-width: 768px) { .simple-box1, .simple-box2, .simple-box3, .simple-box4, .simple-box5, .simple-box6, .simple-box7, .simple-box8, .simple-box9, .kaisetsu-box3, .concept-box1, .concept-box2, .concept-box3, .concept-box4, .concept-box5, .concept-box6 { margin-bottom: 40px; width: 90%; margin-left: auto; margin-right: auto; } } .simple-box1 P, .simple-box2 P, .simple-box3 P, .simple-box4 P, .simple-box5 P, .simple-box6 P, .simple-box7 P, .simple-box8 P, .simple-box9 P, .kaisetsu-box3 P, .concept-box1 P, .concept-box2 P, .concept-box3 P, .concept-box4 P, .concept-box5 P, .concept-box6 P { padding-bottom: 20px; } .simple-box1 ol, .simple-box1 ul, .simple-box2 ol, .simple-box2 ul, .simple-box3 ol, .simple-box3 ul, .simple-box4 ol, .simple-box4 ul, .simple-box5 ol, .simple-box5 ul, .simple-box6 ol, .simple-box6 ul, .simple-box7 ol, .simple-box7 ul, .simple-box8 ol, .simple-box8 ul, .simple-box9 ol, .simple-box9 ul, .kaisetsu-box3 ol, .kaisetsu-box3 ul, .concept-box1 ol, .concept-box1 ul, .concept-box2 ol, .concept-box2 ul, .concept-box3 ol, .concept-box3 ul, .concept-box4 ol, .concept-box4 ul, .concept-box5 ol, .concept-box5 ul, .concept-box6 ol, .concept-box6 ul { padding-top: 0px; padding-bottom: 30px; padding-right: 20px; } @media (max-width: 767px) { .simple-box1 ol, .simple-box1 ul, .simple-box2 ol, .simple-box2 ul, .simple-box3 ol, .simple-box3 ul, .simple-box4 ol, .simple-box4 ul, .simple-box5 ol, .simple-box5 ul, .simple-box6 ol, .simple-box6 ul, .simple-box7 ol, .simple-box7 ul, .simple-box8 ol, .simple-box8 ul, .simple-box9 ol, .simple-box9 ul, .kaisetsu-box3 ol, .kaisetsu-box3 ul, .concept-box1 ol, .concept-box1 ul, .concept-box2 ol, .concept-box2 ul, .concept-box3 ol, .concept-box3 ul, .concept-box4 ol, .concept-box4 ul, .concept-box5 ol, .concept-box5 ul, .concept-box6 ol, .concept-box6 ul { padding-left: 4px; padding-right: 4px; } } .simple-box1 a, .simple-box2 a, .simple-box3 a, .simple-box4 a, .simple-box5 a, .simple-box6 a, .simple-box7 a, .simple-box8 a, .simple-box9 a, .kaisetsu-box3 a, .concept-box1 a, .concept-box2 a, .concept-box3 a, .concept-box4 a, .concept-box5 a, .concept-box6 a { position: relative; z-index: 2; } .simple-box1 ol, .simple-box1 ul, .simple-box2 ol, .simple-box2 ul, .simple-box3 ol, .simple-box3 ul, .simple-box4 ol, .simple-box4 ul, .simple-box5 ol, .simple-box5 ul, .simple-box6 ol, .simple-box6 ul, .simple-box7 ol, .simple-box7 ul, .simple-box8 ol, .simple-box8 ul, .simple-box9 ol, .simple-box9 ul, .kaisetsu-box3 ol, .kaisetsu-box3 ul { padding-top: 10px; padding-bottom: 30px; padding-right: 20px; } @media (max-width: 767px) { .simple-box1 ol, .simple-box1 ul, .simple-box2 ol, .simple-box2 ul, .simple-box3 ol, .simple-box3 ul, .simple-box4 ol, .simple-box4 ul, .simple-box5 ol, .simple-box5 ul, .simple-box6 ol, .simple-box6 ul, .simple-box7 ol, .simple-box7 ul, .simple-box8 ol, .simple-box8 ul, .simple-box9 ol, .simple-box9 ul, .kaisetsu-box3 ol, .kaisetsu-box3 ul { padding-left: 4px; padding-right: 4px; } } .concept-box1 ol, .concept-box1 ul, .concept-box2 ol, .concept-box2 ul, .concept-box3 ol, .concept-box3 ul, .concept-box4 ol, .concept-box4 ul, .concept-box5 ol, .concept-box5 ul, .concept-box6 ol, .concept-box6 ul { padding-top: 0px; padding-bottom: 30px; padding-right: 20px; } @media (max-width: 767px) { .concept-box1 ol, .concept-box1 ul, .concept-box2 ol, .concept-box2 ul, .concept-box3 ol, .concept-box3 ul, .concept-box4 ol, .concept-box4 ul, .concept-box5 ol, .concept-box5 ul, .concept-box6 ol, .concept-box6 ul { padding-left: 4px; padding-right: 4px; } } .color-button01, .color-button02, .color-button01-big, .color-button02-big { margin-left: 5px; margin-right: 5px; letter-spacing: 0; } @media (max-width: 767px) { .color-button01, .color-button02, .color-button01-big, .color-button02-big { margin-bottom: 10px; } } .color-button01 a, .color-button02 a, .color-button01-big a, .color-button02-big a { color: #fff; } .color-button01-big, .color-button02-big { margin-left: auto; margin-right: auto; } @media (max-width: 767px) { } .color-button01 a, .color-button02 a { -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; border-radius: 6px; text-align: center; padding: 13px 80px; padding-bottom: 12px; display: inline-block; text-decoration: none; -webkit-transform: perspective(0); transform: perspective(0); font-size: 1.1rem; opacity: 1; } @media (max-width: 767px) { .color-button01 a, .color-button02 a { padding: 12px 80px; padding-bottom: 11px; font-weight: 700; } } @media (min-width: 768px) { .color-button01 a, .color-button02 a { font-weight: 400; } } @media (max-width: 767px) { .spfull.color-button01 a, .spfull.color-button02 a { width: 100%; } } .color-button01-big a, .color-button02-big a { -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; border-radius: 4px; text-align: center; font-size: 1.2rem; padding: 20px 30px; max-width: 100%; vertical-align: bottom; display: block; text-decoration: none; -webkit-transform: perspective(0); transform: perspective(0); } @media (max-width: 767px) { .color-button01-big a, .color-button02-big a { width: 100%; font-weight: 700; } } @media (min-width: 768px) { .color-button01-big a, .color-button02-big a { font-weight: 400; } } .color-button01 img, .color-button02 img, .color-button01-big img, .color-button02-big img { display: none; } .color-button01 a:hover, .color-button02 a:hover, .color-button01-big a:hover, .color-button02-big a:hover { text-decoration: none; opacity: 1; } .color-button01, .color-button02, .color-button01-big, .color-button02-big { position: relative; z-index: 1; display: inline-block; } .color-button01-big, .color-button02-big { display: block; } .color-button01 a, .color-button01-big a { background-color: #0094c8; color: #fff; } @media (max-width: 767px) { } @media (min-width: 768px) { } .color-button02 a, .color-button02-big a { background-color: #d9333f; color: #fff; } .color-button01 a:hover, .color-button02 a:hover, .color-button01-big a:hover, .color-button02-big a:hover { -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-filter: brightness(0.9); filter: brightness(0.9); } .color-button01:before, .color-button02:before, .color-button01-big:before, .color-button02-big:before { position: absolute; bottom: -4px; z-index: -1; left: 0; content: ''; width: 100%; height: 24px; border-radius: 4px; -webkit-filter: brightness(0.85); filter: brightness(0.85); } .color-button01:before, .color-button02:before { border-radius: 6px; } .color-button01-big:before, .color-button02-big:before { height: 100%; } .color-button01:before, .color-button01-big:before { background-color: #0094c8; } .color-button02:before, .color-button02-big:before { background-color: #d9333f; } @media (min-width: 768px) { .twobutton .color-button01, .twobutton .color-button02 { margin-bottom: 10px; } } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { .jin-h2-icons h2 { padding-left: 10px; } } @media (min-width: 768px) { .jin-h2-icons h2 { padding-left: 12px; } } @media (max-width: 767px) { .jin-h2-icons h2 .jic:before { padding-right: 4px; font-size: 1.5rem; line-height: 1.4rem; vertical-align: bottom; } } @media (min-width: 768px) { .jin-h2-icons h2 .jic:before { padding-right: 2px; font-size: 1.5rem; line-height: 2rem; vertical-align: bottom; } } @media (max-width: 767px) { .jin-h2-icons h2 .jin-ifont-check:before { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 768px) { .jin-h2-icons h2 .jin-ifont-check:before { font-size: 1.4rem; } } @media (max-width: 767px) { .jin-h2-icons h2 .jin-ifont-checkcircle:before { font-size: 1.25rem; } } @media (min-width: 768px) { .jin-h2-icons h2 .jin-ifont-checkcircle:before { padding-right: 5px; font-size: 1.4rem; } } @media (max-width: 767px) { .jin-h2-icons h2 .jin-ifont-clover:before { font-size: 1.25rem; } } @media (min-width: 768px) { .jin-h2-icons h2 .jin-ifont-clover:before { font-size: 1.4rem; } } @media (max-width: 767px) { .jin-h2-icons h2 .jin-ifont-bookmark:before { font-size: 1.1rem; } } @media (min-width: 768px) { .jin-h2-icons h2 .jin-ifont-bookmark:before { font-size: 1.2rem; } } .jin-h2-icons.h2-style01 h2 .jic:before, .jin-h2-icons.h2-style03 h2 .jic:before, .jin-h2-icons.h2-style05 h2 .jic:before { color: #fff; } .jin-h2-icons.h2-style04 h2 { padding-left: 0px; } @media (max-width: 767px) { .jin-h2-icons.h2-style01 h2 { padding-left: 11px; } } @media (max-width: 767px) { .jin-h2-icons.h2-style06 h2, .jin-h2-icons.h2-style07 h2, .jin-h2-icons.h2-style09 h2 { padding-left: 5px; } } @media (min-width: 768px) { .jin-h2-icons.h2-style06 h2, .jin-h2-icons.h2-style07 h2, .jin-h2-icons.h2-style09 h2 { padding-left: 6px; } } .jin-h2-icons.h2-style08 h2 { padding-left: 22px; } .jin-h2-icons.h2-style10 h2 { padding-left: 6px; } @media (max-width: 767px) { .jin-h3-icons h3 { padding-left: 8px; } } @media (min-width: 768px) { .jin-h3-icons h3 { padding-left: 10px; } } @media (max-width: 767px) { .jin-h3-icons h3 .jic:before { padding-right: 2px; line-height: 1.1rem; vertical-align: bottom; font-size: 1.2rem; } } @media (min-width: 768px) { .jin-h3-icons h3 .jic:before { padding-right: 2px; line-height: 2rem; vertical-align: bottom; font-size: 1.4rem; } } @media (max-width: 767px) { .jin-h3-icons h3 .jin-ifont-check:before { font-size: 1.1rem; } } @media (min-width: 768px) { .jin-h3-icons h3 .jin-ifont-check:before { font-size: 1.25rem; } } @media (max-width: 767px) { .jin-h3-icons h3 .jin-ifont-checkcircle:before { padding-right: 4px; } } @media (min-width: 768px) { .jin-h3-icons h3 .jin-ifont-checkcircle:before { padding-right: 5px; } } @media (max-width: 767px) { .jin-h3-icons h3 .jin-ifont-clover:before { font-size: 1.1rem; } } @media (min-width: 768px) { .jin-h3-icons h3 .jin-ifont-clover:before { font-size: 1.25rem; } } @media (max-width: 767px) { .jin-h3-icons h3 .jin-ifont-bookmark:before { font-size: 1.1rem; } } @media (min-width: 768px) { .jin-h3-icons h3 .jin-ifont-bookmark:before { font-size: 1.2rem; } } @media (max-width: 767px) { .jin-h3-icons.h3-style01 h3, .jin-h3-icons.h3-style04 h3 { padding-left: 5px; } } @media (min-width: 768px) { .jin-h3-icons.h3-style01 h3, .jin-h3-icons.h3-style04 h3 { padding-left: 6px; } } @media (max-width: 767px) { .jin-h3-icons.h3-style01 h3 .jic:before, .jin-h3-icons.h3-style04 h3 .jic:before { line-height: 1.3rem; } } @media (max-width: 767px) { .jin-h3-icons.h3-style02 h3 { padding-left: 12px; } } @media (min-width: 768px) { .jin-h3-icons.h3-style02 h3 { padding-left: 14px; } } @media (max-width: 767px) { .jin-h3-icons.h3-style02 h3 .jic:before { line-height: 1.3rem; } } .jin-h3-icons.h3-style03 h3 { padding-left: 14px; } @media (max-width: 767px) { .jin-h3-icons.h3-style03 h3 .jic:before { line-height: 1.3rem; } } @media (max-width: 767px) { .jin-h4-icons h4 { padding-left: 8px; } } @media (min-width: 768px) { .jin-h4-icons h4 { padding-left: 8px; } } @media (max-width: 767px) { .jin-h4-icons h4 .jic:before { padding-right: 1px; font-size: 1rem; } } @media (min-width: 768px) { .jin-h4-icons h4 .jic:before { padding-right: 1px; font-size: 1.3rem; } } @media (max-width: 767px) { .jin-h4-icons h4 .jin-ifont-check:before { font-size: 1rem; } } @media (min-width: 768px) { .jin-h4-icons h4 .jin-ifont-check:before { font-size: 1.2rem; } } @media (max-width: 767px) { .jin-h4-icons h4 .jin-ifont-checkcircle:before { padding-right: 3px; } } @media (min-width: 768px) { .jin-h4-icons h4 .jin-ifont-checkcircle:before { padding-right: 5px; } } @media (max-width: 767px) { .jin-h4-icons h4 .jin-ifont-clover:before { font-size: 1rem; } } @media (min-width: 768px) { .jin-h4-icons h4 .jin-ifont-clover:before { font-size: 1.1rem; line-height: 2rem; } } @media (max-width: 767px) { .jin-h4-icons h4 .jin-ifont-bookmark:before { font-size: 1rem; } } @media (min-width: 768px) { .jin-h4-icons h4 .jin-ifont-bookmark:before { font-size: 1.1rem; line-height: 1.9rem; } } .jin-h4-icons.h4-style01 h4 { padding-left: 10px; } @media (max-width: 767px) { .jin-h4-icons.h4-style01 h4 .jic:before { line-height: 1.1rem; } } .jin-h4-icons.h4-style02 h4 { padding-left: 10px; } @media (max-width: 767px) { .jin-h4-icons.h4-style02 h4 .jic:before { line-height: 1.1rem; } } .jin-h4-icons.h4-style03 h4, .jin-h4-icons.h4-style04 h4 { padding-left: 2px; } @media (max-width: 767px) { .jin-h4-icons.h4-style03 h4 .jic:before { line-height: 1.1rem; } } @media (max-width: 767px) { .jin-h4-icons.h4-style03 h4 .jin-ifont-clover:before { line-height: 1.4rem; } } @media (max-width: 767px) { .jin-h4-icons.h4-style03 h4 .jin-ifont-bookmark:before { line-height: 1.2rem; } } @media (max-width: 767px) { .jin-h4-icons.h4-style04 h4 .jic:before { line-height: 1.4rem; } } .jin-code { position: relative; } .jin-code pre { max-width: 100%; border-radius: 4px; border-top-left-radius: 0px; border: 1px solid #ccc; background-color: rgba(0, 0, 0, 0.05); margin-bottom: 30px; overflow: scroll; -webkit-overflow-scrolling: touch; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 20px; padding-bottom: 20px; } @media (max-width: 767px) { .jin-code pre { margin-top: 35px; } } @media (min-width: 768px) { .jin-code pre { margin-top: 40px; } } .jin-code code { font-size: 0.9rem; padding: 20px; padding-left: 0; } .jin-code p { padding-bottom: 0; } .jin-code ol li:before { display: none; } .jin-code ol li:after { color: #888; font-size: 0.75rem; } @media (max-width: 767px) { .jin-code ol li:after { left: -7px; top: 12px; } } @media (min-width: 768px) { .jin-code ol li:after { left: -5px; top: 11px; } } .jin-code ol li { background-color: transparent; margin-bottom: 2px; } .jin-code-title { position: absolute; line-height: 0; font-size: 0.9rem; left: 0px; top: -28px; color: #fff; padding: 15px 15px; padding-bottom: 13px; background: #888; border-top-left-radius: 4px; border-top-right-radius: 4px; } @media (min-width: 768px) { .jin-code-title { font-weight: 500; } } @media (max-width: 767px) { .jin-code-title { font-weight: 700; } } .jin-icons { font-size: 20px; } .jin-iconbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; margin: 20px; border-radius: 5px; } @media (min-width: 768px) { .jin-iconbox { width: 90%; margin-left: auto; margin-right: auto; } } .jin-iconbox ul:last-child, .jin-iconbox ol:last-child { margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .jin-iconbox ul li:last-child, .jin-iconbox ol li:last-child { margin-bottom: 0; } .jin-iconbox + p, .jin-iconbox + img { padding-top: 10px; } .jin-iconbox-icons { padding-right: 14px; padding-left: 2px; } .jin-iconbox-main { padding-left: 15px; font-size: 0.95rem; line-height: 1.4rem; } .yellow-iconbox { background-color: #FFF9DF; } .green-iconbox { background-color: #e8f9e9; } .red-iconbox { background-color: #FFF0F2; } .blue-iconbox { background-color: #EEF0FA; } .yellow--border { border-left: 2px dashed #FFE89B; } .green--border { border-left: 2px dashed #A5EDAF; } .red--border { border-left: 2px dashed #FFD1D1; } .blue--border { border-left: 2px dashed #D5D9F2; } .jin-icon-caution .jin-iconbox-main P, .jin-icon-star .jin-iconbox-main P, .jin-icon-bulb .jin-iconbox-main P, .jin-icon-cart .jin-iconbox-main P, .jin-icon-speaker .jin-iconbox-main P, .jin-icon-comment .jin-iconbox-main P, .jin-icon-checkcircle .jin-iconbox-main P, .jin-icon-pencil .jin-iconbox-main P, .jin-icon-like .jin-iconbox-main P, .jin-icon-information .jin-iconbox-main P, .jin-icon-gear .jin-iconbox-main P, .jin-icon-clipboard .jin-iconbox-main P, .jin-icon-heart .jin-iconbox-main P, .jin-icon-unlike .jin-iconbox-main P, .jin-icon-question .jin-iconbox-main P, .jin-icon-flag .jin-iconbox-main P { padding-bottom: 0; } .jin-icon-caution .jin-iconbox-main ul, .jin-icon-caution .jin-iconbox-main ol, .jin-icon-star .jin-iconbox-main ul, .jin-icon-star .jin-iconbox-main ol, .jin-icon-bulb .jin-iconbox-main ul, .jin-icon-bulb .jin-iconbox-main ol, .jin-icon-cart .jin-iconbox-main ul, .jin-icon-cart .jin-iconbox-main ol, .jin-icon-speaker .jin-iconbox-main ul, .jin-icon-speaker .jin-iconbox-main ol, .jin-icon-comment .jin-iconbox-main ul, .jin-icon-comment .jin-iconbox-main ol, .jin-icon-checkcircle .jin-iconbox-main ul, .jin-icon-checkcircle .jin-iconbox-main ol, .jin-icon-pencil .jin-iconbox-main ul, .jin-icon-pencil .jin-iconbox-main ol, .jin-icon-like .jin-iconbox-main ul, .jin-icon-like .jin-iconbox-main ol, .jin-icon-information .jin-iconbox-main ul, .jin-icon-information .jin-iconbox-main ol, .jin-icon-gear .jin-iconbox-main ul, .jin-icon-gear .jin-iconbox-main ol, .jin-icon-clipboard .jin-iconbox-main ul, .jin-icon-clipboard .jin-iconbox-main ol, .jin-icon-heart .jin-iconbox-main ul, .jin-icon-heart .jin-iconbox-main ol, .jin-icon-unlike .jin-iconbox-main ul, .jin-icon-unlike .jin-iconbox-main ol, .jin-icon-question .jin-iconbox-main ul, .jin-icon-question .jin-iconbox-main ol, .jin-icon-flag .jin-iconbox-main ul, .jin-icon-flag .jin-iconbox-main ol { padding: 15px 0; } .jin-icon-caution, .jin-icon-star, .jin-icon-bulb, .jin-icon-cart { background-color: #FFF9DF; } .jin-icon-caution .jin-iconbox-main, .jin-icon-star .jin-iconbox-main, .jin-icon-bulb .jin-iconbox-main, .jin-icon-cart .jin-iconbox-main { border-left: 2px dashed #FFE89B; } .jin-icon-speaker, .jin-icon-comment, .jin-icon-checkcircle, .jin-icon-pencil { background-color: #e8f9e9; } .jin-icon-speaker .jin-iconbox-main, .jin-icon-comment .jin-iconbox-main, .jin-icon-checkcircle .jin-iconbox-main, .jin-icon-pencil .jin-iconbox-main { border-left: 2px dashed #A5EDAF; } .jin-icon-like, .jin-icon-information, .jin-icon-gear, .jin-icon-clipboard { background-color: #EEF0FA; } .jin-icon-like .jin-iconbox-main, .jin-icon-information .jin-iconbox-main, .jin-icon-gear .jin-iconbox-main, .jin-icon-clipboard .jin-iconbox-main { border-left: 2px dashed #D5D9F2; } .jin-icon-heart, .jin-icon-unlike, .jin-icon-question, .jin-icon-flag { background-color: #FFF0F2; } .jin-icon-heart .jin-iconbox-main, .jin-icon-unlike .jin-iconbox-main, .jin-icon-question .jin-iconbox-main, .jin-icon-flag .jin-iconbox-main { border-left: 2px dashed #FFD1D1; } @media (max-width: 767px) { .jin-iconbox { margin: 20px 0; } } .jin-iconbox-icons { } .jin-iconbox-icons .jin-icons { vertical-align: middle; } .jin-iconbox-icons .jin-icons:before { padding-bottom: 3px; } @media (max-width: 767px) { .jin-iconbox-icons .jin-icons:before { padding-bottom: 1px; } } .jin-iconbox-icons .jin-ifont-star.jin-icons, .jin-iconbox-icons .jin-ifont-bulb.jin-icons, .jin-iconbox-icons .jin-ifont-cart.jin-icons, .jin-iconbox-icons .jin-ifont-caution.jin-icons { color: #FFBF0E; } .jin-iconbox-icons .jin-ifont-checkcircle.jin-icons, .jin-iconbox-icons .jin-ifont-comment.jin-icons, .jin-iconbox-icons .jin-ifont-pencil.jin-icons, .jin-iconbox-icons .jin-ifont-speaker.jin-icons { color: #05B483; } .jin-iconbox-icons .jin-ifont-information.jin-icons, .jin-iconbox-icons .jin-ifont-gear.jin-icons, .jin-iconbox-icons .jin-ifont-clipboard.jin-icons, .jin-iconbox-icons .jin-ifont-like.jin-icons { color: #2F387C; } .jin-iconbox-icons .jin-ifont-question.jin-icons, .jin-iconbox-icons .jin-ifont-flag.jin-icons, .jin-iconbox-icons .jin-ifont-unlike.jin-icons, .jin-iconbox-icons .jin-ifont-heart.jin-icons { color: #F13D54; } .jin-iconbox-icons .fa-twitter.jin-icons { color: #00acee; } .jin-iconbox-icons .fa-bitcoin.jin-icons, .jin-iconbox-icons .fa-amazon.jin-icons { color: #FF9902; } .jin-iconbox-icons .fa-facebook-square.jin-icons { color: #3B469C; } .jin-iconbox-icons .fa-instagram.jin-icons { color: #C92670; } .jin-iconbox-icons .fa-line.jin-icons { color: #00B901; } @media (max-width: 767px) { .jin-2column, .jin-3column { display: block; margin-bottom: 30px; } } @media (min-width: 768px) { .jin-2column, .jin-3column { display: block; margin-bottom: 30px; } } @media (min-width: 1200px) { .jin-2column, .jin-3column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; } } .jin-2column p, .jin-3column p { padding-bottom: 0; } .jin-2column .color-button01, .jin-2column .color-button02 { margin-top: 20px; } @media (min-width: 768px) { .jin-2column .color-button01 a, .jin-2column .color-button02 a { padding-left: 40px; padding-right: 40px; } } .jin-3column .color-button01, .jin-3column .color-button02 { margin-top: 20px; } @media (min-width: 768px) { .jin-3column .color-button01 a, .jin-3column .color-button02 a { padding-left: 20px; padding-right: 20px; } } @media (max-width: 767px) { .jin-2column-left, .jin-2column-right { width: 100%; padding: 15px; margin-bottom: 20px; } } @media (min-width: 768px) { .jin-2column-left, .jin-2column-right { width: 100%; padding: 20px; margin-bottom: 20px; } } @media (min-width: 1200px) { .jin-2column-left, .jin-2column-right { width: 49.2%; padding: 20px; } } @media (max-width: 767px) { .jin-3column-left, .jin-3column-center, .jin-3column-right { width: 100%; padding: 15px; margin-bottom: 20px; } } @media (min-width: 768px) { .jin-3column-left, .jin-3column-center, .jin-3column-right { width: 100%; padding: 20px; margin-bottom: 20px; } } @media (min-width: 1200px) { .jin-3column-left, .jin-3column-center, .jin-3column-right { width: 32.2%; padding: 20px; } } @media (min-width: 768px) { .page-template-onecolumn .jin-2column, .page-template-onecolumn .jin-3column, .page-template-lp .jin-2column, .page-template-lp .jin-3column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; } } @media (min-width: 768px) { .page-template-onecolumn .jin-2column .jin-2column-left, .page-template-onecolumn .jin-2column .jin-2column-right, .page-template-onecolumn .jin-3column .jin-2column-left, .page-template-onecolumn .jin-3column .jin-2column-right, .page-template-lp .jin-2column .jin-2column-left, .page-template-lp .jin-2column .jin-2column-right, .page-template-lp .jin-3column .jin-2column-left, .page-template-lp .jin-3column .jin-2column-right { width: 49.2%; padding: 20px; } } @media (min-width: 768px) { .page-template-onecolumn .jin-2column .jin-3column-left, .page-template-onecolumn .jin-2column .jin-3column-center, .page-template-onecolumn .jin-2column .jin-3column-right, .page-template-onecolumn .jin-3column .jin-3column-left, .page-template-onecolumn .jin-3column .jin-3column-center, .page-template-onecolumn .jin-3column .jin-3column-right, .page-template-lp .jin-2column .jin-3column-left, .page-template-lp .jin-2column .jin-3column-center, .page-template-lp .jin-2column .jin-3column-right, .page-template-lp .jin-3column .jin-3column-left, .page-template-lp .jin-3column .jin-3column-center, .page-template-lp .jin-3column .jin-3column-right { width: 32.2%; padding: 20px; } } @media (min-width: 768px) { .page-template-onecolumn .jin-2column-left, .page-template-onecolumn .jin-2column-right, .page-template-lp .jin-2column-left, .page-template-lp .jin-2column-right, .page-template-onecolumn .jin-3column-left, .page-template-onecolumn .jin-3column-center, .page-template-onecolumn .jin-3column-right, .page-template-lp .jin-3column-left, .page-template-lp .jin-3column-center, .page-template-lp .jin-3column-right { padding: 30px; } } .jin-3column-left.col-nocolor, .jin-3column-center.col-nocolor, .jin-3column-right.col-nocolor, .jin-2column-left.col-nocolor, .jin-2column-right.col-nocolor { background-color: transparent; } @media (max-width: 767px) { .jin-3column-left.col-nocolor, .jin-3column-center.col-nocolor, .jin-3column-right.col-nocolor, .jin-2column-left.col-nocolor, .jin-2column-right.col-nocolor { padding: 10px; } } @media (min-width: 768px) { .jin-3column-left.col-nocolor, .jin-3column-center.col-nocolor, .jin-3column-right.col-nocolor, .jin-2column-left.col-nocolor, .jin-2column-right.col-nocolor { padding: 10px; } } .jin-img-shadow-on img { -webkit-box-shadow: 0px 0px 5px 3px #eee; box-shadow: 0px 0px 5px 3px #eee; } .jin-img-radius-on img { border-radius: 500px; } .jin-img-border-on img { border: 3px solid #eee; } .jin-img-shadow img { -webkit-box-shadow: 0px 3px 7px 1px #bbb; box-shadow: 0px 3px 7px 1px #bbb; } .jin-img-kadomaru img { -webkit-box-shadow: 0px 3px 6px 1px #bbb; box-shadow: 0px 3px 6px 1px #bbb; border-radius: 10px; } .jin-img-waku img { -webkit-box-shadow: 0px 4px 6px 1px #ccc; box-shadow: 0px 4px 6px 1px #ccc; padding: 10px; border-top: 1px solid #f3f3f3; } .jin-img-maruwaku img { -webkit-box-shadow: 0px 4px 6px 1px #ccc; box-shadow: 0px 4px 6px 1px #ccc; border-top: 1px solid #f3f3f3; border-radius: 999px; } .jin-lp-h2 h2:before, .jin-lp-h2 h2:after { display: none; } .jin-lp-h2 h2 { border: none; background-color: none; padding: 0; margin: 0; border-radius: 0; font-size: 1rem; } .jin-lp-h2 h2 { display: block; text-align: center; } @media (max-width: 767px) { .jin-lp-h2 h2 { font-size: 1.4rem; line-height: 1.7rem; padding-bottom: 10px; padding-top: 20px; margin-bottom: 25px; text-align: center; font-weight: 700; } } @media (min-width: 768px) { .jin-lp-h2 h2 { font-size: 1.6rem; line-height: 1.9rem; padding-bottom: 10px; padding-top: 40px; margin-bottom: 25px; text-align: center; } } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } .jin-sen { padding-top: 20px; padding-bottom: 50px; } .jin-sen .jin-sen-solid, .jin-sen .jin-sen-dashed, .jin-sen .jin-sen-double { width: 100%; } .jin-sen .jin-sen-solid { border-top: 3px solid #f7f7f7; border-radius: 20px; } .jin-sen .jin-sen-dashed { border-top: 3px dashed #f7f7f7; } .jin-sen .jin-sen-double { border-top: 3px double #f7f7f7; } .jin-yohaku10, .jin-yohaku15, .jin-yohaku20, .jin-yohaku25, .jin-yohaku30, .jin-yohaku35, .jin-yohaku40, .jin-yohaku45, .jin-yohaku50 { width: 100%; } .jin-yohaku10 { height: 10px; } .jin-yohaku15 { height: 15px; } .jin-yohaku20 { height: 20px; } .jin-yohaku25 { height: 25px; } .jin-yohaku30 { height: 30px; } .jin-yohaku35 { height: 35px; } .jin-yohaku40 { height: 40px; } .jin-yohaku45 { height: 45px; } .jin-yohaku50 { height: 50px; } .jin-photo-title .jin-fusen1-down, .jin-photo-title .jin-fusen1-even, .jin-photo-title .jin-fusen1-up { display: inline-block; background: #fff; margin: 15px 0; padding: 10px 25px 10px 15px; border-left: 20px solid #3b4675; -webkit-box-shadow: 2px 2px 5px 1px #f3f3f3; box-shadow: 2px 2px 5px 1px #f3f3f3; } .jin-photo-title .jin-fusen1-down { -webkit-transform: rotate(2deg); transform: rotate(2deg); } .jin-photo-title .jin-fusen1-up { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } .jin-photo-title .jin-fusen2, .jin-photo-title .jin-fusen3 { position: relative; display: inline-block; margin: 15px 0; color: #fff; background: #3b4675; border-radius: 50px; padding: 10px 20px; z-index: 20; } .jin-photo-title .jin-fusen2 { border-radius: 2px; } .jin-photo-title .jin-fusen2:before, .jin-photo-title .jin-fusen3:before { position: absolute; content: ""; bottom: -9px; margin-left: -15px; border-top: 10px solid; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 0; border-top-color: #3b4675; } .jin-photo-title .jin-fusen2:before { left: 40px; } .jin-photo-title .jin-fusen3:before { left: 45px; } .jin-photo-title .jin-fusen1-down, .jin-photo-title .jin-fusen1-even, .jin-photo-title .jin-fusen1-up, .jin-photo-title .jin-fusen2, .jin-photo-title .jin-fusen3 { font-size: 0.95rem; line-height: 1.25rem; letter-spacing: 0; } .jic:before { display: inline-block; } @media (max-width: 767px) { .jic:before { vertical-align: bottom; padding-right: 3px; padding-bottom: 3px; } } .jic-sc { margin-left: 3px; margin-right: 3px; line-height: 1.1rem; } .jin-code-icon-bulb, .jin-code-icon-account, .jin-code-icon-star, .jin-code-icon-star-half, .jin-code-icon-star-blank { margin-left: 1px; margin-right: 1px; } } } } } } } p + .jin-flexbox { margin-top: -40px; } .jin-flexbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .jin-flexbox a { font-weight: bold; } } .jin-flexbox a:hover { opacity: 1; } .jin-flexbox .jsb-visual-shiny { position: relative; } .jin-flexbox .jsb-visual-shiny:before { content: ''; display: block; position: absolute; left: 0; top: 0; background: rgba(255, 255, 255, 0.5); width: 60px; height: 130px; opacity: .5; -webkit-filter: blur(30px); filter: blur(30px); -webkit-transform: skewX(-15deg); transform: skewX(-15deg); -webkit-animation: 3s jin-shiny ease infinite; animation: 3s jin-shiny ease infinite; } .jin-flexbox .jsb-visual-float { -webkit-animation: 2s jin-float ease infinite; animation: 2s jin-float ease infinite; } .jin-flexbox .jsb-visual-bound { -webkit-animation: 2s jin-bound ease infinite; animation: 2s jin-bound ease infinite; } .jin-flexbox div:not(.jsb-visual-shiny).jsb-hover-down a, .jin-flexbox div:not(.jsb-visual-shiny).jsb-hover-up a, .jin-flexbox div:not(.jsb-visual-shiny).jsb-hover-hop a { will-change: transform; } .jin-flexbox .jsb-hover-down a:hover { -webkit-transform: scale(0.95); transform: scale(0.95); } .jin-flexbox .jsb-hover-up a:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .jin-flexbox .jsb-hover-hop a:hover { -webkit-transform: translateY(-7px); transform: translateY(-7px); -webkit-box-shadow: 0px 5px 15px -5px #ddd; box-shadow: 0px 5px 15px -5px #ddd; } @media (max-width: 767px) { .jsb-sp-2col-off { display: block; text-align: center; } .jsb-sp-2col-off .jin-shortcode-button a { padding: 16px 80px; margin: 6px 0; } .jsb-sp-2col-off p { padding-bottom: 0; } .jsb-sp-2col-on .jin-shortcode-button a { padding: 12px 24px; font-size: 14px; } } .jin-shortcode-button { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; will-change: transform; margin-left: 5px; margin-right: 5px; } .jin-shortcode-button a { display: inline-block; font-size: 17px; margin: 20px 0; background: #54dcef; border-radius: 50px; color: #fff; text-decoration: none; -webkit-box-shadow: 0px 5px 15px -5px #ccc; box-shadow: 0px 5px 15px -5px #ccc; text-align: center; } @media (max-width: 767px) { .jin-shortcode-button a { padding: 15px 40px; } } @media (min-width: 768px) { .jin-shortcode-button a { padding: 15px 40px; } } @media (min-width: 1024px) { .jin-shortcode-button a { padding: 19px 80px; } } .gb-two-button-box .jin-flexbox { display: inline-block; } .gb-two-button-box .jin-shortcode-button { display: inline; } @media (max-width: 767px) { .gb-two-button-box .jin-shortcode-button a { padding: 12px 30px; } } @media (min-width: 768px) { .gb-two-button-box .jin-shortcode-button a { padding: 15px 30px; } } @media (min-width: 1024px) { .gb-two-button-box .jin-shortcode-button a { padding: 15px 60px; } } .gb-two-button-box .color-button01, .gb-two-button-box .color-button02 { display: inline-block; } @media (max-width: 767px) { .gb-two-button-box .color-button01 a, .gb-two-button-box .color-button02 a { padding: 15px 20px; } } @media (min-width: 768px) { .gb-two-button-box .color-button01 a, .gb-two-button-box .color-button02 a { padding: 15px 30px; } } @media (min-width: 1024px) { .gb-two-button-box .color-button01 a, .gb-two-button-box .color-button02 a { padding: 15px 60px; } } .balloon-box { position: relative; overflow: hidden; padding-bottom: 3px; } .balloon-icon { position: absolute; top: 0; overflow: hidden; width: 80px; height: 80px; margin-bottom: 0; } @media (max-width: 767px) { .balloon-icon { width: 60px; height: 60px; } } .balloon-icon.maru { border: 2px solid #eee; border-radius: 40px; } @media (max-width: 767px) { } @media (min-width: 768px) { } .balloon-icon img { width: 80px; height: auto; margin-bottom: 0; } @media (max-width: 767px) { .balloon-icon img { width: 60px; } } .balloon-serif .balloon-content img.star { width: 24%; padding-bottom: 1px; margin-bottom: -3px; } @media (max-width: 767px) { .balloon-serif .balloon-content img.star { width: 38%; padding-bottom: 2px; } } .balloon-content p:last-of-type { padding-bottom: 0; } .balloon-left .balloon-icon { left: 0; } .balloon-left .icon-name { left: 0; } .balloon-left .balloon-serif { position: relative; float: left; margin: 0 105px 40px 105px; padding: 0; } @media (max-width: 767px) { .balloon-left .balloon-serif { margin: 0 0px 30px 78px; } } .balloon-left .balloon-serif:before { content: ""; position: absolute; left: -7px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 7px 10px 7px 0; z-index: 3; } @media (max-width: 767px) { .balloon-left .balloon-serif:before { top: 13px; } } @media (min-width: 768px) { .balloon-left .balloon-serif:before { top: 16px; } } .balloon-left .balloon-serif:after { content: ""; position: absolute; left: -10px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 8px 10px 8px 0; z-index: 2; } @media (max-width: 767px) { .balloon-left .balloon-serif:after { top: 12px; } } @media (min-width: 768px) { .balloon-left .balloon-serif:after { top: 15px; } } .balloon-left .balloon-serif .balloon-content { position: relative; line-height: 1.5rem; border: 2px solid #ccc; background: #fff; border-radius: 6px; font-size: 0.95em; z-index: 2; } @media (max-width: 767px) { .balloon-left .balloon-serif .balloon-content { padding: 0.8rem; } } @media (min-width: 768px) { .balloon-left .balloon-serif .balloon-content { padding: 1.15rem; } } .balloon-right .balloon-icon { right: 0; } .balloon-right .icon-name { right: 0; } .balloon-right .balloon-serif { position: relative; float: right; margin: 0 105px 40px 105px; padding: 0; } @media (max-width: 767px) { .balloon-right .balloon-serif { margin: 0 78px 30px 0px; } } .balloon-right .balloon-serif:before { content: ""; position: absolute; right: -7px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 7px 0px 7px 10px; z-index: 3; } @media (max-width: 767px) { .balloon-right .balloon-serif:before { top: 13px; } } @media (min-width: 768px) { .balloon-right .balloon-serif:before { top: 16px; } } .balloon-right .balloon-serif:after { content: ""; position: absolute; right: -10px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 8px 0px 8px 10px; z-index: 2; } @media (max-width: 767px) { .balloon-right .balloon-serif:after { top: 12px; } } @media (min-width: 768px) { .balloon-right .balloon-serif:after { top: 15px; } } .balloon-right .balloon-serif .balloon-content { position: relative; line-height: 1.5rem; border: 2px solid; border-radius: 6px; font-size: 0.95em; z-index: 2; } @media (max-width: 767px) { .balloon-right .balloon-serif .balloon-content { padding: 0.8rem; } } @media (min-width: 768px) { .balloon-right .balloon-serif .balloon-content { padding: 1.15rem; } } .balloon-box ol li { position: relative; display: block; padding: 1px 0px 5px 25px; margin-bottom: 0.15em; } .balloon-box ol li:after { counter-increment: li; content: counter(li); position: absolute; left: 0px; top: 1.2em; padding: 0 0 0 0px; height: 20px; width: 20px; color: #fff; text-align: center; font-size: 0.65em; border-radius: 11px; } .balloon-right.balloon-gray .balloon-serif:after, .balloon-right.has-ccc-ballon .balloon-serif:after { border-color: transparent transparent transparent #ccc; } .balloon-right.balloon-gray .balloon-content, .balloon-right.has-ccc-ballon .balloon-content { border-color: #ccc; } .balloon-left.balloon-gray .balloon-serif:after, .balloon-left.has-ccc-ballon .balloon-serif:after { border-color: transparent #ccc transparent transparent; } .balloon-left.balloon-gray .balloon-content, .balloon-left.has-ccc-ballon .balloon-content { border-color: #ccc; } .balloon-right.balloon-bg-gray .balloon-serif:before, .balloon-right.has-efefef-bgballon .balloon-serif:before { border-color: transparent transparent transparent #efefef; } .balloon-right.balloon-bg-gray .balloon-content, .balloon-right.has-efefef-bgballon .balloon-content { background: #efefef; } .balloon-left.balloon-bg-gray .balloon-serif:before, .balloon-left.has-efefef-bgballon .balloon-serif:before { border-color: transparent #efefef transparent transparent; } .balloon-left.balloon-bg-gray .balloon-content, .balloon-left.has-efefef-bgballon .balloon-content { background: #efefef; } .balloon-right.balloon-blue .balloon-serif:after, .balloon-right.has-93-d-2-f-0-ballon .balloon-serif:after { border-color: transparent transparent transparent #93D2F0; } .balloon-right.balloon-blue .balloon-content, .balloon-right.has-93-d-2-f-0-ballon .balloon-content { border-color: #93D2F0; } .balloon-left.balloon-blue .balloon-serif:after, .balloon-left.has-93-d-2-f-0-ballon .balloon-serif:after { border-color: transparent #93D2F0 transparent transparent; } .balloon-left.balloon-blue .balloon-content, .balloon-left.has-93-d-2-f-0-ballon .balloon-content { border-color: #93D2F0; } .balloon-right.balloon-bg-blue .balloon-serif:before, .balloon-right.has-e-2-f-6-ff-bgballon .balloon-serif:before { border-color: transparent transparent transparent #E2F6FF; } .balloon-right.balloon-bg-blue .balloon-content, .balloon-right.has-e-2-f-6-ff-bgballon .balloon-content { background: #E2F6FF; } .balloon-left.balloon-bg-blue .balloon-serif:before, .balloon-left.has-e-2-f-6-ff-bgballon .balloon-serif:before { border-color: transparent #E2F6FF transparent transparent; } .balloon-left.balloon-bg-blue .balloon-content, .balloon-left.has-e-2-f-6-ff-bgballon .balloon-content { background: #E2F6FF; } .balloon-right.balloon-red .balloon-serif:after, .balloon-right.has-f-48789-ballon .balloon-serif:after { border-color: transparent transparent transparent #F48789; } .balloon-right.balloon-red .balloon-content, .balloon-right.has-f-48789-ballon .balloon-content { border-color: #F48789; } .balloon-left.balloon-red .balloon-serif:after, .balloon-left.has-f-48789-ballon .balloon-serif:after { border-color: transparent #F48789 transparent transparent; } .balloon-left.balloon-red .balloon-content, .balloon-left.has-f-48789-ballon .balloon-content { border-color: #F48789; } .balloon-right.balloon-bg-red .balloon-serif:before, .balloon-right.has-ffebeb-bgballon .balloon-serif:before { border-color: transparent transparent transparent #FFEBEB; } .balloon-right.balloon-bg-red .balloon-content, .balloon-right.has-ffebeb-bgballon .balloon-content { background: #FFEBEB; } .balloon-left.balloon-bg-red .balloon-serif:before, .balloon-left.has-ffebeb-bgballon .balloon-serif:before { border-color: transparent #FFEBEB transparent transparent; } .balloon-left.balloon-bg-red .balloon-content, .balloon-left.has-ffebeb-bgballon .balloon-content { background: #FFEBEB; } .balloon-right.balloon-green .balloon-serif:after, .balloon-right.has-9-ddd-93-ballon .balloon-serif:after { border-color: transparent transparent transparent #9DDD93; } .balloon-right.balloon-green .balloon-content, .balloon-right.has-9-ddd-93-ballon .balloon-content { border-color: #9DDD93; } .balloon-left.balloon-green .balloon-serif:after, .balloon-left.has-9-ddd-93-ballon .balloon-serif:after { border-color: transparent #9DDD93 transparent transparent; } .balloon-left.balloon-green .balloon-content, .balloon-left.has-9-ddd-93-ballon .balloon-content { border-color: #9DDD93; } .balloon-right.balloon-bg-green .balloon-serif:before, .balloon-right.has-d-1-f-8-c-2-bgballon .balloon-serif:before { border-color: transparent transparent transparent #D1F8C2; } .balloon-right.balloon-bg-green .balloon-content, .balloon-right.has-d-1-f-8-c-2-bgballon .balloon-content { background: #D1F8C2; } .balloon-left.balloon-bg-green .balloon-serif:before, .balloon-left.has-d-1-f-8-c-2-bgballon .balloon-serif:before { border-color: transparent #D1F8C2 transparent transparent; } .balloon-left.balloon-bg-green .balloon-content, .balloon-left.has-d-1-f-8-c-2-bgballon .balloon-content { background: #D1F8C2; } .balloon-right.balloon-yellow .balloon-serif:after, .balloon-right.has-ffd-75-e-ballon .balloon-serif:after { border-color: transparent transparent transparent #FFD75E; } .balloon-right.balloon-yellow .balloon-content, .balloon-right.has-ffd-75-e-ballon .balloon-content { border-color: #FFD75E; } .balloon-left.balloon-yellow .balloon-serif:after, .balloon-left.has-ffd-75-e-ballon .balloon-serif:after { border-color: transparent #FFD75E transparent transparent; } .balloon-left.balloon-yellow .balloon-content, .balloon-left.has-ffd-75-e-ballon .balloon-content { border-color: #FFD75E; } .balloon-right.balloon-bg-yellow .balloon-serif:before, .balloon-right.has-fff-8-d-1-bgballon .balloon-serif:before { border-color: transparent transparent transparent #FFF8D1; } .balloon-right.balloon-bg-yellow .balloon-content, .balloon-right.has-fff-8-d-1-bgballon .balloon-content { background: #FFF8D1; } .balloon-left.balloon-bg-yellow .balloon-serif:before, .balloon-left.has-fff-8-d-1-bgballon .balloon-serif:before { border-color: transparent #FFF8D1 transparent transparent; } .balloon-left.balloon-bg-yellow .balloon-content, .balloon-left.has-fff-8-d-1-bgballon .balloon-content { background: #FFF8D1; } .balloon-right.balloon-bg-none .balloon-serif:before, .balloon-right.has-fff-bgballon .balloon-serif:before { border-color: transparent transparent transparent #fff; } .balloon-right.balloon-bg-none .balloon-content, .balloon-right.has-fff-bgballon .balloon-content { background: #fff; } .balloon-left.balloon-bg-none .balloon-serif:before, .balloon-left.has-fff-bgballon .balloon-serif:before { border-color: transparent #fff transparent transparent; } .balloon-left.balloon-bg-none .balloon-content, .balloon-left.has-fff-bgballon .balloon-content { background: #fff; } .balloon-left.balloon-none .balloon-serif:after, .balloon-left.balloon-none .balloon-content, .balloon-right.balloon-none .balloon-serif:after, .balloon-right.balloon-none .balloon-content, .balloon-left.has-fff-ballon .balloon-serif:after, .balloon-left.has-fff-ballon .balloon-content, .balloon-right.has-fff-ballon .balloon-serif:after, .balloon-right.has-fff-ballon .balloon-content { border-color: transparent; } .balloon-left.balloon-none .balloon-serif:before, .balloon-left.has-fff-ballon .balloon-serif:before { left: -9px; } .balloon-right.balloon-none .balloon-serif:before, .balloon-right.has-fff-ballon .balloon-serif:before { right: -9px; } .ranking-number { height: auto; } @media (max-width: 767px) { .ranking-number { width: 45px; } } @media (min-width: 768px) { .ranking-number { width: 52px; } } .ranking-number-girly { height: auto; } @media (max-width: 767px) { .ranking-number-girly { width: 45px; } } @media (min-width: 768px) { .ranking-number-girly { width: 50px; } } .ranking-number-rich { height: auto; } @media (max-width: 767px) { .ranking-number-rich { width: 35px; } } @media (min-width: 768px) { .ranking-number-rich { width: 38px; } } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } .jin-ac-box01, .jin-ac-box02 { margin-bottom: 20px; } .jin-ac-box01-title, .jin-ac-box02-title { padding: 15px 20px; padding-right: 55px; -webkit-box-shadow: 0 2px 6px 0px #dedede; box-shadow: 0 2px 6px 0px #dedede; font-weight: bold; border-radius: 4px; position: relative; font-size: 1.1rem; line-height: 1.5rem; z-index: 1; background: #fff; } @media (max-width: 767px) { .jin-ac-box01-title, .jin-ac-box02-title { font-size: 1rem; line-height: 1.4rem; padding-right: 50px; } } .jin-ac-box01-title::after, .jin-ac-box02-title::after { position: absolute; content: "\e932"; font-family: "jin-icons"; right: 20px; top: 17px; -webkit-transition: all 0.5s; transition: all 0.5s; } @media (max-width: 767px) { .jin-ac-box01-title::after, .jin-ac-box02-title::after { right: 15px; top: 15px; } } .jin-ac-box02-title { padding-left: 55px; } @media (max-width: 767px) { .jin-ac-box02-title { padding-left: 50px; } } .jin-ac-box02-title::before { position: absolute; content: "\e99d"; font-family: "jin-icons"; left: 20px; top: 14px; font-size: 1.25em; color: #4f5ed2; } .jin-ac-box02-title::after { color: #4f5ed2; } .jin-ac-box01-inner, .jin-ac-box02-inner { border-radius: 4px; margin-top: 15px; } .jin-ac-box01-inner p, .jin-ac-box02-inner p { font-size: 0.95rem; } @media (max-width: 767px) { .jin-ac-box01-inner p, .jin-ac-box02-inner p { line-height: 1.45rem; } } .jin-ac-box01-inner { padding: 30px 30px 0px 30px; background: #f7f7f7; } @media (max-width: 767px) { .jin-ac-box01-inner { padding: 20px 20px 0px 20px; } } .jin-ac-box02-inner { position: relative; padding: 30px 30px 0px 55px; background: #fff5f4; } @media (max-width: 767px) { .jin-ac-box02-inner { padding: 25px 20px 0px 50px; } } .jin-ac-box02-inner::before { position: absolute; content: "\e99c"; font-family: "jin-icons"; left: 20px; top: 31px; font-size: 1.25em; color: #f1487c; } @media (max-width: 767px) { .jin-ac-box02-inner::before { top: 26px; } } .jin-ac-box01-inner, .jin-ac-box02-inner { opacity: 0; -webkit-transition: all 0.1s; transition: all 0.1s; -webkit-transform: translateY(-20px); transform: translateY(-20px); position: absolute; visibility: hidden; } .jin-ac-box01-inner.open, .jin-ac-box02-inner.open { opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translateY(0px); transform: translateY(0px); position: relative; visibility: visible; } .jin-ac-box01-title.open::after, .jin-ac-box02-title.open::after { -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: rotate(180deg) translateY(3px); transform: rotate(180deg) translateY(3px); } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 768px) { .concept-box1:after, .concept-box2:after, .concept-box3:after, .concept-box4:after, .concept-box5:after, .concept-box6:after { border: none; top: -25px; left: 31px; padding: 12px; } } @media all and (-ms-high-contrast: none) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } .jin-ifont-account:before { content: "\e900"; } .jin-ifont-archive:before { content: "\e901"; } .jin-ifont-arrowcircle:before { content: "\e902"; } .jin-ifont-arrowtop:before { content: "\e903"; } .jin-ifont-arrow:before { content: "\e904"; } .jin-ifont-batu:before { content: "\e905"; } .jin-ifont-book:before { content: "\e906"; } .jin-ifont-bulb:before { content: "\e907"; } .jin-ifont-cart:before { content: "\e908"; } .jin-ifont-caution:before { content: "\e909"; } .jin-ifont-checkcircle:before { content: "\e90a"; } .jin-ifont-check:before { content: "\e90b"; } .jin-ifont-clipboard:before { content: "\e90c"; } .jin-ifont-comment:before { content: "\e90d"; } .jin-ifont-copy:before { content: "\e90e"; } .jin-ifont-crown:before { content: "\e90f"; } .jin-ifont-arrowdouble:before { content: "\e910"; } .jin-ifont-droppin:before { content: "\e911"; } .jin-ifont-facebook:before { content: "\e912"; } .jin-ifont-flag:before { content: "\e913"; } .jin-ifont-folder:before { content: "\e914"; } .jin-ifont-gear:before { content: "\e915"; } .jin-ifont-heart:before { content: "\e916"; } .jin-ifont-home:before { content: "\e917"; } .jin-ifont-information:before { content: "\e918"; } .jin-ifont-instagram:before { content: "\e919"; } .jin-ifont-like:before { content: "\e91a"; } .jin-ifont-line:before { content: "\e91b"; } .jin-ifont-mail:before { content: "\e91c"; } .jin-ifont-maru:before { content: "\e91d"; } .jin-ifont-mobile:before { content: "\e91e"; } .jin-ifont-navi:before { content: "\e91f"; } .jin-ifont-pc:before { content: "\e920"; } .jin-ifont-pencil:before { content: "\e921"; } .jin-ifont-plus:before { content: "\e922"; } .jin-ifont-question:before { content: "\e923"; } .jin-ifont-quote:before { content: "\e924"; } .jin-ifont-relatedpost:before { content: "\e925"; } .jin-ifont-reload:before { content: "\e926"; } .jin-ifont-reply:before { content: "\e927"; } .jin-ifont-speaker:before { content: "\e928"; } .jin-ifont-starblank:before { content: "\e929"; } .jin-ifont-starhalf:before { content: "\e92a"; } .jin-ifont-star:before { content: "\e92b"; } .jin-ifont-tag:before { content: "\e92c"; } .jin-ifont-twitter:before { content: "\e92d"; } .jin-ifont-unlike:before { content: "\e92e"; } .jin-ifont-watch:before { content: "\e92f"; } .jin-ifont-youtube:before { content: "\e930"; } .jin-ifont-search:before { content: "\e931"; } .jin-ifont-arrowbottom:before { content: "\e932"; } .jin-ifont-arrowleft:before { content: "\e933"; } .jin-ifont-blogtext:before { content: "\e934"; } .jin-ifont-clover:before { content: "\e935"; } .jin-ifont-post:before { content: "\e936"; } .jin-ifont-facebook-t:before { content: "\e937"; } .jin-ifont-pocket:before { content: "\e938"; } .jin-ifont-bookmark:before { content: "\e939"; } .jin-ifont-copyright:before { content: "\e93a"; } .jin-ifont-inazuma:before { content: "\e93b"; } .jin-ifont-share:before { content: "\e93c"; } .jin-ifont-spanner:before { content: "\e93d"; } .jin-ifont-books:before { content: "\e93e"; } .jin-ifont-calendar:before { content: "\e93f"; } .jin-ifont-coin:before { content: "\e940"; } .jin-ifont-illust:before { content: "\e941"; } .jin-ifont-lock:before { content: "\e942"; } .jin-ifont-mailsend:before { content: "\e943"; } .jin-ifont-movie:before { content: "\e944"; } .jin-ifont-photo:before { content: "\e945"; } .jin-ifont-program:before { content: "\e946"; } .jin-ifont-website:before { content: "\e947"; } .jin-ifont-writer:before { content: "\e948"; } .jin-ifont-coincover:before { content: "\e949"; } .jin-ifont-airline:before { content: "\e94a"; } .jin-ifont-arrowbcircle:before { content: "\e94b"; } .jin-ifont-arrowb:before { content: "\e94c"; } .jin-ifont-arrowclear:before { content: "\e94d"; } .jin-ifont-arrowsquare:before { content: "\e94e"; } .jin-ifont-baby:before { content: "\e94f"; } .jin-ifont-bike:before { content: "\e950"; } .jin-ifont-birthdaycake:before { content: "\e951"; } .jin-ifont-bitcoin:before { content: "\e952"; } .jin-ifont-bitcoinwallet:before { content: "\e953"; } .jin-ifont-bookopen:before { content: "\e954"; } .jin-ifont-bottoms:before { content: "\e955"; } .jin-ifont-cafe:before { content: "\e956"; } .jin-ifont-camera:before { content: "\e957"; } .jin-ifont-car:before { content: "\e958"; } .jin-ifont-cardboardbox3:before { content: "\e959"; } .jin-ifont-cardboardbox:before { content: "\e95a"; } .jin-ifont-cat:before { content: "\e95b"; } .jin-ifont-chick:before { content: "\e95c"; } .jin-ifont-conditioner:before { content: "\e95d"; } .jin-ifont-cosme:before { content: "\e95e"; } .jin-ifont-couple:before { content: "\e95f"; } .jin-ifont-creditcard:before { content: "\e960"; } .jin-ifont-datsumou:before { content: "\e961"; } .jin-ifont-diamond:before { content: "\e962"; } .jin-ifont-dinner:before { content: "\e963"; } .jin-ifont-dog:before { content: "\e964"; } .jin-ifont-download:before { content: "\e965"; } .jin-ifont-drag:before { content: "\e966"; } .jin-ifont-dumbbell:before { content: "\e967"; } .jin-ifont-earphone:before { content: "\e968"; } .jin-ifont-female:before { content: "\e969"; } .jin-ifont-flower:before { content: "\e96a"; } .jin-ifont-folkspoon:before { content: "\e96b"; } .jin-ifont-game:before { content: "\e96c"; } .jin-ifont-girl:before { content: "\e96d"; } .jin-ifont-graph:before { content: "\e96e"; } .jin-ifont-handbag:before { content: "\e96f"; } .jin-ifont-headphone:before { content: "\e970"; } .jin-ifont-homewifi:before { content: "\e971"; } .jin-ifont-kid:before { content: "\e972"; } .jin-ifont-kirakira:before { content: "\e973"; } .jin-ifont-link:before { content: "\e974"; } .jin-ifont-lipstick:before { content: "\e975"; } .jin-ifont-makeup:before { content: "\e976"; } .jin-ifont-male:before { content: "\e977"; } .jin-ifont-malefemale:before { content: "\e978"; } .jin-ifont-moneybag:before { content: "\e979"; } .jin-ifont-moneywallet:before { content: "\e97a"; } .jin-ifont-nikukyu:before { content: "\e97b"; } .jin-ifont-onpu:before { content: "\e97c"; } .jin-ifont-paint:before { content: "\e97d"; } .jin-ifont-petfood:before { content: "\e97e"; } .jin-ifont-plant:before { content: "\e97f"; } .jin-ifont-pocketwifi:before { content: "\e980"; } .jin-ifont-prbadge:before { content: "\e981"; } .jin-ifont-present:before { content: "\e982"; } .jin-ifont-qrpay:before { content: "\e983"; } .jin-ifont-rice:before { content: "\e984"; } .jin-ifont-rpoint:before { content: "\e985"; } .jin-ifont-rucksack:before { content: "\e986"; } .jin-ifont-saving:before { content: "\e987"; } .jin-ifont-scooter:before { content: "\e988"; } .jin-ifont-seedleaf:before { content: "\e989"; } .jin-ifont-shoes:before { content: "\e98a"; } .jin-ifont-simcard:before { content: "\e98b"; } .jin-ifont-skirt:before { content: "\e98c"; } .jin-ifont-smartphone:before { content: "\e98d"; } .jin-ifont-smartspeaker:before { content: "\e98e"; } .jin-ifont-smile:before { content: "\e98f"; } .jin-ifont-sun:before { content: "\e990"; } .jin-ifont-supplement:before { content: "\e991"; } .jin-ifont-supplement2:before { content: "\e992"; } .jin-ifont-tapioka:before { content: "\e993"; } .jin-ifont-telephone:before { content: "\e994"; } .jin-ifont-tops:before { content: "\e995"; } .jin-ifont-trade:before { content: "\e996"; } .jin-ifont-video:before { content: "\e997"; } .jin-ifont-weddingring:before { content: "\e998"; } .jin-ifont-weightscale:before { content: "\e999"; } .jin-ifont-wifi:before { content: "\e99a"; } .jin-ifont-wirelessearphone:before { content: "\e99b"; } .jin-ifont-answertxt:before { content: "\e99c"; } .jin-ifont-questiontxt:before { content: "\e99d"; } .jin-ifont-starcircle:before { content: "\e99e"; } .jin-ifont-fire:before { content: "\e99f"; } .jin-ifont-hamburger:before { content: "\e9a0"; } .jin-ifont-fish:before { content: "\e9a1"; } .jin-ifont-heartcircle:before { content: "\e9a2"; } .jin-ifont-hourglass:before { content: "\e9a3"; } .jin-ifont-rss:before { content: "\e9a4"; } .jin-ifont-leaf:before { content: "\e9a5"; } .jin-ifont-moon:before { content: "\e9a6"; } .jin-ifont-plug:before { content: "\e9a7"; } .jin-ifont-rocket:before { content: "\e9a8"; } .jin-ifont-sailing:before { content: "\e9a9"; } .jin-ifont-slash:before { content: "\e9aa"; } .jin-ifont-timer:before { content: "\e9ac"; } .jin-ifont-tv:before { content: "\e9ad"; } .jin-ifont-videocamera:before { content: "\e9ae"; } .jin-ifont-wine:before { content: "\e9af"; } .jin-ifont-anchor:before { content: "\e9b0"; } .jin-ifont-aqua:before { content: "\e9b1"; } .jin-ifont-backslash:before { content: "\e9b2"; } .jin-ifont-badge:before { content: "\e9b4"; } .jin-ifont-baseball:before { content: "\e9b5"; } .jin-ifont-basket:before { content: "\e9b6"; } .jin-ifont-basketball:before { content: "\e9b7"; } .jin-ifont-beachparasol:before { content: "\e9b8"; } .jin-ifont-businessman:before { content: "\e9b9"; } .jin-ifont-cameraretro:before { content: "\e9ba"; } .jin-ifont-carrot:before { content: "\e9bb"; } .jin-ifont-compass:before { content: "\e9bc"; } .jin-ifont-dollar:before { content: "\e9bd"; } .jin-ifont-academic:before { content: "\e9be"; } .jin-ifont-bell:before { content: "\e9bf"; } .jin-ifont-circle:before { content: "\e9c0"; } .jin-ifont-camp:before { content: "\e9c1"; } .jin-ifont-drier:before { content: "\e9c2"; } .jin-ifont-fingerbottom:before { content: "\e9c3"; } .jin-ifont-fingerright:before { content: "\e9c4"; } .jin-ifont-key:before { content: "\e9c5"; } .jin-ifont-number1square:before { content: "\e9c6"; } .jin-ifont-number2square:before { content: "\e9c7"; } .jin-ifont-number3square:before { content: "\e9c8"; } .jin-ifont-number4square:before { content: "\e9c9"; } .jin-ifont-number5square:before { content: "\e9ca"; } .jin-ifont-number6square:before { content: "\e9cb"; } .jin-ifont-number7square:before { content: "\e9cc"; } .jin-ifont-number8square:before { content: "\e9cd"; } .jin-ifont-number9square:before { content: "\e9ce"; } .jin-ifont-number10square:before { content: "\e9cf"; } .jin-ifont-number1circle:before { content: "\e9d0"; } .jin-ifont-number2circle:before { content: "\e9d1"; } .jin-ifont-number3circle:before { content: "\e9d2"; } .jin-ifont-number4circle:before { content: "\e9d3"; } .jin-ifont-number5circle:before { content: "\e9d4"; } .jin-ifont-number6circle:before { content: "\e9d5"; } .jin-ifont-number7circle:before { content: "\e9d6"; } .jin-ifont-number8circle:before { content: "\e9d7"; } .jin-ifont-number9circle:before { content: "\e9d8"; } .jin-ifont-number10circle:before { content: "\e9d9"; } .jin-ifont-answerbox:before { content: "\e9da"; } .jin-ifont-questionbox:before { content: "\e9db"; } .jin-ifont-wordpress:before { content: "\e9dc"; } .jin-ifont-pinterest:before { content: "\e9dd"; } .jin-ifont-amazon:before { content: "\e9de"; } .jin-ifont-human:before { content: "\e9df"; } .jin-ifont-arrow-circle:before { content: "\e902"; } .jin-ifont-check-circle:before { content: "\e90a"; } .jin-ifont-arrow-b-circle:before { content: "\e94b"; } .jin-ifont-arrow-b:before { content: "\e94c"; } .jin-ifont-arrow-top:before { content: "\e903"; } .jin-ifont-arrow-bottom:before { content: "\e932"; } .jin-ifont-arrow-left:before { content: "\e933"; } :root{--hcb-font-size: 14px}:root{--hcb-font-size--mobile: 13px}:root{--hcb-font-family:Menlo, Consolas, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;}

body[class*="copia-microcopy"] .wpap-tpl-with-detail .wpap-image img{min-height:140px;object-fit:contain}body[class*="copia-microcopy"] p.wpap-link{margin-top:0}body[class*="copia-microcopy"] .wpap-link a{position:relative;margin-top:8px;text-align:center}body[class*="copia-microcopy"] .wpap-tpl-with-detail .wpap-link{display:block}body[class*="copia-microcopy"] .wpap-tpl-with-detail .wpap-link a{width:34.5%}body[class*="copia-microcopy"] .wpap-tpl-with-image-text-h .wpap-link a{width:35%}body[class*="copia-microcopy"] .wpap-tpl-with-image-text-v .wpap-link a{width:30%}.copia-microcopy-amazon .wpap-link-amazon:before{color:#f89400}.copia-microcopy-rakuten a.wpap-link-rakuten:before{color:#be0000}.copia-microcopy-yahoo a.wpap-link-yahoo:before{color:#d14615}body[class*="copia-microcopy"] .wpap-link a:before{position:absolute;top:-17px;left:0;width:100%;height:17px;font-weight:600;font-size:11px}.copia-microcopy-amazon .wpap-link a.wpap-link-amazon,.copia-microcopy-rakuten .wpap-link a.wpap-link-rakuten,.copia-microcopy-yahoo .wpap-link a.wpap-link-yahoo{margin-top:22px}@media screen and (max-width:767px){body[class*="copia-microcopy"] .wpap-tpl p.wpap-link{flex-direction:column}body[class*="copia-microcopy"] .wpap-tpl p.wpap-link a{width:100%;box-sizing:border-box}body[class*="copia-microcopy"] .wpap-tpl-with-image-text-h .wpap-link a{margin-bottom:0}}.yyi-rinker-img-s .yyi-rinker-image{width:56px;min-width:56px;margin:auto}.yyi-rinker-img-m .yyi-rinker-image{width:175px;min-width:175px;margin:auto}.yyi-rinker-img-l .yyi-rinker-image{width:200px;min-width:200px;margin:auto}.yyi-rinker-img-s .yyi-rinker-image img.yyi-rinker-main-img{width:auto;max-height:56px}.yyi-rinker-img-m .yyi-rinker-image img.yyi-rinker-main-img{width:auto;max-height:170px}.yyi-rinker-img-l .yyi-rinker-image img.yyi-rinker-main-img{width:auto;max-height:200px}div.yyi-rinker-contents ul li:before{background-color:transparent!important}div.yyi-rinker-contents div.yyi-rinker-box ul.yyi-rinker-links li{list-style:none;padding-left:0}div.yyi-rinker-contents ul.yyi-rinker-links{border:none}div.yyi-rinker-contents ul.yyi-rinker-links li a{text-decoration:none}div.yyi-rinker-contents{margin:2em 0}div.yyi-rinker-contents div.yyi-rinker-box{display:flex;padding:26px 26px 0;border:3px solid #f5f5f5;box-sizing:border-box}@media (min-width:768px){div.yyi-rinker-contents div.yyi-rinker-box{padding:26px 26px 0}}@media (max-width:767px){div.yyi-rinker-contents div.yyi-rinker-box{flex-direction:column;padding:26px 14px 0}}div.yyi-rinker-box div.yyi-rinker-image{display:flex;flex:none;justify-content:center}div.yyi-rinker-box div.yyi-rinker-image a{display:inline-block;height:fit-content;margin-bottom:26px}div.yyi-rinker-image img.yyi-rinker-main-img{display:block;max-width:100%;height:auto}div.yyi-rinker-img-s img.yyi-rinker-main-img{width:56px}div.yyi-rinker-img-m img.yyi-rinker-main-img{width:120px}div.yyi-rinker-img-l img.yyi-rinker-main-img{width:200px}div.yyi-rinker-box div.yyi-rinker-info{display:flex;width:100%;flex-direction:column}@media (min-width:768px){div.yyi-rinker-box div.yyi-rinker-info{padding-left:26px}}@media (max-width:767px){div.yyi-rinker-box div.yyi-rinker-info{text-align:center}}div.yyi-rinker-info div.yyi-rinker-title a{color:#333;font-weight:600;font-size:18px;text-decoration:none}div.yyi-rinker-info div.yyi-rinker-detail{display:flex;flex-direction:column;padding:8px 0 12px}div.yyi-rinker-detail div:not(:last-child) {padding-bottom:8px}div.yyi-rinker-detail div.credit-box{font-size:12px}div.yyi-rinker-detail div.credit-box a{text-decoration:underline}div.yyi-rinker-detail div.brand,div.yyi-rinker-detail div.price-box{font-size:14px}@media (max-width:767px){div.price-box span.price{display:block}}div.yyi-rinker-info div.free-text{order:2;padding-top:8px;font-size:16px}div.yyi-rinker-info ul.yyi-rinker-links{display:flex;flex-wrap:wrap;margin:0 0 14px;padding:0;list-style-type:none}div.yyi-rinker-info ul.yyi-rinker-links li{display:inherit;flex-direction:column;align-self:flex-end;text-align:center}@media (min-width:768px){div.yyi-rinker-info ul.yyi-rinker-links li:not(:last-child){margin-right:8px}div.yyi-rinker-info ul.yyi-rinker-links li{margin-bottom:12px}}@media (max-width:767px){div.yyi-rinker-info ul.yyi-rinker-links li{width:100%;margin-bottom:10px}}ul.yyi-rinker-links li.amazonkindlelink a{background-color:#37475a}ul.yyi-rinker-links li.amazonlink a{background-color:#f9bf51}ul.yyi-rinker-links li.rakutenlink a{background-color:#d53a3a}ul.yyi-rinker-links li.yahoolink a{background-color:#76c2f3}ul.yyi-rinker-links li.freelink1 a{background-color:#5db49f}ul.yyi-rinker-links li.freelink2 a{background-color:#7e77c1}ul.yyi-rinker-links li.freelink3 a{background-color:#3974be}ul.yyi-rinker-links li.freelink4 a{background-color:#333}ul.yyi-rinker-links a.yyi-rinker-link{display:flex;position:relative;width:100%;min-height:38px;overflow-x:hidden;flex-wrap:wrap-reverse;justify-content:center;align-items:center;border-radius:2px;box-shadow:0 1px 6px 0 rgba(0,0,0,.12);color:#fff;font-weight:600;font-size:14px;white-space:nowrap;transition:.3s ease-out;box-sizing:border-box}ul.yyi-rinker-links a.yyi-rinker-link:after{position:absolute;top:calc(50% - 3px);right:12px;width:6px;height:6px;border-top:2px solid;border-right:2px solid;content:"";transform:rotate(45deg);box-sizing:border-box}ul.yyi-rinker-links a.yyi-rinker-link:hover{box-shadow:0 4px 6px 2px rgba(0,0,0,.12);transform:translateY(-2px)}@media (min-width:768px){ul.yyi-rinker-links a.yyi-rinker-link{padding:6px 24px}}@media (max-width:767px){ul.yyi-rinker-links a.yyi-rinker-link{padding:10px 24px}}.yyi-rinker-images{display:flex;justify-content:center;align-items:center;position:relative}div.yyi-rinker-image img.yyi-rinker-main-img.hidden{display:none}.yyi-rinker-images-arrow{cursor:pointer;position:absolute;top:50%;display:block;margin-top:-11px;opacity:.6;width:22px}.yyi-rinker-images-arrow-left{left:-10px}.yyi-rinker-images-arrow-right{right:-10px}.yyi-rinker-images-arrow-left.hidden{display:none}.yyi-rinker-images-arrow-right.hidden{display:none}div.yyi-rinker-contents.yyi-rinker-design-tate div.yyi-rinker-box{flex-direction:column}div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box .yyi-rinker-links{flex-direction:column}div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info{width:100%}div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-title{text-align:center}div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-links{text-align:center}div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-image{margin:auto}div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info ul.yyi-rinker-links li{align-self:stretch}div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box div.yyi-rinker-info{padding:0}div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box{flex-direction:column;padding:14px 5px 0}.yyi-rinker-design-slim div.yyi-rinker-box div.yyi-rinker-info{text-align:center}.yyi-rinker-design-slim div.price-box span.price{display:block}div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info div.yyi-rinker-title a{font-size:16px}div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.amazonkindlelink:before,div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.amazonlink:before,div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.rakutenlink:before,div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.yahoolink:before{font-size:12px}div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li a{font-size:13px}.entry-content ul.yyi-rinker-links li{padding:0}div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_right_ribbon{width:89px;height:91px;position:absolute;top:-1px;right:-1px;left:auto;overflow:hidden}div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_right_ribbon span{display:inline-block;width:146px;position:absolute;padding:4px 0;left:-13px;top:12px;text-align:center;font-size:12px;line-height:24px;-webkit-transform:rotate(45deg);transform:rotate(45deg);box-shadow:0 1px 3px rgba(0,0,0,.2)}div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_right_ribbon{background:none}.yyi-rinker-attention.attention_desing_right_ribbon .yyi-rinker-attention-after,.yyi-rinker-attention.attention_desing_right_ribbon .yyi-rinker-attention-before{display:none}div.yyi-rinker-use-right_ribbon div.yyi-rinker-title{margin-right:2rem}.yyi-rinker-design-slim div.yyi-rinker-info ul.yyi-rinker-links li{width:100%;margin-bottom:10px}.yyi-rinker-design-slim ul.yyi-rinker-links a.yyi-rinker-link{padding:10px 24px}.yyi-rinker-contents .yyi-rinker-info{padding-left:10px}.yyi-rinker-img-s .yyi-rinker-image .yyi-rinker-images img{max-height:75px}.yyi-rinker-img-m .yyi-rinker-image .yyi-rinker-images img{max-height:175px}.yyi-rinker-img-l .yyi-rinker-image .yyi-rinker-images img{max-height:200px}div.yyi-rinker-contents div.yyi-rinker-image{flex-direction:column;align-items:center}div.yyi-rinker-contents ul.yyi-rinker-thumbnails{display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;border:none;padding:0;margin:5px 0}div.yyi-rinker-contents ul.yyi-rinker-thumbnails li{cursor:pointer;height:32px;text-align:center;vertical-align:middle;width:32px;border:none;padding:0;margin:0;box-sizing:content-box}div.yyi-rinker-contents ul.yyi-rinker-thumbnails li img{vertical-align:middle}div.yyi-rinker-contents ul.yyi-rinker-thumbnails li{border:1px solid #fff}div.yyi-rinker-contents ul.yyi-rinker-thumbnails li.thumb-active{border:1px solid #eee}div.yyi-rinker-contents.yyi-rinker-design-mini{border:none;box-shadow:none;background-color:transparent}.yyi-rinker-design-mini div.yyi-rinker-info ul.yyi-rinker-links,.yyi-rinker-design-mini div.yyi-rinker-info .brand,.yyi-rinker-design-mini div.yyi-rinker-info .price-box{display:none}div.yyi-rinker-contents.yyi-rinker-design-mini .credit-box{text-align:right}div.yyi-rinker-contents.yyi-rinker-design-mini div.yyi-rinker-info{width:100%}.yyi-rinker-design-mini div.yyi-rinker-info div.yyi-rinker-title{line-height:1.2;min-height:2.4em;margin-bottom:0}.yyi-rinker-design-mini div.yyi-rinker-info div.yyi-rinker-title a{font-size:12px;text-decoration:none;text-decoration:underline}div.yyi-rinker-contents.yyi-rinker-design-mini{position:relative;max-width:100%;border:none;border-radius:12px;box-shadow: 0 1px 6px rgb(0 0 0 / 12%);background-color:#fff}div.yyi-rinker-contents.yyi-rinker-design-mini div.yyi-rinker-box{border:none}.yyi-rinker-design-mini div.yyi-rinker-image{width:60px;min-width:60px}div.yyi-rinker-design-mini div.yyi-rinker-image img.yyi-rinker-main-img{max-height:3.6em}.yyi-rinker-design-mini div.yyi-rinker-detail div.credit-box{font-size:10px}.yyi-rinker-design-mini div.yyi-rinker-detail div.brand,.yyi-rinker-design-mini div.yyi-rinker-detail div.price-box{font-size:10px}.yyi-rinker-design-mini div.yyi-rinker-info div.yyi-rinker-detail{padding:0}.yyi-rinker-design-mini div.yyi-rinker-detail div:not(:last-child) {padding-bottom:0}.yyi-rinker-design-mini div.yyi-rinker-box div.yyi-rinker-image a{margin-bottom:16px}@media (min-width:768px){div.yyi-rinker-contents.yyi-rinker-design-mini div.yyi-rinker-box{padding:12px}.yyi-rinker-design-mini div.yyi-rinker-box div.yyi-rinker-info{justify-content:center;padding-left:24px}}@media (max-width:767px){div.yyi-rinker-contents.yyi-rinker-design-mini{max-width:100%}div.yyi-rinker-contents.yyi-rinker-design-mini div.yyi-rinker-box{flex-direction:row;padding:12px}.yyi-rinker-design-mini div.yyi-rinker-box div.yyi-rinker-info{justify-content:center;margin-bottom:16px;padding-left:16px;text-align:left}}div.yyi-rinker-contents{position:relative;overflow:visible}div.yyi-rinker-contents .yyi-rinker-attention{display:inline;line-height:30px;position:absolute;top:-10px;left:-9px;min-width:60px;padding:0;height:30px;text-align:center;font-weight:600;color:#fff;background:#fea724;z-index:10}div.yyi-rinker-contents .yyi-rinker-attention span{padding:0 15px}.yyi-rinker-attention-before,.yyi-rinker-attention-after{display:inline;position:absolute;content:''}.yyi-rinker-attention-before{bottom:-8px;left:.1px;width:0;height:0;border-top:9px solid;border-top-color:inherit;border-left:9px solid transparent;z-index:1}.yyi-rinker-attention-after{top:0;right:-14.5px;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:15px solid;border-left-color:inherit}div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_circle{display:flex;position:absolute;top:-20px;left:-20px;width:60px;height:60px;min-width:auto;min-height:auto;justify-content:center;align-items:center;border-radius:50%;color:#fff;background:#fea724;font-weight:600;font-size:17px}div.yyi-rinker-contents.yyi-rinker-design-mini .yyi-rinker-attention.attention_desing_circle{top:-18px;left:-18px;width:36px;height:36px;font-size:12px}div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_circle{}div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_circle span{padding:0}div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_circle .yyi-rinker-attention-after,div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_circle .yyi-rinker-attention-before{display:none}

.lazyload{background-image:none!important}.lazyload:before{background-image:none!important}.broken_link,a.broken_link{text-decoration:line-through}.removed_link,a.removed_link{text-decoration:line-through}@font-face{font-family:"jin-icons";src:url(https://bambi-camp.com/wp-content/themes/jin/font/jin-icons/fonts/jin-icons.ttf?c16tcv) format("truetype") , url(https://bambi-camp.com/wp-content/themes/jin/font/jin-icons/fonts/jin-icons.woff?c16tcv) format("woff") , url(https://bambi-camp.com/wp-content/themes/jin/font/jin-icons/fonts/jin-icons.svg?c16tcv#jin-icons) format("svg");font-weight:normal;font-style:normal}.marker{background:-webkit-linear-gradient(transparent 80%,#ffcedb 0%);background:linear-gradient(transparent 80%,#ffcedb 0%)}.marker2{background:-webkit-linear-gradient(transparent 80%,#a9eaf2 0%);background:linear-gradient(transparent 80%,#a9eaf2 0%)}.simple-box1{border-color:#ef9b9b!important}.simple-box2{border-color:#f2bf7d!important}.simple-box3{border-color:#b5e28a!important}.simple-box4{border-color:#7badd8!important}.simple-box4:before{background-color:#7badd8}.simple-box5{border-color:#e896c7!important}.simple-box5:before{background-color:#e896c7}.simple-box6{background-color:#cdedb6!important}.simple-box7{border-color:#def1f9!important}.simple-box7:before{background-color:#def1f9!important}.simple-box8{border-color:#96ddc1!important}.simple-box8:before{background-color:#96ddc1!important}.simple-box9:before{background-color:#e1c0e8!important}.kaisetsu-box1:before,.kaisetsu-box1-title{background-color:#ffb49e!important}.kaisetsu-box2{border-color:#89c2f4!important}.kaisetsu-box2-title{background-color:#89c2f4!important}.kaisetsu-box4{border-color:#ea91a9!important}.kaisetsu-box4-title{background-color:#ea91a9!important}.kaisetsu-box5:before{background-color:#57b3ba!important}.kaisetsu-box5-title{background-color:#57b3ba!important}.concept-box1{border-color:#7fb0d1!important}.concept-box1:after{background-color:#7fb0d1!important}.concept-box1:before{content:"ポイント"!important;color:#7fb0d1!important}.concept-box2{border-color:#f7cf6a!important}.concept-box2:after{background-color:#f7cf6a!important}.concept-box2:before{content:"注意点"!important;color:#f7cf6a!important}.concept-box3{border-color:#86cee8!important}.concept-box3:after{background-color:#86cee8!important}.concept-box3:before{content:"Good Point"!important;color:#86cee8!important}.concept-box4{border-color:#ed8989!important}.concept-box4:after{background-color:#ed8989!important}.concept-box4:before{content:"Bad Point"!important;color:#ed8989!important}.concept-box5{border-color:#9e9e9e!important}.concept-box5:after{background-color:#9e9e9e!important}.concept-box5:before{content:"参考"!important;color:#9e9e9e!important}.concept-box6{border-color:#8eaced!important}.concept-box6:after{background-color:#8eaced!important}.concept-box6:before{content:"メモ"!important;color:#8eaced!important}.innerlink-box1,.blog-card{border-color:#73bc9b!important}.innerlink-box1-title{background-color:#73bc9b!important;border-color:#73bc9b!important}.innerlink-box1:before,.blog-card-hl-box{background-color:#73bc9b!important}.color-button01 a,.color-button01 a:hover,.color-button01:before{background-color:#dda756!important}.top-image-btn-color a,.top-image-btn-color a:hover,.top-image-btn-color:before{background-color:#ffcd44!important}.color-button02 a,.color-button02 a:hover,.color-button02:before{background-color:#9cea48!important}.color-button01-big a,.color-button01-big a:hover,.color-button01-big:before{background-color:#3296d1!important}.color-button01-big a,.color-button01-big:before{border-radius:5px!important}.color-button01-big a{padding-top:20px!important;padding-bottom:20px!important}.color-button02-big a,.color-button02-big a:hover,.color-button02-big:before{background-color:#83d159!important}.color-button02-big a,.color-button02-big:before{border-radius:5px!important}.color-button02-big a{padding-top:20px!important;padding-bottom:20px!important}.top-image-btn-color:before,.color-button01:before,.color-button02:before,.color-button01-big:before,.color-button02-big:before{bottom:-1px;left:-1px;width:100%;height:100%;border-radius:6px;box-shadow:0 1px 5px 0 rgba(0,0,0,.25);-webkit-transition:all .4s;transition:all .4s}.top-image-btn-color a:hover,.color-button01 a:hover,.color-button02 a:hover,.color-button01-big a:hover,.color-button02-big a:hover{-webkit-transform:translateY(2px);transform:translateY(2px);-webkit-filter:brightness(.95);filter:brightness(.95)}.top-image-btn-color:hover:before,.color-button01:hover:before,.color-button02:hover:before,.color-button01-big:hover:before,.color-button02-big:hover:before{-webkit-transform:translateY(2px);transform:translateY(2px);box-shadow:none!important}.jin-lp-h2 h2,.jin-lp-h2 h2{background-color:transparent!important;border-color:transparent!important;color:#4f4f4f!important}.jincolumn-h3style2{border-color:#b7d6af!important}.jinlph2-style1 h2:first-letter{color:#b7d6af!important}.jinlph2-style2 h2,.jinlph2-style3 h2{border-color:#b7d6af!important}.jin-photo-title .jin-fusen1-down,.jin-photo-title .jin-fusen1-even,.jin-photo-title .jin-fusen1-up{border-left-color:#b7d6af}.jin-photo-title .jin-fusen2,.jin-photo-title .jin-fusen3{background-color:#b7d6af}.jin-photo-title .jin-fusen2:before,.jin-photo-title .jin-fusen3:before{border-top-color:#b7d6af}.bambi-ads{display:flex;flex-direction:center;justify-content:space-around}@media screen and (max-width:480px){.bambi-ads-item{width:80%}.bambi-ads-item:nth-child(2){display:none}}