@charset "UTF-8"; @import "https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&subset=japanese"; #WpContents { /** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */ /* HTML5 display-role reset for older browsers */ /* .header_baby .g_navi:last-child { padding-bottom: 17px; text-align: center; } */ /* 【赤ちゃんとお母さん：メニュー】 header_img_mind header_img_baby_product header_img_mummy_product header_img_store header_img_ikumen header_img_aisugiyama header_img_anniversary header_img_recruitment */ /* .green_bg .description { color: #fff; } .white_bg .description { color: #96d200; } */ /* すこやかな1000日 */ /*20170309_#10*/ /*▼20170309_#22*/ /*s▲20170309_#22*/ /*▼20170309_#22*/ /*s▲20170309_#22*/ /* Senior */ /*▼20170816_#78：プラチナミルク-------------------------------*/ /*------------------------------------------*/ /*トップ*/ /*------------------------------------------*/ /*------------------------------------------*/ /*商品詳細*/ /*------------------------------------------*/ /*サイドメニュー----------------------*/ /*コンテンツ----------------------*/ /*商品別設定----------------------*/ /*バランス*/ /*パワー*/ /*ビューティー*/ /*▲20170816_#78：プラチナミルク-------------------------------*/ /* お口の健康 */ /*▼▼▼20170927_#92*/ /*▲▲▲20170927_#92*/ /*メニュー「勉強会のお知らせ」非表示：2018-12-05 */ /*2018-04-05*/ /* .research_local_navi .local_navi li:nth-of-type(5) a { letter-spacing: 0; font-size: 11px; line-height: 1.3em; position: relative; top: -4px; } */ /* research_milk_wrap */ /* 更新系 */ /* これは追加 */ /* 追加 */ /*追加*/ /*追加*/ /* 追加 */ /* 追加 */ /*　追加 */ /* 追加 */ /*----------------------------------------------*/ /*20170309_#10*/ /* ---------------------------------------*/ /* すこやか */ /*20170309_#19*/ /*20170309_#20*/ /*20180820_#124*/ /*20170309_#19*/ /*20170309_#20*/ /*20180820_#124*/ /*20170309_#19*/ /*20170309_#19*/ /*20170309_#20*/ /*20180820_#124*/ /*20170309_#19*/ /*20170309_#20*/ /*20180820_#124*/ /* トップ新着ニュース */ /* break point */ /*▼20170308_#4*/ /*▼20170817_#82：赤ちゃんのプロバイオ ビフィズスM1*/ /*▲20170817_#82：赤ちゃんのプロバイオ ビフィズスM1*/ /*20180307_#106：お問い合わせ*/ /* 母乳研究：オステオポンチン */ /* 母乳研究 --歴史-- */ /* 多言語ボタン */ /* .lang.product { top: 60px; } body.body_baby .lang { top: 60px; } */ /* ソーシャルメディアポリシー */ /* ご家族の健康に：トップ */ /* ホバー */ /* SNSリンク */ /* 第3回全国母乳調査オプトアウト */ } #WpContents html, #WpContents body, #WpContents div, #WpContents span, #WpContents applet, #WpContents object, #WpContents iframe, #WpContents h1, #WpContents h2, #WpContents h3, #WpContents h4, #WpContents h5, #WpContents h6, #WpContents p, #WpContents blockquote, #WpContents pre, #WpContents a, #WpContents abbr, #WpContents acronym, #WpContents address, #WpContents big, #WpContents cite, #WpContents code, #WpContents del, #WpContents dfn, #WpContents em, #WpContents img, #WpContents ins, #WpContents kbd, #WpContents q, #WpContents s, #WpContents samp, #WpContents small, #WpContents strike, #WpContents strong, #WpContents sub, #WpContents sup, #WpContents tt, #WpContents var, #WpContents b, #WpContents u, #WpContents i, #WpContents center, #WpContents dl, #WpContents dt, #WpContents dd, #WpContents ol, #WpContents ul, #WpContents li, #WpContents fieldset, #WpContents form, #WpContents label, #WpContents legend, #WpContents table, #WpContents caption, #WpContents tbody, #WpContents tfoot, #WpContents thead, #WpContents tr, #WpContents th, #WpContents td, #WpContents article, #WpContents aside, #WpContents canvas, #WpContents details, #WpContents embed, #WpContents figure, #WpContents figcaption, #WpContents footer, #WpContents header, #WpContents hgroup, #WpContents menu, #WpContents nav, #WpContents output, #WpContents ruby, #WpContents section, #WpContents summary, #WpContents time, #WpContents mark, #WpContents audio, #WpContents video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #WpContents article, #WpContents aside, #WpContents details, #WpContents figcaption, #WpContents figure, #WpContents footer, #WpContents header, #WpContents hgroup, #WpContents menu, #WpContents nav, #WpContents section { display: block; } #WpContents section:focus { outline: none; } #WpContents body { line-height: 1; } #WpContents ol, #WpContents ul { list-style: none; } #WpContents blockquote, #WpContents q { quotes: none; } #WpContents blockquote:before, #WpContents blockquote:after, #WpContents q:before, #WpContents q:after { content: ""; content: none; } #WpContents table { border-collapse: collapse; border-spacing: 0; } #WpContents body, #WpContents a { color: #4d4d4d; font-size: 13px; letter-spacing: 0.1em; border: none; outline: none; } #WpContents a:focus { outline: none; } #WpContents p { line-height: 1.6em; letter-spacing: 0.1em; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents li { font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .honbun { line-height: 1.6em; letter-spacing: 0.1em; margin: 18px 0; } #WpContents h1.honbun { line-height: 1.6em; font-size: 20px; } #WpContents h2.honbun { line-height: 1.6em; font-size: 18px; } #WpContents h3.honbun { line-height: 1.6em; font-size: 16px; } #WpContents h4.honbun { line-height: 1.6em; font-size: 14px; } #WpContents h5.honbun { line-height: 1.6em; font-size: 12px; } #WpContents header { width: 910px; margin: 0 auto; font-size: 13px; /* margin-top: 37px; */ } #WpContents .g_navi { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 4px; } #WpContents .g_navi li { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; /* width: 14.16%; */ text-align: center; display: inline-block; margin-right: 1px; cursor: pointer; } #WpContents .g_navi li:nth-of-type(3) a { letter-spacing: 0.03em; } #WpContents .g_navi li a { font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; display: block; height: 27px; border-bottom: 5px solid #dff1b2; /* padding-bottom: 9px; */ letter-spacing: 0.1em; } #WpContents .g_navi li a:hover { border-bottom: 5px solid #96d200; color: #96d200; } #WpContents .g_navi li a:hover { border-bottom: 5px solid #96d200; color: #96d200; } #WpContents .g_navi:last-child { margin-right: 0; } #WpContents .g_navi .current_company a, #WpContents .g_navi .current_quality a { border-bottom: 5px solid #96d200; color: #96d200; } #WpContents .g_navi .navi_search { position: relative; } #WpContents .g_navi .navi_search a { /* padding-bottom: 5px; */ } #WpContents .g_navi .navi_search img { width: 16px; } #WpContents .g_navi .navi_search form { display: none; position: absolute; z-index: 10; top: 32px; left: -15px; } #WpContents .header_mouth .g_navi .current_mouth a { border-bottom: 5px solid #ff8232; color: #ff8232; } #WpContents .header_senior .g_navi .current_senior a { border-bottom: 5px solid #00d1e5; color: #00d1e5; } #WpContents .header_research .g_navi .current_research a { border-bottom: 5px solid #009a4d; color: #009a4d; } #WpContents .header_mouth .g_navi li a { border-bottom: 5px solid #ffd9c1; } #WpContents .header_mouth .g_navi li a:hover { border-bottom: 5px solid #ff8232; color: #ff8232; } #WpContents .header_senior .g_navi li a { border-bottom: 5px solid #b2f1f7; } #WpContents .header_senior .g_navi li a:hover { border-bottom: 5px solid #00d1e5; color: #00d1e5; } #WpContents .header_research .g_navi li a { border-bottom: 5px solid #b2e1ca; } #WpContents .header_research .g_navi li a:hover { border-bottom: 5px solid #009a4d; color: #009a4d; } #WpContents .header_baby .g_navi { /* display: inline-block; */ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; } #WpContents .header_baby .g_navi li { display: inline-block; /*float: left;*/ width: 30%; height: 40px; margin: 0; text-align: left; } #WpContents .header_baby .g_navi li a { border: none; text-align: center; } #WpContents .header_baby .g_navi li a:hover { border: none; } #WpContents .header_baby .g_navi li a img { height: 22px !important; } #WpContents header .logo { width: 300px; } #WpContents .header_baby .logo { width: 272px; height: 50px; cursor: pointer; } #WpContents .body_baby { background: url("../img/baby/header_bs_world.png") no-repeat top left; background-size: 240px; } #WpContents .header_img_mind img { height: 24px; } #WpContents .header_img_baby_product img { height: 23px; } #WpContents .header_img_mummy_product img { height: 21px; /*margin-left: 15px;*/ } #WpContents .header_img_store img { height: 23px; /*margin-left: 50px;*/ } #WpContents .header_img_ikumen img { height: 21px; } #WpContents .header_img_aisugiyama img { height: 23px; /*margin-left: 15px;*/ } #WpContents .header_img_anniversary img { /*2017-02-28 追加*/ height: 23px; /*margin-left: 15px;*/ } #WpContents .header_img_recruitment img { height: 25px; /*margin-right: 47px;*/ } #WpContents .header_img_nutrition img { height: 25px; } #WpContents .header_logo_wrap { text-align: center; margin: 0px 0 35px 0; } #WpContents .header_util_wrap { width: 100%; padding-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } #WpContents .header_util_wrap ul li { display: inline; margin-left: 4px; } #WpContents .header_util_wrap ul li img { width: 31px; margin-top: 2px; } #WpContents .search_input { width: 150px; color: #96d200; border: 1px solid #96d200; background: #fff url(../img/icon_search.svg) no-repeat center left/contain; background-size: 8%; background-position: 6px; padding-top: 4px; padding-left: 25px; margin: 0 0px 0 16px; border-radius: 20px; letter-spacing: 0.15em; font-family: "Quicksand", sans-serif; padding-bottom: 3px; } #WpContents .distribution_btn { margin: 0; height: 25px; background-color: #886432; color: #fff; font-size: 11px; letter-spacing: 0.2em; padding: 0px 11px; border: none; cursor: pointer; font-family: FP-ヒラギノUD角ゴ StdN W5, FP-HiraginoUDSansStdN-W5; } #WpContents .distribution_btn { outline: none; } #WpContents .slider_img { width: 100vw; padding-top: 40.01%; /*height: 56vh;*/ /*height: 32.9vh;*/ } #WpContents .top_full { background: url("../img/slider_top.png") no-repeat center center/contain; /*background: url("../img/slider_top.png") no-repeat center center;*/ } #WpContents .top_half { background: url("../img/c_top_slider.png") no-repeat center center/cover; /*background: url("../img/slider_top.png") no-repeat center center;*/ } #WpContents .top_full_beanstalk { background: url("../img/slider_beanstalk.png") no-repeat center center/contain; /*background: url("../img/slider_beanstalk.png") no-repeat center center;*/ } #WpContents .top_half_beanstalk { background: url("../img/c_slider_beanstalk.png") no-repeat center center/cover; } #WpContents .top_full_refre { background: url("../img/slider_refre.png") no-repeat center center/contain; /*background: url("../img/slider_refre.png") no-repeat center center;*/ } #WpContents .top_half_refre { background: url("../img/c_slider_refre.png") no-repeat center center/cover; /*background: url("../img/slider_refre.png") no-repeat center center;*/ } #WpContents .top_full_familiy { background: url("../img/slider_familiy.png") no-repeat center center/contain; /*background: url("../img/slider_familiy.png") no-repeat center center;*/ } #WpContents .top_half_familiy { background: url("../img/c_slider_familiy.png") no-repeat center center/cover; /*background: url("../img/slider_familiy.png") no-repeat center center;*/ } #WpContents .top_full_slider { background: url("../img/top_slider_1.png") no-repeat center center/contain; background-size: cover; width: 100vw; height: 85vh; } #WpContents .scroll_wrap { width: 6%; position: relative; top: 81%; margin: 0 auto; text-align: center; -webkit-animation: fadeout_down 2.7s ease-out infinite normal; animation: fadeout_down 2.7s ease-out infinite normal; opacity: 1; } #WpContents .scroll_wrap > div { text-align: center; } #WpContents .scroll_wrap img { width: 100%; } #WpContents .scroll_wrap img:last-child { width: 60%; margin-top: 15px; } @-webkit-keyframes fadeout_down { 0% { top: 81%; opacity: 0; } 20% { opacity: 0.2; } 60% { top: 83%; opacity: 1; } 100% { top: 83%; opacity: 0; } } @keyframes fadeout_down { 0% { top: 81%; opacity: 0; } 20% { opacity: 0.2; } 60% { top: 83%; opacity: 1; } 100% { top: 83%; opacity: 0; } } #WpContents .top_img { background-size: cover; height: 300px; background-position: center center; } #WpContents .company_top { background-image: url("../img/company/top.png"); } #WpContents .company_policy { background-image: url("../img/company/policy/top.png"); } #WpContents .company_about { background-image: url("../img/company/about/top.png"); } #WpContents .company_message { background-image: url("../img/company/message/top.png"); } #WpContents .company_guide { background-image: url("../img/company/guide/top.png"); } #WpContents .company_history { background-image: url("../img/company/history/top.png"); } #WpContents .company_csr { background-image: url("../img/company/csr/top.png"); } #WpContents .senior_top { background-image: url("../img/senior/top.png"); } #WpContents .mouth_top { background-image: url("../img/mouth/top.png"); } #WpContents .mouth_top_2 { background-image: url("../img/mouth/top_2.png"); } #WpContents .quality_top { background-image: url("../img/quality/top.png"); } #WpContents .research_top { background-image: url("../img/research/top.png"); } #WpContents .research_top_2 { background-image: url("../img/research/top_2.png"); } #WpContents .research_top_3 { background-image: url("../img/research/top_3.png"); } #WpContents .research_top_4 { background-image: url("../img/research/top_4.png"); } #WpContents .research_top_7 { background-image: url("../img/research/top_7.png"); } #WpContents .osteopontin_top { background-image: url("../img/research/top_osteopontin.png"); } #WpContents .quality_message { background-image: url("../img/quality/factory/top.png"); } #WpContents .quality_babyfood { background-image: url("../img/quality/babyfood/top.png"); } #WpContents .baby_top img { width: 100%; } #WpContents .top_news_topics_wrap { width: 860px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 45px; } #WpContents .top_news_topics_wrap > .top_news_wrap { width: 480px; font-size: 16px; letter-spacing: 0.1em; outline: none; } #WpContents .top_news_topics_wrap h2 { font-family: "Quicksand", sans-serif; } #WpContents .top_news_topics_wrap > .top_topics_wrap { width: 320px; font-size: 13px; } #WpContents .top_news_topics_wrap > div h2 { border-bottom: 1px solid #96d200; padding-bottom: 10px; margin: 0 0 20px 0; } #WpContents .top_news_topics_wrap > div h2 a { font-size: 15px; color: #96d200; } #WpContents .top_news_topics_wrap > div li { font-size: 12px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; margin-bottom: 15px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } #WpContents .top_news_topics_wrap > div li { margin-top: 3px; } #WpContents .flg { width: 100px; height: 22px; text-align: center; } #WpContents .news_flg_update { padding: 2px 0px 0px 16px; letter-spacing: 1.5em; background-color: #96d200; color: #fff; font-size: 11px; } #WpContents .news_flg_release { padding: 1px 0px 0px 2px; background-color: #96d200; color: #fff; font-size: 11px; } #WpContents .news_flg_campaign { font-size: 10px; padding: 1px 0px 0px 3px; background-color: #ff8232; color: #fff; font-size: 11px; } #WpContents .news_flg_notice { width: 100px; height: 21px; letter-spacing: 0.2em; padding: 2px 0px 0px 4px; text-align: center; background-color: #00d1e5; color: #fff; font-size: 11px; } #WpContents .news_date { width: 65px; } #WpContents .top_link_pressrelease { text-align: right; margin-top: -10px; } #WpContents .top_link_pressrelease a { font-size: 14px; font-family: "Quicksand", sans-serif; color: #96d200; text-align: right; letter-spacing: 0.15em; } #WpContents .news_text { width: 300px; padding-bottom: 8px; margin-top: 0; margin-bottom: 0px; padding-left: 24px; } #WpContents .topic_contents { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } #WpContents .topic_contents img { width: 100%; } #WpContents .topic_contents h3 { font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; font-size: 13px; letter-spacing: 0; margin-top: 5px; } #WpContents .topic_content_l, #WpContents .topic_content_r { width: 150px; text-align: center; } #WpContents .img_global_nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 100%; margin-top: 46px; min-width: 1000px; } #WpContents .green_bg { background-color: #96dc00; } #WpContents .panel { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #WpContents .img_global_nav > a, #WpContents .img_global_nav > div { width: 33.333%; height: 250px; position: relative; display: block; cursor: pointer; } #WpContents .img_global_nav img { height: 20px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #WpContents .img_global_nav .description { width: 280px; height: 5.5%; text-align: center; font-size: 11px; position: absolute; top: 15px; bottom: 0; left: 0; right: 0; margin: auto; font-size: 12px; letter-spacing: 0.1em; line-height: 1.5em; left: 0.2em; font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; color: #333; } #WpContents .img_global_nav .description.description_1line { height: 0.5%; } #WpContents .panel_content { width: 190px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 22%; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #WpContents .panel_content h3 { position: relative; color: #96d200; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; font-size: 19px; top: 33%; text-align: center; width: 140%; letter-spacing: 0em; left: -37px; } #WpContents .green_bg > .panel_content h3 { color: #fff; } #WpContents .green_bg > .panel_content .description { color: #fff; } #WpContents .white_bg > .panel_content .description { color: #4d4d4d; } #WpContents .white_bg > .panel_content h3 { color: #96d200; } #WpContents .green_bg > .panel_content { border-top: 2px solid #fff; border-bottom: 2px solid #fff; } #WpContents .white_bg > .panel_content { border-top: 2px solid #96d200; border-bottom: 2px solid #96d200; } #WpContents .top_b_1_section { background: url("../img/top_b_1.png") no-repeat center center; background-size: 101%; } #WpContents .img_global_nav .top_c_beanstalk_section { width: 66.666%; height: 500px; background: url("../img/c_top_beanstalk.png") no-repeat top left; background-size: 109%; } #WpContents .img_global_nav_top { height: 250px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; } #WpContents .top_b_2_section { background: url("../img/top_b_2.png") no-repeat center center; background-size: 115%; } #WpContents .top_b_3_section { background: url("../img/top_b_3.png") no-repeat center center; background-size: 101%; } #WpContents .top_b_1_section img, #WpContents .top_b_2_section img, #WpContents .top_b_3_section img { height: 250px; } #WpContents .top_c_1_section { width: 66.6%; } #WpContents .top_c_baby_section { height: 250px; background: url("../img/c_top_baby.png") no-repeat center center; background-size: 109%; } #WpContents .top_c_baby2_section { height: 250px; background: url("../img/c_top_baby2.png") no-repeat center center; background-size: 109%; } #WpContents .top_c_quality_section { height: 250px; background: url("../img/c_top_quality.png") no-repeat center center; background-size: 109%; } #WpContents .top_c_sukoyaka_section { height: 250px; background: url("../img/c_top_sukoyaka.png") no-repeat center center; background-size: 400px; background-color: white; } #WpContents .top_c_yousan_section { height: 250px; background: url("../img/c_top_products.png") no-repeat center center; background-size: 330px; } #WpContents .top_c_baby_mom_section { height: 250px; background: url("../img/c_top_mom.png") no-repeat center center; background-size: 102%; } #WpContents .top_c_familiy_section { height: 250px; background: url("../img/c_top_familiy.png") no-repeat center center; background-size: 380px; } #WpContents .top_c_refre_section { background: url("../img/c_top_refre.png") no-repeat center center; background-size: 101%; position: relative; height: 250px; } #WpContents .top_c_refre_series_section { background: url(../img/c_top_refre_series.png) no-repeat center center; background-size: 370px; height: 250px; } #WpContents .baby_contents_wrap { height: 1100px; background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#84bcd9)); background: linear-gradient(to top, #fff 0%, #84bcd9 100%); } #WpContents .baby_contents { width: 960px; margin: 0 auto; position: relative; top: 88px; z-index: 5; } #WpContents .hover_bounce { -webkit-animation-play-state: paused; animation-play-state: paused; } #WpContents .hover_bounce:hover { animation: bounce 1s; -webkit-animation: bounce 1s; -webkit-animation-play-state: running; animation-play-state: running; } @-webkit-keyframes bounce { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 20% { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } 30% { -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } 45% { -webkit-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95); } 55% { -webkit-transform: scale(1.07, 1.07); transform: scale(1.07, 1.07); } 80% { -webkit-transform: scale(0.97, 0.97); transform: scale(0.97, 0.97); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes bounce { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 20% { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } 30% { -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } 45% { -webkit-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95); } 55% { -webkit-transform: scale(1.07, 1.07); transform: scale(1.07, 1.07); } 80% { -webkit-transform: scale(0.97, 0.97); transform: scale(0.97, 0.97); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } #WpContents .baby_contents h2 { display: inline-block; position: absolute; } #WpContents .baby_contents h2 img { position: relative; width: 150px; } #WpContents .baby_contents > div { position: absolute; } #WpContents .content_mind { top: -109px; z-index: 5; } #WpContents .content_mind img { width: 377px; -webkit-animation: cloud_motion 5s ease-in-out 0s infinite normal; animation: cloud_motion 5s ease-in-out 0s infinite normal; } #WpContents .content_mind h2 { top: 5px; left: -49px; -webkit-animation: cloud_motion_2 6s ease-in-out 0s infinite normal; animation: cloud_motion_2 6s ease-in-out 0s infinite normal; z-index: 4; } #WpContents .content_baby_product { top: -57px; left: 57.4%; z-index: 5; } #WpContents .content_baby_product img { width: 322px; -webkit-animation: cloud_motion 5s ease-in-out 0.5s infinite normal; animation: cloud_motion 5s ease-in-out 0.5s infinite normal; } #WpContents .content_baby_product h2 { top: -5px; left: 209px; -webkit-animation: cloud_motion_2 6s ease-in-out 0.6s infinite normal; animation: cloud_motion_2 6s ease-in-out 0.6s infinite normal; z-index: 4; } #WpContents .content_mummy_product { top: 300px; left: 66%; z-index: 5; } #WpContents .content_mummy_product h2 img { width: 348px; -webkit-animation: cloud_motion 5s ease-in-out 0.7s infinite normal; animation: cloud_motion 5s ease-in-out 0.7s infinite normal; } #WpContents .content_mummy_product h2 { top: -28px; left: -36px; -webkit-animation: cloud_motion_2 6s ease-in-out 0.9s infinite normal; animation: cloud_motion_2 6s ease-in-out 0.9s infinite normal; z-index: 4; } #WpContents .content_1000days { top: 330px; left: 47%; z-index: 5; } #WpContents .content_1000days h2 img { width: 300px; top: -28px; left: -36px; -webkit-animation: cloud_motion 6s ease-in-out 0.9s infinite normal; animation: cloud_motion 6s ease-in-out 0.9s infinite normal; } #WpContents .content_1000days h2 { top: -90px; left: -90px; -webkit-animation: cloud_motion_2 6s ease-in-out 0.9s infinite normal; animation: cloud_motion_2 6s ease-in-out 0.9s infinite normal; z-index: 4; } #WpContents .content_25th { top: 500px; left: 25%; z-index: 10; } #WpContents .content_25th h2 { top: -200px; left: -130px; -webkit-animation: cloud_motion 6s ease-in-out 0.8s infinite normal; animation: cloud_motion 6s ease-in-out 0.8s infinite normal; } #WpContents .content_25th h2 img { width: 350px; -webkit-animation: cloud_motion 5s ease-in-out 0.5s infinite normal; animation: cloud_motion 5s ease-in-out 0.5s infinite normal; } #WpContents .content_aisuigyama { top: 293px; left: 5.6%; z-index: 5; } #WpContents .content_aisuigyama img { width: 286px; -webkit-animation: cloud_motion 5s ease-in-out 0.3s infinite normal; animation: cloud_motion 5s ease-in-out 0.3s infinite normal; } #WpContents .content_aisuigyama h2 { top: 57%; left: 64%; -webkit-animation: cloud_motion_2 6s ease-in-out 0.3s infinite normal; animation: cloud_motion_2 6s ease-in-out 0.3s infinite normal; z-index: 4; } #WpContents .content_store { top: 483px; left: 66%; z-index: 5; } #WpContents .content_store img { width: 247px; -webkit-animation: cloud_motion 5s ease-in-out 0.7s infinite normal; animation: cloud_motion 5s ease-in-out 0.7s infinite normal; } #WpContents .content_store h2 { top: -9%; left: 50.8%; -webkit-animation: cloud_motion_2 6s ease-in-out 0.7s infinite normal; animation: cloud_motion_2 6s ease-in-out 0.7s infinite normal; z-index: 4; } #WpContents .content_store h2 img { width: 117px; } #WpContents .content_mamecomi { top: 700px; left: 46%; z-index: 5; width: 255px; } #WpContents .content_mamecomi h2 { top: -125px; } #WpContents .content_mamecomi img { width: 100% !important; -webkit-animation: cloud_motion 4.8s ease-in-out 0.2s infinite normal; animation: cloud_motion 4.8s ease-in-out 0.2s infinite normal; } #WpContents .content_ikumen { top: 410px; left: 5%; z-index: 5; } #WpContents .content_ikumen img { width: 260px; -webkit-animation: cloud_motion 5s ease-in-out 0.8s infinite normal; animation: cloud_motion 5s ease-in-out 0.8s infinite normal; } #WpContents .content_ikumen h2 { top: -20px; left: -27%; /*animation: cloud_motion_2 6s ease-in-out 0.7s infinite normal;*/ z-index: 4; } #WpContents .content_ikumen h2 img { width: 130px; } #WpContents .content_nutrition { top: 720px; left: 57%; z-index: 5; } #WpContents .content_nutrition img { width: 230px; -webkit-animation: cloud_motion 5s ease-in-out 0.3s infinite normal; animation: cloud_motion 5s ease-in-out 0.3s infinite normal; } #WpContents .content_nutrition h2 { top: -13%; left: -25%; -webkit-animation: cloud_motion_2 6s ease-in-out 0.9s infinite normal; animation: cloud_motion_2 6s ease-in-out 0.9s infinite normal; z-index: 4; } #WpContents .content_nutrition h2 img { width: 144px; } #WpContents .content_recruit { top: 874px; left: 39.5%; z-index: 5; } #WpContents .content_recruit img { width: 207px; -webkit-animation: cloud_motion 5s ease-in-out 1s infinite normal; animation: cloud_motion 5s ease-in-out 1s infinite normal; } #WpContents .content_recruit h2 { top: 47%; left: -22.8%; -webkit-animation: cloud_motion_2 7s ease-in-out 1s infinite normal; animation: cloud_motion_2 7s ease-in-out 1s infinite normal; z-index: 4; } #WpContents .content_recruit h2 img { width: 120px; } #WpContents .bg_bottom { background: url("../img/baby/bg_bottom.png") no-repeat center bottom; background-size: auto 100%; height: 165%; z-index: 0; margin: 55px auto 0 -875px; } #WpContents #post-27 .bird_wrap { top: 275px; } #WpContents #post-85 .bird_wrap { left: 84%; top: 120px; } #WpContents #post-113 .bird_wrap { top: 550px; left: 92%; z-index: 8; } #WpContents #post-150 .bird_wrap { /*top: 878px;*/ top: 1020px; z-index: 5; } #WpContents #post-1373 .bird_wrap, #WpContents #post-1374 .bird_wrap { top: 0px; left: 92%; } #WpContents .cloud_wrap_1 { top: 700px; left: 73%; z-index: 3; } #WpContents .cloud_wrap_1 img { width: 355px; } #WpContents .cloud_wrap_2 { top: 742px; left: 34.3%; z-index: 3; } #WpContents .cloud_wrap_2 img { width: 259px; } #WpContents .pagetop { position: relative; top: -800px; text-align: center; } #WpContents .pagetop img { width: 72px; } #WpContents .top_back img { width: 72px; } #WpContents .cloud_motion { -webkit-animation: cloud_motion 5s ease-in-out 0.9s infinite normal; animation: cloud_motion 5s ease-in-out 0.9s infinite normal; } @keyframes cloud_motion { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 50% { -webkit-transform: translate(0, 20px); transform: translate(0, 20px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes cloud_motion { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 50% { -webkit-transform: translate(0, 20px); transform: translate(0, 20px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes cloudMotion2 { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 50% { -webkit-transform: translate(0, 12px); transform: translate(0, 12px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes cloudMotion2 { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 50% { -webkit-transform: translate(0, 12px); transform: translate(0, 12px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } #WpContents .page_wrap { margin: 0 auto 0 auto; } #WpContents .page_contents { width: 860px; margin: 0 auto; padding-top: 70px; } #WpContents .top_title_1 { height: 44px; } #WpContents .top_title_2 { height: 40px; margin-bottom: 16px; } #WpContents .top_title_3 { margin-top: 11px; text-align: center; } #WpContents .top_title_3 img { height: 77px; text-align: center; } #WpContents .decoration_title_border + p { margin-top: 24px; font-size: 18px; margin-bottom: 39px; letter-spacing: 0.08em; font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; } #WpContents .senior_wrap { text-align: center; } #WpContents .senior_wrap h3.top_title_3 { color: #00d1e5; } #WpContents .senior_product_wrap { margin-top: 55px; } #WpContents .senior_product_wrap h3 img { width: 360px; } #WpContents .senior_product_wrap img { width: 720px; } #WpContents .senior_product_wrap p { width: 576px; margin: 30px auto 0 auto; text-align: left; letter-spacing: 0.1em; line-height: 1.9em; } #WpContents .mouth_wrap { text-align: center; } #WpContents .mouth_entrance_wrap { padding-top: 15px; } #WpContents .mouth_entrance_wrap img { width: 300px; margin: 0 20px; } #WpContents .material_content .kodawari_care { width: 240px; margin-top: 30px; } #WpContents .quality_babyfood_wrap .product h3 { margin-bottom: 0; } #WpContents .quality_babyfood_wrap h3:hover { top: 4px; left: 2px; } #WpContents .quality_babyfood_wrap h3 img { width: 100%; } #WpContents .quality_babyfood_wrap h3 svg { width: 20px; position: absolute; top: 80%; left: 50%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #WpContents .quality_babyfood_wrap h4 { color: #96d200; font-size: 18px; margin: 0; line-height: 1.8em; padding-top: 15px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .quality_babyfood_wrap h4.kodawari_ror_2 { padding-top: 0; } #WpContents .quality_babyfood_wrap h5 { padding-left: 22px; border-left: 5px solid #96d200; text-align: left; font-size: 16px; margin: 56px 0 23px 0; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .quality_babyfood_wrap .flex_title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 40px 0 22px 0; } #WpContents .quality_babyfood_wrap .flex_title .left { width: 10%; } #WpContents .quality_babyfood_wrap .flex_title .left img { width: 100%; } #WpContents .quality_babyfood_wrap .flex_title .right { width: 87%; } #WpContents .quality_babyfood_wrap .flex_title .line_2 h4 { font-size: 20px; padding-top: 14px; letter-spacing: 0.05em; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .quality_babyfood_wrap h4 img { width: 84px; margin-right: 23px; vertical-align: middle; } #WpContents .quality_babyfood_wrap .material { margin-top: 27px; } #WpContents .quality_babyfood_wrap p { font-size: 16px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; letter-spacing: 0.05em; } #WpContents .quality_babyfood_wrap p.description_2 { line-height: 1.2em; } #WpContents .quality_babyfood_wrap p em { font-size: 12px; font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; } #WpContents .material_content img { width: 100%; } #WpContents .material_content .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } #WpContents .quality_babyfood_wrap .flex .left { width: 55%; } #WpContents .quality_babyfood_wrap .flex .right { width: 41%; } #WpContents p.img_description { text-align: center; font-style: normal; font-size: 12px; } #WpContents .quality_babyfood_wrap ul { margin-top: 30px; } #WpContents .quality_babyfood_wrap ul li { font-size: 16px; margin-bottom: 6px; font-weight: bold; } #WpContents .material_content .flex img { width: 100%; } #WpContents .quality_babyfood_wrap .product h4 { color: #fa9400; } #WpContents .quality_babyfood_wrap .product_content h5 { border-left: 5px solid #fa9400; } #WpContents .product_content img, #WpContents .examine_content img { width: 100%; } #WpContents .quality_babyfood_wrap .examine_content h4 { color: #fa9400; } #WpContents .quality_babyfood_wrap .examine_content h5 { border-left: 5px solid #fa9400; } #WpContents .flex_base { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } #WpContents .flex_base div:first-child { width: 283px; } #WpContents .flex_base div:first-child .description { font-size: 12px; margin-top: 10px; } #WpContents .flex_base div:nth-of-type(2) { width: 522px; } #WpContents .babyfood_size { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } #WpContents .babyfood_size { margin-top: 15px; } #WpContents .babyfood_size > div { text-align: center; width: 25%; } #WpContents .babyfood_size div:first-child dt { font-size: 14px; padding: 11px 0; border-bottom: 1px solid #caed80; font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; } #WpContents .babyfood_size div:first-child dd { font-size: 14px; padding: 12px 0; border-bottom: 1px solid #caed80; font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; } #WpContents .babyfood_size div:nth-of-type(2), #WpContents .babyfood_size div:nth-of-type(3), #WpContents .babyfood_size div:nth-of-type(4) { border: 1px solid #caed80; } #WpContents .babyfood_size div:nth-of-type(2) dt, #WpContents .babyfood_size div:nth-of-type(3) dt, #WpContents .babyfood_size div:nth-of-type(4) dt { background-color: #96dc00; color: #fff; padding: 12px 0; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .babyfood_size div:nth-of-type(2) dd, #WpContents .babyfood_size div:nth-of-type(3) dd, #WpContents .babyfood_size div:nth-of-type(4) dd { padding: 12px 0; border-bottom: 1px solid #caed80; color: #96dc00; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .babyfood_size div:nth-of-type(2) dd img, #WpContents .babyfood_size div:nth-of-type(3) dd img, #WpContents .babyfood_size div:nth-of-type(4) dd img { width: 80%; } #WpContents .babyfood_size + p { margin-top: 10px; text-align: right; font-size: 12px; font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; } #WpContents .quality_babyfood_wrap .board { background: url("../img/quality/babyfood/babyfood_board_bg.png"); width: 870px; height: 212px; text-align: center; margin-top: 54px; margin-bottom: 52px; } #WpContents .quality_babyfood_wrap .board h4 { font-size: 22px; margin: 13px 0 20px 0; border-bottom: 2px solid #96dc00; display: inline-block; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .quality_babyfood_wrap .board p { text-align: center; font-size: 20px; padding: 0 35px; letter-spacing: 0.05em; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; padding-top: 67px; } #WpContents .quality_b_1_section { background: url("../img/quality/quality_b_1.png") no-repeat center center; background-size: 113%; } #WpContents .quality_b_2_section { background: url("../img/quality/quality_b_2.png") no-repeat center center; background-size: 113%; } #WpContents .quality_b_3_section { background: url("../img/quality/quality_b_3.png") no-repeat center center; background-size: 100%; } #WpContents .quality_b_4_section { background: url("../img/quality/quality_b_4.png") no-repeat center center; background-size: 101%; } #WpContents .company_wrap { text-align: center; } #WpContents .company_b_1_section { background: url("../img/company/company_b_1.png") no-repeat center center; background-size: 100%; } #WpContents .company_b_2_section { background: url("../img/company/company_b_2.png") no-repeat center center; background-size: 101%; } #WpContents .company_b_3_section { background: url("../img/company/company_b_3.png") no-repeat center center; background-size: 101%; } #WpContents .company_policy_wrap { text-align: center; } #WpContents .header_sub { color: #96d200; font-size: 20px; text-align: center; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .top_title_3 { color: #96d200; font-size: 30px; margin: 16px 0; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .company_policy_wrap .sub { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } #WpContents .company_policy_wrap .sub_1, #WpContents .company_policy_wrap .sub_2, #WpContents .company_policy_wrap .sub_3 { background: url("../img/company/policy/sub_title_bg.png") no-repeat top left; width: 410px; height: 257px; background-size: 96.2%; } #WpContents .company_policy_wrap .sub_2 { position: relative; } #WpContents .company_policy_wrap .sub h3 img { height: 51px; margin-top: 32px; } #WpContents .company_policy_wrap .sub_1 h3 img { margin-right: 31px; } #WpContents .company_policy_wrap .sub_2 h3 img { margin-right: 51px; } #WpContents .company_policy_wrap .sub_3 { margin-top: 13px; } #WpContents .company_policy_wrap .header_sub, #WpContents .company_about_wrap .header_sub { color: #96d200; font-size: 20px; } #WpContents .company_policy_wrap .top_title_3 { color: #96d200; font-size: 34px; margin-top: 15px; } #WpContents .company_policy_wrap .sub .border { display: block; width: 80%; margin: 0 auto; border-top: 1px solid #96d200; margin-left: 34px; margin-top: 9px; } #WpContents .company_policy_wrap .sub p { margin-top: 16px; padding: 0 34px; text-align: left; line-height: 1.9em; } #WpContents .company_policy_wrap .sub h3 { color: #009a4d; font-size: 18px; line-height: 1.5em; text-align: left; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; position: relative; top: 7px; left: 30px; letter-spacing: 0.1em; padding: 10px 0; } #WpContents .company_policy_wrap .top_title_3 + p { font-size: 18px; } #WpContents .company_local_navi .local_navi { width: 100%; } #WpContents .company_local_navi .local_navi ul { width: 860px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 auto; } #WpContents .company_local_navi .local_navi li { width: 16.666%; margin-top: 10px; text-align: center; border-left: 1px solid #96d200; padding: 10px 0; } #WpContents .company_local_navi .local_navi li a { letter-spacing: 0.1em; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .company_local_navi .local_navi li a.current { color: #96d200; } #WpContents .company_local_navi .local_navi li:last-child { border-right: 1px solid #96d200; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .president_wrap { margin: 108px 0 0 293px; } #WpContents .president_wrap dl { margin-top: 10px; } #WpContents .president_wrap .border_top { display: block; border-top: 1px solid #96d200; width: 151px; position: relative; top: -25px; left: 305px; } #WpContents .president_wrap .border_bottom { display: block; border-top: 1px solid #96d200; width: 151px; position: relative; top: 51px; left: 117px; } #WpContents .president_wrap dt { font-size: 13px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .president_wrap dd { font-size: 26px; margin-top: 10px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .president_img { width: 240px; position: absolute; top: -90px; left: 38px; z-index: 1; } #WpContents .president_message { background: url("../img/company/message/message_bg_top.png") no-repeat top left/contain, url("../img/company/message/message_bg_bottom.png") no-repeat bottom left/contain, url("../img/company/message/message_bg_middle.png") repeat-y center left/contain; width: 745px; height: auto; padding-bottom: 90px; background-size: 96.2%; position: relative; top: 110px; left: 117px; } #WpContents .president_message h3 { font-size: 20px; color: #009a4e; padding-top: 74px; margin-right: 36px; padding: 71px 40px 25px 40px; line-height: 1.5em; letter-spacing: 0.1em; text-align: left; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .president_message p { font-size: 13px; padding: 2px 90px 0 30px; text-align: left; letter-spacing: 0.16em; line-height: 2em; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .president_message dl { text-align: right; margin-top: 39px; margin-right: 75px; font-size: 14px; letter-spacing: 0.4em; font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; } #WpContents .president_message dl dt { margin-bottom: 9px; font-size: 0.9em; } #WpContents .president_message dl dt { font-size: 0.9em; } #WpContents .president_message_wrap { position: relative; top: 23px; } #WpContents .signature { position: absolute; right: 70px; height: 38px; margin-top: 10px; /*margin-left: 409px;*/ } #WpContents .company_map iframe { width: 450px; height: 450px; margin: 10px 0px; } #WpContents .company_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 680px; margin: 56px auto 0 auto; } #WpContents .company_map { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 680px; margin: 44px auto 0 auto; } #WpContents .company_info_2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 680px; margin: 22px auto 0 auto; } #WpContents .company_about_left { width: 140px; border: 1px solid #96d200; text-align: center; display: table; padding: 17px 0; vertical-align: middle; font-size: 14px; margin-bottom: 10px; font-family: 秀英丸ゴシック L, DNPShueiMGoStd-L; } #WpContents .board_member { padding: 125px 0px; } #WpContents .company_about_right { width: 500px; border-bottom: 1px solid #96d200; margin-bottom: 10px; display: table; padding: 16px 0 22px 0; vertical-align: middle; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .pdf { width: 30px; vertical-align: middle; } #WpContents .company_info_2 .company_about_right { padding: 16px 0 12px 0; } #WpContents .company_about_right .map { width: 100%; margin-top: 25px; } #WpContents .company_about_right table th { text-align: left; width: 140px; padding: 6px 0; font-weight: normal; } #WpContents .company_about_right table td { padding: 6px 0; width: 300px; } #WpContents .border_none { border: 0px; } #WpContents .negative_top { margin-top: -15px; } #WpContents .company_about_right p { margin: 0; } #WpContents .company_guide_wrap { width: 680px; margin: 0 auto; } #WpContents .company_guide_wrap .company_about_right { padding-bottom: 10px; } #WpContents .company_guide_wrap .company_about_right p { margin-top: -4px; } #WpContents .company_guide_wrap h3.base { text-align: center; border: 1px solid #96d200; padding: 13px 0; margin: 30px 0 35px 0; font-size: 16px; font-family: 秀英丸ゴシック L, DNPShueiMGoStd-L; } #WpContents .company_guide_wrap h4 { font-size: 15px; height: 26px; background-color: #96dc00; border-radius: 20px; color: #fff; text-align: center; display: inline; padding: 6px 10px; font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; } #WpContents .company_guide_wrap dl { margin: 31px 0 45px 0; } #WpContents .company_guide_wrap dl dt { font-weight: bold; font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; } #WpContents .company_guide_wrap dl dt span.circle::before { content: "○"; color: #96d200; padding-right: 6px; } #WpContents .company_guide_wrap dl dd { margin-top: 10px; padding-left: 19px; font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; } #WpContents .company_guide_wrap .main_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-top: 58px; } #WpContents .company_csr_wrap { text-align: center; } #WpContents .company_csr_wrap h4 img { height: 60px; } #WpContents .company_csr_wrap p { text-align: center; } #WpContents .toggle_icon { top: -21px; right: 54px; position: relative; } #WpContents .toggle_icon svg { width: 16px; height: 16px; -webkit-transition: all 0.2s; transition: all 0.2s; } #WpContents .toggle_icon_rotate { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #WpContents .csr_contents { margin-bottom: -150px; } #WpContents .csr_policy { width: 760px; margin: 43px auto 60px auto; padding: 70px; border-image-source: url("../img/company/csr/subtitle_bg.png"); border-image-slice: 100; border-image-width: 50px; } #WpContents .csr_policy p { margin: 45px auto 0 auto; font-size: 1rem; line-height: 2em; letter-spacing: 0.13em; font-family: FP-ヒラギノUD角ゴ StdN W5, FP-HiraginoUDSansStdN-W5; } #WpContents .csr_policy a:hover { opacity: 0.6; } #WpContents .csr_policy strong { font-weight: normal; color: #009a4d; } #WpContents .csr_policy h3 { display: inline; border-bottom: 1px solid #96d200; text-align: center; font-size: 21px; color: #96d200; padding-bottom: 8px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .company_csr_wrap .sec { margin-bottom: 100px; } #WpContents .company_csr_wrap .sec > .ttl { margin-bottom: 40px; } #WpContents .company_csr_wrap .sdgs_icons { margin: 0 auto 100px; width: 660px; } #WpContents .company_csr_wrap .sdgs_icons img { width: 100%; } #WpContents .company_csr_wrap .sec_sub { margin-bottom: 60px; } #WpContents .company_csr_wrap .sec_sub:last-of-type { margin-bottom: 0; } #WpContents .company_csr_wrap .ttl_sub { position: relative; max-width: 430px; margin: 0 auto 30px; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #abcd03; -webkit-box-sizing: content-box; box-sizing: content-box; } #WpContents .company_csr_wrap .ttl_sub::after { content: ""; position: absolute; top: -5px; left: -5px; display: block; width: calc(100% + 8px); height: calc(100% + 8px); border: 1px solid #abcd03; -webkit-box-sizing: content-box; box-sizing: content-box; } #WpContents .company_csr_wrap .ttl_sub .cate { padding: 10px; text-align: center; background: #fff; line-height: 1rem; } #WpContents .company_csr_wrap .ttl_sub .txt { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; color: #fff; text-align: center; font-size: 1.4rem; } #WpContents .company_csr_wrap .csr_goals { border-top: 2px solid #abcd03; } #WpContents .company_csr_wrap .csr_goals li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 15px 30px; border-bottom: 2px solid #abcd03; } #WpContents .company_csr_wrap .csr_goals .mark + p { text-align: left; font-size: 1rem; line-height: 1.3rem; } #WpContents .company_csr_wrap .csr_goals .mark + p a { text-align: left; font-size: 1rem; line-height: 1.3rem; } #WpContents .company_csr_wrap .csr_goals small { line-height: 1rem; } #WpContents .company_csr_wrap .csr_goals .year, #WpContents .company_csr_wrap .csr_goals .kpi { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #WpContents .company_csr_wrap .csr_goals .year { width: 40%; } #WpContents .company_csr_wrap .csr_goals .kpi { width: 60%; } #WpContents .company_csr_wrap .csr_goals .mark { padding: 2px 15px; margin-right: 10px; border-radius: 100px; border: 1px solid #abcd03; font-size: 1rem; } #WpContents .company_csr_wrap .csr_goals .year .mark { color: #abcd03; } #WpContents .company_csr_wrap .csr_goals .kpi .mark { color: #fff; background: #abcd03; } #WpContents .company_csr_wrap .sec.effort p { margin-bottom: 20px; font-size: 1rem; text-align: left; } #WpContents .company_csr_wrap .sec.effort a { color: #4f85d0; font-size: 1rem; } #WpContents .heartful { padding-top: 30px; } #WpContents .heartful .ttl { font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; margin-bottom: 30px; } #WpContents .heartful .ttl > * { text-align: center; color: #96d200; } #WpContents .heartful .ttl p { font-size: 18px; margin: 0 0 20px 0; } #WpContents .heartful .ttl h2 { font-size: 34px; margin: 0 0 20px 0; } #WpContents .heartful_policy { background: url("../img/company/csr/heart_subtitle_bg.png") top left; width: 762px; height: 307px; background-size: 100%; margin: 43px auto 70px auto; padding-top: 50px; } #WpContents .heartful_policy > * { text-align: center; } #WpContents .heartful_policy .body1 { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; font-size: 19px; line-height: 1.7; padding-bottom: 20px; margin-bottom: 20px; position: relative; } #WpContents .heartful_policy .body1:after { position: absolute; bottom: 0; left: 50%; margin-left: -50px; content: ""; display: block; width: 100px; border-top: solid 2px #96d200; } #WpContents .heartful_policy .body2 { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; font-size: 14px; line-height: 1.8; } #WpContents .heartful .action { width: 650px; margin: auto auto 60px 140px; } #WpContents .heartful .action .image { float: left; width: 20%; margin-right: 5%; } #WpContents .heartful .action .image img { width: 100%; } #WpContents .heartful .action .text { float: left; width: 75%; } #WpContents .heartful .action .text h3 { letter-spacing: 0; color: #96d200; font-size: 18px; line-height: 1.5; font-family: UD新丸ゴ M, UD Shin Maru Go Medium; margin-bottom: 10px; } #WpContents .heartful .action .text p { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; font-size: 14px; line-height: 1.7; } #WpContents .heartful .action .body { margin-bottom: 15px; } #WpContents .heartful .action .body:after { content: ""; display: block; clear: both; zoom: 1; } #WpContents .heartful .action .item img { width: 12.5%; float: right; margin-left: 3.5%; margin-right: 13%; } #WpContents .heartful .action .item p { width: 71%; padding-top: 20px; line-height: 1.56; font-size: 14px; } #WpContents .heartful .action .item:after { content: ""; display: block; clear: both; zoom: 1; } #WpContents .for_mother, #WpContents .commit_safety, #WpContents .commit_enviroment, #WpContents .commit_society { display: none; padding-bottom: 2px; padding-bottom: 85px; } #WpContents .for_mother p, #WpContents .commit_safety p, #WpContents .commit_environment p, #WpContents .commit_society p { font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; text-align: left; margin-top: 0px; line-height: 1.9em; } #WpContents .commit_safety { margin-top: 22px; } #WpContents .commit_safety h4 img { width: 340px; } #WpContents .bsqs { width: 570px; margin-top: 43px; margin-bottom: 10px; } #WpContents .company_csr_wrap h4 { margin-bottom: 23px; } #WpContents .company_csr_wrap h5 { padding-left: 13px; border-left: 8px solid #96d200; text-align: left; font-size: 18px; margin: 39px 0 15px 0; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .commit_environment p, #WpContents .commit_society p, #WpContents .commit_enviroment p { text-align: left; margin: 0; font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; } #WpContents .commit_enviroment p em { font-size: 11px; } #WpContents .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 13px 0 0 0; } #WpContents .flex .quolity_left { width: 69%; } #WpContents .flex .quolity_right { width: 27%; } #WpContents .quolity_right img { width: 100%; } #WpContents .commit_enviroment .left img { width: 100%; } #WpContents .commit_enviroment .left h5, #WpContents .commit_enviroment .right h5 { border: 0; text-align: center; margin-top: 14px; font-size: 14px; } #WpContents .commit_enviroment .flex { margin-top: 26px; } #WpContents .commit_society .flex .left { width: 44%; } #WpContents .commit_society .flex .right { width: 51%; } #WpContents .commit_society h4 img { width: 340px; } #WpContents .commit_society img { width: 100%; } #WpContents .commit_enviroment .left, #WpContents .commit_society .left { width: 32%; } #WpContents .commit_enviroment .right, #WpContents .commit_society .right { width: 63%; } #WpContents .research_wrap { text-align: center; } #WpContents .research_wrap p { line-height: 1.7em; text-align: left; font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; } #WpContents .research_bg { background-size: cover !important; } #WpContents .research_b_1_section { background: url("../img/research/research_b_1.png") no-repeat center center; } #WpContents .research_b_2_section { background: url("../img/research/research_b_2.png") no-repeat center center; } #WpContents .research_b_3_section { background: url("../img/research/research_b_3.png") no-repeat center center; } #WpContents .research_b_4_section { background: url("../img/research/research_b_4.png") no-repeat center center; } #WpContents .research_b_5_section { background: url("../img/research/research_b_5.png") no-repeat center center; } #WpContents .research_b_6_section { background: url("../img/research/research_b_6.png") no-repeat center center; } #WpContents .research_b_7_section { background: url("../img/research/research_b_7.png") no-repeat center center; } #WpContents .img_global_nav .research_center_img { left: -15px; } #WpContents .img_global_nav .research_center_img2 { left: -55px; } #WpContents .depth_green_bg { background-color: #009a4d; } #WpContents .depth_green_bg > .panel_content { border-top: 2px solid #fff; border-bottom: 2px solid #fff; } #WpContents .depth_green_bg > p.description { color: #fff; } #WpContents .depth_white_bg > .panel_content { border-top: 2px solid #009a4d; border-bottom: 2px solid #009a4d; } #WpContents .pink_bg { background-color: #ff7d82; } #WpContents .pink_bg > .panel_content { border-top: 2px solid #fff; border-bottom: 2px solid #fff; } #WpContents .pink_bg > .panel_content h3, #WpContents .pink_bg > .panel_content .description, #WpContents .depth_green_bg > .panel_content h3, #WpContents .depth_green_bg > .panel_content .description { color: #fff; } #WpContents .depth_white_bg > .panel_content h3 { color: #009a4d; } #WpContents .depth_white_bg > .panel_content .description { color: #4d4d4d; } #WpContents .news_list_wrap { width: 630px; margin: 0 auto; text-align: center; margin-top: 40px; } #WpContents .news_list_wrap h2 { margin-bottom: 46px; } #WpContents .news_list { width: 860px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } #WpContents .news_list { padding-bottom: 30px; } #WpContents .list_flg { width: 100px; margin: 0 30px; /* -webkit-flex: 0 0 21.9%; flex: 0 0 21.9%; */ } #WpContents .list_date { width: 80px; } #WpContents .list_p { width: 600px; text-align: left; } #WpContents .topics_wrap { width: 630px; margin: 0 auto; text-align: center; margin-top: 40px; } #WpContents .topics_wrap h2 { margin-bottom: 46px; } #WpContents .group_wrap { text-align: center; } #WpContents .entry-content .group_wrap p { font-size: 14px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; letter-spacing: 0.1em; } #WpContents .entry-content .contact p { color: #009a4d; font-size: 16px; } #WpContents .entry-content .group_wrap h2 { margin-bottom: 30px; } #WpContents .entry-content .group_wrap h3 { width: 180px; padding: 12px; font-size: 18px; color: #fff; letter-spacing: 0.1em; background-color: #96d200; border-radius: 50px; display: inline-block; margin: 0 auto; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; text-align: center; margin-bottom: 30px; } #WpContents .group_wrap h3 img { width: 160px; } #WpContents .group_wrap .ref_site_title { margin-top: 25px; } #WpContents .affiliate_wrap, #WpContents .manage_site_wrap, #WpContents .ref_site_wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 0 30px; text-align: center; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-align-items: baseline; } #WpContents .group_wrap p.divide_cross { color: #96d200; font-size: 22px; letter-spacing: 0.2em; margin: 32px 0 24px 0; } #WpContents .affiliate_wrap > div:not(.vertical_line), #WpContents .manage_site_wrap > div:not(.vertical_line), #WpContents .ref_site_wrap > div:not(.vertical_line) { width: 45%; padding: 0 0 50px 0; } #WpContents .affiliate_wrap h4, #WpContents .manage_site_wrap h4, #WpContents .ref_site_wrap h4 { margin-top: 0; } #WpContents .affiliate_wrap img, #WpContents .manage_site_wrap img, #WpContents .ref_site_wrap img { width: 100%; } #WpContents .affiliate_wrap dl dt, #WpContents .manage_site_wrap dl dt, #WpContents .ref_site_wrap dl dt { font-size: 18px; font-weight: bold; margin-top: 22px; margin-bottom: 20px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; text-align: left; } #WpContents .ref_site_wrap dd { text-align: left; line-height: 1.7em; font-size: 14px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .mamecomi dd { text-align: left; line-height: 1.7em; font-size: 14px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .megmilk_direct { margin: 0 auto; } #WpContents .cross_bg { width: 178px; margin: 50px 0; } #WpContents .about_company_wrap { text-align: left; } #WpContents .about_company_wrap h4 { margin-top: 40px; margin-bottom: 20px; background-color: #95d100; color: #fff; display: inline-block; padding: 6px 11px; font-size: 16px; font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; letter-spacing: 0.1em; } #WpContents .link p { text-indent: -1.3em; padding-left: 1.3em; } #WpContents .about_company_wrap img { height: 30px; } #WpContents .about_company_wrap div { margin: 30px 0 45px 0; } #WpContents .about_company_wrap .write_contents ul li { list-style-type: disc; margin-left: 15px; } #WpContents .about_company_wrap .write_contents ul li { margin-top: 0; margin-bottom: 10px; } #WpContents .about_company_wrap .mail_icon { height: 18px; vertical-align: middle; padding-right: 9px; } #WpContents .about_company_wrap .link ul li { margin-bottom: 25px; } #WpContents .about_company_wrap .link img { vertical-align: middle; } #WpContents .company_history_wrap { position: relative; } #WpContents .company_history_wrap h3 { text-align: center; margin-top: 23px; margin-bottom: 25px; } #WpContents .history { /*background: url("../img/company/history/product_list.png") top left no-repeat; background-size: 94px; margin-top: 72px; background-position: 150px 65px;*/ margin-top: 50px; } #WpContents .history::before { content: ""; border-left: 2px solid #96d200; position: absolute; left: 207px; overflow: hidden; height: 91.51%; z-index: -1; top: 200px; } #WpContents .history dt strong { font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; } #WpContents .history dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-top: 0px; margin-bottom: 12px; } #WpContents .history dt { width: 150px; font-weight: bold; margin-left: -4px; font-size: 12px; letter-spacing: 0.1em; font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; } #WpContents .history dl dd { text-align: center; } #WpContents .history dl dd:first-of-type { width: 120px; } #WpContents .history dl dd:first-of-type > img { width: 80px; margin-top: -10px; } #WpContents .history dl dd:first-of-type > img.leaf { width: 26px; margin-top: 6px; vertical-align: sub; } #WpContents .history dl dd:last-of-type { width: 591px; margin-bottom: 2.7em; font-size: 12px; line-height: 1.8em; font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; letter-spacing: 0.27em; font-size: 14px; text-align: left; } #WpContents .company_history_wrap h3.age { padding: 7px 0; font-size: 22px; color: #fff; background-color: #96d200; width: 160px; border-radius: 20px; margin: 0 auto; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; text-align: center; margin-bottom: 30px; } #WpContents .company_history_wrap h3.age em { font-size: 0.8em; } #WpContents .pagination h2.screen-reader-text { display: none; } #WpContents .search_wrap { width: 860px; margin: 0 auto; text-align: center; margin-top: 55px; background-size: 24%; } #WpContents .search_wrap h1 { font-size: 20px; padding-bottom: 50px; padding-top: 15px; margin-left: -8px; font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .search_contents { width: 630px; text-align: left; margin: 0 auto 110px auto; } #WpContents .search_contents p { font-size: 14px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .search_contents .entry-summary { margin-bottom: 35px; } #WpContents .search_wrap h2 { color: #95d100; margin: 40px auto; padding: 20px 0; font-size: 22px; text-align: center; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .search_contents article { margin-bottom: 10px; } #WpContents .searched_result_title { margin-bottom: 16px; } #WpContents .searched_result_title a { font-size: 20px; color: #96d200; font-family: UD新丸ゴ M, UD Shin Maru Go Medium; line-height: 1.4em; } #WpContents .not-found { padding: 21px 0 50px; } #WpContents .search_wrap .not-found h1 { margin-left: 0; font-family: UD新丸ゴ M, UD Shin Maru Go Medium; font-size: 20px; } #WpContents footer.footer_baby { margin-bottom: 16px; padding-top: 160px; } #WpContents .footer_link_wrap { width: 860px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #WpContents .footer_link_wrap > div { -webkit-box-flex: 0; -ms-flex: 0 0 22%; flex: 0 0 22%; } #WpContents .footer_baby .footer_link_wrap > div { color: #fff; } #WpContents .footer_baby a { color: #fff; } #WpContents .footer_baby a:hover { color: #009953; } #WpContents .footer_baby ul { color: #fff; } #WpContents footer dl dt { border-bottom: 1px solid #96d200; padding-bottom: 10px; margin-bottom: 17px; } #WpContents footer dl dt a { font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; font-size: 13px; } #WpContents footer.footer_baby dl dt { border-bottom: 1px solid #009953; } #WpContents footer.footer_senior a:hover { color: #00d1e5; } #WpContents footer.footer_research a:hover { color: #009a4d; } #WpContents footer.footer_mouth a:hover { color: #ff8232; } #WpContents footer.footer_senior dl dt { border-bottom: 1px solid #00d1e5; } #WpContents footer.footer_research dl dt { border-bottom: 1px solid #009a4d; } #WpContents footer.footer_mouth dl dt { border-bottom: 1px solid #ff8232; } #WpContents footer dl dd { margin: 0 0 9px 0; } #WpContents footer dl dd a { font-size: 11px; padding-left: 18px; letter-spacing: 0.1em; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents footer dl dd img { margin-right: 10px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #WpContents .footer_mouth_wrap { margin-top: 30px; } #WpContents .footer_corporate_wrap { margin-top: 30px; } #WpContents .footer_milk { margin-top: 30px; } #WpContents .footer_corporate_link { margin-top: 67px; text-align: center; } #WpContents .footer_corporate_link ul li { padding: 0 12px; display: inline; } #WpContents .footer_corporate_link ul li a { font-size: 14px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; letter-spacing: 0.1em; } #WpContents .footer_sns_wrap { width: 200px; text-align: center; padding: 25px 0 20px 0; margin: 0 auto; border-bottom: 1px solid #96d200; } #WpContents .footer_baby .footer_sns_wrap { border-bottom: 1px solid #009953; } #WpContents .footer_sns_wrap img { margin: 0 12px; } #WpContents .footer_baby path, #WpContents .footer_baby rect { fill: #009953; } #WpContents .footer_baby svg:first-child path { fill: #96d200; } #WpContents .logo_copyright_wrap { font-size: 10px; margin-top: 30px; text-align: center; letter-spacing: 0.2em; } #WpContents .logo_copyright_wrap p { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; margin-top: 12px; } #WpContents footer .logo { width: 26%; height: auto; } #WpContents .cross_icon { position: relative; top: 1px; width: 12px; height: 12px; } #WpContents .cross_icon:before, #WpContents .cross_icon:after { position: absolute; left: 4px; content: " "; height: 12px; width: 1px; background-color: #96d200; -webkit-transition: all 0.4s; transition: all 0.4s; border-radius: 10px; } #WpContents .footer_baby .cross_icon:before, #WpContents .footer_baby .cross_icon:after { background-color: #009953; } #WpContents .footer_senior .cross_icon:before, #WpContents .footer_senior .cross_icon:after { background-color: #00d1e5; } #WpContents .footer_research .cross_icon:before, #WpContents .footer_research .cross_icon:after { background-color: #009a4d; } #WpContents .footer_mouth .cross_icon:before, #WpContents .footer_mouth .cross_icon:after { background-color: #ff8232; } #WpContents .cross_icon:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } #WpContents .cross_icon_change:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #WpContents .cross_icon_change:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } #WpContents .senior_wrap h2 { color: #00d1e5; margin-bottom: 10px; font-size: 30px; text-align: center; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .senior_wrap p { font-size: 14px; font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; } #WpContents .senior_wrap h4 { color: #00d1e5; width: 100px; padding: 14px 0; border-top: 1px solid #00d1e5; border-bottom: 1px solid #00d1e5; line-height: 1.4em; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; font-size: 20px; letter-spacing: 0.1em; } #WpContents .senior_wrap h4 span { font-size: 16px; } #WpContents .senior_product_wrap h4 { margin: 42px auto; } #WpContents .senior_wrap .head_bottom { display: none; } #WpContents .head_bottom { height: 0; width: 100px; border: 1px solid #00d1e5; margin-bottom: 15px; } #WpContents .megmilk_direct_wrap p { text-align: center; } #WpContents .senior_product_wrap p { font-size: 14px; margin: 15px auto 0 auto; } #WpContents .senior_product_wrap { width: 820px; } #WpContents .senior_product_head .bone_care p { text-align: left; } #WpContents .senior_product_head { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowwrap; flex-flow: row nowwrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 30px; border-bottom: 1px solid #00d1e5; } #WpContents .senior_product_list { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 50px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #WpContents .senior_product_list p { font-size: 12px; text-align: left; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; width: 100%; } #WpContents .senior_product_list h5 { text-align: left; } #WpContents .senior_product_head img { width: 100%; } #WpContents .senior_product_list img { width: 70%; } #WpContents .senior_product_head .bone_care img { width: 72%; } #WpContents .bone_care h5 { font-size: 20px; margin-top: 32px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .senior_product_head > div, #WpContents .senior_product_list .senior_product { width: 31%; } #WpContents .senior_product_head img.tokuho_icon { width: 45px; vertical-align: middle; } #WpContents .senior_product h5 { font-size: 18px; color: #00d1e5; line-height: 1.4em; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; text-align: left; } #WpContents .senior_product button { font-size: 14px; color: #fff; width: 100%; padding: 20px; background-color: #00b9d7; border: none; margin: 20px 0 50px 0; letter-spacing: 0.3em; cursor: pointer; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .senior_wrap .platinummilk { margin-top: 100px; padding: 0; } #WpContents .senior_wrap .platinummilk .lifenavi_logo { width: 270px; margin-bottom: 80px; } #WpContents .senior_wrap .platinummilk .item_list { display: -webkit-box; display: -ms-flexbox; display: flex; /*justify-content: space-between;*/ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0; } #WpContents .senior_wrap .platinummilk .item_list li { width: 31%; margin: 0 10px; } #WpContents .senior_wrap .platinummilk .item_list li img { height: 220px; width: auto; margin-bottom: 20px; } #WpContents .senior_wrap .platinummilk .item_list li h5 { min-height: 3em; } #WpContents .senior_wrap .platinummilk .item_list li p { min-height: 4em; } #WpContents .senior_wrap .platinummilk .item_list .platinummilk_balance h5 { color: #00bcd9; } #WpContents .senior_wrap .platinummilk .item_list .platinummilk_balance button { background-color: #00bcd9; } #WpContents .senior_wrap .platinummilk .item_list .platinummilk_power h5 { color: #45d900; } #WpContents .senior_wrap .platinummilk .item_list .platinummilk_power button { background-color: #45d900; } #WpContents .senior_wrap .platinummilk .item_list .platinummilk_beauty h5 { color: #e23fb6; } #WpContents .senior_wrap .platinummilk .item_list .platinummilk_beauty button { background-color: #e23fb6; } #WpContents .megmilk_items { margin-top: 40px; } #WpContents .bnr_platinum_recipe { display: -webkit-box; display: -ms-flexbox; display: flex; /* justify-content: center; */ -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0 auto 100px; text-align: center; /* width: 800px; */ } #WpContents .bnr_platinum_recipe a { /* width: 48%; */ height: 200px; margin: 0 10px; } #WpContents .bnr_platinum_recipe a img { width: auto; height: 100%; } #WpContents #forfamily .wapper { width: 960px; margin: 80px auto 0; } #WpContents #forfamily.platinum.balance #side h3 { background-color: #009ff0; } #WpContents #forfamily.platinum.balance #side .list { border-color: #009ff0; } #WpContents #forfamily.platinum.balance a:hover, #WpContents #forfamily.platinum.balance #side .current { color: #009ff0; } #WpContents #forfamily.platinum.power #side h3 { background-color: #6ecd14; } #WpContents #forfamily.platinum.power #side .list { border-color: #6ecd14; } #WpContents #forfamily.platinum.power a:hover, #WpContents #forfamily.platinum.power #side .current { color: #6ecd14; } #WpContents #forfamily.platinum.beauty #side h3 { background-color: #f0119d; } #WpContents #forfamily.platinum.beauty #side .list { border-color: #f0119d; } #WpContents #forfamily.platinum.beauty a:hover, #WpContents #forfamily.platinum.beauty #side .current { color: #f0119d; } #WpContents #forfamily #itemNavCategoryForfamily > h3 { color: #fff !important; } #WpContents #forfamily #product .header .ttl { font-size: 38px; } #WpContents #forfamily #product .items .item .img { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 600px; height: 400px; margin-bottom: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #ccc; } #WpContents #forfamily #product .items.half .item .img { width: 290px; height: 290px; } #WpContents #forfamily #product .items.half .item .img img { max-height: 80%; max-width: 80%; } #WpContents #forfamily #product .items .item .img img { width: auto; height: auto; max-height: 90%; max-width: 90%; } #WpContents #forfamily #product .items .item .img .cart { position: absolute; bottom: 0; right: 0; width: 50px; height: 50px; } #WpContents #forfamily #product .items .item .img .cart::before { content: url(../img/icon_cart.png); position: absolute; top: 14px; left: 11px; } #WpContents #forfamily .property { border: 2px solid; border-radius: 10px; padding: 30px 20px; margin: 20px 0; font-size: 14px; line-height: 1.6rem; } #WpContents #forfamily .property h3 { margin-bottom: 20px; font-size: 20px; font-weight: bold; } #WpContents #forfamily .property p { display: inline-block; width: 400px; margin: 0 10px !important; vertical-align: top; } #WpContents #forfamily .property img { display: inline-block; } #WpContents #forfamily .property img.adjust { margin-top: -50px; } #WpContents #forfamily #product .reco .img { display: -webkit-box; display: -ms-flexbox; display: flex; width: 190px; height: 190px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #ccc; } #WpContents #forfamily #product .reco .img img { width: auto; height: 130px; } #WpContents #forfamily #product .btn_wrap { margin: 50px 0; text-align: center; } #WpContents #forfamily #product .btn_wrap .btn_buy { position: relative; display: block; margin: auto; width: 250px; /*background-color: #ccc;*/ color: #fff; } #WpContents #forfamily #product .btn_wrap .btn_buy::after { content: url(../img/icon_cart.png); position: absolute; right: 0; top: 0; display: block; padding: 10px 15px; margin: 5px 0; text-align: center; border-left: 1px solid #fff; } #WpContents #forfamily #product .btn_wrap .btn_buy span { display: block; padding: 20px; width: 200px; text-align: center; font-weight: bold; } #WpContents #forfamily.platinum.balance .ttl, #WpContents #forfamily.platinum.balance h2, #WpContents #forfamily.platinum.balance #product .strong { color: #009ff0; } #WpContents #forfamily.platinum.balance .cart, #WpContents #forfamily.platinum.balance .tab li, #WpContents #forfamily.platinum.balance .btn_buy { background-color: #009ff0; } #WpContents #forfamily.platinum.balance .tabcontents .materials, #WpContents #forfamily.platinum.balance .tabcontents .nutrition { border-color: #009ff0; } #WpContents #forfamily.platinum.balance .info .notice img { position: relative; z-index: -1; top: -60px; margin-bottom: -60px; width: 100%; max-width: 600px; } #WpContents #forfamily.platinum.balance .info .notice.stick img { top: 0; margin-bottom: 0; } #WpContents #forfamily.platinum.power .ttl, #WpContents #forfamily.platinum.power h2, #WpContents #forfamily.platinum.power h3, #WpContents #forfamily.platinum.power #product .strong { color: #6ecd14; } #WpContents #forfamily.platinum.power .cart, #WpContents #forfamily.platinum.power .tab li, #WpContents #forfamily.platinum.power .btn_wrap .btn_buy { background-color: #6ecd14; } #WpContents #forfamily.platinum.power .tabcontents .materials, #WpContents #forfamily.platinum.power .tabcontents .nutrition { border-color: #6ecd14; } #WpContents #forfamily.platinum.power .property { border-color: #6ecd14; } #WpContents #forfamily.platinum.beauty .ttl, #WpContents #forfamily.platinum.beauty h2, #WpContents #forfamily.platinum.beauty h3, #WpContents #forfamily.platinum.beauty #product .strong { color: #f0119d; } #WpContents #forfamily.platinum.beauty .cart, #WpContents #forfamily.platinum.beauty .tab li, #WpContents #forfamily.platinum.beauty .btn_wrap .btn_buy { background-color: #f0119d; } #WpContents #forfamily.platinum.beauty .tabcontents .materials, #WpContents #forfamily.platinum.beauty .tabcontents .nutrition { border-color: #f0119d; } #WpContents #forfamily.platinum.beauty .property { border-color: #f0119d; } #WpContents .bone_care_product img { margin-top: 8px; margin-bottom: 15px; } #WpContents .factory_wrap .board_1 { background: url("../img/quality/factory/board_1.png") no-repeat; background-size: 860px; height: 472px; } #WpContents .factory_wrap .board_1 { position: relative; } #WpContents .factory_wrap .board_1 h4 { text-align: center; font-size: 27px; color: #96dc00; margin-bottom: 35px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; padding-top: 55px; } #WpContents .factory_wrap .board_1 img { width: 168px; position: absolute; top: -32px; left: -33px; } #WpContents .factory_wrap .board_1 p { text-align: center; width: 73.9%; margin: 0 auto; font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; font-size: 16px; letter-spacing: 0.07em; line-height: 1.7em; } #WpContents .sub_quality { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } #WpContents .sub_quality { margin-top: 55px; } #WpContents .sub_quality > div { width: 13%; } #WpContents .sub_quality > h5 { width: 84.7%; font-size: 22px; color: #96dc00; margin-bottom: 23px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; padding-top: 11px; line-height: 1.4em; letter-spacing: 0.1em; } #WpContents .sub_quality > div > img { width: 100%; } #WpContents .sub_quality_contents, #WpContents .factory_wrap .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } #WpContents .sub_quality_contents div:first-child, #WpContents .factory_wrap .flex > div:first-child { width: 67%; } #WpContents .sub_quality_contents div:nth-of-type(2), #WpContents .factory_wrap .flex > div:nth-of-type(2) { width: 29%; } #WpContents .sub_quality_contents div:nth-of-type(2) img, #WpContents .factory_wrap .flex:nth-of-type(2) img { width: 100%; } #WpContents .sub_quality_contents p { font-size: 16px; font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; } #WpContents .safe_wrap { margin-top: 30px; } #WpContents .factory_wrap .safe_wrap h4 { text-align: center; font-size: 26px; color: #96dc00; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; line-height: 1.4em; margin-bottom: 13px; } #WpContents .factory_wrap .board_2 p { width: 88%; margin: 0 auto; text-align: center; font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; font-size: 16px; letter-spacing: 0.1em; line-height: 1.65em; margin-top: 18px; } #WpContents .factory_wrap .board_2 { background: url("../img/quality/factory/board_2.png") no-repeat; background-size: 860px; height: 270px; } #WpContents .factory_wrap .board_2 h4 { padding: 35px 0 9px 0; margin-bottom: 0px; } #WpContents .quality_head ul { width: 94%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 auto; } #WpContents .quality_head ul li { width: 32%; background-color: #95d100; display: inline-block; padding: 17px 7px; margin-top: 40px; margin-bottom: 30px; font-size: 15px; border-radius: 30px; text-align: center; } #WpContents .quality_head ul li a { display: block; color: #fff; font-size: 22px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; letter-spacing: 0.1em; } #WpContents #standard_material_wrap, #WpContents #rule_hygiene_wrap, #WpContents #quality_management_wrap { margin-top: 50px; } #WpContents #standard_material_wrap h5, #WpContents #rule_hygiene_wrap h5, #WpContents #quality_management_wrap h5 { font-size: 27px; color: #95d100; margin-bottom: 23px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents #standard_material_wrap > div, #WpContents #rule_hygiene_wrap .flex, #WpContents #quality_management_wrap .flex { padding-left: 43px; } #WpContents #rule_hygiene_wrap dl, #WpContents #quality_management_wrap dl { padding-left: 43px; } #WpContents #standard_material_wrap dl dt, #WpContents #rule_hygiene_wrap dl dt, #WpContents #quality_management_wrap dl dt { font-size: 19px; margin-bottom: 10px; font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; letter-spacing: 0.1em; } #WpContents #standard_material_wrap dl dd, #WpContents #rule_hygiene_wrap dl dd, #WpContents #quality_management_wrap dl dd { font-size: 16px; font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; line-height: 1.7em; } #WpContents #standard_material_wrap h6, #WpContents #rule_hygiene_wrap h6, #WpContents #quality_management_wrap h6 { font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; font-size: 20px; margin-top: 28px; margin-bottom: 7px; color: #96dc00; line-height: 1.7em; letter-spacing: 0; } #WpContents #standard_material_wrap .flex img, #WpContents #quality_management_wrap .flex img { margin-top: 45px; width: 100%; } #WpContents #rule_hygiene_wrap .flex img { margin-top: 28px; margin-bottom: -5px; width: 100%; } #WpContents .left_green { border-left: 7px solid #d4f196; padding-left: 25px; font-size: 16px; font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; line-height: 1.7em; } #WpContents .left_green em { font-size: 12px; line-height: 0; } #WpContents .final_inspection { background-color: #f4fbe5; padding: 23px 44px 23px; margin-top: 17px; } #WpContents #quality_management_wrap .final_inspection_wrap h6 { margin-top: 50px; margin-bottom: 20px; } #WpContents #quality_management_wrap .final_inspection_wrap .final_inspection { margin-top: 30px; padding-top: 40px; padding-bottom: 40px; } #WpContents #quality_management_wrap .final_inspection_wrap + .img_wrap img:nth-of-type(2) { margin-top: 20px; } #WpContents #quality_management_wrap .final_inspection dl { color: #96dc00; padding-left: 0; } #WpContents .final_inspection dt { font-size: 20px; text-align: center; margin-bottom: 20px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .final_inspection dd { font-size: 17px; text-align: left; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .last_head { margin-top: 57px; font-size: 27px; color: #96dc00; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; text-align: center; margin: 57px auto 0 auto; width: 100%; } #WpContents .quality_local_navi .local_navi ul { width: 860px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 auto; } #WpContents .quality_local_navi .local_navi li { width: 50%; margin-top: 10px; text-align: center; border-left: 1px solid #96d200; padding: 10px 0; } #WpContents .quality_local_navi .local_navi li a { letter-spacing: 0.1em; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .quality_local_navi .local_navi li a.current { color: #96d200; } #WpContents .quality_local_navi .local_navi li:last-child { border-right: 1px solid #96d200; } #WpContents .factory_wrap .top_title_3 + p { font-size: 20px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; width: 90%; margin: 24px auto 45px; letter-spacing: 0; line-height: 1.9em; text-align: center; } #WpContents .mouth_product_list { width: 540px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #WpContents .mouth_product { width: 44%; text-align: center; } #WpContents .mouth_product:first-child { margin-top: 15px; } #WpContents .mouth_product:nth-of-type(2) { margin-top: 15px; } #WpContents .mouth_product img { width: 70%; } #WpContents .mouth_product p { text-align: left; margin-top: 7px; } #WpContents .mouth_product h5 { font-size: 18px; color: #ff8232; line-height: 1.4em; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; text-align: left; margin-top: 12px; letter-spacing: 0; } #WpContents .mouth_product h5 em { font-size: 14px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .mouth_product h5 span { font-size: 0.5em; vertical-align: middle; } #WpContents .mouth_product button { font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; color: #fff; width: 100%; padding: 20px; background-color: #ff8232; border: none; margin: 12px 0 50px 0; letter-spacing: 0.3em; cursor: pointer; font-size: 14px; } #WpContents .mouth_product button { outline: none; } #WpContents .mouth_wrap h2 { color: #ff8232; margin-bottom: 10px; font-size: 30px; text-align: center; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .mouth_wrap .head_bottom { border: 1px solid #ff8232; display: none; } #WpContents .mouth_wrap p { font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; font-size: 14px; margin-top: 24px; } #WpContents .mouth_product_wrap { margin-top: 45px; } #WpContents .mouth_product_wrap img { width: 300px; } #WpContents .mouth_wrap h4 { color: #ff8232; width: 100px; padding: 14px 0; border-top: 1px solid #ff8232; border-bottom: 1px solid #ff8232; line-height: 1.4em; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; font-size: 20px; letter-spacing: 0.1em; text-align: center; margin: 0 auto 29px; } #WpContents .mouth_bottom_btn { width: 100%; text-align: center; margin-top: 13px; } #WpContents .mouth_bottom_btn a { display: inline-block; } #WpContents .mouth_bottom_btn a button { font-size: 26px; color: #fff; cursor: pointer; } #WpContents .mouth_bottom_btn button { padding: 45px 0; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; position: relative; border: none; width: 300px; margin-left: 15px; margin-right: 15px; font-size: 25px; color: #fff; letter-spacing: 0.1em; cursor: pointer; outline: none; } #WpContents .mouth_bottom_btn button::before { width: 99%; height: 99%; background: translate; border: 2px solid #eee; top: 5px; left: 7px; content: " "; display: block; position: absolute; z-index: -1; } #WpContents .mouth_bottom_btn a:hover { position: relative; top: 3px; left: 2px; } #WpContents .mouth_bottom_btn a:first-child button { background: #00d1e5; } #WpContents .mouth_bottom_btn a:first-child button::before { border: 2px solid #00d1e5; } #WpContents .mouth_bottom_btn a:nth-of-type(2) button { background: #ff8232; } #WpContents .mouth_bottom_btn a:nth-of-type(2) button::before { border: 2px solid #ff8232; } #WpContents .refre_wrap h2 { font-size: 20px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .refre_wrap h3 { font-size: 30px; color: #ff8232; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; letter-spacing: 0; } #WpContents .refre_wrap h3 span { font-size: 19px; vertical-align: bottom; } #WpContents .refre_wrap h3 em { font-size: 16px; } #WpContents .refre_product_list { margin: 32px auto 0; width: 600px; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #WpContents .refre_product_list .column { width: 49%; margin-bottom: 28px; } #WpContents .refre_product_list .column ul { letter-spacing: 0.1em; } #WpContents .refre_product_list .column .image-block { width: 100%; } #WpContents .refre_product_list h4 { min-height: 4em; padding: 20px 0 8px; font-size: 18px; font-family: UD新丸ゴ M, UD Shin Maru Go Medium; color: #ff8232; } #WpContents .refre_product_list h4 span { font-size: 13px; vertical-align: bottom; } #WpContents .refre_product_list .image-block { position: relative; } #WpContents .refre_product_list .image-block .cart { position: absolute; bottom: 3px; right: 3px; width: 50px; height: 50px; background-color: #ff8232; } #WpContents .refre_product_list .image-block .cart::before { content: url(../img/icon_cart.png); position: absolute; top: 14px; left: 11px; } #WpContents .mouth_item li { margin-top: 8px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .cart_btn_wrap { background-color: #ff8232; padding: 13px 20px 20px 20px; width: 240px; text-align: center; margin-top: 15px; } #WpContents .cart_btn { font-size: 15px; padding: 5px 15px; color: #fff; font-family: FP-ヒラギノUD角ゴ StdN W5, FP-HiraginoUDSansStdN-W5; } #WpContents .cart_btn img { vertical-align: text-bottom; } #WpContents .cart { width: 240px; margin-top: 15px; } #WpContents .effect_wrap { width: 600px; margin: 50px auto 0; } #WpContents .effect_wrap h3 { font-size: 18px; padding: 20px 0 10px; color: #ff8232; font-family: UD新丸ゴ M, UD Shin Maru Go Medium; line-height: 1.5em; letter-spacing: 0em; } #WpContents .effect_wrap .list-effect { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: distribute; justify-content: space-around; } #WpContents .list-effect p { line-height: 1.2em; font-size: 14px; font-family: UD新丸ゴ B, UD Shin Maru Go Bold; position: relative; top: 33%; left: 2px; } #WpContents .list-effect .row_3 { top: 27%; } #WpContents .effect_wrap .list-effect li { background-color: #ff8232; display: inline-block; color: #fff; width: 15.3%; border-radius: 50%; text-align: center; height: 90px; } #WpContents .effect-row { margin-bottom: 20px; } #WpContents .effect-row img { width: 100%; } #WpContents .list-feature li { font-size: 13px; margin-bottom: 3px; font-family: UD新丸ゴ R, UD Shin Maru Go Regular; letter-spacing: 0.05em; line-height: 1.7em; text-indent: -1.5em; padding-left: 2em; } #WpContents .list-feature li::before { content: "●"; } #WpContents .effect_wrap table { border-collapse: collapse; border-spacing: 0; } #WpContents .effect_wrap table th, #WpContents .effect_wrap table td { border: 3px solid #fff; height: 50px; vertical-align: middle; font-family: UD新丸ゴ R, UD Shin Maru Go Regular; letter-spacing: 0em; line-height: 1.5em; } #WpContents .effect_wrap table td { background-color: #fff2ea; padding-left: 10px; font-size: 12px; } #WpContents .effect_wrap table th { background-color: #ffe6d6; max-width: 177px; width: 177px; font-size: 14px; } #WpContents .mouth_local_navi .local_navi { width: 100%; } #WpContents .mouth_local_navi .local_navi ul { width: 860px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 auto; } #WpContents .mouth_local_navi .local_navi li { width: 25%; margin-top: 10px; text-align: center; border-left: 1px solid #ff8232; padding: 10px 0 0; } #WpContents .mouth_local_navi .local_navi li:nth-of-type(3) { display: none; } #WpContents .mouth_local_navi .local_navi li a { letter-spacing: 0.1em; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .mouth_local_navi .local_navi li:nth-of-type(4) a { letter-spacing: 0; font-size: 11px; line-height: 1.3em; position: relative; top: -4px; } #WpContents .mouth_local_navi .local_navi li a:hover { color: #ff8232; } #WpContents .product_detail { width: 600px; margin: 40px auto 0; } #WpContents .product_detail img { width: 100%; } #WpContents .product_detail h3 { padding: 20px 0 12px; font-size: 18px; font-family: UD新丸ゴ M, UD Shin Maru Go Medium; color: #ff8232; } #WpContents .product_detail h3 span { font-size: 13px; vertical-align: top; } #WpContents .product_detail img.cart { width: 240px; } #WpContents .product_detail .mouth-item li { margin-bottom: 7px; } #WpContents .howto { text-align: center; } #WpContents .howto img { width: 70%; margin-top: 23px; } #WpContents .ingredient_wrap { margin-top: 10px; } #WpContents .ingredient_wrap h4 { background-color: #ff8232; color: #fff; display: inline-block; margin: 0 4px 0 0; padding: 5px 5px 1px 0; min-width: 210px; border-radius: 6px 6px 0 0; text-align: center; font-size: 12px; font-style: normal; line-height: 30px; font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .ingredient_wrap p { padding: 25px; border: 1px solid #ff8232; font-size: 14px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; letter-spacing: 0.05em; } #WpContents .mouth_wrap h5 { font-size: 18px; font-family: UD新丸ゴ M, UD Shin Maru Go Medium; margin-top: 20px; } #WpContents .mouth_local_navi .local_navi li a.current { color: #ff8232; } #WpContents .text_color_orange { color: #ff8232; } #WpContents .flex_23percent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 auto; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #WpContents .flex_47percent { width: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 auto; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #WpContents .flex_23percent > div { width: 23%; } #WpContents .flex_23percent > div > img { width: 100%; } #WpContents .flex_23percent > div > p { font-size: 10px; font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents .howto_ps { margin-top: 10px; border: 1px solid #ff8232; padding: 1px 3px; text-align: center; color: #ff8232; font-size: 15px; font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; letter-spacing: 0.1em; border-radius: 5px; } #WpContents .oralcare_wrap { text-align: center; width: 760px; margin: 0 auto; } #WpContents .oralcare_wrap h4 { margin: 18px 0 57px 0; font-size: 20px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; color: #ff8232; } #WpContents .oralcare_wrap h3 { color: #ff8232; font-size: 18px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .list_wrap .oralcare_wrap h2 { color: #ff8232; font-size: 30px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .oralcare_wrap h2 { color: #ff8232; font-size: 30px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .oralcare_wrap .head_bottom { border: 1px solid #ff8232; } #WpContents .inportance_oral_board { background: url("../img/mouth/oral_board.png") no-repeat; height: 362px; width: 100%; } #WpContents .inportance_oral_board { margin-top: 50px; text-align: center; } #WpContents .inportance_oral_board h3 { color: #ff8232; font-size: 20px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; padding-top: 30px; padding-bottom: 5px; } #WpContents .inportance_oral_board p { margin-top: 30px; width: 77%; margin: 0 auto; font-size: 14px; letter-spacing: 0.1em; margin-top: 28px; line-height: 1.9em; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .oralcare_effect, #WpContents .for_coustomer_wrap, #WpContents .zaitaku_wrap { margin-top: 70px; text-align: center; } #WpContents .oralcare_effect h3, #WpContents .for_coustomer_wrap h3, #WpContents .zaitaku_wrap h3 { color: #ff8232; display: inline-block; padding: 14px 0; border-top: 2px solid #ff8232; border-bottom: 2px solid #ff8232; line-height: 1.4em; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; font-size: 20px; letter-spacing: 0.1em; margin-bottom: 31px; } #WpContents .oralcare_effect .flex_47percent { width: 68%; } #WpContents .flex_47percent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 auto; } #WpContents .oralcare_effect .flex_47percent p { color: #ff8232; font-size: 18px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; line-height: 1.2em; } #WpContents .oralcare_effect .flex_47percent p em { font-size: 11px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; color: #333; line-height: 1px; letter-spacing: 0; } #WpContents .oralcare_effect .flex_47percent div { width: 47%; border: 1px solid #ff8232; padding: 50px 0; -webkit-box-shadow: 6px 5px 0px 1px #ffe5b3; box-shadow: 6px 5px 0px 1px #ffe5b3; margin-bottom: 20px; } #WpContents .oralcare_effect .flex_47percent div:last-child { padding: 29px 11px; } #WpContents .for_coustomer_wrap .flex_32percent { width: 760px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 auto; } #WpContents .for_coustomer_wrap .flex_32percent > div { width: 32%; } #WpContents .for_coustomer_wrap .flex_32percent div h4 { display: inline-block; padding-bottom: 12px; font-size: 16px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .for_coustomer_wrap .flex_32percent div:nth-of-type(1) h4 { color: #00cdc8; border-bottom: 1px solid #00cdc8; margin-bottom: 7px; } #WpContents .for_coustomer_wrap .flex_32percent div .sub_waku { padding: 24px 0 15px; } #WpContents .for_coustomer_wrap .flex_32percent .ziritu .sub_waku { border: 1px solid #00cdc8; } #WpContents .for_coustomer_wrap .flex_32percent .itibu_kaizyo .sub_waku { border: 1px solid #6ec246; } #WpContents .for_coustomer_wrap .flex_32percent .zen_kaizyo .sub_waku { border: 1px solid #ff9a32; } #WpContents .arrow_triangle { width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; position: relative; top: 10px; } #WpContents .ziritu .arrow_triangle { border-color: #00cdc8 transparent transparent transparent; } #WpContents .itibu_kaizyo .arrow_triangle { border-color: #6ec246 transparent transparent transparent; } #WpContents .zen_kaizyo .arrow_triangle { border-color: #ff9a32 transparent transparent transparent; } #WpContents .for_coustomer_wrap .flex_32percent div:nth-of-type(2) h4 { color: #6ec246; border-bottom: 1px solid #6ec246; margin-bottom: 7px; } #WpContents .for_coustomer_wrap .flex_32percent div:nth-of-type(3) h4 { color: #ff9a32; border-bottom: 1px solid #ff9a32; margin-bottom: 7px; } #WpContents .for_coustomer_wrap .flex_32percent ul { margin-top: 15px; } #WpContents .for_coustomer_wrap .flex_32percent li { padding: 10px 0; color: #fff; margin-bottom: 10px; position: relative; letter-spacing: 0; font-size: 13px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .for_coustomer_wrap .flex_32percent li::before { width: 99%; height: 99%; background: translate; top: 3px; left: 3px; content: " "; display: block; position: absolute; z-index: -1; } #WpContents .for_coustomer_wrap .flex_32percent .ziritu li::before { border: 2px solid #00cdc8; } #WpContents .for_coustomer_wrap .flex_32percent .itibu_kaizyo li::before { border: 2px solid #6ec246; } #WpContents .for_coustomer_wrap .flex_32percent .zen_kaizyo li::before { border: 2px solid #ff9a32; } #WpContents .for_coustomer_wrap .flex_32percent .ziritu li { background-color: #00cdc8; } #WpContents .for_coustomer_wrap .flex_32percent .itibu_kaizyo li { background-color: #6ec246; } #WpContents .for_coustomer_wrap .flex_32percent .zen_kaizyo li { background-color: #ff9a32; } #WpContents .zaitaku_wrap h4 { color: #fff; display: inline-block; padding: 7px 51px; font-size: 17px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; border-radius: 20px; position: relative; top: -33px; letter-spacing: 0.1em; } #WpContents .zaitaku_improve .zaitaku_content > div { background-color: #b8dbff; } #WpContents .zaitaku_wrap .zaitaku_oralcare { margin-top: 35px; } #WpContents .zaitaku_wrap > div { margin-top: 65px; } #WpContents .zaitaku_oralcare .arrow_triangle { border-color: #ff9a32 transparent transparent transparent; border-width: 20px 20px 0 20px; top: 48px; } #WpContents .zaitaku_recovery .arrow_triangle { border-color: #64ccda transparent transparent transparent; border-width: 20px 20px 0 20px; top: 48px; } #WpContents .zaitaku_oralcare { border: 1px solid #ff9a32; padding: 15px; width: 580px; margin: 0 auto; } #WpContents .zaitaku_oralcare h4 { background-color: #ff9a32; } #WpContents .zaitaku_recovery h4 { background-color: #64ccda; } #WpContents .zaitaku_recovery { border: 1px solid #00cdc8; padding: 15px; width: 720px; margin: 0 auto; } #WpContents .zaitaku_improve h4 { background-color: #4480c3; } #WpContents .zaitaku_improve { border: 1px solid #4480c3; padding: 15px; width: 583px; margin: 0 auto; } #WpContents .zaitaku_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 auto; } #WpContents .zaitaku_content h5 { font-size: 15px; line-height: 1.7em; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; letter-spacing: 0.05em; } #WpContents .zaitaku_content h5 em { font-size: 13px; } #WpContents .zaitaku_oralcare .zaitaku_content > div { background-color: #ffdbae; } #WpContents .zaitaku_recovery .zaitaku_content > div { width: 18%; background-color: #c2eaff; padding: 48px 0; } #WpContents .zaitaku_content > div { padding: 24px 0; font-size: 15px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; background-color: #eee; width: 22%; } #WpContents .zaitaku_improve .zaitaku_content .sub_contents { padding: 2px 0; margin: 11px 0; font-size: 12px; letter-spacing: 0.1em; background-color: #fff; } #WpContents .zaitaku_improve .zaitaku_content .sub_contents h5 { font-size: 11px; letter-spacing: 0em; background-color: #b8dbff; margin: 5px 0; } #WpContents .oral_cara_btn_wrap { text-align: center; margin-top: 70px; } #WpContents .oral_cara_btn_wrap button { padding: 45px 0; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; position: relative; border: none; width: 300px; margin-left: 15px; margin-right: 15px; background: #ff8232; cursor: pointer; color: #fff; font-size: 25px; letter-spacing: 0.1em; } #WpContents .oral_cara_btn_wrap button { outline: none; } #WpContents .oral_cara_btn_wrap a { color: #fff; font-size: 25px; letter-spacing: 0.1em; outline: none; } #WpContents .oral_cara_btn_wrap a:hover { position: relative; top: 3px; left: 2px; } #WpContents .oral_cara_btn_wrap button::before { width: 99%; height: 99%; background: translate; border: 2px solid #ff8232; top: 5px; left: 7px; content: " "; display: block; position: absolute; z-index: -1; } #WpContents p.off_bg { background-color: #fff; line-height: 1.5em; text-align: left; } #WpContents .zaitaku_improve .zaitaku_content > .off_bg { background-color: #fff; } #WpContents .info_wrap { text-align: center; } #WpContents .info_wrap h4 { margin: 10px 0 57px 0; font-size: 20px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; color: #ff8232; } #WpContents .info_wrap p { font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .aspiration_wrap { margin-top: 57px; width: 640px; text-align: center; margin: 57px auto 0; } #WpContents .aspiration_wrap h3 { font-size: 20px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; padding: 10px 0; border-top: 2px solid #ff8232; border-bottom: 2px solid #ff8232; color: #ff8232; display: inline-block; margin-bottom: 16px; background-color: #fff; } #WpContents .aspiration_wrap h4 { color: #ff8232; font-size: 16px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .page_number { font-size: 19px; line-height: 24px; vertical-align: middle; position: relative; color: white; background-color: #ff8232; -webkit-box-shadow: #ff8232 0px 0px 2px; box-shadow: #ff8232 0px 0px 2px; font-weight: bold; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; left: -11px; border-radius: 50%; border-width: 4px; border-style: solid; border-color: white; -o-border-image: initial; border-image: initial; padding: 5px 12px; } #WpContents .aspiration_video_1 { margin-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } #WpContents .aspiration_video_1 p strong { font-weight: bold; } #WpContents .aspiration_video_1 div:first-child { width: 71%; text-align: left; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .aspiration_video_1 div:last-child { width: 27%; } #WpContents .aspiration_video_1 div:last-child img { width: 100%; } #WpContents .aspiration_video_contents { margin-top: 30px; text-align: left; } #WpContents .video_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } #WpContents .video_content h4 { font-size: 16px; margin: 12px 0 20px 0; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .video_content div:first-child { width: 38.7%; } #WpContents .video_content div:last-child { width: 60%; } #WpContents .video_content li { font-size: 12px; margin-bottom: 14px; letter-spacing: 0; line-height: 1.6em; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; text-indent: -5.9em; padding-left: 5.9em; } #WpContents .video_content li.indent_other { text-indent: -1em; padding-left: 1em; } #WpContents .aspiration_video_contents h3 { border: none; font-size: 18px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .line_aspiration { height: 2px; border: 1px solid #ff8232; position: relative; top: -29px; width: 81%; left: 127px; } #WpContents .no_sale { text-align: right; margin-top: 5px; } #WpContents .box-row { margin: 20px 0; overflow: hidden; } #WpContents .box-row div:last-child { width: 520px; padding-left: 25px; font-size: 14px; } #WpContents .box-table { display: table-cell; } #WpContents .box-table p { font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .box-detail { font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; width: 120px; border: 2px solid #ff8232; vertical-align: middle; color: #ff8232; font-size: 15px; text-align: center; letter-spacing: 0em; padding: 5px 0; } #WpContents .aspiration_box { margin-top: 30px; } #WpContents .fax_wrap { text-align: center; } #WpContents .fax { width: 200px; height: 50px; background-color: #00cdc8; font-family: FP-ヒラギノUD角ゴ StdN W5, FP-HiraginoUDSansStdN-W5; border: none; margin: 80px 0; font-size: 15px; color: #fff; letter-spacing: 0.2em; cursor: pointer; outline: none; } #WpContents .fax a { font-size: 15px; color: #fff; } #WpContents .dvd_3_point { text-align: left; } #WpContents .dvd_3_point h4 { font-size: 18px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; margin-bottom: 12px; } #WpContents .dvd_3_point li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; color: #ff8232; } #WpContents .dvd_3_point li > p { font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; margin-bottom: 5px; } #WpContents .dvd_3_point li > p:first-child { width: 18px; } #WpContents .dvd_3_point li > p:last-child { color: #4d4d4d; width: 620px; } #WpContents .vap_wrap .video_content div:first-child { width: 55%; } #WpContents .vap_wrap .video_content div:last-child { width: 43%; } #WpContents .post_list_wrap { width: 100%; } #WpContents .post_list_wrap { margin-top: 45px; } #WpContents .post_list_wrap .post_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-bottom: 30px; } #WpContents .post_list_wrap .post_list:last-child { margin-bottom: 0; } #WpContents .post_list_wrap .date { width: 100px; padding-top: 10px; font-size: 14px; letter-spacing: 0.1em; font-family: FP-ヒラギノUD角ゴ StdN W5, FP-HiraginoUDSansStdN-W5; } #WpContents .oralcare_wrap .post_list_wrap .category { background-color: #ff8232; } #WpContents .post_list_wrap .category { width: 100px; color: #fff; text-align: center; padding: 10px 0 8px; font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; letter-spacing: 0.1em; background-color: #96d200; } #WpContents .post_list_wrap .seminor_category_list { background-color: #ff8232; } #WpContents .post_list_wrap .seminor_category_list a:hover { color: #ff8232; } #WpContents .news_category { background-color: #96d200; } #WpContents .post_list_wrap .press_release_category { background-color: #96dc00; } #WpContents .post_list_wrap a:hover { color: #96d200; } #WpContents .post_list_wrap .post { width: 68.3%; } #WpContents .post_list_wrap .post p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; letter-spacing: 0.15em; } #WpContents .post_list_wrap .post img { vertical-align: bottom; padding-right: 13px; } #WpContents .post_list_wrap a { letter-spacing: 0.1em; line-height: 2.2em; } #WpContents .post_list_wrap .date a { font-size: 15px; font-family: FP-ヒラギノUD角ゴ StdN W5, FP-HiraginoUDSansStdN-W5; } #WpContents .post_list_wrap .category a { font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; font-size: 12px; } #WpContents .post_list_wrap .post a { font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; font-size: 15px; } #WpContents .post_list_wrap .seminor_category_list + .post a:hover { color: #ff8232; } #WpContents .seminor_tp_1 { font-size: 30px; letter-spacing: 0.1em; margin-top: 14px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .seminor_tp_2 { font-size: 20px; letter-spacing: 0.1em; padding: 35px; font-family: 秀英丸ゴシック L, DNPShueiMGoStd-L; } #WpContents .institution_description h4 { color: #ff8232; font-size: 22px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; padding: 20px 0 0; } #WpContents .institution_description i { width: 100px; border: 1px solid #ff8232; position: relative; display: block; } #WpContents .institution_description p { text-align: left; font-size: 15px; } #WpContents .institution_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-bottom: 55px; } #WpContents .institution_wrap a:hover { color: #ff8232; } #WpContents .institution_wrap > div:first-child { width: 60%; } #WpContents .institution_wrap > div:last-child { width: 34%; } #WpContents .institution_wrap > div:last-child img { width: 100%; border: 1px solid #ff8232; margin-top: 70px; -webkit-box-shadow: 7px 9px 7px -1px #ffe5b3; box-shadow: 7px 9px 0px -1px #ffe5b3; } #WpContents .institution_wrap > div:last-child img.image_4 { width: 60%; position: relative; top: -122px; z-index: -100; left: 100px; } #WpContents i.line_top { top: -15px; } #WpContents i.line_bottom { top: 17px; left: 77%; } #WpContents .seminor_tp_3 { margin-top: 30px; font-size: 14px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; text-align: left; } #WpContents .institution_addr { border: 1px solid #ff8232; padding: 26px 0; text-align: center; width: 73%; margin: 5px auto; -webkit-box-shadow: 7px 9px 7px -1px #ffe5b3; box-shadow: 7px 9px 0px -1px #ffe5b3; } #WpContents .institution_addr .seminor_tp_4, #WpContents .institution_addr .seminor_tp_5 { font-size: 14px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; color: #4d4d4d; } #WpContents .institution_addr .seminor_tp_5 { margin: 18px 0 0 0; } #WpContents .institution_addr .head_bottom { margin: 20px auto; width: 100px; border: 1px solid #ff8232; } #WpContents .decoration { margin: 50px 0; font-size: 30px; color: #ff8232; } #WpContents .interview_wrap { width: 700px; border: 1px solid #ff8232; padding: 70px 40px; position: relative; margin: 0 auto; -webkit-box-shadow: 7px 9px 7px -1px #ffe5b3; box-shadow: 7px 9px 0px -1px #ffe5b3; position: relative; text-align: left; } #WpContents .interview_wrap p { font-size: 15px; } #WpContents .interview_wrap_wrap { position: relative; } #WpContents .interview_wrap_wrap:after { content: ""; position: absolute; width: 30px; height: 30px; background-color: #fff; border-left: 2px solid #ff8232; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); top: -13px; right: 3px; width: 62px; border-left: none; } #WpContents .interview_wrap::before { content: ""; position: absolute; width: 30px; height: 30px; background-color: #fff; border-bottom: 1px solid #ff8232; border-left: 1px solid #ff8232; top: -1px; right: -1px; } #WpContents .interview_wrap::before { content: ""; position: absolute; width: 30px; height: 30px; background-color: #fff; border-bottom: 1px solid #ff8232; border-left: 1px solid #ff8232; top: -1px; right: -1px; } #WpContents .interview_wrap::after { content: ""; position: absolute; width: 30px; height: 30px; background-color: #fff; border-bottom: 1px solid #ff8232; border-left: 1px solid #ff8232; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); top: -13px; right: -18px; width: 43px; border-left: none; } #WpContents .interview_wrap_w::after { content: ""; position: absolute; width: 30px; height: 30px; background-color: #fff; border-left: 1px solid #ff8232; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); top: -6px; right: -31px; width: 62px; border-left: none; } #WpContents .interview_wrap img { width: 230px; position: absolute; top: -115px; left: -115px; -webkit-box-shadow: 7px 9px 7px -1px #ffe5b3; box-shadow: 7px 9px 0px -1px #ffe5b3; border: 1px solid #ff8232; border-radius: 50%; } #WpContents .interview_wrap img.image_5 { width: 23%; position: absolute; top: 20px; z-index: 100; left: 51px; } #WpContents .interview_wrap_head { margin-left: 80px; } #WpContents .interview_wrap_head p { margin-top: 58px; } #WpContents .interview_wrap_head h3 { font-size: 20px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; letter-spacing: 0.1em; } #WpContents .seminor_tp_6 { font-size: 20px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; letter-spacing: 0.1em; margin-top: 20px; } #WpContents .seminor_tp_7 { margin-top: 54px; font-size: 14px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; text-align: left; } #WpContents .evaluate_wrap { margin-top: 90px; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; position: relative; } #WpContents .evaluate_wrap > div:first-child { width: 60%; } #WpContents .evaluate_wrap > div:last-child { width: 38%; } #WpContents .evaluate_wrap > div:last-child img { width: 100%; position: relative; top: -60px; border-radius: 50% 50%; border: 1px solid #ff8232; } #WpContents .evaluate_wrap > div:last-child img.image_6 { position: absolute; width: 21%; z-index: 100; top: 139px; right: -49px; } #WpContents .evaluate_wrap h3 { border-left: 5px solid #ff8232; padding-left: 15px; margin-bottom: 10px; font-size: 20px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .evaluate_wrap p { margin-bottom: 30px; font-size: 14px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .seminor_contact_wrap { width: 100%; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-bottom: 30px; } #WpContents .seminor_contact_wrap div:first-child { width: 120px; padding: 15px; border: 1px solid #ff8232; color: #ff8232; } #WpContents .seminor_contact_wrap h4 { font-size: 13px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; letter-spacing: 0.1em; padding: 8px 0; } #WpContents .seminor_contact_wrap div:last-child { width: 82%; padding-left: 30px; } #WpContents .seminor_contact_wrap div:last-child p { font-size: 15px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .seminor_contact_wrap h4 { margin: 13px 0; padding: 0; } #WpContents .seminor_contact_wrap dl { line-height: 1.7em; } #WpContents .seminor_contact_wrap dl dt { font-size: 16px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .seminor_contact_wrap dl dd { font-size: 14px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .communication_wrap { width: 650px; } #WpContents .communication_wrap ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-bottom: 30px; } #WpContents .communication_wrap ul li { width: 18%; border: 1px solid bfbfbf; margin: 0 1% 2% 1%; } #WpContents .communication_wrap ul li a { font-size: 12px; font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; } #WpContents .communication_wrap ul li img { width: 100%; } #WpContents .communication_wrap a:hover { color: #ff8232; } #WpContents .communication_wrap ul li { text-align: center; } #WpContents .pdf_slider_wrap > p { text-align: center; margin: 60px 0; font-size: 14px; font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; } #WpContents .communication_wrap h4 { color: #ff8232; font-size: 18px; } #WpContents .footer_seminor { letter-spacing: 0em; font-size: 10px; } #WpContents .product_internal_link_head { width: 68%; } #WpContents .product_internal_link_head { margin: 50px auto 10px auto; } #WpContents .product_internal_link_head ul li { width: 190px; padding: 10px 10px; font-size: 14px; text-align: center; display: inline-block; color: #fff; border-radius: 25px; margin-bottom: 9px; letter-spacing: 0; font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .color_blue { background-color: #00d1e5; } #WpContents .post_list_wrap .color_blue { background-color: #00d1e5; } #WpContents .color_orange { background-color: #ff8232; } #WpContents .post_list_wrap .color_orange { background-color: #ff8232; } #WpContents .color_green { background-color: #96d200; } #WpContents .post_list_wrap .color_green { background-color: #96d200; } #WpContents .color_dark_green { background-color: #009a4d; } #WpContents .post_list_wrap .color_dark_green { background-color: #009a4d; } #WpContents .color_pink { background-color: #ff7d82; } #WpContents .product_list_wrap { width: 860px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #WpContents .product_list_wrap .product { width: 273px; margin-top: 35px; text-align: center; } #WpContents .product_list_wrap .product .head_row_3 { line-height: 1em; } #WpContents .product_list_wrap .product .quasi_drug { margin-right: 72px; height: 160px; padding-bottom: 0; } #WpContents .product_list_wrap .product img:last-child { width: 60%; } #WpContents .product_list_wrap .product table.ingredients img { width: 10px; height: 11px; } #WpContents table.ingredients { width: 100%; border: 1px solid #96d200; color: #96d200; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-collapse: separate; border-spacing: 0; overflow: hidden; margin-bottom: 20px; } #WpContents #snack_wrap table.ingredients { border: 1px solid #ff7d82; color: #ff7d82; } #WpContents #oralcare_wrap table.ingredients { border: 1px solid #00d1e5; color: #00d1e5; } #WpContents table.ingredients th { border-bottom: 1px solid #96d200; border-right: 1px solid #96d200; padding: 5px 8px; letter-spacing: 0; font-size: 12px; } #WpContents table.ingredients th:last-child { padding: 5px 0; } #WpContents table.ingredients th:first-child { padding: 5px 10px; } #WpContents table.ingredients th:nth-of-type(2) { padding: 5px 10px; } #WpContents #oralcare_wrap table.ingredients th { border-bottom: 1px solid #00d1e5; border-right: 1px solid #00d1e5; } #WpContents #snack_wrap table.ingredients th { border-bottom: 1px solid #ff7d82; border-right: 1px solid #ff7d82; } #WpContents #oralcare_wrap table.ingredients th { border-bottom: 1px solid #00d1e5; border-right: 1px solid #00d1e5; } #WpContents table.ingredients td { padding: 3px 3px; border-right: 1px solid #96d200; } #WpContents #snack_wrap table.ingredients td { border-right: 1px solid #ff7d82; } #WpContents #oralcare_wrap table.ingredients td { border-right: 1px solid #00d1e5; } #WpContents #snack_wrap table.ingredients th:last-child, #WpContents #mum_wrap table.ingredients th:last-child, #WpContents #meal_wrap table.ingredients th:last-child, #WpContents #nipple_wrap table.ingredients th:last-child, #WpContents #oralcare_wrap table.ingredients th:last-child, #WpContents #skincare_wrap table.ingredients th:last-child, #WpContents #wash_wrap table.ingredients th:last-child { border-right: none; } #WpContents #snack_wrap table.ingredients td:last-child, #WpContents #mum_wrap table.ingredients th:last-child, #WpContents #meal_wrap table.ingredients td:last-child, #WpContents #nipple_wrap table.ingredients td:last-child, #WpContents #oralcare_wrap table.ingredients td:last-child, #WpContents #skincare_wrap table.ingredients td:last-child, #WpContents #wash_wrap table.ingredients td:last-child { border-right: none; } #WpContents table.ingredients td:last-child { border-right: none; } #WpContents table.ingredients img { width: 10px; } #WpContents table.allergen th { width: 140px; border-bottom: none !important; vertical-align: middle; } #WpContents table.allergen td { vertical-align: middle; } #WpContents .allergen_notice { text-align: left; margin-top: -20px; margin-bottom: 10px; font-size: 10px; line-height: 12px; } #WpContents h4.product_list_head { font-size: 24px; margin-top: 87px; color: #eee; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents #sonota_wrap h4.product_list_head, #WpContents #platinummilk_wrap h4.product_list_head, #WpContents #newborn_wrap h4.product_list_head, #WpContents #drink_wrap h4.product_list_head, #WpContents #oralcare_wrap h4.product_list_head { color: #00d1e5; } #WpContents #follow_wrap h4.product_list_head, #WpContents #refre_wrap h4.product_list_head { color: #ff8232; } #WpContents #mum_wrap h4.product_list_head, #WpContents #snack_wrap h4.product_list_head { color: #ff7d82; } #WpContents #meal_wrap h4.product_list_head, #WpContents #nipple_wrap h4.product_list_head, #WpContents #skincare_wrap h4.product_list_head, #WpContents #wash_wrap h4.product_list_head { color: #96d200; } #WpContents h4.product_list_head::before, #WpContents h4.product_list_head::after { border-top: 1px solid; content: ""; display: inline; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #WpContents h4.product_list_head::before { margin-right: 0.8em; } #WpContents h4.product_list_head::after { margin-left: 0.8em; } #WpContents .newborn_wrap { text-align: center; } #WpContents .ryutsu_content { border: 1px solid #eee; margin-bottom: 20px; text-align: center; overflow: hidden; } #WpContents #sonota_wrap .ryutsu_content, #WpContents #platinummilk_wrap .ryutsu_content, #WpContents #newborn_wrap .ryutsu_content, #WpContents #drink_wrap .ryutsu_content, #WpContents #oralcare_wrap .ryutsu_content { border: 1px solid #00d1e5; } #WpContents #follow_wrap .ryutsu_content, #WpContents #refre_wrap .ryutsu_content { border: 1px solid #ff8232; } #WpContents #mum_wrap .ryutsu_content, #WpContents #snack_wrap .ryutsu_content { border: 1px solid #ff7d82; } #WpContents #meal_wrap .ryutsu_content, #WpContents #nipple_wrap .ryutsu_content, #WpContents #skincare_wrap .ryutsu_content, #WpContents #wash_wrap .ryutsu_content { border: 1px solid #96d200; } #WpContents .ryutsu_content h5 { padding: 13px; font-size: 15px; color: white; background-color: #eee; text-align: left; line-height: 1.47em; letter-spacing: 0.1em; font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .ryutsu_content h5.head_row_1 { padding: 23px 10px; } #WpContents #sonota_wrap h5, #WpContents #platinummilk_wrap h5, #WpContents #newborn_wrap h5, #WpContents #drink_wrap h5, #WpContents #oralcare_wrap h5 { background-color: #00d1e5; } #WpContents #follow_wrap h5, #WpContents #refre_wrap h5 { background-color: #ff8232; } #WpContents #mum_wrap h5, #WpContents #snack_wrap h5 { background-color: #ff7d82; } #WpContents #meal_wrap h5, #WpContents #nipple_wrap h5, #WpContents #skincare_wrap h5, #WpContents #wash_wrap h5 { background-color: #96d200; } #WpContents .ryutsu_content img { height: 160px; text-align: center; padding: 6px 12px 8px; } #WpContents .ryutsu_content table { width: 100%; font-size: 12px; } #WpContents #refre_wrap { margin-bottom: 25px; } #WpContents .ryutsu_content .mist_size { font-size: 9px; } #WpContents .ryutsu_content table tr { border-top: 1px solid #00d1e5; border-bottom: 1px solid #00d1e5; letter-spacing: -1px; } #WpContents #newborn_wrap .ryutsu_content table tr, #WpContents #drink_wrap .ryutsu_content table tr, #WpContents #oralcare_wrap .ryutsu_content table tr { border-top: 1px solid #00d1e5; border-bottom: 1px solid #00d1e5; } #WpContents #follow_wrap .ryutsu_content table tr, #WpContents #refre_wrap .ryutsu_content table tr { border-top: 1px solid #ff8232; border-bottom: 1px solid #ff8232; } #WpContents #mum_wrap .ryutsu_content table tr, #WpContents #snack_wrap .ryutsu_content table tr { border-top: 1px solid #ff7d82; border-bottom: 1px solid #ff7d82; } #WpContents #meal_wrap .ryutsu_content table tr, #WpContents #nipple_wrap .ryutsu_content table tr, #WpContents #skincare_wrap .ryutsu_content table tr, #WpContents #wash_wrap .ryutsu_content table tr { border-top: 1px solid #96d200; border-bottom: 1px solid #96d200; } #WpContents #newborn_wrap .ryutsu_content table tr:last-child, #WpContents #drink_wrap .ryutsu_content table tr:last-child, #WpContents #oralcare_wrap .ryutsu_content table tr:last-child, #WpContents #follow_wrap .ryutsu_content table tr:last-child, #WpContents #refre_wrap .ryutsu_content table tr:last-child, #WpContents #mum_wrap .ryutsu_content table tr:last-child, #WpContents #snack_wrap .ryutsu_content table tr:last-child, #WpContents #meal_wrap .ryutsu_content table tr:last-child, #WpContents #nipple_wrap .ryutsu_content table tr:last-child, #WpContents #skincare_wrap .ryutsu_content table tr:last-child, #WpContents #wash_wrap .ryutsu_content table tr:last-child { border-bottom: none; } #WpContents .ryutsu_content table tr:last-of-type { border: none; } #WpContents .ryutsu_content table th { padding: 5px 3px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; white-space: nowrap; font-size: 11px; } #WpContents #newborn_wrap .ryutsu_content table th, #WpContents #drink_wrap .ryutsu_content table th, #WpContents #oralcare_wrap .ryutsu_content table th { border-right: 1px solid #00d1e5; } #WpContents #follow_wrap .ryutsu_content table th, #WpContents #refre_wrap .ryutsu_content table th { border-right: 1px solid #ff8232; } #WpContents #mum_wrap .ryutsu_content table th, #WpContents #snack_wrap .ryutsu_content table th { border-right: 1px solid #ff7d82; } #WpContents #meal_wrap .ryutsu_content table th, #WpContents #nipple_wrap .ryutsu_content table th, #WpContents #skincare_wrap .ryutsu_content table th, #WpContents #wash_wrap .ryutsu_content table th { border-right: 1px solid #96d200; } #WpContents .ryutsu_content table td { padding: 5px; text-align: left; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; font-size: 11px; } #WpContents .ryutsu_content + img { text-align: center; width: 60%; } #WpContents .privacy_wrap ul.about_privacy_links { margin-top: 30px; } #WpContents .privacy_wrap ul.about_privacy_links li { margin-top: 5px; } #WpContents .privacy_wrap ul.about_privacy_links li a { font-size: 20px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .privacy_wrap ul.about_privacy_links li a::before { content: "＋"; display: inline-block; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; -webkit-transform: rotate(0deg); transform: rotate(0deg); color: #95d100; } #WpContents .privacy_wrap ul.about_privacy_links li a.cross_icon_change:before { content: "＋"; display: inline-block; -webkit-transform: rotate(90deg); transform: rotate(90deg); } #WpContents .privacy_wrap dt { margin-bottom: 11px; } #WpContents .privacy_wrap dd { margin-bottom: 10px; } #WpContents .privacy_wrap dl:nth-of-type(2) { margin-top: 36px; } #WpContents .template_wrap_privacy { width: 703px; margin: -70px auto 0; } #WpContents .get_privacy_wrap { margin-top: 50px; } #WpContents .tel_info { font-size: 16px; font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; margin-bottom: 10px; } #WpContents .about_privacy_wrap ul.about_privacy_links { margin: 40px 0; } #WpContents .about_privacy_wrap ul { margin: 40px; } #WpContents .template_wrap_privacy h2 { color: #95d100; margin: 40px auto; padding: 20px 0; font-size: 22px; text-align: center; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; border-bottom: 1px solid #95d100; } #WpContents .template_wrap_privacy h2::before, #WpContents .template_wrap_privacy h2::after { content: " + + + "; } #WpContents .template_wrap_privacy { font-size: 14px; line-height: 1.7em; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .template_wrap_privacy h3 { color: #95d100; margin-bottom: 14px; font-size: 20px; line-height: 1.5em; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .template_wrap_privacy h4 { color: #95d100; font-size: 18px; margin-top: 50px; } #WpContents .open_privacy_wrap { margin-top: 65px; } #WpContents .about_privacy_wrap { margin-top: 50px; } #WpContents .template_wrap_privacy h5 { margin-top: 40px; margin-bottom: 20px; background-color: #95d100; color: #fff; display: inline-block; padding: 6px 11px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .template_wrap_privacy .ttl_sub { margin-top: 40px; margin-bottom: 20px; background-color: #95d100; color: #fff; display: inline-block; padding: 6px 11px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .template_wrap_privacy { margin-bottom: 50px; } #WpContents .template_wrap_privacy a { color: #95d100; text-decoration: none; } #WpContents .template_wrap_privacy p { font-size: 14px; line-height: 1.7em; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .privacy_sec > ul > li { margin-bottom: 20px; } #WpContents .privacy_sec > ul > li > ul { margin: 15px 0 0 15px; } #WpContents .privacy_sec > ul > li > ul > li { margin-bottom: 5px; } #WpContents .privacy_sec > p + ul { margin-top: 20px; } #WpContents .privacy_policy_wrap h2.privacy_head { margin-top: 0; } #WpContents .privacy_policy_wrap h3.privacy_sub_head { margin-top: 40px; margin-bottom: 0; text-align: center; font-size: 15px; background-color: #fff; display: block; color: #95d100; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; letter-spacing: 0.1em; } #WpContents .privacy_policy_wrap h3 { margin-top: 40px; margin-bottom: 14px; background-color: #95d100; color: #fff; display: inline-block; padding: 6px 11px; font-size: 13px; } #WpContents .privacy_policy_wrap h4 { color: #4d4d4d; font-size: 13px; margin-top: 36px; margin-bottom: 2px; } #WpContents .privacy_policy_wrap li { margin-top: 35px; } #WpContents .research_local_navi .local_navi { width: 100%; } #WpContents .research_local_navi .local_navi ul { width: 860px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 auto; } #WpContents .research_local_navi .local_navi li { -webkit-box-flex: 1; -ms-flex: 1 1 12.5%; flex: 1 1 12.5%; /* width: 14.285%; */ margin-top: 10px; padding: 10px 3px; text-align: center; border-left: 1px solid #009a4d; } #WpContents .research_local_navi .local_navi li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; letter-spacing: 0 !important; font-size: 11px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .research_local_navi .local_navi li a:hover { color: #009a4d; } #WpContents .research_local_navi .local_navi li a.long_text { font-size: 9px; } #WpContents .research_local_navi .local_navi li a .sp { display: none; } #WpContents .research_local_navi .local_navi li a { letter-spacing: 0.1em; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .research_local_navi .local_navi li a.current { color: #009a4d; } #WpContents .research_local_navi .local_navi li:last-child { border-right: 1px solid #009a4d; } #WpContents .page_milk { width: 700px; margin: 20px auto 0; text-align: center; } #WpContents .page_milk p { font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; } #WpContents .page_milk .header_sub { color: #009a4d; } #WpContents .page_milk .top_title_3 { color: #009a4d; } #WpContents .page_milk .box-row { clear: both; margin: 0; } #WpContents .page_milk .box-row a { display: block; overflow: hidden; position: relative; width: 33.333%; float: left; height: 250px; } #WpContents .page_milk .box { width: 100%; float: left; height: 250px; margin: 0; } #WpContents .page_milk .box.white { background-color: #fff; color: #008b4d; } #WpContents .page_milk .box.pink { background-color: #ff7d82; color: #fff; } #WpContents .page_milk .box.green { background-color: #008b4d; color: #fff; } #WpContents .page_milk .box h3 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 15%; font-weight: bold; font-size: 16px; line-height: 37px; width: 270px; } #WpContents .page_milk .box img { width: 100%; height: 100%; } #WpContents .page_milk .box div.border { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 44px; margin: auto; border-top: 2px solid #fff; border-bottom: 2px solid #fff; width: 45%; } #WpContents .page_milk .box.white div.border { border-top: 2px solid #008b4d; border-bottom: 2px solid #008b4d; } #WpContents .milk_wrap .page-title-sub { padding: 15px 0; color: #008b4d; } #WpContents .page_milk .title-year { position: relative; padding: 7px 0; font-size: 22px; color: #fff; background-color: #008b4d; width: 160px; border-radius: 20px; margin: 0 auto; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; text-align: center; margin-bottom: 20px; } #WpContents .page_milk .row { clear: both; } #WpContents .milk_content { position: relative; margin-top: 45px; } #WpContents .milk_content .age_list { position: relative; margin-top: 45px; } #WpContents .milk_content .age_list:before { content: ""; border-left: 2px solid #008b4d; position: absolute; left: 68px; overflow: hidden; height: 97%; z-index: -1; top: 58px; } #WpContents .page_milk .year_1990, #WpContents .page_milk .year_2000, #WpContents .page_milk .year_2010 { margin-top: 70px; } #WpContents .milk_content .row { width: 100%; overflow: hidden; margin: 20px; } #WpContents .milk_content .row div.year-content { padding-top: 14px; } #WpContents .milk_content .row div { font-size: 15px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; display: block; float: left; margin-left: 20px; } #WpContents .milk_content .year { background-color: #008b4d; width: 55px; border-radius: 50%; color: #fff; padding: 21px 0; letter-spacing: 0.8px; } #WpContents .milk_content .year.pink { color: #fff; background-color: #ff7d82; width: 70px; height: 70px; padding: 29px 0; margin-left: 12px; } #WpContents .milk_content .year-content { padding-left: 25px; text-align: left; min-height: 55px; line-height: 55px; width: 720px; margin-left: 10px !important; font-size: 12px; line-height: 1.8em; font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; letter-spacing: 0.1em; } #WpContents .milk_content .year-content.pink { padding-left: 5px; } #WpContents .milk_content .next_to_year_pink { padding-left: 17px; } #WpContents .milk_content .year-content.bg span.pink { background-color: #ff7d82; color: #fff; padding: 4px 25px; line-height: 28px; border-radius: 40px; margin-left: 15px; font-size: 16px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .milk_content .year-content span.blue { color: #00d1e5; } #WpContents .milk_content .year-content span.pink { color: #ff7d82; } #WpContents .milk_content .year-content .bold { font-size: 18px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .circle-wrapper { width: 330px; height: 330px; position: relative; border-radius: 50%; border: 2px solid #96d200; margin: 50px auto 100px; } #WpContents .circle-wrapper .circle { width: 100px; height: 100px; background-color: #96d200; border-radius: 50%; position: absolute; color: #fff; padding: 44px 0px; font-size: 13px; letter-spacing: 0; } #WpContents .circle-wrapper .circle-1 { top: -45px; left: 115px; right: 0; } #WpContents .circle-wrapper .circle-2 { left: -39px; top: 98px; } #WpContents .circle-wrapper .circle-3 { right: 6px; top: -8px; } #WpContents .circle-wrapper .circle-4 { top: 91px; right: -45px; } #WpContents .circle-wrapper .circle-5 { bottom: 21px; left: -22px; padding: 32px 0; line-height: 18px; } #WpContents .circle-wrapper .circle-6 { bottom: 29px; right: -33px; } #WpContents .circle-wrapper .circle-7 { bottom: -51px; left: 67px; } #WpContents .circle-wrapper .circle-8 { top: -2px; left: 10px; } #WpContents .circle-wrapper .circle-9 { bottom: -44px; right: 45px; padding: 32px 0; line-height: 18px; } #WpContents .milk-title, #WpContents .milk-title-noborder { font-size: 18px; font-weight: bold; border-top: 2px solid #00994c; border-bottom: 2px solid #00994c; color: #00994c; display: inline-block; margin-bottom: 18px; padding: 14px 0; letter-spacing: 0.15em; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .milk-title-noborder { border: none; padding-bottom: 0px; } #WpContents .milk-title-sub { padding: 10px 0 30px; font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; } #WpContents .discovery_ingredients { margin-top: 50px; } #WpContents .page_milk .page_number { background-color: #00994c; -webkit-box-shadow: #00994c 0 0 2px; box-shadow: #00994c 0 0 2px; } #WpContents .milk_baby_wrap img { width: 75%; margin: 60px 0; } #WpContents .page_milk hr { border: 1px solid #00994c; width: 15%; padding: 0; margin: 0 auto; } #WpContents .milk_product_wrap { width: 640px; margin: 35px auto 0; } #WpContents .page_milk .products { width: 100%; clear: both; margin: 15px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #WpContents .page_milk .products .product { width: 30%; margin-bottom: 15px; } #WpContents .page_milk .products:nth-of-type(2) .product { width: 33.333%; } #WpContents .page_milk .products:last-child .product { width: 50%; } #WpContents .page_milk .products .product img { padding: 0 15px; height: 170px; } #WpContents .page_milk .products .product-year { color: #00994c; border: 1px solid #00994c; width: 75px; margin: 10px auto 8px; padding: 10px 0; font-weight: bold; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .page_milk .products p { color: #00994c; font-size: 14px; font-weight: bold; letter-spacing: 0.8px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; text-align: center; } #WpContents img.milk-2 { width: 242px; position: absolute; top: 55px; right: 3%; } #WpContents div.milk-2 img { width: 242px; position: absolute; top: -132px; left: 69%; } #WpContents div.milk-2 p { font-weight: normal; color: #000; } #WpContents .page_milk .table-milk { width: 100%; } #WpContents .page_milk .table-milk { border-collapse: collapse; margin: 40px 0; } #WpContents .page_milk .table-milk, #WpContents .page_milk .table-milk th, #WpContents .page_milk .table-milk td { border: 3px solid #00994c; } #WpContents .table-milk th { font-weight: bold; background-color: #e4f3bf; font-size: 14px; padding: 10px 0; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .page_milk .table-milk td { padding: 15px; } #WpContents .page_milk .table-milk td p { text-align: left; font-size: 14px; padding: 0 0 0 15px; } #WpContents .milk_box_shadow { width: 700px; margin: 20px auto; border: 2px solid #ff7c81; -webkit-box-shadow: 10px 11px 0px 0px rgba(255, 125, 130, 0.3); box-shadow: 10px 11px 0px 0px rgba(255, 125, 130, 0.3); position: relative; padding: 35px 40px; } #WpContents .milk_box_shadow p { font-size: 14px; text-align: center; letter-spacing: 0.1em; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .milk_box_shadow:before { content: ""; position: absolute; width: 30px; height: 30px; background-color: #fff; border-bottom: 2px solid #ff7c81; border-left: 2px solid #ff7c81; top: -1px; right: -1px; } #WpContents .milk_box_shadow_wrap { position: relative; } #WpContents .milk_box_shadow_wrap:after { content: ""; position: absolute; width: 30px; height: 30px; background-color: #fff; border-left: 2px solid #ff7c81; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); top: -6px; right: -31px; width: 62px; border-left: none; } #WpContents .page_milk .milk_box_shadow:after { content: ""; position: absolute; width: 30px; height: 30px; background-color: #fff; border-bottom: 2px solid #ff7c81; border-left: 2px solid #ff7c81; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); top: -13px; right: -18px; width: 43px; border-left: none; } #WpContents .page_milk .text-left p { text-align: left; } #WpContents .results_wrap { margin-top: 40px; } #WpContents ul.block { background-color: #e9f5cb; width: 285px; display: block; margin: 20px auto; text-align: left; padding: 15px 20px; } #WpContents ul.block li { color: #00994c; font-weight: bold; font-size: 14px; padding: 10px 0; letter-spacing: 0.1em; } #WpContents ul.block li span.circle_type { font-size: 15px; } #WpContents .arrow_bottom { margin: 20px 0 25px; } #WpContents .milk-block { background-color: #ff7c81; color: #fff; width: 540px; border: 1px solid #fff; outline: 5px solid #ff7c81; margin: 10px auto 50px; font-size: 14px; font-weight: bold; padding: 20px; } #WpContents .milk-block p { font-size: 16px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; letter-spacing: 0.1em; } #WpContents .table-pink { border-collapse: collapse; width: 600px; text-align: center; margin: 30px auto; } #WpContents .table-pink, #WpContents .table-pink th { border: 3px solid #ff7c81; } #WpContents .table-pink th, #WpContents .table-pink td { padding: 18px 0; border-left: 3px solid #ff7c81; font-weight: bold; } #WpContents .table-pink tr:nth-child(even) { background: #fff; } #WpContents .table-pink tr:nth-child(odd) { background: #ffe4e5; } #WpContents .poo_wrap .width_60 { width: 60%; } #WpContents .page_milk .block-agian { width: 86%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #WpContents .feature_omutsu { margin-top: 30px; } #WpContents .page_milk .block-agian > div { width: 40%; } #WpContents .page_milk .block-agian > div img { width: 55%; margin: 25px 0; } #WpContents .page_milk .block-agian ul { width: 58%; } #WpContents .milk_of_immunity_wrap { margin: 30px 0 0; } #WpContents .block-3-border { padding: 0; margin-bottom: 10px; width: 260px; position: relative; border: 1px solid #fff; border-radius: 20px; line-height: 100px; font-weight: bold; color: #ff7c81; font-size: 20px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; margin: 0 auto; } #WpContents .block-3-border:before { content: " "; position: absolute; z-index: -1; top: 0px; left: 0; right: 0; bottom: 0; border-radius: 20px; } #WpContents .block-3-border.pink:before { border: 1px solid #ff7c81; } #WpContents .block-3-border:after { content: " "; position: absolute; z-index: -1; top: -5px; left: -5px; right: -5px; bottom: -5px; border: 1px solid #ff7c81; border-radius: 24px; } #WpContents .block-3-border.green { border-color: #008b4d; color: #008b4d; outline-color: #008b4d; margin: 20px auto 0; } #WpContents .block-3-border.green:before { border-color: #008b4d; } #WpContents .block-3-border.green:after { border-color: #008b4d; } #WpContents .block-circle { width: 270px; margin: 0 auto 30px; overflow: hidden; } #WpContents .block-circle > div { float: left; overflow: hidden; } #WpContents .block-circle > div p.pink, #WpContents .page_milk .pink { color: #ff7c81; letter-spacing: 0.1em; font-size: 16px; } #WpContents .tract_wrap { margin-bottom: 60px; } #WpContents .page_milk h5.pink { font-size: 18px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; margin-top: 10px; line-height: 1.7em; } #WpContents .block-circle > div p.green, #WpContents .page_milk .green { color: #00994c; letter-spacing: 0.1em; font-size: 16px; } #WpContents .block-circle .milk-circle, #WpContents .milk-nonecircle { width: 75px; height: 75px; border-radius: 50%; display: block; float: left; font-size: 26px; line-height: 75px; margin-bottom: 15px; } #WpContents .milk-nonecircle { font-size: 35px; } #WpContents .block-circle .milk-circle.pink { background-color: #ff7c81; color: #fff; font-size: 30px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .block-circle .milk-circle.green { background-color: #b0dd3f; color: #00994c; font-size: 30px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .block-pink-5 { padding: 30px 0pc; margin: 30px auto; background-color: #ffe4e5; } #WpContents .block-pink-5 p { font-size: 18px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; letter-spacing: 0.1em; } #WpContents .milk_immunity_wrap { max-width: 700px; margin: 0 auto -200px; } #WpContents .milk_immunity_wrap .img { width: 100%; } #WpContents .milk_immunity_wrap .img img { width: 100%; } #WpContents .milk_immunity_wrap .sec { margin-bottom: 40px; } #WpContents .milk_immunity_wrap .sec_sub { margin: 40px 0; } #WpContents .milk_immunity_wrap .milk-title { width: 60%; margin-bottom: 20px; } #WpContents .milk_immunity_wrap .block-pink-5 { margin: 0; } #WpContents .milk_immunity_wrap .block-title { margin: 60px 0 20px !important; width: 100% !important; } #WpContents .milk_immunity_wrap .block-number { top: -15px !important; left: 20px !important; } #WpContents .milk_immunity_wrap .block-title .milk-title-noborder { margin: 0; padding: 0; font-size: 1.5rem; } #WpContents .milk_immunity_wrap .img_1 { max-width: 500px; margin: 0 auto; } #WpContents .milk_immunity_wrap .img_2 { max-width: 660px; margin: 0 auto; } #WpContents .milk_immunity_wrap .fig { margin: 30px auto; } #WpContents .milk_immunity_wrap .fig img { margin: 0 auto; border: 1px solid #ccc; } #WpContents .milk_immunity_wrap .fig .cap { margin-top: 15px; } #WpContents .milk_immunity_wrap .ttl_img { margin-bottom: 20px; } #WpContents .milk_immunity_wrap .ttl_img img { margin: 0; } #WpContents .milk_immunity_wrap .annotation_list { margin-top: 20px; } #WpContents .milk_immunity_wrap .annotation_list li { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 10px 0; } #WpContents .milk_immunity_wrap .annotation_list .mark { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 3rem; text-align: right; } #WpContents .milk_immunity_wrap .annotation_list .txt { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; text-align: left; } #WpContents .block-pink-5 { color: #ff7c81; font-weight: bold; } #WpContents span.pink-ground { padding: 10px; background-color: #ff7c81; color: #fff; clear: both; margin: 15px auto; border-radius: 30px; display: block; width: 200px; font-size: 14px; font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; } #WpContents .milk_box_shadow_green { width: 95%; margin: 50px auto; border: 2px solid #95d100; -webkit-box-shadow: 7px 9px 7px -1px rgba(149, 209, 0, 0.48); box-shadow: 7px 9px 0px -1px rgba(149, 209, 0, 0.3); position: relative; padding: 28px 50px; color: #00994c; font-weight: bold; text-align: center; } #WpContents .milk_ingredients { margin: 60px 0 0; } #WpContents .milk_ingredients h3.milk-title-noborder { font-size: 24px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; letter-spacing: 0.1em; margin-bottom: 7px; } #WpContents .milk_ingredients h4 { margin-top: 30px; margin-bottom: 20px; } #WpContents .milk_ingredients img { width: 100%; margin: 0; } #WpContents .page_milk .milk_ingredients_contents { margin-top: 20px; margin-bottom: 20px; } #WpContents .milk_ingredients_contents .block-milk-1 p { margin-bottom: 20px; text-align: left; } #WpContents .milk-title-noborder .milk_ingredients_contents h6 { margin: 15px 0 10px; } #WpContents .page_milk .milk_box_shadow_green p { font-size: 22px; letter-spacing: 0.1em; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .page_milk .block-title { background-color: #e9f5cb; position: relative; width: 520px; margin: 0 auto; padding: 20px 0; } #WpContents .page_milk .block-number { width: 60px; height: 60px; color: #00994c; font-weight: bold; font-size: 24px; border: 2px solid #95d100; position: absolute; top: -25px; left: -25px; line-height: 51px; background: #fff; } #WpContents .page_milk .block-content { width: 660px; overflow: hidden; margin: 20px auto; } #WpContents .page_milk .block-milk-1 { width: 300px; float: left; margin: 15px; position: relative; } #WpContents .page_milk .block-milk-1 span.title { display: block; position: absolute; background-color: #00994c; color: #fff; border-radius: 20px; left: 0; right: 0; width: 225px; top: -9px; margin: auto; padding: 6px; font-weight: bold; } #WpContents table.table-green { border-collapse: collapse; width: 521px; margin: 30px auto 0; } #WpContents table.table-green td { border: 2px solid #00994c; padding: 15px; color: #00994c; font-weight: bold; border-left: none; font-size: 12px !important; letter-spacing: 1.1px; } #WpContents table.table-green td.topnone { border-top: none; } #WpContents table.table-green td.botnone { border-bottom: none; } #WpContents table.table-green td.dash { border-bottom: 2px dashed #00994c !important; } #WpContents table.table-green td p { color: #000; } #WpContents .page_milk h3.voyage { background-color: #9893c1; padding: 15px 43px; color: #fff; border-radius: 6px; margin: 20px 0; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; font-size: 16px; } #WpContents .page_milk h3.pink { background-color: #ff7c81; padding: 15px 43px; color: #fff; border-radius: 6px; margin: 20px 0; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; font-size: 16px; } #WpContents .page_milk .milk-one-box { width: 65%; display: block; overflow: hidden; margin: 0 auto; font-size: 14px; letter-spacing: 0.8px; } #WpContents .page_milk ul.milk-one-box { margin: 20px auto 0; } #WpContents .page_milk ul.milk-one-box li { line-height: 40px; color: #606060; text-align: left; } #WpContents .page_milk .box-standard { width: 360px; height: 250px; } #WpContents .page_milk .two-box { float: left; margin: 10px; } #WpContents .page_milk .two-line h3 { padding: 10px !important; } #WpContents .page_milk .one-box { margin: auto; } #WpContents .page_milk .box-standard h3 { background-color: #95d100; padding: 20px; color: #fff; line-height: 30px; font-size: 19px; height: 80px; } #WpContents .page_milk .box-standard div { background-color: #f2f2f2; margin-top: 5px; height: 165px; } #WpContents .page_milk .box-standard div p { text-align: left; padding: 15px 25px; } #WpContents .page_milk .box-standard div a { color: #ff7c81; text-align: right; font-size: 18px; float: left; margin-left: 25px; } #WpContents .page_milk .normal { padding: 20px 70px 43px; } #WpContents .page_milk .normal p { color: #000; font-size: 13px; font-weight: normal; } #WpContents .chot { width: 10px; height: 10px; border: 2px solid #95d100; border-radius: 50%; position: absolute; } #WpContents .chot-1 { top: 10px; left: 10px; } #WpContents .chot-2 { top: 10px; right: 10px; } #WpContents .chot-3 { bottom: 10px; left: 10px; } #WpContents .chot-4 { bottom: 10px; right: 10px; } #WpContents .page_milk .box-text { width: 550px; line-height: 26px; letter-spacing: 1.3px; font-size: 15px; } #WpContents .page_milk .milk-now { width: 640px; margin: 40px auto; border: 1px solid #00994c; } #WpContents .page_milk .milk-now h3 { background-color: #00994c; color: #fff; font-size: 18px; padding: 10px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .page_milk .milk-now .now-content { overflow: hidden; padding: 15px 25px; } #WpContents .page_milk .milk-now .column { float: left; text-align: left; margin-bottom: 10px; letter-spacing: 0.1em; } #WpContents .column th { font-weight: bold; line-height: 30px; font-size: 16px; width: 18%; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .column tr:last-of-type { padding-top: 10px; border-top: 1px solid #bfbfbf; } #WpContents .column tr:nth-of-type(5) th, #WpContents .column tr:nth-of-type(5) td { padding-bottom: 13px; } #WpContents .column tr:last-of-type th, #WpContents .column tr:last-of-type td { padding-top: 13px; } #WpContents .column td { font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; padding: 6px 4px; line-height: 1.8em; } #WpContents .column td.examine_item { width: 63%; } #WpContents .column td span.orange, #WpContents .column td span.green, #WpContents .column td span.blue { font-size: 12px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .column span.orange { background-color: #ff8131; padding: 5px 10px; color: #fff; border-radius: 30px; } #WpContents .column span.green { background-color: #00994c; padding: 5px 10px; color: #fff; border-radius: 30px; } #WpContents .column span.blue { background-color: #00d0e4; padding: 5px 10px; color: #fff; border-radius: 30px; } #WpContents .page_milk .milk-now hr { width: 100%; border: none; height: 1px; background: #ccc; } #WpContents .page_milk .title-border { font-size: 16px; border-left: #00994c 8px solid; padding-left: 15px; color: #00994c; font-weight: bold; margin-bottom: 20px; } #WpContents .page_milk .content-small p { font-size: 13px; letter-spacing: 1.3px; } #WpContents .page_milk .list p { display: block; position: relative; padding-left: 20px; } #WpContents .page_milk .list p:before { content: " "; width: 10px; height: 10px; border-radius: 50%; border: 1px #00994c solid; display: block; position: absolute; top: 8px; left: 0; } #WpContents .milk-content { overflow: hidden; } #WpContents .list-right .box-left { width: 292px; border-right: 2px solid #00994c; } #WpContents .list-right .box-right { width: 500px; } #WpContents .list-right .box-left ul li { font-weight: bold; padding-right: 15px; } #WpContents .list-right .box-right ul li { line-height: 25px; } #WpContents .milk-content .box-title { font-size: 16px; border-left: 8px solid #00994c; padding-left: 15px; margin-bottom: 15px; font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; } #WpContents .milk-content.content .box-left { width: 550px; } #WpContents .milk-content.content .box-right { width: 260px; margin: 40px 0 0; } #WpContents .milk-content.green-box { width: 100%; padding: 20px; text-align: left; font-weight: normal; color: #000; background-color: #e9f5cb; margin: 30px 0; } #WpContents .green-box .box-left { width: 570px; padding-left: 30px; } #WpContents .milk-content.green-box p { font-size: 14px; } #WpContents .footer-box .milk_box_shadow_green hr { border: none; height: 2px; background-color: #e9f5cb; width: 85%; } #WpContents .footer-box .milk_box_shadow_green p { font-size: 14px; text-align: left; font-weight: normal; color: #4d4d4d; font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; } #WpContents .page_milk a.green { background-color: #95d100 !important; color: #fff; } #WpContents .page_milk a.green:hover { background-color: #749904 !important; } #WpContents .page_milk a.green:before { border-color: #95d100 !important; } #WpContents .page_milk a.pink { background-color: #ff7c81 !important; color: #fff; padding: 20px 100px !important; } #WpContents .page_milk a.pink:before { border-color: #ff7c81 !important; } #WpContents .page_milk a.pink:hover { background-color: #c96d74 !important; } #WpContents .table-faq { width: 100%; border: #00994c 1px solid; } #WpContents .table-faq th { padding: 16px; text-align: center; background-color: #00994c; color: #fff; font-size: 14px; font-weight: bold; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .table-faq td { font-size: 14px; padding: 5px 15px 0 40px; width: 33.333%; } #WpContents .table-faq td a { font-weight: bold; font-size: 14px; line-height: 25px; letter-spacing: 0.5px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .table-faq td a:hover { color: #00994c; } #WpContents .table-faq td a span { position: relative; left: -20px; color: #000; top: 7px; } #WpContents .table-faq td a span:before, #WpContents .table-faq td a span:after { background-color: #000; } #WpContents .table-faq td a:hover span:before, #WpContents .table-faq td a:hover span:after { background-color: #00994c; } #WpContents .faq { width: 100%; overflow: hidden; margin-top: 40px; } #WpContents .faq .faq-title { color: #00994c; text-align: right; width: 100%; overflow: hidden; } #WpContents .faq .faq-title .sub { font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; font-size: 12px; display: block; padding-bottom: 7px; } #WpContents .faq .faq-title .title { font-size: 24px; text-align: left; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .faq .faq-content { width: 100%; border-top: 1px #00994c solid; overflow: hidden; padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } #WpContents .faq .faq-content .box-left { width: 70%; } #WpContents .faq .faq-content .box-left { background: url("../img/pdf.png") no-repeat; } #WpContents .faq .faq-content .box-right { width: 28%; } #WpContents .faq .faq-content a:hover { color: #00994c; } #WpContents .faq .faq-content p { font-size: 12px; letter-spacing: 0.3px; text-align: left; font-weight: bold; } #WpContents .faq .faq-content .box-left p { padding-left: 45px; } #WpContents .milk-menu { margin-bottom: 30px; overflow: hidden; } #WpContents .milk-menu li { display: table-cell; width: 142px; font-weight: bold; border-right: 1px solid #00994c; border-left: 1px solid #00994c; text-align: center; vertical-align: middle; height: 35px; } #WpContents .milk-menu li:first-child { border-left: 2px solid #00994c; } #WpContents .milk-menu li:last-child { border-right: 2px solid #00994c; } #WpContents .milk-menu li a { font-size: 14px; } #WpContents .milk-menu li a:hover { color: #00994c; } #WpContents .img_2010 { position: absolute; width: 240px; } #WpContents .milk-2 { position: relative; } #WpContents .caution { text-align: right; padding-top: 15px; } #WpContents .page_milk .title-year em { font-size: 0.8em; } #WpContents .poo_wrap img { width: 100%; margin: 60px 0; } #WpContents .not_only_wrap { width: 740px; margin-top: 40px; } #WpContents .develop_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } #WpContents .develop_wrap > div { margin: 50px auto 0; width: 48%; } #WpContents .develop_wrap .develop_description { background-color: #f2f2f2; padding: 20px 20px 30px; margin-top: 10pxl; } #WpContents .develop_wrap .develop_description p { letter-spacing: 0.1em; font-size: 16px; font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; } #WpContents .develop_wrap h4 { color: #ff7d82; font-size: 20px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; margin-top: 10px; letter-spacing: 0.1em; } #WpContents .develop_title { background-color: #96dc00; padding: 10px 0; } #WpContents .develop_wrap h3 { font-size: 20px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; line-height: 1.5em; color: #fff; } #WpContents .not_only_wrap h5 { font-size: 22px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; line-height: 1.7em; color: #009a4d; } #WpContents .not_only_wrap .title-border { text-align: left; font-size: 18px; border-left: #00994c 7px solid; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .not_only_wrap .board h4 { font-size: 22px; margin: 13px 0 20px 0; border-bottom: 2px solid #96dc00; display: inline-block; padding-bottom: 10px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; letter-spacing: 0.1em; } #WpContents .not_only_wrap .board p { font-size: 14px; line-height: 1.9em; font-family: FP-ヒラギノUD角ゴ StdN W5, FP-HiraginoUDSansStdN-W5; } #WpContents .not_only_wrap .sukoyaka_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } #WpContents .not_only_wrap .sukoyaka_wrap div:first-child { width: 30%; } #WpContents .not_only_wrap .sukoyaka_wrap div:first-child p { font-size: 14px; letter-spacing: 0.1em; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .not_only_wrap .sukoyaka_wrap img { width: 100%; margin-bottom: 10px; } #WpContents .not_only_wrap .sukoyaka_wrap div:last-child { width: 67%; } #WpContents .not_only_wrap .sukoyaka_wrap div:last-child p { font-size: 14px; font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; text-align: left; } #WpContents .not_only_wrap .milk_examine_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } #WpContents .not_only_wrap .milk_examine_wrap div:first-child { width: 57%; } #WpContents .not_only_wrap .milk_examine_wrap div:first-child p { font-size: 14px; letter-spacing: 0.1em; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; text-align: left; } #WpContents .not_only_wrap .milk_examine_wrap div:first-child ul { margin: 15px 0; } #WpContents .not_only_wrap .milk_examine_wrap div:first-child ul li { text-align: left; color: #009a4d; font-size: 18px; margin-bottom: 8px; } #WpContents .not_only_wrap .milk_examine_wrap img { width: 100%; margin-bottom: 10px; } #WpContents .not_only_wrap .milk_examine_wrap div:last-child { width: 40%; } #WpContents .not_only_wrap .milk_examine_wrap div:last-child h4 { font-size: 17px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; letter-spacing: 0.1em; } #WpContents .not_only_wrap .milk_examine_wrap div:last-child p { font-size: 14px; font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; text-align: left; } #WpContents .not_only_wrap .milk_examine_wrap div:last-child p em { font-size: 12px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .third_examine { width: 700px; margin: 0 auto; } #WpContents .board_title { letter-spacing: 0.1em; font-size: 22px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; padding-bottom: 10px; border-bottom: 1px solid #96dc00; display: inline-block; margin: 10px 0 16px; } #WpContents .understand_examine { text-align: left; } #WpContents .understand_examine > div { margin: 10px 0; } #WpContents .analytics_wrap { margin: 30px 0; text-align: left; } #WpContents .examine_subject_wrap { margin: 30px 0; } #WpContents .examine_subject, #WpContents .examine_bg { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } #WpContents .examine_bg div:first-child { width: 29%; text-align: center; } #WpContents .examine_bg div:first-child p { margin-top: 8px; font-size: 14px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; line-height: 1.5em; } #WpContents .examine_bg div:last-child { width: 65%; text-align: left; } #WpContents .examine_subject img, #WpContents .examine_bg img { width: 100%; } #WpContents .examine_subject_list { margin: 15px 0; } #WpContents .examine_subject div:first-child { width: 54%; text-align: left; } #WpContents .examine_subject div:last-child { width: 44%; } #WpContents .examine_subject div:last-child em { font-size: 12px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .examine_subject div:last-child h4 { font-size: 18px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; letter-spacing: 0.1em; margin-top: 10px; margin-bottom: 8px; } #WpContents .analytics_wrap p { position: relative; padding-left: 25px; } #WpContents .analytics_wrap p::before { content: " "; width: 10px; height: 10px; border-radius: 50%; border: 2px #00994c solid; display: block; position: absolute; top: 5px; left: 0; } #WpContents .research_plan { margin: 60px 0; } #WpContents .research_plan img { width: 80%; margin: 50px 0 30px; } #WpContents .research_plan_statistics, #WpContents .examine_plan_statistics { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 25px auto 5px; } #WpContents .research_plan_statistics > div:first-child { width: 35%; border-right: 2px solid #00994c; padding-right: 50px; } #WpContents .examine_plan_statistics > div:first-child { width: 38%; border-right: 2px solid #00994c; } #WpContents .research_plan_statistics > div:last-child { width: 60%; } #WpContents .examine_plan_statistics > div:last-child { width: 57%; } #WpContents .research_plan_statistics ul { margin-top: 10px; } #WpContents .research_plan_statistics ul li, #WpContents .examine_plan_statistics ul li { margin-bottom: 10px; } #WpContents .examine_plan { margin: 70px 0 20px; } #WpContents .examine_plan h3 { margin-bottom: 40px; } #WpContents .examine_plan h4 { font-size: 16px; text-align: left; font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; } #WpContents .examine_plan p { text-align: left; } #WpContents .past_examine_wrap h3 { text-align: left; } #WpContents .past_examine_wrap .milk-title { margin-bottom: 40px; } #WpContents .past_examine { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 auto 45px; } #WpContents .past_examine { text-align: left; } #WpContents .past_examine .box-title { font-size: 16px; font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; } #WpContents .past_examine p { width: 63%; } #WpContents .past_examine div { width: 33%; } #WpContents .past_examine div img { width: 100%; } #WpContents .corporate_megmilk img { margin-top: 30px; width: 50%; } #WpContents .sugiyama_ai_corporate img { margin: 30px; width: 100%; } #WpContents .sugiyama_ai_corporate img:last-child { width: 40%; } #WpContents .footer-box { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 auto 45px; } #WpContents .footer-box .milk_box_shadow_green { width: 47%; margin: 0; padding: 19px 31px; margin-right: 14px; } #WpContents .footer-box .milk_box_shadow_green h4 { font-size: 14px; font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; padding-bottom: 10px; color: #4d4d4d; border-bottom: 1px solid #96dc00; letter-spacing: 0.1em; text-align: left; margin-bottom: 10px; } #WpContents .results_link_wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 auto; } #WpContents .results_link_wrap { margin-top: 75px; } #WpContents .results_link_wrap div { width: 45%; position: relative; } #WpContents .results_link_wrap div:hover { position: relative; top: 3px; left: 4px; } #WpContents .results_link_wrap div::before { width: 99%; height: 99%; background: translate; top: 5px; left: 7px; content: " "; display: block; position: absolute; z-index: -1; } #WpContents .results_link_wrap div:first-child { background-color: #95d100; } #WpContents .results_link_wrap div:first-child::before { border: 2px solid #95d100; } #WpContents .results_link_wrap div:last-child { background-color: #ff7d82; } #WpContents .results_link_wrap div:last-child::before { border: 2px solid #ff7d82; } #WpContents .results_link_wrap.achievements_links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #WpContents .results_link_wrap.achievements_links div:last-child { background-color: #95d100; } #WpContents .results_link_wrap.achievements_links div:last-child::before { border: 2px solid #95d100; } #WpContents .results_link_wrap div a { color: #fff; font-size: 24px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; letter-spacing: 0.1em; padding: 46px 0; display: block; } #WpContents .research_results_wrap .header_sub { color: #009a4d; } #WpContents .research_results_wrap .top_title_3 { color: #009a4d; } #WpContents .research_results_wrap .table-faq td a span:before, #WpContents .research_results_wrap .table-faq td a span:after { background-color: #009a4d; width: 2px; } #WpContents .wrapper-bottom-button { text-align: left; margin-bottom: 70px; } #WpContents .list_wrap { width: 770px; margin: 50px auto 0; } #WpContents .list_wrap h2 { font-size: 26px; font-family: "Quicksand", sans-serif; letter-spacing: 0.1em; text-align: center; color: #96d200; } #WpContents .list_wrap h2 em { font-size: 20px; } #WpContents .list_contents_wrap { width: 770px; margin: 50px auto 0; } #WpContents .list_contents_wrap h2 { font-size: 26px; font-family: "Quicksand", sans-serif; letter-spacing: 0.1em; text-align: center; color: #96d200; } #WpContents .list_contents_wrap h2 em { font-size: 20px; } #WpContents .list_contents_wrap h3 { text-align: center; margin: 50px 20px; font-size: 20px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; line-height: 1.7em; color: #96d200; } #WpContents .list_contents_wrap .format-standard h3.entry-header { text-align: center; margin: 50px 20px; font-size: 30px; color: #96d200; } #WpContents .top_post_list_wrap .category { width: 100px; color: #fff; text-align: center; padding: 8px 0 8px; font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; letter-spacing: 0.19em; /* transform: scale(.83); -webkit-transform: scale(.83); */ } #WpContents .top_post_list_wrap .date { width: 84px; padding-top: 9px; font-size: 13px; letter-spacing: 0.1em; font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; } #WpContents .top_post_list_wrap .post { width: 52%; padding-top: 6px; } #WpContents .top_post_list_wrap .post p { font-size: 13px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; letter-spacing: 0.05em; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .list_contents_wrap .entry-content h1, #WpContents .list_contents_wrap .entry-content h2, #WpContents .list_contents_wrap .entry-content h3, #WpContents .list_contents_wrap .entry-content h4, #WpContents .list_contents_wrap .entry-content h5, #WpContents .list_contents_wrap .entry-content h6, #WpContents .list_contents_wrap .entry-content h7, #WpContents .list_contents_wrap .entry-content h8, #WpContents .list_contents_wrap .entry-content p, #WpContents .list_contents_wrap .entry-content td, #WpContents .list_contents_wrap .entry-content th, #WpContents .list_contents_wrap .entry-content ul, #WpContents .list_contents_wrap .entry-content li { line-height: 1.6em; margin-top: 14px; margin-bottom: 14px; font-family: FP-ヒラギノUD角ゴ StdN W5, FP-HiraginoUDSansStdN-W5; } #WpContents .list_contents_wrap .entry-content table { margin: 10px 0; } #WpContents .list_contents_wrap .entry-content th, #WpContents .list_contents_wrap .entry-content td { padding: 10px; border: 1px solid #ddd; } #WpContents .list_contents_wrap .entry-content img.aligncenter { display: block; margin: 16px auto; } #WpContents .list_contents_wrap .entry-content a[href$=".pdf"] { background: url("../img/pdf.png") no-repeat; padding: 9px 50px 15px; letter-spacing: 0.1em; } #WpContents .archive_press_release { width: 640px; margin: 50px auto; } #WpContents .archive_press_release ul li { width: 190px; padding: 0 10px; font-size: 14px; text-align: center; display: inline-block; color: #96d200; border: 1px solid #96d200; border-radius: 25px; margin-bottom: 9px; letter-spacing: 0; font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .archive_press_release ul li:hover { background-color: #96d200; cursor: pointer; color: #fff; } #WpContents .archive_press_release ul li:hover a { color: #fff; } #WpContents .archive_press_release ul li a { color: #96d200; display: block; padding: 10px 0; } #WpContents .archive_press_release ul li a:hover { color: #fff; } #WpContents .archive_press_release ul li { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #WpContents .not-found { width: 630px; margin: 0 auto; } #WpContents .not-found h1 { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; font-size: 20px; } #WpContents .not-found h2 { font-size: 14px; margin-top: 30px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .research_milk_wrap .milk_content .age_list:before { height: 96%; } #WpContents .research_milk_wrap .milk_content .year-content { width: 585px; } #WpContents .research_milk_wrap .milk_content div.milk-2 img { left: 100%; } #WpContents .research_milk_wrap .circle-wrapper .circle { font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .milk_baby_wrap img { width: 80%; } #WpContents ul.block li { font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .milk_change_wrap { margin-bottom: 60px; } #WpContents .table-pink th { font-family: FP-ヒラギノUD角ゴ StdN W5, FP-HiraginoUDSansStdN-W5; } #WpContents .table-pink td { font-family: FP-ヒラギノUD角ゴ StdN W5, FP-HiraginoUDSansStdN-W5; } #WpContents .page_milk .milk_box_shadow_green.normal { width: 100%; padding: 28px 50px 32px 50px; } #WpContents .page_milk .block-number { font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .page_milk .block-milk-1 span.title { letter-spacing: 0.1em; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .milk_ingredients_contents .block-milk-1 h6 { margin: 7px 0 10px; font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; } #WpContents .text_left { text-align: left; } #WpContents .text_center { text-align: center; } #WpContents table.table-green { width: 100%; margin: 30px auto 10px; } #WpContents .milk_ingredients h5 { font-size: 18px; font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; margin: 40px; } #WpContents .ingredients_table { width: 80%; margin: 0 auto 40px; } #WpContents .milk_ingredients_contents .page_milk h5.pink { font-size: 16px; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; line-height: 1.7em; } #WpContents .digest_wrap h6 { margin: 7px 0 10px; font-family: FP-ヒラギノUD角ゴ StdN W3, FP-HiraginoUDSansStdN-W3; } #WpContents .milk_immunity_wrap img { margin: 30px 0; } #WpContents .page_milk .block-title { margin-bottom: 20px; } #WpContents .page_milk ul.milk-one-box li { font-family: FP-ヒラギノUD角ゴ StdN W5, FP-HiraginoUDSansStdN-W5; } #WpContents .page_milk ul.fight_virus { width: 40%; margin: 28px auto 0; } #WpContents .two_row h3 { line-height: 3em; } #WpContents .page_milk .milk-now ul.column.column-four li { font-size: 13px; letter-spacing: 0em; } #WpContents .page_milk .title-border { font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .research_plan_statistics ul li, #WpContents .examine_plan_statistics ul li { font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; text-align: left; } #WpContents .examine_plan_statistics > div:first-child { width: 35%; border-right: 2px solid #00994c; padding-right: 50px; } #WpContents .research_plan_statistics div:first-child ul li, #WpContents .examine_plan_statistics div:first-child ul li { text-align: right; } #WpContents .research_top_5 { background-image: url("../img/research/top_5.png"); } #WpContents .research_top_6 { background-image: url("../img/research/top_6.png"); } #WpContents .footer-box .milk_box_shadow_green p { letter-spacing: 0em; } #WpContents .footer-box .milk_box_shadow_green p em { font-size: 0.8em; } #WpContents .tel_info strong { font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; font-size: 1.1em; } #WpContents .group_wrap h2 { color: #95d100; padding: 20px 0; font-size: 22px; text-align: center; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .affiliate_wrap dl dt, #WpContents .manage_site_wrap dl dt, #WpContents .ref_site_wrap dl dt { letter-spacing: 0.1em; font-size: 17px; } #WpContents .about_company_wrap ul li { font-family: 秀英丸ゴシック L, DNPShueiMGoStd-L; } #WpContents .megmilk dl dt a { /*font-size: 18px;*/ letter-spacing: 0.1em; } #WpContents .main_ryutsu .top_title_3 { font-size: 24px; } #WpContents .main_ryutsu .notice { margin-top: 50px; } #WpContents table.ingredients td { color: #333; font-size: 11px; } #WpContents .ryutsu_content h5 { letter-spacing: 0; } #WpContents .edit-link { display: none; } #WpContents .mama_produce_title_center { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .title_center { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .msg_center { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents .title2_center { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .title2_mind { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .msg2_center { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents .round_button { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents .produce_title_center { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .produce_title_comm { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .produce_msg_1 { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents .produce_msg_2 { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.white { font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents p.whiteSMGM14 { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .produce_round_button { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents .mama_produce_title_comm { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .mama_produce_msg_1 { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.white { font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .product_title_center { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .product_msg_center_m { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .product_msg_center { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents .tabmenu span { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents .tabmenu input[type="radio"] + em { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents .tabmenu_o span { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents .tabmenu_o input[type="radio"] + em { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents .tabmenu_g span { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents .tabmenu_g input[type="radio"] + em { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents .tabmenu_r span { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents .tabmenu_r input[type="radio"] + em { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.menu_red { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.red { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.sub_red { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.big_red { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents p.sbig_blue { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .tabmenu_p span { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents .tabmenu_p input[type="radio"] + em { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.menu_pure { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.red { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.sub_pure { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents .sub_menu_pure { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.big_pure { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents p.mid_blue { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents p.mid_pure { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents p.mid_green { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents p.big_white { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents p.mid_white { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .roundbutton_green { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents p.ms_menu_black { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.ms_black { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.ms_sub_black { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.ms_menu_green { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.ms_green { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.ms_orange { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.ms_pure { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.ms_red { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.ms_blue { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.ms_sub_green { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents .skincare4_pos_2 { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .skincare4_pos_3 { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .skincare4_pos_4 { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents p.ms_info_title { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents p.ms_info_msg { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents .skincare3_pos_1 { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .skincare3_pos_2 { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .skincare3_pos_3 { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .skincare3_pos_4 { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .skincare2_pos_2 { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .skincare2_pos_3 { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .skincare2_pos_4 { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .skincare1_pos_2 { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .skincare1_pos_3 { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .skincare1_pos_4 { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .food1_pos_1_1 { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .food1_pos_3 { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents .food1_pos_4 { top: 130px; left: 360px; font-size: 18px; font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents p.ms_menu_red { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.ms_sub_red { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.ms_menu_blue { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.ms_sub_blue { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.ms_menu_orange { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.ms_sub_orange { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.ms_menu_pure { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents p.ms_sub_pure { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents .content_baby_product h2, #WpContents .content_mummy_product h2 { position: relative; -webkit-animation: none; animation: none; z-index: 4; top: 0; left: 0; } #WpContents .content_baby_product { top: -107px; } #WpContents .content_baby_product h2 img { width: 354px; } #WpContents .content_sugiyama { top: 303px; } #WpContents .content_calendar { display: none; top: 750px; left: 75%; z-index: 5; } #WpContents .content_calendar img { width: 189px; -webkit-animation: cloud_motion 5.5s ease-in-out 0.6s infinite normal; animation: cloud_motion 5.5s ease-in-out 0.6s infinite normal; } #WpContents .content_calendar h2 { top: 54%; left: 64.8%; /*animation: cloud_motion_2 5.5s ease-in-out 0.6s infinite normal;*/ z-index: 4; } #WpContents .content_calendar h2 img { width: 120px; } #WpContents .content_nutrition { top: 510px; left: 72%; } #WpContents .content_recruit { top: 740px; left: 19%; z-index: 5; } #WpContents .produce_msg_1 { font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; } #WpContents .inner350 { width: 350px; } #WpContents .mama_sheet_center img { width: 661px; display: block; margin: auto; } #WpContents .product_img_center-open { margin-bottom: 50px; } #WpContents .entry-content { margin-bottom: 0px; padding-bottom: 200px; } #WpContents .ms_baby_contents_wrap { margin-bottom: 50px; } #WpContents footer.entry-footer { margin: 0; padding: 0; } #WpContents footer { padding-top: 80px; } #WpContents .ms_bg_bottom, #WpContents .bg_bottom { height: auto; background: none; margin: 0; } #WpContents #page_wrapper { padding-bottom: 10px; } #WpContents .baby_contents_wrap { background: none; } #WpContents .page_wrap:after, #WpContents #page_wrapper:after { content: ""; display: block; clear: both; } #WpContents #page_wrapper { background-position: center bottom; background-repeat: no-repeat; } #WpContents #page_wrapper.postname-formom, #WpContents #page_wrapper.postname-products, #WpContents #page_wrapper.postname-babymom { background-image: url("../img/baby/bg_bottom.jpg"); } #WpContents #page_wrapper.postname-entry_qa, #WpContents #page_wrapper.postname-entry, #WpContents #page_wrapper.postname-nutrition, #WpContents #page_wrapper.postname-concept { background-image: url("../img/baby/bg_bottom_hillonly.jpg"); } #WpContents #page_wrapper.xxx { background-image: url("../img/baby/bg_bottom_skyonly.jpg"); } #WpContents .body_baby { background: none; } #WpContents .baby_contents { top: 20px; } #WpContents .product_title_center-small { font-size: 14px; } #WpContents ._wrap { position: absolute !important; top: 0; left: 0; } #WpContents ._wrap > div { position: absolute; } #WpContents ._wrap_sort1 { top: 55px; left: 0; } #WpContents ._wrap_sort1 > div > span { line-height: 16px; } #WpContents ._wrap ._mt20 { margin-top: 20px; } #WpContents .research_top_3 { background-image: url(../img/research/top_3.jpg); } #WpContents .research_top_4 { background-image: url(../img/research/top_4.jpg); } #WpContents .research_top_5 { background-image: url(../img/research/top_5.jpg); } #WpContents .research_top_6 { background-image: url(../img/research/top_6.jpg); } #WpContents .research_top_8 { background-image: url(../img/research/top_8.png); } #WpContents .research_top_7b { background-image: url(../img/research/top_3.jpg); } #WpContents #baby { padding-top: 30px; background-repeat: repeat-x; background-position: center top; background-size: auto 100px; } #WpContents #baby .wapper { width: 960px; margin: auto; } #WpContents #baby .wapper:after { content: ""; display: block; clear: both; } #WpContents #product { width: 600px; margin: auto; /* float: right; */ } #WpContents #product > div { margin-left: auto; margin-right: auto; } #WpContents #side { width: 290px; float: left; } #WpContents #side .list { border: solid 1px #ccc; } #WpContents #itemNavCategory > ul { display: none; } #WpContents #itemNavCategory > label { cursor: pointer; } #WpContents #itemNavCategory > label:hover { opacity: 0.7; } #WpContents #side h3 { padding: 0; font-size: 14px; line-height: 1; padding: 10px 30px; margin: 0 0 20px 0; color: #fff; } #WpContents #side label { padding: 0 30px 19px 30px; line-height: 1; display: block; } #WpContents #side nav > label { font-size: 14px; } #WpContents #side .list > ul { padding: 0 10px 10px 30px; margin: 0 0 30px 0; } #WpContents #side .list li { line-height: 1.1; margin-bottom: 15px; } #WpContents #side .list li label { font-size: 13px; padding: 0 0 15px 0; } #WpContents #side .list li:last-child { margin-bottom: 0; } #WpContents #side li a { font-size: 13px; } #WpContents #side li li a { font-size: 12px; } #WpContents #side li a { display: block; letter-spacing: 1.2px; } #WpContents #side a::before { content: "＋"; display: inline-block; /*transform: rotate(90deg);*/ -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } #WpContents #side a.cross_icon_change:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } #WpContents #side label a:before { content: ""; } #WpContents #side li ul { padding-left: 20px; } #WpContents #side li label:before { content: "　"; display: inline-block; } #WpContents #product { width: 640px; } #WpContents #product { padding-top: 10px; letter-spacing: 0; } #WpContents #product .header { width: 600px; margin-bottom: 40px; } #WpContents #product .header p { line-height: 1.2; } #WpContents #product .header .logo { text-align: center; } #WpContents #product .header .category { text-align: center; font-size: 14px; margin-bottom: 10px; } #WpContents #product .header .subCategory { text-align: center; font-size: 18px; margin-bottom: 15px; } #WpContents #product.list .header .subCategory { margin-bottom: 20px; } #WpContents #product.list .header .subCategory2 { margin-bottom: 6px; } #WpContents #product .header .ttl { text-align: center; font-size: 28px; line-height: 1.5; margin-bottom: 12px; letter-spacing: -1px; } #WpContents #product .header .ttl img { zoom: 0.5; -moz-transform: scale(0.5, 0.5); display: block; margin: auto; } #WpContents .ttl.sukoyaka_m1 img { zoom: 0.7 !important; -moz-transform: scale(0.7, 0.7) !important; } #WpContents #product .header .dots { font-size: 6px; display: block; text-align: center; letter-spacing: 9px; margin-bottom: 10px; } #WpContents #product.list .header .dots { margin-bottom: 17px; } #WpContents #product .header .info { text-align: center; font-size: 16px; margin-bottom: 23px; } #WpContents #product > .info { width: 640px; } #WpContents #product .info ul { margin: 0 0 20px 0; } #WpContents #product .info li { font-size: 13px; margin: 0 0 3px 0; line-height: 1.5; padding-left: 1em; } #WpContents #product .info ul.indent-out li { text-indent: -1em; margin-left: 1em; } #WpContents #product .header .copy { text-align: center; font-size: 16px; line-height: 30px; margin-bottom: 15px; } #WpContents #product .header .copy-small { letter-spacing: 0; } #WpContents #product .header .des { text-align: center; font-size: 13px; line-height: 22px; margin-bottom: 10px; } #WpContents #product .header .des.des-wide { width: 640px; } #WpContents #product .items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 620px; } #WpContents #product .items .item { /* float: left; */ width: 290px; margin: 0 20px 70px 0; } #WpContents #product .items .item-wide { width: 600px; } #WpContents #product .items:after { content: ""; display: block; clear: both; } #WpContents #product .items .item .img { position: relative; margin-bottom: 25px; } #WpContents #product .items .item .img.border { border: 1px solid #ccc; } #WpContents #product .items .item .img img { width: 100%; vertical-align: top; } #WpContents #product .items .item .img a { position: absolute; bottom: 1px; right: 1px; display: block; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center center; background-size: cover; } #WpContents #product .items .item .img.border a { bottom: 0px; right: 0px; } #WpContents .blue #product .items .item .img a { background-image: url(/wp-content/uploads/2016/09/cart.png); } #WpContents .green #product .items .item .img a { background-image: url(/wp-content/uploads/2016/09/cart_green.png); } #WpContents .orange #product .items .item .img a { background-image: url(/wp-content/uploads/2016/09/cart_orange.png); } #WpContents .pink #product .items .item .img a { background-image: url(/wp-content/uploads/2016/10/cart_red.png); } #WpContents .purple #product .items .item .img a { background-image: url(/wp-content/uploads/2016/10/cart_pure.png); } #WpContents .salmonpink #product .items .item .img a { background-image: url(/wp-content/themes/common_img/babymom/yousan_fe_aen/cart_salmonpink.png); } #WpContents .lightblue #product .items .item .img a { background-image: url(/wp-content/themes/common_img/babymom/yousan_fe_ca/cart_lightblue.png); } #WpContents .lightpink #product .items .item .img a { background-image: url(/wp-content/themes/common_img/babymom/tsuwabee/cart_lightpink.png); } #WpContents #product .items .item .ttl { font-size: 18px; margin-bottom: 18px; line-height: 1.3em; } #WpContents #product .items .item .info { line-height: 18px; margin-bottom: 10px; } #WpContents #product .items .item .link { display: block; padding: 20px 0; margin-top: 20px; background: #33b2f3; color: #fff; text-align: center; font-family: UD新丸ゴ M, UD Shin Maru Go Medium; font-size: 18px; font-weight: bold; } #WpContents #product .info section { display: block; margin: 0 0 20px 0; } #WpContents .fe_point_wrap img { width: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; } #WpContents .fe_point_wrap img:hover { opacity: 0.7; } #WpContents #product h2 { font-size: 16px; margin-bottom: 20px; } #WpContents #product p.img img { width: 100%; } #WpContents #product .info p { font-size: 13px; margin: 0 0 30px 0; line-height: 22px; } #WpContents #product .info p .sign { display: block; text-align: right; } #WpContents #product .info p strong { font-size: 15px; display: block; margin: 0 0 7px 0; } #WpContents #product .waku { border-radius: 20px; padding: 25px 20px; border: solid 1px; } #WpContents #product .waku > *:last-child { margin-bottom: 0 !important; } #WpContents #product .waku h2 { text-align: center; margin-bottom: 5px; } #WpContents #product .waku .dots { font-size: 6px; display: block; text-align: center; letter-spacing: 9px; margin-bottom: 10px; } #WpContents #product .waku p { font-size: 14px; text-align: center; line-height: 24px; margin-bottom: 25px; } #WpContents #product .waku .header { margin-bottom: 8px; } #WpContents #product .data { margin-bottom: 50px; } #WpContents #product .data .alert { text-align: right; } #WpContents #product .data .tab { position: relative; width: 640px; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } #WpContents #product .data .tab:after { content: ""; display: block; clear: both; } #WpContents #product .data .tab li { /* width: 29%; */ width: 100% !important; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; line-height: 1; padding: 13px 0; margin: 0 0 10px 0 !important; border: 1px solid #009ff0; text-align: center; color: #fff; background: #333; float: left; margin-right: 1%; border-top-left-radius: 7px; -webkit-border-top-left-radius: 7px; -moz-border-top-left-radius: 7px; border-top-right-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-top-right-radius: 7px; /* opacity: 0.5; -moz-opacity: 0.5; */ cursor: pointer; } #WpContents #product .data .tab li .tab_content { display: none; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; line-height: 1.5em; margin-top: 15px; width: 100%; background: #fff; color: #4d4d4d; } #WpContents #product .data .tab li.allergic .tab_content p, #WpContents #product .data .tab li.materials .tab_content p { padding: 15px; line-height: 20px; text-align: left; } #WpContents #product .data .tab li.allergic .tab_content p:first-of-type { text-align: center; } #WpContents #product .data .tab li .tab_content img { width: 100%; vertical-align: top; } #WpContents #product .data .tab li .tab_content table { margin: 0; } #WpContents #product .data .tab li:hover { opacity: 0.7; -moz-opacity: 0.7; } #WpContents #product .data .tab li.on .tab_content { display: block; } #WpContents #product .data .tab li.on { padding: 13px 0 0 0; opacity: 1; -moz-opacity: 1; } #WpContents #product .data .tabcontents { display: none; } #WpContents #product .data .tabcontents li { width: 640px; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #ccc; line-height: 22px; } #WpContents #product .data .tabcontents li.allergic { border: none; } #WpContents #product .data .tabcontents li img { width: 100%; } #WpContents #product .data .tab:before { position: absolute; top: 0; left: 0; z-index: 2; content: ""; display: block; width: 640px; height: 2px; background-color: rgba(255, 255, 255, 0.5); } #WpContents #product .data .tabcontents li.materials { padding: 20px 33px; font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents #product .data .tab li:last-child { width: 40%; margin-right: 0px; } #WpContents #post-791 #product .data .tab li { /* width: 35% !important; */ } #WpContents #product .data .tab li img { width: 100%; letter-spacing: 0.11em; } #WpContents #product .data .tab li span { font-size: 12px; } #WpContents #product .data .tabtontents { width: 640px; } #WpContents #product .data .tabtontents { margin: 0; padding: 0; } #WpContents #product .data .tabcontents li { display: none; } #WpContents #product .data .tabcontents li.on { display: block; } #WpContents #product .reco { margin: 0 0 30px 0; } #WpContents #product .reco ul { margin: 0 0 50px 0; } #WpContents #product .reco ul:after { clear: both; content: ""; display: block; } #WpContents #product .reco li { float: left; width: 190px; margin: 0 35px 0 0; } #WpContents #product .reco li:nth-child(3n) { margin-right: 0; } #WpContents #product .reco li:nth-child(3n + 1) { clear: both; } #WpContents #product .reco li .img { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; width: 100%; height: auto; max-height: 200px; margin: 0 0 20px 0; outline: 1px solid #ccc; } #WpContents #product .reco li .img::before { content: ""; display: block; padding-top: 100%; } #WpContents #product .reco li img { width: 106%; } #WpContents #product .reco li .caption { display: block; font-size: 12px; text-align: center; margin: 0; padding: 0; line-height: 18px; } #WpContents #product.list .index { margin: 0 0 50px 0; } #WpContents #product.list .index ul { margin: 0; padding: 0; } #WpContents #product.list .index ul.separate { padding-top: 30px; margin-top: 30px; border-top: dashed 2px #ccc; padding-bottom: 20px; margin-bottom: 30px; /*border-bottom: solid 2px #ccc;*/ } #WpContents #product.list .index ul:after { content: ""; display: block; clear: both; } #WpContents #product.list .index li { position: relative; float: left; width: 180px; margin-right: 20px; padding-bottom: 50px; } #WpContents #product.list .index li:nth-child(3n) { margin-right: 0; } #WpContents #product.list .index li:nth-child(3n + 1) { clear: both; } #WpContents #product.list .index2 li { width: 290px; } #WpContents #product.list .index2 li:nth-child(3n) { margin-right: 20px; } #WpContents #product.list .index2 li:nth-child(3n + 1) { clear: none; } #WpContents #product.list .index2 li:nth-child(2n) { margin-right: 0px; } #WpContents #product.list .index2 li:nth-child(2n + 1) { clear: both; } #WpContents #product.list .index li .img { margin: 0 0 12px 0; height: 180px; } #WpContents #product.list .index2 li .img { height: 290px; } #WpContents #product.list .index li .img-landscape, #WpContents #product.list .index2 li .img-landscape { height: auto; } #WpContents #product.list .index li .img img { width: 100%; } #WpContents #product.list .index li h2 { font-size: 16px; margin: 0 0 10px 0; line-height: 1.1; } #WpContents #product.list .index2 li h2 { font-size: 20px; } #WpContents #product.list .index li p.des { font-size: 12px; line-height: 16px; margin: 0 0 13px 0; } #WpContents #product.list .index2 li p.des { font-size: 14px; line-height: 22px; } #WpContents #product.list .index li .link { /*position: absolute;*/ /*left:0;*/ /*bottom:-40px;*/ width: 180px; } #WpContents #product.list .index2 li .link { width: 290px; bottom: -60px; } #WpContents #product.list .index li .link a { background: #333; display: block; color: #fff; text-align: center; font-size: 12px; padding: 14px 0; letter-spacing: 1px; line-height: 1; } #WpContents #product.list .index2 li .link a { padding: 20px 0; font-size: 17px; } #WpContents #product .relation { margin: 0 0 50px 0; } #WpContents #product .relation ul { width: 280px; margin: 0 auto; } #WpContents #product .relation li { margin: 0 0 30px 0; padding: 0; } #WpContents #product .relation li a { display: block; line-height: 1; color: #fff; background: #666; text-align: center; padding: 19px 0; font-size: 14px; } #WpContents #product h2.line2 { font-size: 15px; line-height: 20px; } #WpContents #product h2.line2 span { font-size: 13px; } #WpContents #product .imgttl:after { content: ""; display: block; clear: both; } #WpContents #product .imgttl img { float: left; margin: -1px 10px 0 15px; } #WpContents #product ul.circle { margin: 0 0 20px 0; padding: 0; } #WpContents #product ul.circle li { font-size: 13px; line-height: 18px; margin: 0 0 0 1.5em; padding: 0; text-indent: -1.5em; } #WpContents #product .waku-hakira { width: 650px; padding-top: 35px; } #WpContents #product .waku-hakira h2 { font-size: 26px; line-height: 35px; margin: 0 0 35px 0; } #WpContents #product .waku-hakira h3 { width: 648px; height: 59px; background-image: url(../img/baby/hakira-bg.png); -webkit-box-sizing: border-box; box-sizing: border-box; background-size: cover; font-size: 16px; padding: 13px 0 0 40px; margin: 0 0 5px -30px; color: #009ff0; font-family: UD新丸ゴ R, UD Shin Maru Go Medium; } #WpContents #product .waku-hakira p img { width: 100%; } #WpContents #product .waku-hakira p { text-align: left; font-size: 16px; line-height: 27px; margin-bottom: 40px; } #WpContents #product .link-btn-maru a { display: block; border-radius: 20px; text-align: center; width: 240px; height: 48px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 48px; font-size: 13px; color: #fff; margin: 0 auto 40px auto; } #WpContents #product .link-btn-maru a.wide { width: 100%; margin: 0 auto 20px auto; } #WpContents #product .link-btn-maru a.wide:last-of-type { margin: 0 auto 50px auto; } #WpContents #product .imgr:after { content: ""; clear: both; display: block; } #WpContents #product .info p.imgr { margin: 0 0 30px 20px; } #WpContents #product .info p.imgr.imgr-fit { margin-left: 0; } #WpContents #product .imgr img { float: right; width: 45%; margin: 0 0 10px 30px; } #WpContents #product .info p.indent-out { margin-left: 1.5em; text-indent: -1.5em; } #WpContents #product .info p.img-middle img { width: 448px; display: block; margin: auto; } #WpContents #product .waku-pepu p { text-align: left; } #WpContents #product .info .waku-pepu .imgr { line-height: 20px; margin-bottom: 0; } #WpContents #product .waku-pepu .imgr img { width: 205px; display: block; margin-top: 20px; } #WpContents #product .waku-pepu .imgr span { width: 285px; display: block; float: left; } #WpContents #product .info p.sheet { background: #f0fae7; border: solid 1px; padding: 20px; margin: 10px 10px 30px 10px; } #WpContents #product .info section.sheet { border: none; padding: 20px; } #WpContents #product .info section.sheet > *:last-child { margin-bottom: 0 !important; } #WpContents #product table.sheet { border-collapse: collapse; width: 100%; } #WpContents #product table.sheet td { padding: 20px; } #WpContents #product table.sheet td { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } #WpContents #product table.sheet td.liner { border-right: solid 10px #fff; } #WpContents #product table.danger { border-collapse: collapse; width: 100%; } #WpContents #product table.danger th, #WpContents #product table.danger td { vertical-align: middle; height: 100px; -webkit-box-shadow: inset hoff voff blur color; box-shadow: inset hoff voff blur color; padding: 30px; text-align: left; line-height: 1.5; } #WpContents #product table.danger th { background: #f00000; color: #fff; font-size: 18px; width: 174px; } #WpContents #product table.danger td { background: #fde5e5; color: #be64c8; font-size: 13px; } #WpContents #product table.alert { border-collapse: collapse; width: 100%; } #WpContents #product table.alert th, #WpContents #product table.alert td { vertical-align: middle; height: 100px; -webkit-box-shadow: inset hoff voff blur color; box-shadow: inset hoff voff blur color; padding: 30px; text-align: left; line-height: 1.5; border: solid 1px #6ecd14; } #WpContents #product table.alert th { background: #6ecd14; color: #fff; font-size: 18px; width: 220px; line-height: 1.3; } #WpContents #product table.alert td { background: #fff; font-size: 13px; } #WpContents #product table.alert td span { color: #6ecd14; } #WpContents #product .info table.data { width: 100%; border-collapse: collapse; } #WpContents #product .info .datatable p { margin-bottom: 10px; } #WpContents #product .info table.data th, #WpContents #product .info table.data td { border: solid 1px #fff; } #WpContents #product .info table.data.data-c6 td { width: 16.67%; } #WpContents #product .info table.data.data-c8 td { width: 12.5%; } #WpContents #product .info table.data th { font-family: UD新丸ゴ R, UD Shin Maru Go Medium; background: rgba(0, 159, 240, 0.8); font-size: 13px; color: #fff; text-align: center; padding: 11px 10px; letter-spacing: 1px; } #WpContents #product .info table.data td { font-size: 12px; font-family: UD新丸ゴ R, UD Shin Maru Go Medium; padding: 11px 10px; line-height: 1.2; background: rgba(0, 159, 240, 0.1); } #WpContents #product .info table.data td:nth-child(odd) { background: rgba(0, 159, 240, 0.3); } #WpContents #product.importance { width: 600px; } #WpContents #product.importance .header .info { font-size: 26px; padding-top: 10px; margin-bottom: 45px; } #WpContents #product .supervisor { border: solid 2px #ff7900; padding: 20px; margin-bottom: 40px; } #WpContents #product .supervisor h2 { font-size: 16px; line-height: 1.2; margin-bottom: 10px; color: #000 !important; letter-spacing: 2px; } #WpContents #product .supervisor h2 span { color: #ff7900; display: inline-block; margin-right: 10px; } #WpContents #product .supervisor p { font-size: 12px; line-height: 1.3; } #WpContents #product .point h2 { color: #ff7900; font-size: 20px; line-height: 1; margin-bottom: 30px; text-align: center; } #WpContents #product .point .nav { margin: 0 0 35px 0; width: 100%; } #WpContents #product .point .nav li { float: left; margin: 0; width: 25%; text-align: center; } #WpContents #product .point .nav:after { content: ""; display: block; clear: both; zoom: 1; } #WpContents #product .point .nav li img { width: 95%; } #WpContents #product .point-item { background: #f7f7f7; margin-bottom: 30px; } #WpContents #product .point-item h2 { color: #fff !important; font-size: 17px; line-height: 1; padding: 10px 0; text-align: center; margin-bottom: 8px; letter-spacing: 3px; vertical-align: bottom; } #WpContents #product .point-item h2 span.small { font-size: 9px; margin-right: 17px; } #WpContents #product .point-item h2 span.num { margin-right: 20px; } #WpContents #product .point-item .wrapper { padding: 20px 20px 20px 20px; } #WpContents #product .point-item .wrapper > *:last-child { margin-bottom: 0; } #WpContents #product .point-item h3 { font-size: 15px; line-height: 1.5; padding: 0 0 5px 0; border-bottom: solid 1px; margin: 0 0 12px 0; } #WpContents #product .point-item p { font-size: 13px; line-height: 1.6; margin: 0 0 20px 0; } #WpContents #product .point-item img { width: 87%; display: block; margin: auto; } #WpContents #product .point-item ul { margin: 0 0 10px 0; } #WpContents #product .point-item li { font-size: 13px; margin-left: 1em; text-indent: -1em; line-height: 1.6; } #WpContents #product .point-item p.strong { font-size: 15px; line-height: 1.5; } #WpContents #product #point1 h2 { background: #ff7900; } #WpContents #product #point1 h3 { color: #ff7900; border-color: #ff7900; } #WpContents #product #point2 h2 { background: #fa5a96; } #WpContents #product #point2 h3 { color: #fa5a96; border-color: #fa5a96; } #WpContents #product #point3 h2 { background: #c864c8; } #WpContents #product #point3 h3, #WpContents #product #point3 ul { color: #c864c8; border-color: #c864c8; } #WpContents #product #point4 h2 { background: #9664b4; } #WpContents #product #point4 h3, #WpContents #product #point4 p.strong { color: #9664b4; border-color: #9664b4; } #WpContents .blue #product table.sheet td, #WpContents .blue #product .info section.sheet { background: #e5f5fd; } #WpContents .green #product table.sheet td, #WpContents .green #product .info section.sheet { background: #f0fae7; } #WpContents .blue #itemNavCategory > label:hover, #WpContents .blue #side a:hover, #WpContents .blue #side li a.current, #WpContents .blue #product .info section strong, #WpContents #product .index li.blue h2, #WpContents .blue #product .info .header, #WpContents .blue #product h2, #WpContents .blue #product .items .item .ttl, #WpContents .blue #product .header .strong { color: #009ff0; } #WpContents .green #itemNavCategory > label:hover, #WpContents .green #side a:hover, #WpContents .green #side li a.current, #WpContents .green #product .info section strong, #WpContents #product .index li.green h2, #WpContents .green #product .info .header, #WpContents .green #product h2, #WpContents .green #product .items .item .ttl, #WpContents .green #product .header .strong { color: #6ecd14; } #WpContents .pink #itemNavCategory > label:hover, #WpContents .pink #side a:hover, #WpContents .pink #side li a.current, #WpContents .pink #product .info section strong, #WpContents #product .index li.pink h2, #WpContents .pink #product .info .header, #WpContents .pink #product h2, #WpContents .pink #product .items .item .ttl, #WpContents .pink #product .header .strong { color: #f03296; } #WpContents .orange #itemNavCategory > label:hover, #WpContents .orange #side a:hover, #WpContents .orange #side li a.current, #WpContents .orange #product .info section strong, #WpContents #product .index li.orange h2, #WpContents .orange #product .info .header, #WpContents .orange #product h2, #WpContents .orange #product .items .item .ttl, #WpContents .orange #product .header .strong { color: #ff7900; } #WpContents .purple #itemNavCategory > label:hover, #WpContents .purple #side a:hover, #WpContents .purple #side li a.current, #WpContents .purple #product .info section strong, #WpContents #product .index li.purple h2, #WpContents .purple #product .info .header, #WpContents .purple #product h2, #WpContents .purple #product .items .item .ttl, #WpContents .purple #product .header .strong { color: #be64c8; } #WpContents .salmonpink #itemNavCategory > label:hover, #WpContents .salmonpink #side a:hover, #WpContents .salmonpink #side li a.current, #WpContents .salmonpink #product .info section strong, #WpContents #product .index li.salmonpink h2, #WpContents .salmonpink #product .info .header, #WpContents .salmonpink #product h2, #WpContents .salmonpink #product .items .item .ttl, #WpContents .salmonpink #product .header .strong { color: #ee8484; } #WpContents .lightblue #itemNavCategory > label:hover, #WpContents .lightblue #side a:hover, #WpContents .lightblue #side li a.current, #WpContents .lightblue #product .info section strong, #WpContents #product .index li.lightblue h2, #WpContents .lightblue #product .info .header, #WpContents .lightblue #product h2, #WpContents .lightblue #product .items .item .ttl, #WpContents .lightblue #product .header .strong { color: #5bcdd9; } #WpContents .lightpink #itemNavCategory > label:hover, #WpContents .lightpink #side a:hover, #WpContents .lightpink #side li a.current, #WpContents .lightpink #product .info section strong, #WpContents #product .index li.lightpink h2, #WpContents .lightpink #product .info .header, #WpContents .lightpink #product h2, #WpContents .lightpink #product .items .item .ttl, #WpContents .lightpink #product .header .strong { color: #f16268; } #WpContents .blue #product.list .index ul.separate, #WpContents .blue #product .info .sheet, #WpContents .blue #product .data .tab li, #WpContents .blue #product .data .tabcontents li, #WpContents .blue #product .waku, #WpContents .blue #side .list { border-color: #009ff0; } #WpContents .blue #product .data .allergic .tab_content p { border-top: 1px solid #009ff0; } #WpContents .green #product.list .index ul.separate, #WpContents .green #product .info .sheet, #WpContents .green #product .data .tab li, #WpContents .green #product .data .tabcontents li, #WpContents .green #product .waku, #WpContents .green #side .list { border-color: #6ecd14; } #WpContents .green #product .data .allergic .tab_content p { border-top: 1px solid #6ecd14; } #WpContents .pink #product.list .index ul.separate, #WpContents .pink #product .info .sheet, #WpContents .pink #product .data .tab li, #WpContents .pink #product .data .tabcontents li, #WpContents .pink #product .waku, #WpContents .pink #side .list { border-color: #f03296; } #WpContents .pink #product .data .allergic .tab_content p { border-top: 1px solid #f03296; } #WpContents .orange #product.list .index ul.separate, #WpContents .orange #product .info .sheet, #WpContents .orange #product .data .tab li, #WpContents .orange #product .data .tabcontents li, #WpContents .orange #product .waku, #WpContents .orange #side .list { border-color: #ff7900; } #WpContents .orange #product .data .allergic .tab_content p { border-top: 1px solid #ff7900; } #WpContents .purple #product.list .index ul.separate, #WpContents .purple #product .info .sheet, #WpContents .purple #product .data .tab li, #WpContents .purple #product .data .tabcontents li, #WpContents .purple #product .waku, #WpContents .purple #side .list { border-color: #be64c8; } #WpContents .purple #product .data .allergic .tab_content p { border-top: 1px solid #be64c8; } #WpContents .salmonpink #product.list .index ul.separate, #WpContents .salmonpink #product .info .sheet, #WpContents .salmonpink #product .data .tab li, #WpContents .salmonpink #product .data .tabcontents li, #WpContents .salmonpink #product .waku, #WpContents .salmonpink #side .list { border-color: #ee8484; } #WpContents .salmonpink #product .data .allergic .tab_content p { border-top: 1px solid #ee8484; } #WpContents .lightblue #product.list .index ul.separate, #WpContents .lightblue #product .info .sheet, #WpContents .lightblue #product .data .tab li, #WpContents .lightblue #product .data .tabcontents li, #WpContents .lightblue #product .waku, #WpContents .lightblue #side .list { border-color: #5bcdd9; } #WpContents .lightblue #product .data .allergic .tab_content p { border-top: 1px solid #5bcdd9; } #WpContents .lightpink #product.list .index ul.separate, #WpContents .lightpink #product .info .sheet, #WpContents .lightpink #product .data .tab li, #WpContents .lightpink #product .data .tabcontents li, #WpContents .lightpink #product .waku, #WpContents .lightpink #side .list { border-color: #f16268; } #WpContents .lightpink #product .data .allergic .tab_content p { border-top: 1px solid #f16268; } #WpContents .blue #product .link-btn-maru a, #WpContents #product .relation li.blue a, #WpContents #product.list .index li.blue .link a, #WpContents .blue #product .data .tab li, #WpContents .blue #side h3 { background-color: #009ff0; } #WpContents .green #product .link-btn-maru a, #WpContents #product .relation li.green a, #WpContents #product.list .index li.green .link a, #WpContents .green #product .data .tab li, #WpContents .green #side h3 { background-color: #6ecd14; } #WpContents .green #product .link-btn-maru a, #WpContents #product .relation li.pink a, #WpContents #product.list .index li.pink .link a, #WpContents .pink #product .data .tab li, #WpContents .pink #side h3 { background-color: #f03296; } #WpContents .orange #product .link-btn-maru a, #WpContents #product .relation li.orange a, #WpContents #product.list .index li.orange .link a, #WpContents .orange #product .data .tab li, #WpContents .orange #side h3 { background-color: #ff7900; } #WpContents .purple #product .link-btn-maru a, #WpContents #product .relation li.purple a, #WpContents #product.list .index li.purple .link a, #WpContents .purple #product .data .tab li, #WpContents .purple #side h3 { background-color: #be64c8; } #WpContents .salmonpink #product .link-btn-maru a, #WpContents #product .relation li.salmonpink a, #WpContents #product.list .index li.salmonpink .link a, #WpContents .salmonpink #product .data .tab li, #WpContents .salmonpink #side h3 { background-color: #ee8484; } #WpContents .lightblue #product .link-btn-maru a, #WpContents #product .relation li.lightblue a, #WpContents #product.list .index li.lightblue .link a, #WpContents .lightblue #product .data .tab li, #WpContents .lightblue #side h3 { background-color: #5bcdd9; } #WpContents .lightpink #product .link-btn-maru a, #WpContents #product .relation li.lightpink a, #WpContents #product.list .index li.lightpink .link a, #WpContents .lightpink #product .data .tab li, #WpContents .lightpink #side h3 { background-color: #f16268; } #WpContents #baby.blue { background-image: url(/wp-content/uploads/2016/09/top_8.png); } #WpContents #baby.green { background-image: url(/wp-content/uploads/2016/09/top_10.png); } #WpContents #baby.pink { background-image: url(/wp-content/uploads/2016/09/top_11.png); } #WpContents #baby.orange { background-image: url(/wp-content/uploads/2016/09/top_9.png); } #WpContents #baby.purple { background-image: url(/wp-content/uploads/2016/10/top_12.png); } #WpContents #baby.salmonpink { background-image: url(/wp-content/themes/common_img/babymom/yousan_fe_aen/top.png); } #WpContents #baby.lightblue { background-image: url(/wp-content/themes/common_img/babymom/yousan_fe_ca/top.png); } #WpContents #baby.lightpink { background-image: url(/wp-content/themes/common_img/babymom/tsuwabee/top.png); } #WpContents sup { font-size: 0.6em !important; } #WpContents .label-medical { color: #ff0000; } #WpContents #product .point-item p.strong, #WpContents #product .point-item h3, #WpContents #product .point h2, #WpContents #product .supervisor h2, #WpContents #product .banner-wide h2, #WpContents #product .faq span, #WpContents #product .relation li a, #WpContents #product.list .index li .link, #WpContents #product.list .index li h2, #WpContents #product .data .tab li, #WpContents #product .info p strong, #WpContents #product h2, #WpContents #product .items .item .ttl, #WpContents #product .info, #WpContents #product .header .category, #WpContents #side { font-family: UD新丸ゴ M, UD Shin Maru Go Medium; } #WpContents #product .point-item li, #WpContents #product .info p, #WpContents #product .faq, #WpContents #product .info li, #WpContents #product ul.circle li, #WpContents #product h3.line2, #WpContents #product .header .copy, #WpContents #product.list .index li p.des, #WpContents #product .data .tabcontents li.meterials, #WpContents #product .waku p, #WpContents #product .header .des, #WpContents #product .header .ttl, #WpContents #product .header .subCategory { font-family: UD新丸ゴ R, UD Shin Maru Go Regular; } #WpContents .hiragino { font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; font-weight: bold; color: #000; font-size: 1.1em; } #WpContents .banner-small { text-align: center; } #WpContents br.sp-only { display: none; } #WpContents .banner-wide { width: 540px; margin: 65px auto 70px; border-top: solid 1px #ff7900; } #WpContents .banner-wide .ttl { text-align: center; margin: -10px auto 30px auto; } #WpContents .banner-wide h2 { background: #fff; font-size: 20px; display: inline-block; padding: 0 30px; } #WpContents .banner-wide img { width: 100%; } #WpContents .logo_wrap { text-align: center; } #WpContents .logo_wrap img { padding: 55px 0; width: 330px; } #WpContents .indentList li { margin-left: 1em; text-indent: -1em; margin-bottom: 5px; line-height: 1.6em; } #WpContents .swiper-container-horizontal > .swiper-pagination-bullets, #WpContents .swiper-pagination-custom, #WpContents .swiper-pagination-fraction { position: relative; padding-top: 35px; padding-bottom: 20px; width: 90px; margin: 0 auto; float: left; position: relative; /*left: 50vw;*/ } #WpContents .swiper-pagination-bullet { width: 12px; height: 12px; } #WpContents .swiper-pagination-bullet-active { background: #96dc00; } #WpContents .swiper_sub_wrap { width: 221px; margin: 0 auto; } #WpContents .swiper-pagination-bullet { margin: 0 9px; } #WpContents .swiper-pagination { position: relative; top: 28px; float: left; padding: 0 33px; } #WpContents .top_c_section_link { position: relative; } #WpContents .top_c_section_link h4 { cursor: pointer; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #WpContents .top_c_beanstalk_section h4 { background-color: rgba(0, 0, 0, 0.1); } #WpContents .top_c_section_link h4:hover { opacity: 0.6; } #WpContents .top_c_section_link h4 a { font-size: 14px; font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; color: white; display: inline-block; border: 2px solid white; padding: 6px; letter-spacing: 0.07em; } #WpContents .top_c_section_link > div { position: absolute; bottom: 0%; right: 0%; padding: 22px 18px; } #WpContents .top_c_familiy_section .top_c_section_link > div { top: 180px; } #WpContents .top_c_refre_section .top_c_section_link > div { top: 180px; } #WpContents .top_c_familiy_section .top_c_section_link > div h4 a { border: 2px solid #009a4d; color: #009a4d; } #WpContents .top_c_refre_series_section .top_c_section_link > div h4 a { position: relative; top: 250px; border: 2px solid #ff8232; color: #ff8232; } #WpContents .top_c_section_link h4:last-of-type { margin-top: 5px; } #WpContents .c_top_news_topics_wrap { width: 33.333%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #WpContents .c_top_news_topics_wrap > .top_news_wrap { width: 33%; font-size: 16px; letter-spacing: 0.1em; outline: none; background-color: #d7fa50; } #WpContents .c_top_news_topics_wrap h2 { font-family: "Quicksand", sans-serif; } #WpContents .c_top_news_topics_wrap > .top_topics_wrap { width: 33.33333%; font-size: 13px; } #WpContents .c_top_news_topics_wrap > div h2 { text-align: center; padding-bottom: 10px; font-size: 16px; } #WpContents .c_top_news_topics_wrap > div h2 a { color: #96d200; font-size: 16px; margin-bottom: 20px; } #WpContents .c_top_news_topics_wrap .top_post_list_wrap .date { padding-left: 56px; width: 50%; float: left; } #WpContents .c_top_news_topics_wrap .top_post_list_wrap { width: 80%; margin-top: 20px; text-align: center; margin: 0 auto; } #WpContents .c_top_news_topics_wrap .top_post_list_wrap .date::after { content: ""; clear: both; height: 0; display: block; visibility: hidden; } #WpContents .top_news_topics_wrap .top_news_topics_wrap h2 a { font-size: 16px; } #WpContents .top_news_topics_wrap > div h2 a { font-size: 15px; color: #96d200; } #WpContents .c_top_news_topics_wrap .top_link_pressrelease { text-align: center; margin-top: 19px; } #WpContents .c_top_news_topics_wrap > div li { font-size: 12px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; margin-bottom: 15px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; list-style: none; } @media screen and (min-width: 1100px) { #WpContents .top_post_list_wrap li { margin: 5px 0 !important; } #WpContents .top_link_pressrelease { margin-top: 10px !important; } } #WpContents .c_top_news_topics_wrap .top_post_list_wrap .post { width: 100%; } #WpContents .c_top_news_topics_wrap .top_post_list_wrap .post p { color: #000; font-size: 13px; } #WpContents .c_top_news_topics_wrap > div li { margin-top: 14px; } #WpContents .c_top_news_topics_wrap .top_news_wrap { -webkit-box-sizing: border-box; box-sizing: border-box; } #WpContents .c_top_news_topics_wrap .date { padding-top: 6px; position: relative; right: 18%; } #WpContents .c_top_news_topics_wrap .top_topics_wrap { /*padding: 30px;*/ height: auto; background-color: #96dc00; } #WpContents .c_top_news_topics_wrap .top_post_list_wrap .category { margin: 0 auto; } #WpContents .c_top_news_topics_wrap { overflow: hidden; position: relative; } #WpContents .c_top_news_topics_wrap .top_topics_wrap h2 { color: #fff; } #WpContents .c_top_news_topics_wrap .top_topics_wrap h2 + .decoration_title_border { border-bottom: 2px solid #96dc00; } #WpContents .c_top_news_topics_wrap .topic_contents { display: block; margin: 0 auto; width: 100%; margin-top: 25px; } #WpContents .c_top_news_topics_wrap > div { width: 100%; } #WpContents .c_top_news_topics_wrap #to_top_news { padding-top: 74.97%; display: block; content: ""; position: relative; } #WpContents .c_top_news_topics_wrap .top_topics_wrap { padding-top: 74.97%; display: block; position: relative; } #WpContents .top_news_contents { position: absolute; top: -140px; left: 0; right: 0; bottom: 0; width: 100%; height: 50%; margin: auto; } #WpContents .topics_decoration_border { border-bottom: 2px solid #fff; width: 39px; display: block; margin: 0 auto; } #WpContents .news_decoration_border { border-bottom: 2px solid #96d200; width: 39px; display: block; margin: 0 auto; } #WpContents .top_topics_contents { position: absolute; top: -46px; left: 0; right: 0; bottom: 0; width: 100%; height: 50%; margin: auto; } #WpContents .slider_contents_wrap .swiper-container { width: 66.66666%; height: auto; float: left; } #WpContents .slider_contents_wrap .swiper-container img { width: 100%; height: auto; } #WpContents .slider_contents_wrap .topic_content_l { width: 40%; text-align: center; margin: 0 auto; margin-top: 20px; } #WpContents .slider_contents_wrap .topic_contents h3 { color: #fff; margin-top: 10px; text-align: center; } #WpContents .slider_contents_wrap .top_post_list_wrap .category { float: left; width: 45%; text-align: center; padding: 7px 0 6px; font-family: FP-ヒラギノUD角ゴ StdN W6, FP-HiraginoUDSansStdN-W6; letter-spacing: 0.2em; font-size: 9px; } #WpContents .c_top_news_topics_wrap .slider_contents_wrap .top_post_list_wrap .category { margin: 0 auto; } #WpContents .c_top_news_topics_wrap .top_post_list_wrap .date { padding-top: 6px; } #WpContents .slider_contents_wrap .slider_img { width: 100%; height: 100%; padding-top: 0; } #WpContents .slider_contents_wrap .swiper-pagination { position: absolute; top: auto; padding: 0 3px 0 48px; bottom: 4.5%; } #WpContents .slider_contents_wrap .swiper_sub_wrap { width: 215px; margin: 0 0 0 auto; } #WpContents .slider_contents_wrap .swiper-pagination-bullet { width: 11px; height: 11px; } #WpContents .c_top_news_topics_wrap .topic_contents img { width: 50%; height: auto; margin: 0 auto; border: 9px solid white; } #WpContents .bxslider li { /*padding: 0px 1%;*/ } #WpContents .bx-wrapper { -webkit-box-shadow: none; box-shadow: none; margin: 0 auto; } #WpContents .bx-wrapper .bx-controls-direction a { right: -5%; width: 11px; height: 24px; } #WpContents .bx-wrapper .bx-next { background: url(../img/slider_after.png) no-repeat; background-size: 11px 24px; } #WpContents .bx-wrapper .bx-prev { background: url(../img/slider_before.png) no-repeat; background-size: 11px 24px; left: 2%; } #WpContents .bx-wrapper .bx-loading { display: none; } #WpContents .bx-wrapper .bx-pager { display: none; } #WpContents .bx-wrapper .bx-controls-direction a { margin-top: 0; } #WpContents .bx-wrapper .bx-next:hover, #WpContents .bx-wrapper .bx-next:focus { background-position: 0 0; } #WpContents .img_global_nav.c { margin-top: 0; min-width: 1100px; position: relative; top: -3px; z-index: 100; } #WpContents ul.bxslider li { height: 158px; position: relative; display: block; } #WpContents .slider_contents_wrap { overflow: hidden; } #WpContents .c_top_news_topics_wrap .topics_slider { margin-top: 25px; } #WpContents .swiper-slide { text-align: center; width: 100%; height: auto; overflow: hidden; } #WpContents .slider_contents_wrap .swiper-container.swiper2 { width: 100%; height: auto; position: relative; } #WpContents .swiper-button-prev, #WpContents .swiper-container-rtl .swiper-button-next { left: 6%; opacity: 0.2; } #WpContents .swiper-button-next, #WpContents .swiper-button-prev { width: 37px; height: 26px; margin-top: -31px; opacity: 1; } #WpContents .swiper-button-next { background-image: url("../img/arrow_next.png"); background-size: 40%; } #WpContents .swiper-button-prev { background-image: url("../img/arrow_before.png"); background-size: 40%; } #WpContents .swiper-button-next { right: 6%; opacity: 1; } #WpContents .baby_page_logo { width: 100%; text-align: right; padding-bottom: 13px; margin-right: 9px; } #WpContents .baby_page_logo img { width: 210px; height: auto; cursor: pointer; } #WpContents .product_contents_wrap { overflow: hidden; /*width: 520px;*/ width: 600px; margin: 73px auto 0; } #WpContents .product_contents_wrap img { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } #WpContents .product_contents_wrap img:hover { opacity: 0.7; } #WpContents .product_contents { text-align: center; } #WpContents .product_contents .product_content_baby, #WpContents .product_contents .product_content_mom, #WpContents .product_contents .product_content_family { text-align: center; } #WpContents .product_contents .product_content_baby, #WpContents .product_contents .product_content_mom { display: inline-block; width: auto; margin: 0 10px; vertical-align: top; } #WpContents .product_contents .product_content_baby { /*float: left;*/ } #WpContents .product_contents .product_content_mom { /*float: right;*/ } #WpContents .product_content_family { width: 100%; margin: -8px auto 0; text-align: center; } #WpContents .product_content_familya a:last-of-type { margin-right: 20px; } #WpContents .product_content_baby h4, #WpContents .product_content_mom h4, #WpContents .product_content_family h4 { font-size: 16px; padding-bottom: 15px; text-align: center; border-bottom: 2px solid #ccc; font-family: UD新丸ゴ R, UD Shin Maru Go Regular; margin-bottom: 11px; } #WpContents .product_content_family h4 { margin-bottom: 26px; } #WpContents .product_contents { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; } #WpContents .product_contents_wrap .product_content_baby h4 { width: 100%; color: #e0119d; border-bottom: 2px solid #e0119d; margin: 0 auto 20px; } #WpContents .product_contents_wrap .product_content_mom h4 { width: 100%; color: #ff8232; border-bottom: 2px solid #ff8232; margin: 0 auto 18px; } #WpContents .product_contents_wrap .product_content_family h4 { color: #00d1e5; border-bottom: 2px solid #00d1e5; width: 100%; margin: 0 auto 28px; } #WpContents .product_content_family a { margin-left: 45px; } #WpContents .product_content_family a:first-of-type { margin-left: 0px; } #WpContents .product_content_baby img { width: 300px; height: auto; } #WpContents .product_content_mom img { width: 290px; height: auto; } #WpContents .product_content_family img { /* width: 37%;*/ width: auto; height: 260px; } #WpContents .button_wrap button { cursor: pointer; outline: none; font-size: 13px; color: white; border: 0px; background-color: #806432; padding: 8px 15px 9px 15px; letter-spacing: 0.15em; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; -webkit-transition: all 0.3s; transition: all 0.3s; } #WpContents .button_wrap button:hover { opacity: 0.7; } #WpContents .product_contents_wrap .button_wrap { text-align: center; letter-spacing: 1em; margin-top: 48px; } #WpContents .top_panel_sukoyaka_section { background: url(../img/c_top_sukoyaka.png) no-repeat center center; background-size: 109%; } #WpContents .main_wrap { min-width: 1100px; margin: 0 auto; } #WpContents .news_top_wrap { overflow: hidden; width: 100%; margin: 0 auto; } #WpContents .cross_window { width: 100%; -webkit-animation: cross_window 55s linear 0s infinite normal; animation: cross_window 55s linear 0s infinite normal; } #WpContents .sway { -webkit-animation: sway 3.5s ease 0s infinite alternate; animation: sway 3.5s ease 0s infinite alternate; } #WpContents .sp_only { display: none; } #WpContents .img_global_nav > div.company_b_4_section { display: none; } @-webkit-keyframes cross_window { 0% { -webkit-transform: translate(25%, 0); transform: translate(25%, 0); } 50% { -webkit-transform: translate(-60%, 40%); transform: translate(-60%, 40%); } 100% { -webkit-transform: translate(-140%, 0); transform: translate(-140%, 0); } } @keyframes cross_window { 0% { -webkit-transform: translate(25%, 0); transform: translate(25%, 0); } 50% { -webkit-transform: translate(-60%, 40%); transform: translate(-60%, 40%); } 100% { -webkit-transform: translate(-140%, 0); transform: translate(-140%, 0); } } @-webkit-keyframes sway { 0% { -webkit-transform: translateY(-2%); transform: translateY(-2%); } 100% { -webkit-transform: translateY(8%); transform: translateY(8%); } } @keyframes sway { 0% { -webkit-transform: translateY(-2%); transform: translateY(-2%); } 100% { -webkit-transform: translateY(8%); transform: translateY(8%); } } #WpContents .entry-content strong { font-weight: bold; } @media screen and (min-width: 1400px) { #WpContents .top_news_contents { top: -100px; } #WpContents .c_top_news_topics_wrap .top_post_list_wrap .date { padding-left: 60px; } } #WpContents .list_contents_wrap .format-standard h1 { font-size: 2.5em; color: #4d4d4d; } #WpContents .list_contents_wrap .format-standard h2 { font-size: 2.2em; text-align: left; color: #4d4d4d; } #WpContents .list_contents_wrap .format-standard h3 { margin: 0; font-size: 1.9em; text-align: left; color: #4d4d4d; } #WpContents .list_contents_wrap .format-standard h4 { font-size: 1.6em; text-align: left; color: #4d4d4d; } #WpContents .list_contents_wrap .format-standard h5 { font-size: 1.3em; text-align: left; color: #4d4d4d; } #WpContents .top_post_list_wrap img[alt="pdf"] { width: 23px; vertical-align: bottom; margin-right: 5px; } #WpContents .c_top_news_topics_wrap > div li > a { display: block; width: 68%; margin: 0 auto; } #WpContents .c_top_news_topics_wrap > div li + a { display: block; width: 68%; margin: 0 auto; } #WpContents .footer_nolink_head { font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; font-size: 13px; } #WpContents #column .section { margin-bottom: 40px; } #WpContents #column .section h2 { background: #009b66 none repeat scroll 0 0; display: block; line-height: 0; margin-bottom: 40px; padding: 10px; text-align: left; } #WpContents #column .section h3 { border-bottom: 2px solid #009b66; color: #009b66; font-family: "メイリオ"; font-size: 150%; font-weight: bold; margin-bottom: 30px; padding-bottom: 0.5em; } #WpContents #column .section h4 { border-left: 6px solid #009b66; color: #009b66; font-family: "メイリオ"; font-weight: bold; font-size: 123.1%; margin-bottom: 15px; padding-left: 15px; } #WpContents #column .section p { margin-bottom: 1em; } #WpContents #column .relevance .midashi { border-bottom: 1px solid #009b66; color: #009b66; font-family: "メイリオ"; font-size: 123.1%; font-weight: bold; margin-bottom: 30px; padding-bottom: 0.5em; text-align: center; } #WpContents #column .relevance ul { text-align: center; } #WpContents #column .relevance ul li { display: inline; margin: 0 10px; } #WpContents #column .floatR { float: right; } #WpContents #column .p20 { padding: 20px !important; } #WpContents #column .small { font-size: 75%; font-weight: normal; line-height: 1.5; } #WpContents #column ul { list-style: outside none none; } #WpContents #column ul.standard li { background: rgba(0, 0, 0, 0) url("http://www.otsuka.co.jp/bst/shared/images/ico_circle.gif") no-repeat scroll left 3px; margin-bottom: 1em; padding-left: 20px; line-height: 1.3em; } #WpContents #column .indent li { margin-bottom: 0.5em; } #WpContents #column .indent { color: #606d75; display: inline-block; font-size: 85%; line-height: 1.5; padding-left: 1em; text-indent: -1em; } #WpContents #column .lastChild { margin-bottom: 30px !important; } #WpContents #column .supplement.supplement2 { background: #f0fae7 none repeat scroll 0 0; } #WpContents #column .supplement { background: #d5f6eb none repeat scroll 0 0; margin-bottom: 40px; padding: 20px 30px; } #WpContents #column table { border-collapse: collapse; border-spacing: 0; empty-cells: show; line-height: 1.5; margin-bottom: 40px; width: 100%; font-family: 秀英丸ゴシック L, DNPShueiMGoStd-L; } #WpContents #column table th { background: #d5f6eb none repeat scroll 0 0; border-bottom: 1px solid #fff; border-right: 1px solid #fff; color: #009b66; font-weight: normal; padding: 10px; position: relative; text-align: left; vertical-align: middle; } #WpContents #column table td { background: #fafafa none repeat scroll 0 0; border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding: 10px; table-layout: fixed; vertical-align: top; } #WpContents #baby.probiotics_m1 .header .ttl img { -webkit-transform: scale(1, 1); transform: scale(1, 1); } #WpContents #baby.probiotics_m1 .items .item .img { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 600px; height: 400px; margin-bottom: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #ccc; } #WpContents #baby.probiotics_m1 .items .item .img img { width: auto; height: auto; } #WpContents #baby.probiotics_m1 .items .item .img a { position: absolute; bottom: 0; right: 0; } #WpContents #baby.probiotics_m1 .info section { margin-bottom: 40px; } #WpContents #baby.probiotics_m1 .info li { margin-left: 0.25em; text-indent: -1.25em; } #WpContents #baby.probiotics_m1 .info li::before { content: "● "; } #WpContents #baby.probiotics_m1 .info .strong, #WpContents #baby.probiotics_m1 .info .caution { color: #e4007f; } #WpContents #baby.probiotics_m1 .info .caution { padding-top: 0; margin-bottom: 10px; text-align: left; } #WpContents #baby.probiotics_m1 .info .caution::before { content: url(../../common_img/babymom/probiotics_m1/icon_caution.png); position: relative; top: 3px; float: left; margin-right: 10px; } #WpContents .contact_wrap .tel_info img { position: relative; top: 10px; margin-right: 10px; } #WpContents .toContactFormWrap { margin-top: 20px; padding-top: 20px; border-top: 2px solid #4c4c4c; } #WpContents .btn_contactForm { position: relative; } #WpContents .btn_contactForm:hover { top: 2px; left: 2px; } #WpContents .contact_form dd { margin-bottom: 30px; } #WpContents .contact_form .req { display: inline-block; margin-left: 10px; font-size: 13px; } #WpContents .contact_form .wrap p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #WpContents .contact_form .wrap label { display: -webkit-box; display: -ms-flexbox; display: flex; width: 48%; } #WpContents .contact_form .wrap label .ttl { width: 70px; } #WpContents .contact_form input[type="text"], #WpContents .contact_form textarea { width: 100%; } #WpContents .contact_form + .btn_wrap input[type="submit"] { display: block; margin: auto; width: 120px; padding: 10px; background: #008b4d; color: #fff; border: none; font-family: 秀英丸ゴシック L, DNPShueiMGoStd-L; font-size: 20px; } #WpContents .contact_form .wpcf7-radio > span { display: block; } #WpContents .contact_form_message { display: none; font-weight: bold; } #WpContents .contact_form_message .emp { font-size: 13px; color: red; } #WpContents .local_navi .opn { color: #ff7c81 !important; } #WpContents .panel_osteopontin { background: #ff7c81; } #WpContents #osteopontin .page_milk { margin-top: 40px; } #WpContents #osteopontin .subtitle { display: inline-block; margin: 20px auto 0; padding: 0 15px; font-size: 18px; color: #ff7c81; border: 2px solid #ff7c81; border-radius: 40px; font-weight: bold; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents #osteopontin .cap { margin-bottom: 5px; font-size: 14px; font-weight: bold; color: #009a4d; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents #osteopontin .ref { margin-top: 10px; font-size: 12px; } #WpContents #osteopontin .page_milk > section { margin-bottom: 50px; counter-reset: detail; } #WpContents #osteopontin .detail { counter-increment: detail; margin: 30px 0; } #WpContents #osteopontin .detail h4 { margin-bottom: 10px; text-align: center; } #WpContents #osteopontin .detail h4 span { position: relative; font-size: 17px; font-weight: bold; color: #009a4d; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents #osteopontin .detail h4 span::before { content: counter(detail); display: inline-block; margin-right: 5px; padding: 3px 5px; border: 1px solid #96dc00; color: #009a4d; } #WpContents #osteopontin section:last-of-type { margin-bottom: 0px; } #WpContents #osteopontin section p { text-align: left; } #WpContents #osteopontin section img { width: 100%; } #WpContents #osteopontin .emp_box { margin: 20px 0; padding: 15px 50px; background: #e9f5cb; } #WpContents #osteopontin .emp_box li { margin-bottom: 15px; list-style: disc; font-weight: bold; color: #009a4d; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; text-align: left; } #WpContents #osteopontin .emp_box li:last-of-type { margin-bottom: 0; } #WpContents #osteopontin .box_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #WpContents #osteopontin .box_wrap .img_box { width: 32%; } #WpContents #osteopontin .ref_num { font-size: 0.2rem; } #WpContents #osteopontin .bibliography h3 { margin-bottom: 20px; padding-bottom: 5px; font-size: 15px; text-align: left; border-bottom: 1px solid #4d4d4d; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; font-weight: bold; } #WpContents #osteopontin .bibliography li { position: relative; padding-left: 30px; margin-bottom: 20px; text-align: left; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents #osteopontin .bibliography li .num { position: absolute; top: 0; left: 0; } #WpContents #osteopontin .bibliography li .num::after { content: "."; display: inline-block; margin-right: 5px; } #WpContents #osteopontin .title_opn { margin: 20px auto 0; color: #ff7c81; font-size: 17px; font-weight: bold; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; } #WpContents .ingredients_circle_img { margin-bottom: 30px; } #WpContents .productsHistory .product p { font-size: 12px; } #WpContents section p small, #WpContents section li small { font-size: 70%; } #WpContents .header_util_wrap { position: relative; } #WpContents .lang { position: absolute; top: 10px; right: 10px; width: auto; } #WpContents .lang ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 260px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #WpContents .lang li { width: 5rem; margin-left: 5px; margin-bottom: 5px; } #WpContents .lang li a { display: block; width: 100%; height: 100%; padding: 5px 0px; border: 1px solid #009a53; color: #009a53; border-radius: 4px; font-family: "Noto Sans JP"; font-size: 12px; letter-spacing: 0; text-align: center; } #WpContents .baby_page_logo + .lang { top: 60px; } #WpContents body.body_baby .baby_page_logo { display: block; } #WpContents body.body_baby .header_util_wrap { padding-top: 5px; } #WpContents .socialmedia-policy h3 { margin: 50px 0; padding: 10px; background: #95d100; color: #fff; } #WpContents .socialmedia-policy h4 { margin-bottom: 10px; } #WpContents .socialmedia-policy p { margin: 10px 0; } #WpContents .socialmedia-policy .textLink { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #WpContents .socialmedia-policy .textLink::before { content: "▶"; margin-right: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 16px; height: 16px; font-size: 8px; font-family: FP-ヒラギノUD角ゴ StdN W4, FP-HiraginoUDSansStdN-W4; color: #fff; background: #95d100; border-radius: 50px; } #WpContents .socialmedia-policy ul { margin-left: 1rem; } #WpContents .socialmedia-policy li { list-style: disc; } #WpContents .socialmedia-policy .sns_links { margin: 50px 0; text-align: center; } #WpContents .socialmedia-policy .sns_links a { display: inline-block; margin: 10px; } #WpContents .forfamily_product_list { max-width: 540px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #WpContents .forfamily_product { width: 44%; } #WpContents .forfamily_product h5 { font-size: 18px; color: #00d1e5; line-height: 1.4em; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; text-align: left; margin: 12px 0; letter-spacing: 0; } #WpContents .forfamily_product h5 em { font-size: 14px; } #WpContents .forfamily_product_list button { font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; color: #fff; width: 100%; padding: 20px; background-color: #00d1e5; border: none; margin: 12px 0 50px 0; letter-spacing: 0.3em; cursor: pointer; font-size: 14px; } #WpContents .forfamily_top_menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; min-width: 1000px; } #WpContents .forfamily_top_menu li { position: relative; width: 33.33%; height: auto; text-align: center; background: #fff; color: #00d1e5; } #WpContents .forfamily_top_menu li:nth-child(odd) { background: #00d1e5; color: #fff; } #WpContents .forfamily_top_menu a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 250px; color: #00d1e5; overflow: hidden; } #WpContents .forfamily_top_menu li:nth-child(odd) a { color: #fff; } #WpContents .forfamily_top_menu a::before { /* content: ""; display: block; padding-top: 80%; */ } #WpContents .forfamily_top_menu .tn { position: absolute; z-index: 0; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; -webkit-transition: 0.5s; transition: 0.5s; } #WpContents .forfamily_top_menu .tn img { width: auto; height: 100%; } #WpContents .forfamily_top_menu .ttl { position: relative; z-index: 1; min-width: 50%; -webkit-transition: 0.5s; transition: 0.5s; } #WpContents .forfamily_top_menu .ttl img { -webkit-transition: 0.5s; transition: 0.5s; } #WpContents .forfamily_top_menu .ttl span { position: relative; display: inline-block; width: 100%; padding: 20px 10px; text-align: center; font-family: 秀英丸ゴシック B, DNPShueiMGoStd-B; font-size: 19px; line-height: 25px; -webkit-transition: 0.5s; transition: 0.5s; } #WpContents .forfamily_top_menu .ttl span::before, #WpContents .forfamily_top_menu .ttl span::after { content: ""; position: absolute; left: 50%; width: 100%; max-width: 80%; margin-left: -40%; height: 2px; background: #00d1e5; -webkit-transition: 0.5s; transition: 0.5s; } #WpContents .forfamily_top_menu .ttl span::before { top: 0; } #WpContents .forfamily_top_menu .ttl span::after { bottom: 0; } #WpContents .forfamily_top_menu li:nth-child(odd) .ttl span::before, #WpContents .forfamily_top_menu li:nth-child(odd) .ttl span::after { background: #fff; } #WpContents .forfamily_top_menu .img .tn { opacity: 1; } #WpContents .forfamily_top_menu .img .ttl { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; left: 0; top: 30px; width: 100%; height: 100%; opacity: 0; text-align: center; } #WpContents .forfamily_top_menu .ttl.img img { width: auto; height: 100%; } #WpContents .forfamily_top_menu li.img .tn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #WpContents .forfamily_top_menu li.img .tn img { width: auto; height: 100%; } #WpContents .forfamily_top_menu li.img .ttl img { width: auto; height: 100%; } #WpContents .forfamily_top_menu a:hover .tn { opacity: 1; } #WpContents .forfamily_top_menu a:hover .ttl.img { padding-top: 180px; } #WpContents .forfamily_top_menu a:hover .ttl span { padding-top: 200px; } #WpContents .forfamily_top_menu a:hover .ttl span::before, #WpContents .forfamily_top_menu a:hover .ttl span::after { opacity: 0; } #WpContents .forfamily_top_menu li.img a:hover .tn { opacity: 0; } #WpContents .forfamily_top_menu li.img a:hover .ttl { top: 0; padding: 0; opacity: 1; } #WpContents .forfamily_top_menu .hover_hidden:hover { opacity: 0; } #WpContents .forfamily_top_menu .hover_white:hover { background: #fff; } #WpContents .forfamily_top_menu .hover_bigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 80%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } #WpContents .forfamily_top_menu .hover_bigger:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } #WpContents .forfamily_bnr { margin: 50px auto; text-align: center; } #WpContents .forfamily_bnr a img { max-width: 400px; } #WpContents .footer_sns_links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 10px 0; margin-bottom: 30px; border-top: 1px solid #96d200; border-bottom: 1px solid #96d200; } #WpContents .footer_research .footer_sns_links { border-top: 1px solid #009a4d; border-bottom: 1px solid #009a4d; } #WpContents .footer_baby .footer_sns_links { border-top: 1px solid #009953; border-bottom: 1px solid #009953; } #WpContents .footer_mouth .footer_sns_links { border-top: 1px solid #ff8232; border-bottom: 1px solid #ff8232; } #WpContents .footer_senior .footer_sns_links { border-top: 1px solid #00d1e5; border-bottom: 1px solid #00d1e5; } #WpContents .footer_sns_links p { margin: 0 10px 0 0; } #WpContents .footer_sns_links ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #WpContents .footer_sns_links li { width: 40px; margin-right: 10px; } #WpContents .footer_sns_links a { display: block; width: 100%; height: auto; } #WpContents .footer_sns_links a:hover { opacity: 0.6; } #WpContents .footer_sns_links a img { width: 100%; } #WpContents #modalOptout { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #WpContents #modalOptout .box { padding: 30px; max-width: 700px; width: 90%; height: auto; background: #fff; border-radius: 20px; color: #008b4d; text-align: left; } #WpContents #modalOptout .ttl { margin-bottom: 20px; font-size: 20px; text-align: center; } #WpContents #modalOptout .confirmation { margin: 20px 0; text-align: center; } #WpContents #modalOptout .btn_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #WpContents #modalOptout button { display: inline-block; margin: 0 10px; width: 120px; padding: 10px; border: 1px solid #008b4d; border-radius: 100px; text-align: center; background: #fff; } #WpContents .optout_list { border-top: 1px dotted #ccc; } #WpContents .optout_list li { position: absolute; padding: 10px; border-bottom: 1px dotted #ccc; text-align: left; } #WpContents .optout_list li::before { content: "●"; color: #008b4d; } /*# sourceMappingURL=common.css.map */