ぬるまゆかい-岡山社会人サークルぬるまゆかい-岡山社会人サークル | ぬるまゆ好きが集まる岡山の社会人コミュニティ

.async-hide{opacity:0!important}img:is([sizes="auto" i], [sizes^="auto," i]) {contain-intrinsic-size:3000px 1500px}img.wp-smiley,img.emoji{display:inline!important;border:none!important;box-shadow:none!important;height:1em!important;width:1em!important;margin:0 .07em!important;vertical-align:-.1em!important;background:none!important;padding:0!important}.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgba(6,147,227,1) 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgba(255,105,0,1) 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0 rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0 -3px rgba(255,255,255,1) , 6px 6px rgba(0,0,0,1);--wp--preset--shadow--crisp:6px 6px 0 rgba(0,0,0,1)}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex > :is(*, div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid > :is(*, div){margin:0}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}.has-black-color{color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-color{color:var(--wp--preset--color--white)!important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple)!important}.has-black-background-color{background-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-background-color{background-color:var(--wp--preset--color--white)!important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple)!important}.has-black-border-color{border-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-border-color{border-color:var(--wp--preset--color--white)!important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple)!important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple)!important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan)!important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange)!important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red)!important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray)!important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum)!important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple)!important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux)!important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk)!important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean)!important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass)!important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight)!important}.has-small-font-size{font-size:var(--wp--preset--font-size--small)!important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium)!important}.has-large-font-size{font-size:var(--wp--preset--font-size--large)!important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large)!important}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:root :where(.wp-block-pullquote){font-size:1.5em;line-height:1.6}img[data-dominant-color]:not(.has-transparency) {background-color:var(--dominant-color)}div#toc_container{width:80%}div#toc_container ul li{font-size:90%}@-webkit-keyframes bgslide{from{background-position-x:0}to{background-position-x:-200%}}@keyframes bgslide{from{background-position-x:0}to{background-position-x:-200%}}.wpp-widget-block-placeholder,.wpp-shortcode-placeholder{margin:0 auto;width:60px;height:3px;background:#dd3737;background:linear-gradient(90deg,#dd3737 0%,#571313 10%,#dd3737 100%);background-size:200% auto;border-radius:3px;-webkit-animation:bgslide 1s infinite linear;animation:bgslide 1s infinite linear}.sbi_item{display:inline-block!important;vertical-align:top;width:30%;margin:1%!important;box-sizing:border-box}.sbi_photo{width:100%!important;height:auto!important;object-fit:cover}/* 見出し */ h3 { margin: 15px 0; } body.single-sweets h3.wp-block-heading, body.post-type-archive-sweets h3{ color: #000;/*文字色（黒）*/ font-size: 16px;/*文字サイズ*/ display: block; position: relative; padding: 10px 35px;/*文字回りの余白（上下左右）*/ border-left: none; } body.single-sweets h3.wp-block-heading:before, body.post-type-archive-sweets h3:before{ font-family: FontAwesome; font-weight: 900;/*チェックマークの太さ*/ font-size: 30px;/*チェックマーク部のサイズ*/ color: #000;/*チェックマーク部の色（黒）*/ left: 0; top: 0; content:"\f14a"; position: absolute; } body.post-type-archive-sweets div.fukid{ position: relative; padding: 0.6em; background: #FED43C; font-size: 16px; font-weight: 900; } body.post-type-archive-sweets div.fukid:after { position: absolute; content: ''; top: 100%; left: 30px; border: 15px solid transparent; border-top: 15px solid #FED43C; width: 0; height: 0; } div.sweetstop{ padding: 10px; font-weight: bold; float: left; background: #d57f36; margin-top: 30px; } div.sweetstop a{ color: #ffffff; } body.single-sweets a.uline{ text-decoration: underline; } /*アイキャッチ画像下の予約調整*/ .wp-block-image{ margin-bottom: 20px; } /*リスト */ #content ul{ font-size: 125%; line-height: 180%; } /* 画像hover */ a img { transition: 0.4s ; } a img:hover{ opacity: 0.7 ; } div.single-post ul li{ /*font-size: 125%;*/ line-height: 2em; } /*embedはみ出し防止 */ iframe{ max-width: 100%; } /* Enter Your Custom CSS Here */ #calendar_wrap tr td a{ font-size: 120%; font-weight: bold; } ul.lcp_catlist li{ margin-bottom: 1em; } /* エントリーボタン */ .regist_txt{ text-align: center; text-decoration: underline; } .su-button{ margin: 10px 0 50px 0 !important; } .su-button span{ font-size: 18px !important; line-height: 38px !important; } .su-button span i.fa{ font-size: 18px !important; } @media screen and (max-width: 768px) { body.single-post .su-button span { padding-top: 20px !important; padding-bottom: 20px !important; line-height: 1.2 !important; } } /* 申込ボタンON*/ /*------------------------------------------ // User style start // change ----------------------------------------- */ .general-button { border-radius: 9px; background-color: #ff6363; } .general-button:before { border-radius: 9px; border-bottom: 0px solid rgba(255,78,78, 0); background-color: rgba(255,78,78, 0); } .button-content { border-radius: 0px 0px 9px 9px; padding: 13px 15.5px; box-shadow: 0px 0px 0px 0px rgba(255,78,78, 0); color: #f8f8f8; text-align: center; } .button-text { padding: 0px 15.5px; line-height: 1.8em; font-size: 21px; } .icon-font { padding: 0px 15.5px; font-size: 38px; } /*----------------- at hover -----------------*/ .general-button:hover { top: -3px; transition: all 39ms; -moz-transition: all 39ms; -webkit-transition: all 39ms; -o-transition: all 39ms; background-color: #ff7272; } .general-button:hover:before { border-bottom: 3px solid rgba(255,78,78, 0); transition: all 39ms; -moz-transition: all 39ms; -webkit-transition: all 39ms; -o-transition: all 39ms; } .general-button:hover .button-content { box-shadow: 0px 3px 0px 0px rgba(255,78,78, 1); transition: all 39ms; -moz-transition: all 39ms; -webkit-transition: all 39ms; -o-transition: all 39ms; } /*----------------- at active -----------------*/ .general-button:active { background-color: #ff4949; box-shadow: 0px 1.6px 0px 0px rgba(254,53,53, 1) inset; } .general-button:active:before { top: -3px; padding-bottom: 3px; border-bottom: 0px solid rgba(255,78,78, 0); } .general-button:active .button-content { box-shadow: 0px 0px 0px 0px rgba(255,78,78, 0); } /*------------------------------------------ // User style end ----------------------------------------- */ /*------------------------------------------ // Core style start // not change ----------------------------------------- */ .general-button { display: -moz-inline-box; /*display: inline-block;*/ display: block; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;transition: all 0ms; -moz-transition: all 0ms; -webkit-transition: all 0ms; -o-transition: all 0ms;position: relative; top: 0px; cursor: pointer; text-decoration: none; line-height: 1; } /*------------------------------------------ // Core style end ----------------------------------------- */ .entry-content div.general-button a{ color: #fff; } /* 申込ボタンOFF*/ /*------------------------------------------ // User style start // change ----------------------------------------- */ .general-buttonB { border-radius: 9px; background-color: #7d7d7d; } .general-buttonB:before { border-radius: 9px; border-bottom: 0px solid rgba(255,78,78, 0); background-color: rgba(255,78,78, 0); } /*------------------------------------------ // User style end ----------------------------------------- */ /*------------------------------------------ // Core style start // not change ----------------------------------------- */ .general-buttonB { display: -moz-inline-box; /*display: inline-block;*/ display: block; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;transition: all 0ms; -moz-transition: all 0ms; -webkit-transition: all 0ms; -o-transition: all 0ms;position: relative; top: 0px; text-decoration: none; line-height: 1; } /* サイドエリア */ #sidebar .wpp-list-with-thumbnails a img{width:75px;} @media only screen and (max-width: 767px) { .related-posts .wp-post-image{ width: 100%; height: 100%; } .related-posts ul{margin: 0;} .related-posts ul li{width: 100%;} } /* 記事ページ下エリア */ h2.h2_rel{ border-bottom: 2px solid #565656; display: inline-block; color: #565656; padding-right: 20px; padding-bottom: 5px; font-size: 20px; line-height: 30px; margin-bottom: 15px; } .related-posts h6{ margin-bottom: 12px; } .related-posts .entry-meta{ display: none; } .addtoany_share_save_container{ border-radius: 10px; margin-top: 60px; background-color: #f5f5f5; padding: 10px 0 3px 0; margin-bottom: 0px; text-align: center; font-size: 125%; } /* TOPイベント終了一覧*/ #fp_cat_widget-2 .entry-meta{ display: none; } @media only screen and (max-width: 767px) { #fp_cat_widget-2 h5{ font-size: 13px; } } /* 投稿ページ開催日 */ body.single article .startDay { background-color: #fbf6df; font-size: 14px; padding: 6px; text-align: center; font-weight: bold; border-radius: 8px; width: 90%; margin: 0 auto; } body.single article .endevent{ background-color: #2196f3; font-size: 16px; padding: 6px; text-align: center; font-weight: bold; border-radius: 8px; color: #fff; width: 90%; margin: 0 auto; } body.single article .end2event{ background-color: #929292; font-size: 16px; padding: 6px; text-align: center; font-weight: bold; border-radius: 8px; color: #fff; width: 90%; margin: 0 auto; } body.post-type-archive-board_game .endevent, body.post-type-archive-sweets .endevent{ font-size: 140%; padding: 6px; text-align: center; font-weight: bold; width: 96%; margin: 0 auto; background-color: #ffee98; } body.post-type-archive-board_game .endevent span, body.post-type-archive-sweets .endevent span{ color: #cc0000; font-size: 140%; } body.single article .fullevent { background-color: #ff3f3f; font-size: 16px; padding: 6px; text-align: center; font-weight: bold; border-radius: 8px; color: #fff; width: 90%; margin: 0 auto; } /* ぬるまゆかいとは？ */ #post-2 .entry-content p,#post-2 .entry-content dl{ font-size: 135%; } #post-2{ background: url(/images/nurumayuimg.png) no-repeat right 0px; } /* タイトル見出し非表示 */ #post-2 header.entry-header{ display: none; } @media screen and (max-width: 576px){ .aboutmainPC{ display: none; } } @media screen and (min-width: 576px){ .aboutmainSP{ display: none; } } /* 引用レイアウト */ #content blockquote{ border-left: 15px solid #fed501; font-size: 12px; font-family: inherit; /*margin: 10px 20px 10px 5px;*/ } /*カレンダー*/ span.simcal-event-title{ font-size: 12px; } .simcal-default-calendar-grid .simcal-day-number { line-height: 1.6; } .single-post .entry-header{ border-bottom: none; } /*PC navi*/ li#menu-item-2917, li#menu-item-2869, li#menu-item-2919, li#menu-item-7762, li#menu-item-9260{ display: none; } /*SP navi*/ div.slicknav_menu{ display: none; } hr{ margin: 40px 0px; } /*記事*/ body.category-posts div.entry-meta, body.category-posts p.posts{ display: none; } /*ぬる活会*/ #post-2876 .entry-content h3{ border-left: none; padding: 0; margin-top: 22px; } /*コミュニティづくり*/ .postid-6248 .entry-content h4{ margin-top: 22px; } /*検索結果なし*/ .no-results{ margin-bottom: 30px; } /*先生募集*/ .su-posts-teaser-loop .su-post-thumbnail{ width: 100% !important; height: 100% !important; } .su-posts-teaser-loop .su-post { width: 45% !important; margin: 0 2%; display: inline-block; vertical-align: top; font-size: 10px; } .entry-content p, .archive-desc p{ line-height: 1.8em; } /* ボードゲーム一覧 */ .single-page h3 { border-left: 4px solid #FED43C; padding: .7em 0 .7em .8em; margin-top: 1.8em; } div.bordp .archive-postlist .one-half:nth-child(2) { margin-right: 26px; } div.bordp .archive-postlist .one-half { width: 340px; } /* スマホ対応：スイーツページトップ画像調整 */ @media screen and (max-width: 576px){ div.bordp .archive-postlist .one-half:nth-child(2) { margin-right: 0px; } div.bordp .archive-postlist .one-half{ width: calc(50% - 4px); } body.post-type-archive-sweets .archive-postlist, body.tax-stag .archive-postlist { overflow: hidden; display: flex; flex-wrap: wrap; gap: 3px; } .entry-header h4{ padding-right: 1em; } } div.bordp .entry-meta { display: none; } span.btag,span.stag{ display: inline-block; background-color: rgb(254, 213, 1); color: #555; padding: 5px 10px 5px; font-weight: bold; margin-right: 6px; margin-bottom: 6px; font-size: 14px; } span.btaglist,span.btaglist { display: inline-block; background-color: #fff; color: #555; padding: 5px 10px 5px; font-weight: bold; margin-right: 6px; margin-bottom: 6px; font-size: 12px; border: 1px solid; } h3.bgh3{ margin: 15px 0; line-height: 30px; display: inline-block; border-bottom: 2px solid #565656; padding-right: 20px; padding-bottom: 5px; } span.btaglist a { color:#111111; } span.btaglist a:hover { color:#FED43C; } .amazlet-box{ padding: 20px 0; } .cal_wrapper { max-width: 800px; /* 最大幅 */ min-width: 300px; /* 最小幅 */ margin: 2.0833% auto; } .googlecal { position: relative; padding-bottom: 100%; /* 縦横比 */ height: 0; overflow: hidden; } .googlecal iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } @media only screen and (min-width: 600px) { /* 画面幅が600px以上の場合の縦横比の指定 */ .googlecal { padding-bottom: 75%; } } /* 会話形式 */ .sb-type-rtail { padding: 20px; } body.single-sweets .entry-content p, body.single-sweets .archive-desc p, body.single-sweets div.single-post p{ margin: 20px 0; font-size: 125%; } p.s_text_top{ text-align: center; margin-bottom: 30px; font-size: 120%; } .entry-content p, .archive-desc p { margin-bottom: 10px; } .waku{ font: inherit; line-height: 160%; border-radius: 10px; margin-left: 4%; margin-right: 4%; margin-top: 20px; font-size: 115%; background-color: azure; padding: 20px; margin-bottom: 20px; } /* スマホロゴ調整 */ @media only screen and (max-width: 1025px){ .headertext span { line-height: 30px !important; font-size: 120%; } .mobmenur-container i { line-height: 24px !important; font-size: 24px !important; } } /* スマホ対応 */ @media screen and (max-width: 576px){ br:not(.sp) { display: none; } } /* youtubeスマホ対応 */ .youtube2 { position: relative; width: 100%; padding-top: 56.25%; } .youtube2 iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } /* ぬる語辞典 */ body.post-type-archive-glossary .archive-postlist .entry-header, body.tax-glossary_tag .archive-postlist .entry-header { margin: 15px 0 10px; border-bottom: 1px solid #BABABA; } body.post-type-archive-glossary .entry-header h4 a, body.post-type-archive-glossary .entry-header h4 a:hover, body.tax-glossary_tag .entry-header h4 a, body.tax-glossary_tag .entry-header h4 a:hover{ font-size: 15px; font-weight: bold; } /* amazonJS */ .amazonjs_price{ display: none; } /* for Desktop */ @media ( min-width : 640px ){ .timeline > li { overflow: hidden; margin: 0; position: relative; } .timeline-date { width: 110px; float: left; margin-top: 20px; } .timeline-content { width: 75%; float: left; border-left: 3px #e5e5d1 solid; padding-left: 30px; } .timeline-content:before { content: ''; width: 12px; height: 12px; background: #6fc173; position: absolute; left: 106px; top: 24px; border-radius: 100%; } } /***** About *****/ body.page-id-2{ background: #BAE0EB url(/wp-content/themes/fp_santiago/images/about/nami_bg4.svg) no-repeat center top; background-size: 2600px 835px; } @media (max-width: 767px){ body.page-id-2{ background: #BAE0EB url(/wp-content/themes/fp_santiago/images/about/nami_bg3.svg) no-repeat center top; background-size: 700px 360px; } } body.page-template-page-full .entry-content .What__inner { position: relative; width: 87%; margin: 65px auto 0 auto; padding: 81px 0 90px; background: #FFF; border-radius: 24px; } body.page-template-page-full .entry-content .Second__inner { position: relative; width: 87%; margin: 60px auto 0; padding: 81px 0 90px; background: #ffe54a; border-radius: 24px; } body.page-template-page-full .entry-content .three__inner { position: relative; width: 80%; margin: 60px auto 0; padding: 0px; } .type_three{ width: 87%; margin: 0 auto; } body.page-template-page-full .entry-content .What__heading { font-weight: 700; text-align: center; line-height: 1.5; margin: 0; letter-spacing: .1em; } body.page-template-page-full .entry-content .What__text { font-size: .875rem; line-height: 2; margin: 44px auto 0; text-align: center; } body.page-template-page-full .entry-content .What__list { margin: 53px auto 0; } body.page-template-page-full .entry-content.What__item { position: relative; border: 5px solid #f3f3f3; padding: 40px 55px; border-radius: 18px; } @media (min-width: 768px){ body.page-template-page-full .entry-content .What__item { width: 75%; margin: 0 auto; background-color: #fff; border-radius: 24px; padding: 0 50px 20px; } } @media (max-width: 767px){ body.page-template-page-full .entry-content .What__inner, body.page-template-page-full .entry-content .Second__inner { width: auto; padding: 39px 15px 45px; } body.page-template-page-full .entry-content .What__heading { font-size: 1.5rem; } } /* about */ .txtbr{ display: block; } body.page-template-page-full .entry-content h2{ position: relative; border: none; padding: 0; margin: 120px 0 80px 0; background: none; color: #000; box-shadow: none; font-size: 36px; text-align: center; } body.page-template-page-full .entry-content div.three_txt{ position: relative; border: none; padding: 0; margin: 0; color: #000; font-size: 18px; text-align: center; } body.page-template-page-full .entry-content div.three_txt a{ color: #000; } body.page-template-page-full .single-page #post-2 .entry-content p{ font-size: 20px; } body.page-template-page-full .single-page #post-2 .entry-content p.wp-caption-text{ font-size: 16px; } .btn_toptxt{ text-align: center; margin-top: 44px } .about_btn{ padding: 14px; } body.page-template-page-full .single-page h3{ border-left: none; padding: 40px 0 30px; text-align: center; font-size: 1.4rem; } /* ayumi */ body.page-template-page-full .single-page ul.timeline{ background-color: #fff; border-radius: 24px; padding: 40px 60px; margin: 20px 36px; } @media (max-width: 767px){ body.page-template-page-full .single-page ul.timeline{ padding: 40px 20px; margin: 20px 15px; } .timeline > li { margin-bottom: 20px!important; } body.page-template-page-full .single-page ul.timeline h3{ padding: 0 ; margin:0; } body.page-template-page-full .single-page h3{ padding: 0px 0 30px; } body.page-template-page-full .single-page #post-2 .entry-content p{ font-size: 16px; } } body.page-template-page-full .single-page ul.timeline h3{ font-size: 18px; padding: 0 0 6px 0; text-align: left; } /* uneiinfo */ body.page-template-page-full .single-page ul.uneiinfo{ list-style: none; margin: 51px auto 0; padding: 0; width: 600px; } body.page-template-page-full .single-page ul.uneiinfo span.uneiname{ display: inline-block; font-size: 18px; width: 30%; padding: 0 10px 0 0; letter-spacing: .1em; line-height: 200%; vertical-align: top; font-weight: 600; } body.page-template-page-full .single-page ul.uneiinfo span.uneico{ display: inline-block; font-size: 16px; line-height: 240%; width: 68%; } @media (max-width: 767px){ body.page-template-page-full .single-page ul.uneiinfo span.uneico{ width: 45%; margin-bottom: 8px; } body.page-template-page-full .single-page ul.uneiinfo span.uneiname{ display: block; } body.page-template-page-full .single-page ul.uneiinfo span.uneico{ display: block; } .Alogoimg{ width: 60%; } body.page-template-page-full .single-page ul.uneiinfo span.uneico{ line-height: 160%; } } /* TimeLine表示 */ .timeline { list-style: none; } .timeline > li { margin-bottom: 60px; } /* for Desktop */ @media ( min-width : 640px ){ .timeline > li { overflow: hidden; margin: 0; position: relative; } .timeline-date { width: 110px; float: left; margin-top: 20px; font-size: 18px!important; } .timeline-content { width: 75%; float: left; border-left: 3px #fff4e6 solid; padding-left: 30px; } .timeline-content:before { content: ''; width: 12px; height: 12px; background: #fed501; position: absolute; left: 106px; top: 24px; border-radius: 100%; } } /*641px～PC　PC上では見えないようにする*/ @media screen and (min-width:641px){ .footer_area{ display: none; } } /*スマホ～641pxの幅サイズまで*/ @media screen and (max-width:640px){ .footer_area { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba( 0, 0, 0, 0.6 ); z-index: 10000; } .footer_area .footer_area_inner { position: relative; width: 80%; margin: 0px auto; padding: 10px 0; margin-right: 0px; } .footer_area .footer_area_inner .footer_area_inner_btn { width: 85%; padding: 11px 0; font-size: 20px; font-weight: bold; margin-left: 15px; line-height: 1.3; } .inquiry_btn { background-color: #068BF1; -webkit-border-radius: 3px; display: inline-block; text-align: center; text-decoration: none; width: 80%; padding: 5px 0; font-size: 18px; font-weight: bold; } .inquiry_btn:link, .inquiry_btn:visited { color: #FFFFFF !important; } .footer_area_inner span{ color: #fff; } #siteBottom{ margin-bottom: 85px; } } /*スライド*/ span.su-slider-slide-title{ font-size: 1.2rem; } /*全体告知注意文*/ div.alerts{ text-align: center; margin: -2px auto 20px; text-decoration: underline; color: red; font-weight: bold; } div.alerts a,div.alerts a:visited{color: #cf2e2e;} /*newエリア*/ div#topcomment{ text-align:center; background-color: #fff6d6; padding: 3px 0; /*display: none;*/ } @media screen and (max-width: 576px){ div#topcomment{ width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } div#topcomment span{ background: #ffda01; color: #fff; font-size: 12px; line-height: 200%; padding: 3px 6px; margin-right: 6px; } div#topcomment a{ text-decoration: underline; } /*みんなが注目中の活動*/ .popular-posts h2{ font-size: 20px; border-bottom: 2px solid #565656; padding-bottom: 10px; margin-bottom: 20px; display: inline-block; } /*強調枠*/ .box29 { margin: 2em 0; background: #ffc9c9; } .box29 .box-title { font-size: 1.2em; background: #ff6a6a; padding: 4px; text-align: center; color: #FFF; font-weight: bold; letter-spacing: 0.05em; } .box29 p { padding: 15px 20px; margin: 0; } /*TOPカレンダー非表示*/ body.home #custom_html-5{display: none;} /*PCグローバルメニューの一部非表示*/ @media only screen and (min-width: 767px) { li#menu-item-54250{ display: none; } } /*CM動画*/ @media only screen and (min-width: 767px) { div.entry-content .su-youtube { margin: 60px; } }