/* Theme Name: onepress-child Template: onepress Description: respecting OnePress author Author: wataseakira aka aw Tags: */ /* --------------------------------------------------- IMPORTED ---------------------------------------------------- */ /* Google Fonts */ @import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap'); /* --------------------------------------------------- COMMON & BASIC SETTINGS ---------------------------------------------------- */ /* Appear slowly */ div { -webkit-animation-name: fade; animation-name: fade; -webkit-animation-duration: 1s; animation-duration: 1s; } @-webkit-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade { 0% { opacity: 0; }  100% { opacity: 1; } } /* FONTS */ body, div, p, h1, h2, h3, h4, h5, .onepress-menu a, .entry-header .entry-title { color:#333333; font-family: "Zen Maru Gothic", sans-serif; font-size:100%; font-weight: 500; font-style: normal; } .strong { font-weight:bold; } /* MIDASHI */ h1, h2, h3, h4, h5 { font-weight:700; } #content-wrap h2, #content-wrap h3 { text-align:center; } #content-wrap h2 { margin:4em 0 0.2em; padding:0.65em 0 0.35em; font-size:135%; text-shadow:1px 1px 1px rgba(255,255,255,1); } #content-wrap h2.no-mgt { margin-top:0!important; } #content-wrap h3 { font-size:124%; } #content-wrap h3.border { padding:0 0 7px; border-bottom:1px solid #bfc3c8; } #content-wrap h3.border-dashed { padding:0 0 7px; border-bottom:1px dashed #bfc3c8; } #content-wrap h4.border-dashed { padding:0 0 7px; border-bottom:1px dashed #bfc3c8; text-align:center; } #content-wrap h3.border span { color:#333333; } .entry .midashi-inside { display:block; font-size:125%; margin:0 0 -0.3em; } .entry .border-wrap { margin-top:0; padding:0.7em 0 0.5em; border-top:1px solid #bfc3c8; border-bottom:1px dashed #bfc3c8; } /* BASIC CONTENT BODY */ #content-wrap { margin:0 auto; width:100%; } #content-wrap-wide { width:100%; } .template-fullwidth-stretched .entry-content { margin-bottom:50px; } .blog .site-content, .tax-portfolio_cat .site-content, .single-post .site-content, .hiding-page-title .site-content { margin-top:25px; } /* ----- BASIC STYLE/LAYOUT ----- */ .tac { text-align:center; } .tal { text-align:left; } .tar { text-align:right; } .mgt1 { margin-top:1em; } .mgt2 { margin-top:2em; } .mgr1 { margin-right:1em; } .mgr2 { margin-right:2em; } .mgb1 { margin-bottom:1em; } .mgb2 { margin-bottom:2em; } .mgl1 { margin-left:1em } .mgl2 { margin-left:2em } .f60 { font-size:60%; } .f70 { font-size:70%; } .f80 { font-size:80%; } .f90 { font-size:90%; } .f100 { font-size:100%; } .f110 { font-size:110%; } .f120 { font-size:120%; } .f130 { font-size:130%; } .f140 { font-size:140%; } .f150 { font-size:150%; } .f200 { font-size:200%; } /* DISPLAY YES/NO */ @media screen and (min-width: 501px) { .sp { display:none!important; } } @media screen and (max-width: 500px) { .pc { display:none!important; } } /* LIST */ ul li { margin:0; } .entry-content li { margin-left:1.5em; margin-bottom:0px; } /* --------------------------------------------------- LINK ---------------------------------------------------- */ a { color:#333333; } a:hover { color:#3372A8; } a.ul { text-decoration:underline; } /* BULLET SHAPE BUTTON */ .bullet { background:linear-gradient(90deg, #e1aa44, 25%, #d78a77); color:#ffffff!important; text-decoration:none!important; width:13.5em; margin:15px auto 0; padding:1em 1em 1em 2.3em; display: flex; align-items: center; position: relative; overflow: hidden; border-radius:0 30px 30px 0; box-shadow:5px 5px 5px rgba(0,0,0,0.3); transition:0.4s ease-out; } .bullet::before { position:absolute; content:""; top:0; left:-120%; width:100%; height:100%; transform:skewX(0deg); background:linear-gradient(to left, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.01) 100%); } .bullet:hover:before { animation: shine .6s linear; } .bullet:hover { box-shadow:none; } .oppo-bullet { background:linear-gradient(90deg, #d78a77, 25%, #e1aa44); color: #ffffff!important; text-decoration:none!important; width:12.5em; margin:60px auto 0; padding:1em 1em 1em 5.3em; display:flex; align-items:center; position: relative; overflow:hidden; border-radius:30px 0 0 30px; box-shadow:5px 5px 5px rgba(0,0,0,0.3); transition:0.4s ease-out; } .oppo-bullet { } .oppo-bullet::before { position:absolute; content:""; top:0; left:-120%; width:100%; height:100%; transform:skewX(0deg); background:linear-gradient(to left, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.01) 100%); } .oppo-bullet:hover:before { animation: shine .6s linear; } .oppo-bullet:hover { box-shadow:none; } .gray-button { display:block; margin:35px auto 0; padding:1em 2em; width:17em; color:#ffffff; text-align:center; background-color:#a6a7a7; border-radius:25px; box-shadow:5px 5px 5px rgba(0,0,0,0.3); } @keyframes shine { 100% { left: 100%; } } a.bullet-notice, a.bullet-inquiry { width:14.5em; } a.bullet-event { width:11.5em; } a.bullet-report { width:15.5em; } a.bullet-donation-campaign { width:15.5em; } /* --------------------------------------------------- HEADER ---------------------------------------------------- */ /* ----- LOGO STORAGE ----- */ .site-branding { float:left; } @media screen and (min-width: 501px) { .site-branding { margin-left:45px; } } .site-header { box-shadow:none; line-height:20px; } .site-header.header-fixed { height:85px; } .site-content { border-top:none; } @media screen and (max-width: 500px) { .site-header { height:83px; box-shadow:5px 5px 5px rgba(0,0,0,0.1); border-radius:0 0 20px 20px; } } /* ----- GRAND MENU ----- */ @media screen and (max-width: 1200px) and (min-width: 1141px) { .onepress-menu a { font-size:0.9rem; } .onepress-menu a:hover { color:#3372A8; } .onepress-menu > li a.menu-actived, .onepress-menu li.onepress-current-item > a, .onepress-menu ul li a:hover, .onepress-menu ul li.current-menu-item > a, .onepress-menu ul li.current-menu-item > a:hover { color:#3372A8; } } @media screen and (min-width: 1141px) { #site-navigation .menu-item-type-custom, #site-navigation .menu-item-type-post_type { } .onepress-menu { margin-top:3.3em; position:relative; } .onepress-menu a { padding:0 0.7em; } .onepress-menu a:hover { color:#3372A8; } .onepress-menu #menu-item-57 a { position:absolute; top:-53px; right:0; padding:0.7em 1.3em; color: #ffffff!important; text-decoration:none!important; background:linear-gradient(90deg, #e1aa44, 25%, #d78a77); border-radius: 0 0 15px 15px; } .onepress-menu > li a.menu-actived, .onepress-menu li.onepress-current-item > a, .onepress-menu ul li a:hover, .onepress-menu ul li.current-menu-item > a, .onepress-menu ul li.current-menu-item > a:hover { color:#3372A8; } } @media screen and (max-width: 1140px) { #site-navigation .menu-item-type-custom, #site-navigation .menu-item-type-post_type { } .onepress-menu { margin-top:3.3em; position:relative; } .onepress-menu a { padding:0 0.7em; } } @media screen and (max-width: 500px) { .onepress-menu #menu-item-52 a i { display:none; } } .onepress-menu > li:first-child > a { } .onepress-menu > li:last-child > a { } .onepress-menu ul { } .onepress-menu ul li a { } .onepress-menu ul li a:hover { } .onepress-menu ul li:first-child a { } #nav-toggle { top:36px; } /* --------------------------------------------------- TOP PAGE ---------------------------------------------------- */ /* PAGE BASICS */ @media screen and (min-width: 960px) { #top-page-content-wrap, .event-wrap, .report-wrap, .inquiry-wrap { width:100%; } .content-inbox { margin-left:auto; margin-right:auto; width:960px; } } @media screen and (max-width: 959px) and (min-width: 501px) { #top-page-content-wrap, .event-wrap, .report-wrap, .inquiry-wrap { width:100%; } .content-inbox { margin-left:auto; margin-right:auto; width:100%; } } @media screen and (max-width: 500px) { #top-page-content-wrap, .event-wrap, .report-wrap, .inquiry-wrap { width:100%; } .content-inbox { margin-left:auto; margin-right:auto; width:100%; } } /* SLIDER */ @media screen and (min-width: 960px) { .top-image-top-page { margin:0 auto; width:960px; height:540px; } .flex-viewport li img { height:540px!important; /*border-radius:0 300px 300px 0; box-shadow:2px 2px 2px rgba(0,0,0,0.1);*/ } } @media screen and (max-width: 959px) and (min-width: 501px) { .top-image-top-page { margin:0 auto; width:100%; } .flex-viewport li img { /*border-radius:0 300px 300px 0; box-shadow:2px 2px 2px rgba(0,0,0,0.1);*/ } } @media screen and (max-width: 500px) { .top-image-top-page { margin:0 auto; width:100%; } .flex-viewport li img { /* border-radius:0 300px 300px 0; box-shadow:2px 2px 2px rgba(0,0,0,0.1);*/ } } /* NOTICE（お知らせ） */ @media screen and (min-width: 960px) { #top-page-content-wrap .top-page-information-wrap { margin:0 auto 25px; padding:0 10%; width:1024; background-size:contain; box-sizing:border-box; } .top-page-information-wrap .display-posts-listing { margin:0; padding-left:0; } .top-page-information-wrap .display-posts-listing li { margin-left:0; padding:1.4em 0 1.2em 0.3em; list-style-type:none; border-top:1px solid #a6a7a7; } .top-page-information-wrap .display-posts-listing li:nth-of-type(3) { border-bottom:1px solid #a6a7a7; } .top-page-information-wrap .display-posts-listing li a { padding-left:1em; text-decoration:none; color:#333333; } .top-page-information-wrap .display-posts-listing li a:hover { text-decoration:underline; color:#3372A8!important; } } @media screen and (max-width: 959px) and (min-width: 501px) { #top-page-content-wrap .top-page-information-wrap { margin:0 auto 25px; padding:0; width:80%; background-size:contain; box-sizing:border-box; } .top-page-information-wrap .display-posts-listing { margin:0; padding-left:0; } .top-page-information-wrap .display-posts-listing li { margin-left:0; padding:1.4em 0 1.2em 0.3em; list-style-type:none; border-top:1px solid #a6a7a7; } .top-page-information-wrap .display-posts-listing li:nth-of-type(3) { border-bottom:1px solid #a6a7a7; } .top-page-information-wrap .display-posts-listing li a { padding-left:1em; text-decoration:none; color:#333333; } .top-page-information-wrap .display-posts-listing li a:hover { text-decoration:underline; color:#3372A8!important; } } @media screen and (max-width: 500px) { #top-page-content-wrap .top-page-information-wrap { margin:0 auto 25px; padding:0 4%; width:100%; background-size:contain; box-sizing:border-box; } .top-page-information-wrap .display-posts-listing { margin:0; padding:0; } .top-page-information-wrap .display-posts-listing li { margin:0; padding:1.4em 0 1.2em 0; list-style-type:none; border-top:1px solid #a6a7a7; } .top-page-information-wrap .display-posts-listing li:nth-of-type(3) { border-bottom:1px solid #a6a7a7; } .top-page-information-wrap .display-posts-listing li a { padding-left:1em; text-decoration:none; color:#333333; } .top-page-information-wrap .display-posts-listing li a:hover { text-decoration:underline; color:#3372A8!important; } } /* TWO BOXES */ @media screen and (min-width: 960px) { #two-boxes-wrap { margin:85px 0 45px; } #two-boxes { display:flex; } #two-boxes div h3 { font-size:120%; margin:0 auto 1em; padding:25px 0; border-bottom:1px solid #a6a7a7; } #two-boxes div.leftbox, #two-boxes div.rightbox { width:50%; box-sizing:border-box; } #two-boxes .leftbox { margin:0 2% 0 0; padding:17px; background-color:#477da1; border-radius:22px; } #two-boxes .rightbox { margin:0 0 0 2%; padding:17px; background-color:#db826f; border-radius:22px; } #two-boxes .leftbox h3 { background-image:url(https://tottoricf.org/wp-content/uploads/two-box-h3-bg-l.png); background-position:13% 0%; background-size:16%; background-repeat:no-repeat; } #two-boxes .rightbox h3 { background-image:url(https://tottoricf.org/wp-content/uploads/two-box-h3-bg-r.png); background-position:88% 55%; background-size:22%; background-repeat:no-repeat; } #two-boxes .leftbox .leftbox-inside { padding:18px 60px 24px 58px; background-color:#ffffff; border-radius:16px; } #two-boxes .rightbox .rightbox-inside { padding:18px 60px 24px 58px; background-color:#ffffff; border-radius:16px; } } @media screen and (max-width: 959px) and (min-width: 501px) { #two-boxes-wrap { margin:85px 3% 45px; } #two-boxes { display:flex; } #two-boxes div h3 { font-size:120%; margin:0 auto 1em; padding:25px 0; border-bottom:1px solid #999999; } #two-boxes div.leftbox, #two-boxes div.rightbox { width:50%; box-sizing:border-box; } #two-boxes .leftbox { margin:0 2% 0 0; padding:17px; background-color:#477da1; border-radius:22px; } #two-boxes .rightbox { margin:0 0 0 2%; padding:17px; background-color:#db826f; border-radius:22px; } #two-boxes .leftbox h3 { background-image:url(https://tottoricf.org/wp-content/uploads/two-box-h3-bg-l.png); background-position:13% 0%; background-size:16%; background-repeat:no-repeat; } #two-boxes .rightbox h3 { background-image:url(https://tottoricf.org/wp-content/uploads/two-box-h3-bg-r.png); background-position:88% 55%; background-size:22%; background-repeat:no-repeat; } #two-boxes .leftbox .leftbox-inside { padding:18px 60px 24px 58px; background-color:#ffffff; border-radius:16px; } #two-boxes .rightbox .rightbox-inside { padding:18px 60px 24px 58px; background-color:#ffffff; border-radius:16px; } } @media screen and (max-width: 500px) { #two-boxes-wrap { margin:85px 0 45px; } #two-boxes { } #two-boxes div h3 { font-size:120%; margin:0 auto 1em; padding:25px 0; border-bottom:1px solid #999999; } #two-boxes div.leftbox, #two-boxes div.rightbox { width:90%; box-sizing:border-box; } #two-boxes .leftbox { margin:0 5% 25px; padding:12px; background-color:#477da1; border-radius:22px; } #two-boxes .rightbox { margin:0 5% 0; padding:12px; background-color:#db826f; border-radius:22px; } #two-boxes .leftbox h3 { background-image:url(https://tottoricf.org/wp-content/uploads/two-box-h3-bg-l.png); background-position:13% 0%; background-size:16%; background-repeat:no-repeat; } #two-boxes .rightbox h3 { background-image:url(https://tottoricf.org/wp-content/uploads/two-box-h3-bg-r.png); background-position:88% 55%; background-size:22%; background-repeat:no-repeat; } #two-boxes .leftbox .leftbox-inside { padding:18px 40px 24px 38px; background-color:#ffffff; border-radius:16px; } #two-boxes .rightbox .rightbox-inside { padding:18px 40px 24px 38px; background-color:#ffffff; border-radius:16px; } } /* EVENTS AND REPORTS */ #event-wrap { margin-bottom:45px; padding:45px 0 45px; background-color:#f7e9e5; } #report-wrap { padding:45px 0 45px; background-color:#e6e9ef; } @media screen and (min-width: 960px) { .top-page-blog-wrap { margin:0; padding:0; } .top-page-blog-wrap h2 { } .top-page-blog-wrap .display-posts-listing { margin:0; padding-left:0; } .top-page-blog-wrap .display-posts-listing:after { content:""; display:block; clear:both; } .top-page-blog-wrap .display-posts-listing li { float:left; margin:0 2% 0 0; width:32%; list-style-type:none; } .top-page-blog-wrap .display-posts-listing li:nth-of-type(3) { margin-right:0; } .top-page-blog-wrap .display-posts-listing li img { border-radius:0 40px 40px 0; } .top-page-blog-wrap .display-posts-listing li .title { display:block; margin-top:0.4em; color:#333333; text-decoration:none; } .top-page-blog-wrap .display-posts-listing li .title:hover { color:#3372A8; text-decoration:underline; } } @media screen and (max-width: 959px) and (min-width: 501px) { .top-page-blog-wrap { margin:0 3%; padding:0; } .top-page-blog-wrap h2 { } .top-page-blog-wrap .display-posts-listing { margin:0; padding-left:0; } .top-page-blog-wrap .display-posts-listing:after { content:""; display:block; clear:both; } .top-page-blog-wrap .display-posts-listing li { float:left; margin:0 2% 0 0; width:32%; list-style-type:none; } .top-page-blog-wrap .display-posts-listing li:nth-of-type(3) { margin-right:0; } .top-page-blog-wrap .display-posts-listing li .title { display:block; color:#333333; text-decoration:none; } .top-page-blog-wrap .display-posts-listing li .title:hover { color:#3372A8; text-decoration:underline; } } @media screen and (max-width: 500px) { .top-page-blog-wrap { margin:0 1%; padding:0; } .top-page-blog-wrap h2 { } .top-page-blog-wrap .display-posts-listing { margin:0; padding-left:0; } .top-page-blog-wrap .display-posts-listing { margin:0; padding:0; } .top-page-blog-wrap .display-posts-listing:after { content:""; display:block; clear:both; } .top-page-blog-wrap .display-posts-listing li { float:left; margin:0 5% 25px ; width:90%; list-style-type:none; } .top-page-blog-wrap .display-posts-listing li .title { display:block; margin:0.4em 0 0; color:#333333; text-decoration:none; } .top-page-blog-wrap .display-posts-listing li .title:hover { color:#3372A8; text-decoration:underline; } } /* OVERVIEW */ @media screen and (min-width: 960px) { #overview-wrap { padding:65px 0 55px; } #overview { display:flex; } #overview .leftbox, #overview .rightbox { width:40%; box-sizing:border-box; } #overview .leftbox { margin:0 0 0 10%; text-align:center; } #overview .rightbox { margin:0 10% 0 0; } #overview .leftbox img { width:86%; } #overview .rightbox p { margin:0 auto 45px; width:60%; } } @media screen and (max-width: 959px) and (min-width: 501px) { #overview-wrap { padding:65px 0 55px; } #overview { display:flex; } #overview .leftbox, #overview .rightbox { width:40%; box-sizing:border-box; } #overview .leftbox { margin:0 0 0 10%; text-align:center; } #overview .rightbox { margin:0 10% 0 0; } #overview .leftbox img { width:86%; } #overview .rightbox p { margin:0 auto 45px; width:60%; } } @media screen and (max-width: 500px) { #overview-wrap { padding:65px 0 55px; } #overview { } #overview .leftbox, #overview .rightbox { width:90%; margin:0 5% 0; box-sizing:border-box; } #overview .leftbox { text-align:center; } #overview .rightbox { margin-top:25px; } #overview .leftbox img { width:75%; } #overview .rightbox p { margin:0 auto 45px; width:70%; } } /* INQUIRY */ #inquiry-wrap { margin-bottom:45px; padding:35px 0 25px; background-color:#f7e9e5; } #inquiry p { margin:0 auto 45px; text-align:center; } /* INSTAGRAM */ #insta-wrap .instagram .sbi_follow_btn a span, #insta-wrap .sbi_load .sbi_btn_text { color:white!important; } @media screen and (max-width: 799px) { #insta-wrap { margin:0 5%; width:90%; } } /* --------------------------------------------------- SECONDALY CONETNT WRAP - PC ---------------------------------------------------- */ @media screen and (min-width: 960px) { #secondary-content-wrap { margin-top:35px; } #secondary-content-wrap #page-title, #secondary-content-wrap .page-title { margin:0 auto 75px; padding:0.4em; width:60%; font-size:1.8rem; letter-spacing:0.2em; border-bottom:1px solid #a6a7a7; } #secondary-content-wrap .title-with-border-bottom { margin:0 auto 75px; padding:0.4em; width:66%; font-size:1.8rem; border-bottom:1px solid #a6a7a7; } #secondary-content-wrap .content-inbox-wrap { margin:0 auto 60px; width:960px; } #secondary-content-wrap .content-inbox { margin:0 auto 60px; width:66%; } #secondary-content-wrap .content-inbox p { margin:0 auto; } #secondary-content-wrap .border-bottom { padding-bottom:50px; border-bottom:1px solid #a6a7a7; } #secondary-content-wrap .content-inbox p.not-end-line { margin-bottom:1.2em; } #secondary-content-wrap .content-inbox p .icons { display:block; margin:55px auto; width:35%; } #secondary-content-wrap .inbox-wrap-wide { padding:25px 0 15px; } #secondary-content-wrap .inbox-wrap-wide-pink { background-color:#fae6e4; } #secondary-content-wrap .inbox-wrap-wide-blue { background-color:#dce6f0; } /* 財団概要 */ #secondary-content-wrap .fund-menu, #secondary-content-wrap .fund-menu2 { display:flex; } #secondary-content-wrap .fund-image { margin:80px auto 0; width:45%; } #secondary-content-wrap .inbox-wrap-wide-pink-gradient { background:linear-gradient(90deg, #f8e6e4, 50%, #ffffff); } #secondary-content-wrap .inbox-wrap-wide-orange-gradient { background:linear-gradient(90deg, #efdbb6, 50%, #ffffff); } #secondary-content-wrap .inbox-wrap-wide-blue-gradient { background:linear-gradient(90deg, #dce5ee, 50%, #ffffff); } .outline .inbox-wrap-wide { margin-bottom:25px; } .outline .content-inbox span { display:block; margin:15px auto 35px; text-align:center; font-size:1.2rem; font-weight:bold; } #secondary-content-wrap h2 { margin:2em 0; } #secondary-content-wrap .inbox-wrap-wide h2 { margin:0 auto 1.25em; } #secondary-content-wrap .fund-menu { margin:0 auto 15px; width:42%; } #secondary-content-wrap .fund-menu2 { margin:0 auto; } #secondary-content-wrap .fund-menu p { margin-bottom:0!important; width:100%; text-align:center; } #secondary-content-wrap #business-overview h3 { margin-top:2em; } /* 財団概要のメニューボタン */ #secondary-content-wrap .bullet-border span { display:inline-block; margin:0; padding:0.8em 0.5em; width:12.4em; font-size:0.9rem; font-weight:normal; color:#333333; background-color:#ffffff; border-radius:0 26px 26px 0; } #secondary-content-wrap .bullet-border { background:linear-gradient(90deg, #e1aa44, 25%, #d78a77); color: #ffffff!important; text-decoration:none!important; width:12em; margin:15px auto; padding:7px; display:flex; align-items:center; position:relative; overflow: hidden; border-radius:0 30px 30px 0; box-shadow:5px 5px 5px rgba(0,0,0,0.3); transition:0.4s ease-out; } #secondary-content-wrap .bullet-border::before { position:absolute; content:""; top:0; left:-120%; width:100%; height:100%; transform:skewX(0deg); background:linear-gradient(to left, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.01) 100%); } #secondary-content-wrap .bullet-border:hover:before { animation: shine .6s linear; } #secondary-content-wrap .bullet-border:hover { box-shadow:none; } /* 応援する+助成を受ける */ #secondary-content-wrap .border-content-wrap { margin:0 auto 60px; padding:17px; width:800px; border-radius:22px; } #secondary-content-wrap .border-content-inside { padding:18px 60px 24px 58px; text-align:center; background-color:#ffffff; border-radius:16px; } #secondary-content-wrap .border-content-wrap h2.blue { margin:0 auto 1em; padding:55px 0; border-bottom:1px solid #a6a7a7; background-image:url(https://tottoricf.org/wp-content/uploads/two-box-h3-bg-r.png); background-position:72% 37%; background-size:17%; background-repeat:no-repeat; } #secondary-content-wrap .border-content-wrap h2.pink { margin:0 auto 1em; padding:55px 0; border-bottom:1px solid #a6a7a7; background-image:url(https://tottoricf.org/wp-content/uploads/two-box-h3-bg-l.png); background-position:27% 40%; background-size:13%; background-repeat:no-repeat; } #secondary-content-wrap .border-content-wrap-pink { background-color:#f19a86; } #secondary-content-wrap .border-content-wrap-blue { background-color:#4882a8; } #secondary-content-wrap span.pink { color:#f19a86; } #secondary-content-wrap span.blue { color:#4882a8; } #secondary-content-wrap .border-top-dashed { border-top:1px dashed #a6a7a7; } #secondary-content-wrap .border-bottom-dashed { border-bottom:1px dashed #a6a7a7; } #secondary-content-wrap .going-on-img-wrap { margin:0 auto 60px; padding:0; width:47%; } #secondary-content-wrap .going-on-img-wrap img { border-radius:12px; filter:drop-shadow(5px 5px 5px rgba(0,0,0,0.3)); transition:0.4s; } #secondary-content-wrap .going-on-img-wrap img:hover { opacity:0.8; filter:drop-shadow(5px 5px 5px rgba(0,0,0,0)); } #secondary-content-wrap .content-of-goingon { display:flex; flex-wrap:wrap; } #secondary-content-wrap .content-of-goingon .going-on-img-wrap { width:47%; } /* メンバー */ .message .representative-message-img { display:flex; flex-wrap:wrap; } .message .member-img-wrap { margin:0 auto 25px; width:50%; } .message .member-img-wrap dt { display:flex; flex-wrap:wrap; } .message .member-img-wrap .member-img { padding:7px; width:30%; background:linear-gradient(90deg, #e1aa44, 25%, #d78a77); border-radius:50%; } .message .member-img-wrap .member-img img { border-radius:50%; } .message .member-img-wrap .member-name { padding:2em 0 2em 1.6em; width:70%; font-size:1.2rem; line-height:1.3em; } .message .member-img-wrap .member-name span.ruby { font-size:0.8rem; } .message .member-img-wrap .member-name .open-message { display:inline-block; padding-top:1em; font-size:0.9rem; } .message .member-img-wrap .member-name .open-message:hover { color:#3372A8; } .message .member-img-wrap .message-from-a-member { padding:1.8em 0 1.2em; border-top:1px solid #a6a7a7; } .message .member-img-wrap .message-on-message { border-top:1px dashed #a6a7a7; } .message .member-img-wrap .message-on-message strong { display:block; padding:1.2em 0 0.7em; text-align:center; } /* 設立準備会メンバー */ #prepare-member { margin-bottom:60px; } /* 設立サポーター */ #supporter-member { display:flex; flex-wrap:wrap; margin:0 auto; width:60%; } #supporter-member p { margin:0 1.5% 25px 1.5%; width:30%; } #supporter-member .name { margin-bottom:2em; font-size:1.35rem; font-weight:500; } #supporter-member .name:nth-of-type(1) { text-align:right; } #supporter-member .name:nth-of-type(2) { text-align:center; } #supporter-member .name:nth-of-type(3) { text-align:left; } #supporter-member2 { display:flex; flex-wrap:wrap; margin:0 auto; width:60%; } #supporter-member2 p { margin:25px 8.5% 25px 8.5%; width:32%; font-size:1.1rem; } .accordion dd .supporter3 { display:flex; flex-wrap:wrap; width:100%; } .accordion dd p.name-l { margin:25px 8.5% 25px 8.5%; width:32%; } .accordion dd .supporter4 { display:flex; flex-wrap:wrap; margin-top:25px; width:100%; } .accordion dd p.name-s { margin:25px 8.5% 25px 8.5%; width:32%; font-size:0.9rem; } /* 寄付額等 */ .donation-number { text-align:center; } .donation-number p { font-size:1.5rem; font-weight:500; } .donation-number p span { letter-spacing:0.2em; } /* 組織概要 */ #representative-message { margin-top:65px; } #secondary-content-wrap .organization-table-wrap { margin-top:60px; width:60%; } #secondary-content-wrap .organization-table, #secondary-content-wrap .organization-table th, #secondary-content-wrap .organization-table td { padding:1.7em 1em 1.8em 1em; border:none; } #secondary-content-wrap .organization-table th { border-top:1px dashed #a6a7a7; border-bottom:1px dashed #a6a7a7; } #secondary-content-wrap .organization-table td { border-top:1px dashed #a6a7a7; border-bottom:1px dashed #a6a7a7; } #secondary-content-wrap .organization-table td p { margin-bottom:1em; } #secondary-content-wrap .organization-table td span { padding-left:1em; } /* 情報公開 */ #seconadry-content-wrap .information-disclosure h3 { margin:2em auto; } #secondary-content-wrap .pdf-link-one { clear:both; padding:2em 0; } #secondary-content-wrap .pdf-link-two { clear:both; padding:2em 0; } #secondary-content-wrap .pdf-link-two2 { clear:both; padding:2em 0 0; } #secondary-content-wrap .pdf-link-two3 { clear:both; padding:0; } #secondary-content-wrap .pdf-link-two4 { clear:both; padding:0 0 2em; } #secondary-content-wrap .pdf-link-wrap { width:50%; } #secondary-content-wrap .pdf-link-wrap-left { padding-left:15%; } #secondary-content-wrap .pdf-link-wrap-right { padding-right:15%; } #secondary-content-wrap .pdf-link-wrap .bullet-border { width:14em; } #secondary-content-wrap .pdf-link-wrap .bullet-border span { padding-left:3.5em; width:14.7em; background-image:url(https://tottoricf.org/wp-content/uploads/icon-pdf.png); background-repeat:no-repeat; background-size:10%; background-position:6% 50%; } /* ぱんクズリスト */ #secondary-content-wrap .breadcrumb { margin:0 auto 25px; padding:0; text-align:center; font-size:0.83rem; background-color:#ffffff; border-radius:0; } /* お問い合わせ */ .inquiry .google-form { margin:0 auto; width:640px; } .inquiry .google-form iframe { width:640px; height:1700px; } /* アコーディオン(JS) */ dl.accordion { width:99%; margin:35px auto 30px; } dl.accordion dt { padding:0.9em 0 0.4em 1em; background-color:#ffffff; color:#333333; font-weight:400; cursor:pointer; } dl.accordion dt h3:hover { color:#3372A8; } dl.accordion dt a:before { padding:0 0.5em; content:"\f107"; font-family:'Font Awesome 5 Free'; font-weight:900; } dl.accordion dt:open a { padding:0 0.5em; content:"\f106"; font-family:'Font Awesome 5 Free'; font-weight:900; } dl.accordion dt h3:before { padding:0 0.5em; content:"\f107"; font-family:'Font Awesome 5 Free'; font-weight:900; } dl.accordion dt h3:open { padding:0 0.5em; content:"\f106"; font-family:'Font Awesome 5 Free'; font-weight:900; } dl.accordion dd { padding:0.7em 0 0.7em 1.2em; background:#ffffff; display:none; } } /* --------------------------------------------------- SECONDALY CONETNT WRAP - TABLET ---------------------------------------------------- */ @media screen and (max-width: 959px) and (min-width: 501px) { #secondary-content-wrap { margin-top:35px; } #secondary-content-wrap #page-title, #secondary-content-wrap .page-title { margin:0 auto 75px; padding:0.4em; width:60%; font-size:1.8rem; letter-spacing:0.2em; border-bottom:1px solid #a6a7a7; } #secondary-content-wrap .title-with-border-bottom { margin:0 auto 75px; padding:0.4em; width:66%; font-size:1.8rem; border-bottom:1px solid #a6a7a7; } #secondary-content-wrap .content-inbox-wrap { margin:0 auto 60px; width:96%; } #secondary-content-wrap .content-inbox { margin:0 auto 60px; width:86%; } #secondary-content-wrap .content-inbox p { margin:0 auto; } #secondary-content-wrap .border-bottom { padding-bottom:50px; border-bottom:1px solid #a6a7a7; } #secondary-content-wrap .content-inbox p.not-end-line { margin-bottom:1.2em; } #secondary-content-wrap .content-inbox p .icons { display:block; margin:55px auto; width:35%; } #secondary-content-wrap .inbox-wrap-wide { padding:25px 0 15px; } #secondary-content-wrap .inbox-wrap-wide-pink { background-color:#fae6e4; } #secondary-content-wrap .inbox-wrap-wide-blue { background-color:#dce6f0; } /* 財団概要 */ #secondary-content-wrap .fund-menu, #secondary-content-wrap .fund-menu2 { display:flex; } #secondary-content-wrap .fund-image { margin:80px auto 0; width:70%; } #secondary-content-wrap .inbox-wrap-wide-pink-gradient { background:linear-gradient(90deg, #f8e6e4, 50%, #ffffff); } #secondary-content-wrap .inbox-wrap-wide-orange-gradient { background:linear-gradient(90deg, #efdbb6, 50%, #ffffff); } #secondary-content-wrap .inbox-wrap-wide-blue-gradient { background:linear-gradient(90deg, #dce5ee, 50%, #ffffff); } .outline .inbox-wrap-wide { margin-bottom:25px; } .outline .description { width:75%; } .outline .content-inbox span { display:block; margin:15px auto 35px; text-align:center; font-size:1.2rem; font-weight:bold; } #secondary-content-wrap h2 { margin:2em 0; } #secondary-content-wrap .inbox-wrap-wide h2 { margin:0 auto 1.25em; } #secondary-content-wrap .fund-menu { margin:0 auto 15px; width:56%; } #secondary-content-wrap .fund-menu2 { margin:0 auto; } #secondary-content-wrap .fund-menu p { margin-bottom:0!important; width:100%; text-align:center; } #secondary-content-wrap #business-overview h3 { margin-top:2em; } /* 財団概要のメニューボタン */ #secondary-content-wrap .bullet-border span { display:inline-block; margin:0; padding:0.8em 0.5em; width:12.4em; font-size:0.9rem; font-weight:normal; color:#333333; background-color:#ffffff; border-radius:0 26px 26px 0; } #secondary-content-wrap .bullet-border { background:linear-gradient(90deg, #e1aa44, 25%, #d78a77); color: #ffffff!important; text-decoration:none!important; width:12em; margin:15px auto; padding:7px; display:flex; align-items:center; position:relative; overflow: hidden; border-radius:0 30px 30px 0; box-shadow:5px 5px 5px rgba(0,0,0,0.3); transition:0.4s ease-out; } #secondary-content-wrap .bullet-border::before { position:absolute; content:""; top:0; left:-120%; width:100%; height:100%; transform:skewX(0deg); background:linear-gradient(to left, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.01) 100%); } #secondary-content-wrap .bullet-border:hover:before { animation: shine .6s linear; } #secondary-content-wrap .bullet-border:hover { box-shadow:none; } /* 応援する+助成を受ける */ /* BORDER BOXES */ #secondary-content-wrap .border-content-wrap { margin:0 auto 60px; padding:17px; width:80%; border-radius:22px; } #secondary-content-wrap .border-content-inside { padding:18px 60px 24px 58px; text-align:center; background-color:#ffffff; border-radius:16px; } #secondary-content-wrap .border-content-wrap h2.blue { margin:0 auto 1em; padding:55px 0; border-bottom:1px solid #a6a7a7; background-image:url(https://tottoricf.org/wp-content/uploads/two-box-h3-bg-r.png); background-position:78% 46%; background-size:17%; background-repeat:no-repeat; } #secondary-content-wrap .border-content-wrap h2.pink { margin:0 auto 1em; padding:55px 0; border-bottom:1px solid #a6a7a7; background-image:url(https://tottoricf.org/wp-content/uploads/two-box-h3-bg-l.png); background-position:17% 44%; background-size:13%; background-repeat:no-repeat; } #secondary-content-wrap .border-content-wrap-pink { background-color:#f19a86; } #secondary-content-wrap .border-content-wrap-blue { background-color:#4882a8; } #secondary-content-wrap span.pink { color:#f19a86; } #secondary-content-wrap span.blue { color:#4882a8; } #secondary-content-wrap .border-top-dashed { border-top:1px dashed #a6a7a7; } #secondary-content-wrap .border-bottom-dashed { border-bottom:1px dashed #a6a7a7; } #secondary-content-wrap .going-on-img-wrap { margin:0 auto 60px; padding:0; width:52%; } #secondary-content-wrap .going-on-img-wrap img { border-radius:12px; filter:drop-shadow(5px 5px 5px rgba(0,0,0,0.3)); transition:0.4s; } #secondary-content-wrap .going-on-img-wrap img:hover { opacity:0.8; filter:drop-shadow(5px 5px 5px rgba(0,0,0,0)); } #secondary-content-wrap .content-of-goingon { display:flex; flex-wrap:wrap; } #secondary-content-wrap .content-of-goingon .going-on-img-wrap { width:47%; } /* メンバー */ .message #representative-message { } .message .representative-message-img { display:flex; flex-wrap:wrap; } .message #representative-message .message-body { width:80%; } .message .member-img-wrap { margin:0 auto 25px; width:60%; } .message .member-img-wrap dt { display:flex; flex-wrap:wrap; } .message .member-img-wrap .member-img { padding:7px; width:30%; background:linear-gradient(90deg, #e1aa44, 25%, #d78a77); border-radius:50%; } .message .member-img-wrap .member-img img { border-radius:50%; } .message .member-img-wrap .member-name { padding:1em 0 0 1em; width:70%; font-size:1.2rem; line-height:1.3em; } .message .member-img-wrap .member-name span.ruby { font-size:0.9rem; } .message .member-img-wrap .member-name .open-message { display:inline-block; padding-top:1em; font-size:0.9rem; } .message .member-img-wrap .message-from-a-member { padding:1.8em 0 1.2em; border-top:1px solid #a6a7a7; } .message .member-img-wrap .message-on-message { border-top:1px dashed #a6a7a7; } .message .member-img-wrap .message-on-message strong { display:block; padding:1.2em 0 0.7em; text-align:center; } /* 設立準備会メンバー */ #prepare-member { margin-bottom:60px; } /* 設立サポーター */ #supporter-member { display:flex; flex-wrap:wrap; margin:0 auto; width:80%; } #supporter-member p { margin:0 1.5% 25px 1.5%; width:30%; } #supporter-member .name { margin-bottom:2em; font-size:1.35rem; font-weight:500; } #supporter-member .name:nth-of-type(1) { text-align:right; } #supporter-member .name:nth-of-type(2) { text-align:center; } #supporter-member .name:nth-of-type(3) { text-align:left; } #supporter-member2 { display:flex; flex-wrap:wrap; margin:0 auto; width:60%; } #supporter-member2 p { margin:25px 8.5% 25px 8.5%; width:32%; font-size:1.1rem; } .accordion dd .supporter3 { display:flex; flex-wrap:wrap; width:100%; } .accordion dd p.name-l { margin:25px 8.5% 25px 8.5%; width:32%; } .accordion dd .supporter4 { display:flex; flex-wrap:wrap; margin-top:25px; width:100%; } .accordion dd p.name-s { margin:25px 8.5% 25px 8.5%; width:32%; font-size:0.9rem; } /* 寄付額等 */ .donation-number { text-align:center; } .donation-number p { font-size:1.5rem; font-weight:500; } .donation-number p span { letter-spacing:0.2em; } /* 組織概要 */ #representative-message { margin-top:65px; } #secondary-content-wrap .organization-table-wrap { margin-top:60px; width:74%; } #secondary-content-wrap .organization-table, #secondary-content-wrap .organization-table th, #secondary-content-wrap .organization-table td { padding:1.7em 1em 1.8em 1em; border:none; } #secondary-content-wrap .organization-table th { border-top:1px dashed #a6a7a7; border-bottom:1px dashed #a6a7a7; } #secondary-content-wrap .organization-table td { border-top:1px dashed #a6a7a7; border-bottom:1px dashed #a6a7a7; } #secondary-content-wrap .organization-table td p { margin-bottom:1em; } #secondary-content-wrap .organization-table td span { padding-left:1em; } /* 情報公開 */ #seconadry-content-wrap .information-disclosure h3 { margin:2em auto; } #secondary-content-wrap .pdf-link-one { clear:both; padding:2em 0; } #secondary-content-wrap .pdf-link-two { clear:both; padding:2em 0; } #secondary-content-wrap .pdf-link-two2 { clear:both; padding:2em 0 0; } #secondary-content-wrap .pdf-link-two3 { clear:both; padding:0; } #secondary-content-wrap .pdf-link-two4 { clear:both; padding:0 0 2em; } #secondary-content-wrap .pdf-link-wrap { width:50%; } #secondary-content-wrap .pdf-link-wrap-left { padding-left:15%; } #secondary-content-wrap .pdf-link-wrap-right { padding-right:15%; } #secondary-content-wrap .pdf-link-wrap .bullet-border { width:14em; } #secondary-content-wrap .pdf-link-wrap .bullet-border span { padding-left:3.5em; width:14.7em; background-image:url(https://tottoricf.org/wp-content/uploads/icon-pdf.png); background-repeat:no-repeat; background-size:10%; background-position:6% 50%; } /* ぱんクズリスト */ #secondary-content-wrap .breadcrumb { margin:0 auto 25px; padding:0; text-align:center; font-size:0.83rem; background-color:#ffffff; border-radius:0; } /* お問い合わせ */ .inquiry .google-form { margin:0 auto; width:640px; } .inquiry .google-form iframe { width:640px; height:1700px; } /* アコーディオン(JS) */ dl.accordion { width:99%; margin:35px auto 30px; } dl.accordion dt { padding:0.9em 0 0.4em 1em; background-color:#ffffff; color:#333333; font-weight:400; cursor:pointer; } dl.accordion dt a:before { padding:0 0.5em; content:"\f107"; font-family:'Font Awesome 5 Free'; font-weight:900; } dl.accordion dt:open a { padding:0 0.5em; content:"\f106"; font-family:'Font Awesome 5 Free'; font-weight:900; } dl.accordion dt h3:before { padding:0 0.5em; content:"\f107"; font-family:'Font Awesome 5 Free'; font-weight:900; } dl.accordion dt h3:open { padding:0 0.5em; content:"\f106"; font-family:'Font Awesome 5 Free'; font-weight:900; } dl.accordion dd { padding:0.7em 0 0.7em 1.2em; background:#ffffff; display:none; } } /* --------------------------------------------------- SECONDALY CONETNT WRAP - SP ---------------------------------------------------- */ @media screen and (max-width: 500px) { #secondary-content-wrap { margin-top:35px; } #secondary-content-wrap #page-title, #secondary-content-wrap .page-title { margin:0 auto 75px; padding:0.4em; width:60%; font-size:1.8rem; border-bottom:1px solid #a6a7a7; } #secondary-content-wrap .title-with-border-bottom { margin:0 auto 75px; padding:0.4em; width:66%; font-size:1.8rem; border-bottom:1px solid #a6a7a7; } #secondary-content-wrap .content-inbox-wrap { margin:0 auto 60px; width:100%; } #secondary-content-wrap .content-inbox { margin:0 auto 60px; width:80%; } #secondary-content-wrap .content-inbox p { margin:0 auto; } #secondary-content-wrap .border-bottom { padding-bottom:50px; border-bottom:1px solid #a6a7a7; } #secondary-content-wrap .content-inbox p.not-end-line { margin-bottom:1.2em; } #secondary-content-wrap .content-inbox p .icons { display:block; margin:55px auto; width:35%; } #secondary-content-wrap .inbox-wrap-wide { padding:25px 0 15px; } #secondary-content-wrap .inbox-wrap-wide-pink { background-color:#fae6e4; } #secondary-content-wrap .inbox-wrap-wide-blue { background-color:#dce6f0; } /* 財団概要 */ #secondary-content-wrap .fund-menu { display:flex; } #secondary-content-wrap .fund-menu2 { display:block; } #secondary-content-wrap .fund-image { margin:80px auto 0; width:80%; } #secondary-content-wrap .inbox-wrap-wide-pink-gradient { background:linear-gradient(90deg, #f8e6e4, 50%, #ffffff); } #secondary-content-wrap .inbox-wrap-wide-orange-gradient { background:linear-gradient(90deg, #efdbb6, 50%, #ffffff); } #secondary-content-wrap .inbox-wrap-wide-blue-gradient { background:linear-gradient(90deg, #dce5ee, 50%, #ffffff); } .outline .inbox-wrap-wide { margin-bottom:25px; } .outline .content-inbox span { display:block; margin:15px auto 35px; text-align:center; font-size:1.2rem; font-weight:bold; } #secondary-content-wrap h2 { margin:2em 0; } #secondary-content-wrap .inbox-wrap-wide h2 { margin:0 auto 1.25em; } #secondary-content-wrap .fund-menu { margin:0 auto 15px; width:94%; } #secondary-content-wrap .fund-menu2 { margin:0 auto; } #secondary-content-wrap .fund-menu p { margin-bottom:0!important; width:100%; text-align:center; } #secondary-content-wrap #business-overview h3 { margin-top:2em; } /* 財団概要のメニューボタン */ #secondary-content-wrap .bullet-border span { display:inline-block; margin:0; padding:0.8em 0.5em; width:12.4em; font-size:0.9rem; font-weight:normal; color:#333333; background-color:#ffffff; border-radius:0 26px 26px 0; } #secondary-content-wrap .bullet-border { background:linear-gradient(90deg, #e1aa44, 25%, #d78a77); color: #ffffff!important; text-decoration:none!important; width:12em; margin:15px auto; padding:7px; display:flex; align-items:center; position:relative; overflow: hidden; border-radius:0 30px 30px 0; box-shadow:5px 5px 5px rgba(0,0,0,0.3); transition:0.4s ease-out; } #secondary-content-wrap .bullet-border::before { position:absolute; content:""; top:0; left:-120%; width:100%; height:100%; transform:skewX(0deg); background:linear-gradient(to left, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.01) 100%); } #secondary-content-wrap .bullet-border:hover:before { animation: shine .6s linear; } #secondary-content-wrap .bullet-border:hover { box-shadow:none; } /* 応援する+助成を受ける */ #secondary-content-wrap .border-content-wrap { margin:0 auto 60px; padding:17px; width:90%; border-radius:22px; } #secondary-content-wrap .border-content-inside { padding:18px 60px 24px 58px; text-align:center; background-color:#ffffff; border-radius:16px; } #secondary-content-wrap .border-content-wrap h2.blue { margin:0 auto 1em; padding:55px 0; border-bottom:1px solid #a6a7a7; background-image:url(https://tottoricf.org/wp-content/uploads/two-box-h3-bg-r.png); background-position:88% 50%; background-size:17%; background-repeat:no-repeat; } #secondary-content-wrap .border-content-wrap h2.pink { margin:0 auto 1em; padding:55px 0; border-bottom:1px solid #a6a7a7; background-image:url(https://tottoricf.org/wp-content/uploads/two-box-h3-bg-l.png); background-position:2% 50%; background-size:13%; background-repeat:no-repeat; } #secondary-content-wrap .border-content-wrap-pink { background-color:#f19a86; } #secondary-content-wrap .border-content-wrap-blue { background-color:#4882a8; } #secondary-content-wrap span.pink { color:#f19a86; } #secondary-content-wrap span.blue { color:#4882a8; } #secondary-content-wrap .border-top-dashed { border-top:1px dashed #a6a7a7; } #secondary-content-wrap .border-bottom-dashed { border-bottom:1px dashed #a6a7a7; } #secondary-content-wrap .going-on-img-wrap { margin:0 auto 60px; padding:0; width:80%; } #secondary-content-wrap .going-on-img-wrap img { border-radius:12px; filter:drop-shadow(5px 5px 5px rgba(0,0,0,0.3)); transition:0.4s; } #secondary-content-wrap .going-on-img-wrap img:hover { opacity:0.8; filter:drop-shadow(5px 5px 5px rgba(0,0,0,0)); } #secondary-content-wrap .content-of-goingon { } /* メンバー */ .message #representative-message { } .message .representative-message-img { display:flex; flex-wrap:wrap; } .message .member-img-wrap { margin:0 auto 25px; width:80%; } .message .member-img-wrap dt { display:flex; flex-wrap:wrap; } .message .member-img-wrap .member-img { padding:7px; width:40%; background:linear-gradient(90deg, #e1aa44, 25%, #d78a77); border-radius:50%; } .message .member-img-wrap .member-img img { border-radius:50%; } .message .member-img-wrap .member-name { padding:0.5em 0 1em 0.6em; width:60%; font-size:1.2rem; line-height:1.3em; } .message .member-img-wrap .member-name span.ruby { padding-left:-0.5em; font-size:0.9rem; } .message .member-img-wrap .member-name .open-message { font-size:0.9rem; } .message .member-img-wrap .message-from-a-member { padding:1.8em 0 1.2em; border-top:1px solid #a6a7a7; } .message .member-img-wrap .message-on-message { border-top:1px dashed #a6a7a7; } .message .member-img-wrap .message-on-message strong { display:block; padding:1.2em 0 0.7em; text-align:center; } /* 設立準備会メンバー */ #prepare-member { margin-bottom:60px; } /* 設立サポーター */ #supporter-member { margin:0 auto; width:60%; } #supporter-member p { margin:0 1.5% 25px 1.5%; width:100%; text-align:center; } #supporter-member .name { margin-bottom:1.2em; font-size:1.35rem; font-weight:500; } #supporter-member2 { display:flex; flex-wrap:wrap; margin:0 auto; width:60%; } #supporter-member2 p { margin:25px auto 0; width:100%; font-size:1.1rem; text-align:center; } .accordion dd .supporter3 { width:100%; } .accordion dd p.name-l { margin:25px auto 0; width:100%; text-align:center; } .accordion dd .supporter4 { display:flex; flex-wrap:wrap; margin-top:25px; width:100%; } .accordion dd p.name-s { margin:25px auto 0; width:100%; font-size:0.9rem; text-align:center; } /* 寄付額等 */ .donation-number { text-align:center; } .donation-number p { font-size:1.5rem; font-weight:500; } .donation-number p span { letter-spacing:0.2em; } /* 組織概要 */ #representative-message { margin-top:65px; } #secondary-content-wrap .organization-table-wrap { margin-top:60px; width:80%; } #secondary-content-wrap .organization-table, #secondary-content-wrap .organization-table th, #secondary-content-wrap .organization-table td { padding:1.7em 1em 1.8em 1em; border:none; } #secondary-content-wrap .organization-table th { border-top:1px dashed #a6a7a7; border-bottom:1px dashed #a6a7a7; } #secondary-content-wrap .organization-table td { border-top:1px dashed #a6a7a7; border-bottom:1px dashed #a6a7a7; } #secondary-content-wrap .organization-table td p { margin-bottom:1em; } #secondary-content-wrap .organization-table td span { padding-left:1em; } /* 情報公開 */ #seconadry-content-wrap .information-disclosure h3 { margin:2em auto; } #seconadry-content-wrap .information-disclosure .bizrep { margin-bottom:3em; } #secondary-content-wrap .pdf-link-one { clear:both; padding:3em 0; } #secondary-content-wrap .pdf-link-two { clear:both; padding:3em 0; } #secondary-content-wrap .pdf-link-two2 { clear:both; padding:3em 0 0; } #secondary-content-wrap .pdf-link-two3 { clear:both; padding:0; } #secondary-content-wrap .pdf-link-two4 { clear:both; padding:0 0 3em; } #secondary-content-wrap .pdf-link-wrap { margin:0 auto 20px!important; width:100%; } #secondary-content-wrap .pdf-link-wrap-left { padding-left:0%; } #secondary-content-wrap .pdf-link-wrap-right { padding-right:0%; } #secondary-content-wrap .pdf-link-wrap .bullet-border { width:14em; } #secondary-content-wrap .pdf-link-wrap .bullet-border span { padding-left:3.5em; width:14.7em; background-image:url(https://tottoricf.org/wp-content/uploads/icon-pdf.png); background-repeat:no-repeat; background-size:10%; background-position:6% 50%; } /* ぱんクズリスト */ #secondary-content-wrap .breadcrumb { margin:0 auto 25px; padding:0; text-align:center; font-size:0.83rem; background-color:#ffffff; border-radius:0; } /* お問い合わせ */ .inquiry .google-form { margin:0 auto; width:96%; } .inquiry .google-form iframe { margin:0; width:100%; height:1300px; } /* アコーディオン(JS) */ dl.accordion { width:99%; margin:35px auto 30px; } dl.accordion dt { padding:0.9em 0 0.4em 1em; background-color:#ffffff; color:#333333; font-weight:400; cursor:pointer; } dl.accordion dt a:before { padding:0 0.5em; content:"\f107"; font-family:'Font Awesome 5 Free'; font-weight:900; } dl.accordion dt:open a { padding:0 0.5em; content:"\f106"; font-family:'Font Awesome 5 Free'; font-weight:900; } dl.accordion dt h3:before { padding:0 0.5em; content:"\f107"; font-family:'Font Awesome 5 Free'; font-weight:900; } dl.accordion dt h3:open { padding:0 0.5em; content:"\f106"; font-family:'Font Awesome 5 Free'; font-weight:900; } dl.accordion dd { padding:0.7em 0 0.7em 1.2em; background:#ffffff; display:none; } } /* --------------------------------------------------- ARCHIVE PAGE(LIST) ---------------------------------------------------- */ @media screen and (max-width: 959px) { .archive .no-sidebar .content-area { margin:0 auto; width:94%; } } /* アーカイブページのサムネ画像サイズ調整 */ @media screen and (min-width: 960px) { .list-article-thumb { width:300px; } .archive .entry-title { font-size:1.2rem; } } @media screen and (max-width: 959px) and (min-width: 500px) { .archive .entry-title { font-size:1.35rem; } } @media screen and (max-width: 500px) { .archive .entry-title { font-size:1.2rem; } } .nav-links a { background-color:#f19a85; transition:0.4s; } .nav-links a:hover { background-color:#3372A8; color:#ffffff!important; } /* --------------------------------------------------- ARTICLE PAGE(SINGLE PAGE) ---------------------------------------------------- */ @media screen and (min-width: 960px) { .single .entry-header .entry-title { font-size:1.8rem; } } @media screen and (max-width: 959px) and (min-width: 500px) { .single .entry-header .entry-title { font-size:1.8rem; } } @media screen and (max-width: 500px) { .single .entry-header .entry-title { font-size:1.8rem; } } /* --------------------------------------------------- FOOTER ---------------------------------------------------- */ .site-footer .btt a, .footer-widgets, .site-footer .site-info { background-color:#eeeeee; } footer .site-info { display:none; } @media screen and (max-width: 500px) { footer #copyright-wrap .copyright { padding-top:1.5em; } #footer-widgets { padding-bottom:100px; } } /* Adjust padding for donation button */ footer .footer-widgets.section-padding { padding-top:0; } footer .sidebar .widget, footer .footer-widgets .sidebar .widget { margin-bottom:0; } .sidebar .widget a, #footer-widgets .sidebar .widget a { color:#333333; } .sidebar .widget ul.sub-menu { margin-left:0.5em; font-size:90%; } /* Donation */ @media screen and (min-width: 960px) { #donation-pc { margin-bottom:45px; } #donation-pc a { display:block; margin:0 auto; padding:1.1em 0 0; width:333px; height:74px; font-size:135%; color:#ffffff!important; text-align:center; background:url(https://tottoricf.org/wp-content/uploads/pc-donation-btn.gif); background-size:contain; background-repeat:no-repeat; box-shadow:5px 5px 5px rgba(0,0,0,0.3); transition:0.4s ease-out; box-sizing:border-box; border-radius:0 0 16px 16px; } #donation-pc a:hover { color:#ffffff!important; text-decoration:none; box-shadow:none; } #donation-sp { display:none; } } @media screen and (max-width: 959px) and (min-width: 501px) { #donation-pc { margin-bottom:45px; } #donation-pc a { display:block; margin:0 auto; padding:1.1em 0 0; width:333px; height:74px; font-size:135%; color:#ffffff!important; text-align:center; background:url(https://tottoricf.org/wp-content/uploads/pc-donation-btn.gif); background-size:contain; background-repeat:no-repeat; box-shadow:5px 5px 5px rgba(0,0,0,0.3); transition:0.4s ease-out; box-sizing:border-box; border-radius:0 0 16px 16px; } #donation-pc a:hover { color:#ffffff!important; text-decoration:none; box-shadow:none; } #donation-sp { display:none; } } @media screen and (max-width: 500px) { #donation-sp { position:fixed; left:0; bottom:0; width:100%; opacity:0.9; z-index:999999999; } #donation-sp a { display:block; margin:0 auto -13px; padding:1.1em 0 0; width:100%; height:74px; font-size:135%; color:#ffffff!important; text-align:center; background:linear-gradient(90deg, #e1aa44, 25%, #d78a77); border-top:2px solid #ffffff; box-shadow:5px 5px 5px rgba(0,0,0,0.3); transition:0.4s ease-out; box-sizing:border-box; border-radius:0; } #donation-sp a:hover { color:#ffffff!important; text-decoration:none; box-shadow:none; } #donation-pc { display:none; } } /* Logo and Address on Footer */ @media screen and (min-width: 960px) { #footer-info { display:flex; width:80%; margin:0 auto; } #footer-info .footer-logo { width:60%; } #footer-info .footer-logo img { width:76%; } #footer-info .footer-address { width:40%; text-align:left; color:#333333; } #footer-info .footer-address span { font-size:1.04rem; } } @media screen and (max-width: 959px) and (min-width: 501px) { #footer-info { margin:0 auto; width:90%; text-align:center;} #footer-info .footer-logo { width:100%; } #footer-info .footer-logo img { width:90%; } #footer-info .footer-address { width:100%; color:#333333; } } @media screen and (max-width: 500px) { #footer-info { margin:0 auto; width:90%; text-align:center;} #footer-info .footer-logo { margin-top:25px; width:100%; } #footer-info .footer-logo img { width:90%; } #footer-info .footer-address { width:100%; color:#333333; } } /* SNS on Footer */ @media screen and (min-width: 960px) { footer #sns-wrap { display:flex; margin:50px auto; padding:0 38%; } footer #sns-wrap .fb { text-align:center; } footer #sns-wrap p { margin:0 25px; } footer #sns-wrap img { width:100%; } footer #sns-wrap img:hover { opacity:0.7; } } @media screen and (max-width: 959px) and (min-width: 501px) { footer #sns-wrap { display:flex; margin:50px auto; padding:0 32%; } footer #sns-wrap .fb { text-align:center; } footer #sns-wrap p { margin:0 25px; } footer #sns-wrap img { width:100%; } footer #sns-wrap img:hover { opacity:0.7; } } @media screen and (max-width: 500px) { footer #sns-wrap { display:flex; margin:50px auto; padding:0; width:70%; } footer #sns-wrap div { width:33.33%; } footer #sns-wrap p { text-align:center; } footer #sns-wrap img { width:25%; } } /* Janpia on Footer */ @media screen and (min-width: 960px) { footer #janpia { margin:0 auto 50px; width:100%; height:60px; text-align:center; } } @media screen and (max-width: 959px) and (min-width: 500px) { footer #janpia { text-align:center; } } @media screen and (max-width: 500px) { footer #janpia { text-align:center; } } /* Copyright on Footer */ @media screen and (min-width: 960px) { footer #copyright-wrap { display:flex; margin:0 auto 50px; } footer #copyright-wrap div { box-sizing:border-box; } footer #copyright-wrap .privacy-policy { width:35%; padding-right:1.5em; text-align:right; } footer #copyright-wrap .privacy-policy a { color:#333333; } footer #copyright-wrap .copyright { width:65%; padding-left:1.5em; color:#333333; text-align:left; } } @media screen and (max-width: 959px) and (min-width: 501px) { footer #copyright-wrap { margin:0 auto 10px; width:90%; } footer #copyright-wrap div { text-align:center; box-sizing:border-box; } footer #copyright-wrap .privacy-policy { padding-right:1.5em; } footer #copyright-wrap .privacy-policy a { color:#333333; } footer #copyright-wrap .copyright { color:#333333; } } @media screen and (max-width: 500px) { footer #copyright-wrap { margin:0 auto 10px; width:90%; } footer #copyright-wrap div { text-align:center; box-sizing:border-box; } footer #copyright-wrap .privacy-policy { padding-right:1.5em; } footer #copyright-wrap .privacy-policy a { color:#333333; } footer #copyright-wrap .copyright { color:#333333; } } /* --------------------------------------------------- FIXED PAGE ---------------------------------------------------- */ /*----- COMMON -----*/ .page-header { text-align:center; border-top:none; background-color:#ffffff; } /*----- INQUIRY -----*/ #inquiry { margin:0 auto; width:80%; } #form-wrap { margin:0 0 25px; } #inquiry-form h4 { margin:1.5em 0 0.5em; font-size: 1.5em; } #form-wrap div { margin:0; padding:0; } .required, #form-wrap .required { color:red; } #form-wrap .desc-example, .desc-example { color: #333333; font-size:1.2em; font-weight:normal; margin-bottom:0px!important; padding-left:0.3em; } .transmission-sentence { text-align:center; font-size:1.2em; font-weight:bold; color:#333333; } .bottom-desc { margin:25px 0 0; font-size:0.9em; text-align:left; } #form-wrap .inquiry-disclaimer { border-bottom:1px dashed #106844; } #form-wrap .inquiry-disclaimer p { font-weight:bold; } #form-wrap .inquiry-disclaimer ul li { font-size:80%; } .wpcf7 p span { color:#333333; font-size:1.05em; } .wpcf7 p { font-weight:normal; } .wpcf7 span.wpcf7-not-valid-tip { background: #e6d1ad none repeat scroll 0 0; border-color: #e3bfbf; color: red; display: block; font-size: 15px; left: 0; line-height: 20px; padding: 4px 14px; position: absolute; right: 0; top: 0; width: auto; } .inquiry-submit { margin:0 auto;  width:80%; text-align:center; } .wpcf7 input[type="submit"] { padding:1em 0; width:50%; color:#ffffff; font-size:1.6em; background-color:rgba(30,33,95,1); transition:0.4s; } .wpcf7 input[type="submit"]:hover { width:55%; background-color:rgba(30,33,95,0.8); border-radius:12px; } .wpcf7 div.wpcf7-response-output { margin-bottom: 30px; text-align:center; color:red; } .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea { width:100%; } #inquiry-form { margin:0; padding:0; border-top:1px solid #dddddd; } #inquiry-form .wpcf7-response-output, #inquiry-form .wpcf7-display-none, #inquiry-form .wpcf7-validation-errors { text-align:center; border:2px solid #f80c0b; background-color:#ffefef; color:#f80c0b; padding:0.5em; } .wpcf7 span.wpcf7-not-valid-tip { display:block; position:static; top:0; left:0; background-color:transparent; padding:0; font-size:85%; color:#f80c0b; } .wpcf7 span.wpcf7-not-valid-tip:before { content:"↑" ; padding-right:5px; } .wpcf7 span.wpcf7-not-valid-tip:after { content:""; display:block; clear:both; } #entering-entry .inquiry-disclaimer .required, #inquiry-form .required { color:red; } @media screen and (max-width: 500px) { #inquiry { width:90%; } .wpcf7 span.wpcf7-not-valid-tip:before { content:"↑"; } } /* --------------------------------------------------- BLOG ---------------------------------------------------- */ /* --------------------------------------------------- LEFT CULUMN ---------------------------------------------------- */ .widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li { width:100%; } .clearfix::after { content:""; display:block; clear:both; } /* --------------------------------------------------- OTHER SETTINGS ---------------------------------------------------- */ /* ページの周囲を色で囲う */ @media screen and (min-width: 960px) { html:not(:has(.l-menuBtn.-open))::before { content: ""; position: fixed; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; border: 10px solid; border-color:transparent #db826f transparent #477da1; pointer-events: none; } }