@charset "UTF-8";
/*partials
───────────────────────*/
/*─────valiables─────*/
/*------------------bg-----*/
/*---------------alert-----*/
/*---------------gray-----*/
/*-------general-color-----*/
/*─────typography─────*/
/* line 8, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/partials/_typography.scss */ .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; }

/*breakpoints
───────────────────────*/
/*─────BASE─────*/
/* line 3, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ html { scroll-behavior: smooth; }

/* line 7, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ i { vertical-align: middle; line-height: 1; margin: 0; padding: 0; }

/* line 8, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ a { display: block; }

/* line 9, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ a, a img { text-decoration: none; cursor: pointer !important; outline: none !important; }

/* line 10, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ a:focus, *:focus { outline: none !important; }

/* line 11, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ a:hover { cursor: pointer; }

/* line 13, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ span { letter-spacing: 0.05rem; }

/* line 17, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ p, span { line-break: strict; overflow-wrap: break-word; font-size: 16px; -ms-word-wrap: break-word; word-break: break-word; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; -webkit-hyphenate-before: 2; -webkit-hyphenate-after: 3; hyphenate-lines: 3; line-height: 1.7; letter-spacing: 0.05rem; font-weight: 400; color: #121212; }

/* line 34, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ p a, span a { display: inline-block; border-bottom: 1px solid #242422; }

/* line 41, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ ul { margin: 0; padding: 0; list-style: none; }

/* line 47, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ figure, img { margin: 0; padding: 0; line-height: 0; vertical-align: bottom; }

/* line 54, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ .align_left { text-align: left; }

/* line 55, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ .align_right { text-align: right; }

/* line 56, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ .align_center { text-align: center; }

/* line 57, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ .margin_top { margin-top: 150px; }

/* line 58, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ .margin_bottom { margin-bottom: 150px; }

/* line 59, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ .padding { padding: 120px 0 30px; }

/* line 60, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ ::selection { color: #ffffff; background: #242422; }

/* line 65, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ ::-moz-selection { color: #ffffff; background: #242422; }

/* line 70, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ .pswp { z-index: 1000000000000000019884624838656 !important; }

/*────────────────────────────
Main layput style
────────────────────────────*/
/* line 79, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ body { display: block; font-family: "Noto Sans JP", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative !important; box-sizing: border-box !important; margin: 0 !important; background: #fff; word-break: break-all; }

/* line 89, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ body main { margin: 0 !important; word-break: break-all; background: #fff; overflow: hidden; max-width: 100%; }

/* line 95, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ body main .main_wrap { display: block; padding-bottom: 160px; }

/* line 102, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ .wrap { max-width: 937px; width: 92%; margin: 0 auto; }

/* line 108, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ .tiny_wrap { max-width: 450px; width: 92%; margin: 0 auto; }

@media screen and (max-width: 1024px) { /* line 117, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ body main { width: 100%; margin: 0 auto; padding: 0 !important; min-height: auto; }
  /* line 122, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ body main .main_wrap { margin: 0 !important; padding-bottom: 120px; }
  /* line 129, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ p { font-size: 0.9rem !important; } }

@media screen and (max-width: 699px) { /* line 136, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ body main { padding: 0; }
  /* line 138, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ body main .main_wrap { margin: 40 auto 0 !important; padding-bottom: 40px; } }

/*────────────────────────────
h1-h5 style
────────────────────────────*/
/* line 151, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { text-rendering: optimizelegibility; margin: 0; letter-spacing: 0.05rem; font-weight: 600; }

/* line 156, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }

/* line 159, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ h1, .h1 { font-size: 1.8em; line-height: 1.333em; }

/* line 164, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ h2, .h2 { font-size: 1.4em; line-height: 1.4em; margin-bottom: 0.375em; }

/* line 170, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ h3, .h3 { font-size: 1.1em; }

/* line 174, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ h4, .h4 { font-size: 1em; font-weight: 700; }

/* line 179, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_base.scss */ h5, .h5 { font-size: 1em; line-height: 2.09em; letter-spacing: 2px; }

/*--------------------
LARGER MOBILE DEVICES
--------------------*/
@media only screen and (min-width: 481px) { /******************************************************************
Site Name:
Author:

Stylesheet: 481px and Up Stylesheet

This stylesheet is loaded for larger devices. It's set to
481px because at 480px it would load on a landscaped iPhone.
This isn't ideal because then you would be loading all those
extra styles on that same mobile connection.

A word of warning. This size COULD be a larger mobile device,
so you still want to keep it pretty light and simply expand
upon your base.scss styles.

******************************************************************/
  /*
IMPORTANT NOTE ABOUT SASS 3.3 & UP
You can't use @extend within media queries
anymore, so just be aware that if you drop
them in here, they won't work.
*/
  /*********************
NAVIGATION STYLES
*********************/
  /* .menu is clearfixed inside mixins.scss */
  /* line 32, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_481up.scss */ .menu { /* end .menu ul */ }
  /* line 33, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_481up.scss */ .menu ul { /* end .menu ul li */ /* highlight current page */ /* end current highlighters */ }
  /* line 34, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_481up.scss */ .menu ul li { /* plan your menus and drop-downs wisely. */ }
  /* line 35, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_481up.scss */ .menu ul li a { /* you can use hover styles here even though this size has the possibility of being a mobile device. */ }
  /* end .menu */
  /*********************
POSTS & CONTENT STYLES
*********************/
  /* entry content */
  /* line 80, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_481up.scss */ .entry-content { /* at this larger size, we can start to align images */ }
  /* line 84, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_481up.scss */ .entry-content .alignleft, .entry-content img.alignleft { margin-right: 1.5em; display: inline; float: left; }
  /* line 89, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_481up.scss */ .entry-content .alignright, .entry-content img.alignright { margin-left: 1.5em; display: inline; float: right; }
  /* line 94, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_481up.scss */ .entry-content .aligncenter, .entry-content img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
  /* end .entry-content */
  /*********************
FOOTER STYLES
*********************/
  /*
check your menus here. do they look good?
do they need tweaking?
*/
  /* end .footer-links */ }

/*--------------------
TABLET & SMALLER LAPTOPS
--------------------*/
@media only screen and (min-width: 768px) { /******************************************************************
Site Name:
Author:

Stylesheet: Tablet & Small Desktop Stylesheet

Here's where you can start getting into the good stuff.
This size will work on iPads, other tablets, and desktops.
So you can start working with more styles, background images,
and other resources. You'll also notice the grid starts to
come into play. Have fun!

******************************************************************/
  /*********************
GENERAL STYLES
*********************/
  /*********************
LAYOUT & GRID STYLES
*********************/
  /*********************
HEADER STYLES
*********************/
  /*********************
NAVIGATION STYLES
*********************/
  /* line 40, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_768up.scss */ .nav { border: 0; /* end .menu ul li */ /* highlight current page */ /* end current highlighters */ }
  /* line 42, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_768up.scss */ .nav ul { background: #242422; margin-top: 0; }
  /* line 46, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_768up.scss */ .nav li { float: left; position: relative; /* plan your menus and drop-downs wisely. */ /* showing sub-menus */ }
  /* line 50, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_768up.scss */ .nav li a { border-bottom: 0; /* you can use hover styles here even though this size has the possibility of being a mobile device. */ }
  /* line 57, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_768up.scss */ .nav li a:hover, .nav li a:focus { color: #ffffff; text-decoration: underline; }
  /* line 70, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_768up.scss */ .nav li ul.sub-menu, .nav li ul.children { margin-top: 0; border: 1px solid #ccc; border-top: 0; position: absolute; visibility: hidden; z-index: 8999; /* highlight sub-menu current page */ }
  /* line 78, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_768up.scss */ .nav li ul.sub-menu li, .nav li ul.children li { /* if you need to go deeper, go nuts just remember deeper menus suck for usability. k, bai. */ }
  /* line 80, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_768up.scss */ .nav li ul.sub-menu li a, .nav li ul.children li a { padding-left: 10px; border-right: 0; display: block; width: 180px; border-bottom: 1px solid #ccc; }
  /* line 97, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_768up.scss */ .nav li ul.sub-menu li:last-child a, .nav li ul.children li:last-child a { border-bottom: 0; }
  /* line 107, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_768up.scss */ .nav li ul.sub-menu li ul, .nav li ul.children li ul { top: 0; left: 100%; }
  /* line 122, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_768up.scss */ .nav li:hover > ul { top: auto; visibility: visible; }
  /* end .nav */
  /*********************
SIDEBARS & ASIDES
*********************/
  /* line 142, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_768up.scss */ .sidebar { margin-top: 2.2em; }
  /* line 146, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_768up.scss */ .widgettitle { border-bottom: 2px solid #444; margin-bottom: 0.75em; }
  /* line 151, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_768up.scss */ .widget { padding: 0 10px; margin: 2.2em 0; }
  /* line 156, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_768up.scss */ .widget ul li { margin-bottom: 0.75em; /* deep nesting */ }
  /* line 164, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_768up.scss */ .widget ul li ul { margin-top: 0.75em; padding-left: 1em; }
  /* links widget */
  /* meta widget */
  /* pages widget */
  /* recent-posts widget */
  /* archives widget */
  /* tag-cloud widget */
  /* calendar widget */
  /* category widget */
  /* recent-comments widget */
  /* search widget */
  /* text widget */
  /*********************
FOOTER STYLES
*********************/
  /*
you'll probably need to do quite a bit
of overriding here if you styled them for
mobile. Make sure to double check these!
*/
  /* line 272, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/breakpoints/_768up.scss */ .footer-links ul li { /* be careful with the depth of your menus. it's very rare to have multi-depth menus in the footer. */ }
  /* end .footer-links */ }

/*--------------------
DESKTOP
--------------------*/
/*--------------------
LARGE VIEWING SIZE
--------------------*/
/*--------------------
RETINA (2x RESOLUTION DEVICES)
--------------------*/
/*modules
───────────────────────*/
/* line 3, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_header.scss */ header.header { z-index: 989898; width: 100%; margin: 0; height: 80px; }

/* line 8, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_header.scss */ header.header .header_wrapper { display: flex; justify-content: center; align-items: center; margin: 0; height: 100%; width: 100%; }

/* line 15, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_header.scss */ header.header .header_wrapper a.logo { margin: 0; padding: 0; width: 200px; }

/* line 19, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_header.scss */ header.header .header_wrapper a.logo h1 { text-align: center; }

/* line 21, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_header.scss */ header.header .header_wrapper a.logo h1 img { width: 100%; height: auto; line-height: 1; }

/* line 26, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_header.scss */ header.header .header_wrapper a.logo h1 span.titlelogo { letter-spacing: 0.05rem; font-size: 1.2rem; }

/*────────────────────────────
bc
────────────────────────────*/
/* line 6, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_footer.scss */ .bc_wrapper { margin: 80px auto 40px; }

/*────────────────────────────
footer
────────────────────────────*/
/* line 13, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_footer.scss */ footer.footer { position: relative; }

/* line 15, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_footer.scss */ footer.footer .pagetop { position: absolute; bottom: 40px; right: 80px; }

/* line 19, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_footer.scss */ footer.footer .pagetop a { position: relative; display: inline-block; vertical-align: middle; }

/* line 23, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_footer.scss */ footer.footer .pagetop a::before { content: ""; position: absolute; top: 0; left: 15px; width: 30px; height: 30px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

/* line 37, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_footer.scss */ footer.footer .footer_wrapper { padding: 0 0 20px; text-align: center; }

/* line 40, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_footer.scss */ footer.footer .footer_wrapper a.logo { margin: 0 auto 60px; }

/* line 43, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_footer.scss */ footer.footer .footer_wrapper a.logo h3 img { width: 180px; height: auto; }

/* line 50, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_footer.scss */ footer.footer .footer_wrapper .copyright small { color: #AAAAAA; letter-spacing: 0.05rem; }

/*─────Loader─────*/
/* line 3, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_loader.scss */ #loading-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.3s; z-index: 9999; }

/* line 18, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_loader.scss */ .completed { opacity: 0; visibility: hidden; }

/* line 23, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_loader.scss */ .sk-folding-cube { margin: 20px auto; width: 40px; height: 40px; position: relative; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }

/* line 32, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_loader.scss */ .sk-folding-cube .sk-cube { float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

/* line 41, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_loader.scss */ .sk-folding-cube .sk-cube:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #242422; -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; }

/* line 55, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_loader.scss */ .sk-folding-cube .sk-cube2 { -webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg); }

/* line 59, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_loader.scss */ .sk-folding-cube .sk-cube3 { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg); }

/* line 63, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_loader.scss */ .sk-folding-cube .sk-cube4 { -webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg); }

/* line 67, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_loader.scss */ .sk-folding-cube .sk-cube2:before { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

/* line 71, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_loader.scss */ .sk-folding-cube .sk-cube3:before { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

/* line 75, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_loader.scss */ .sk-folding-cube .sk-cube4:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

@-webkit-keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

@keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

/*───────────────────────────────────
//Parts
───────────────────────────────────*/
/*──────────────────────────────────────────
subpages-header
──────────────────────────────────────────*/
/* line 9, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ #subpages-header { width: 100%; padding: 60px 0; margin: 0 auto; }

/* line 13, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ #subpages-header .page_header_wrapper { display: flex; flex-direction: column; }

/* line 16, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ #subpages-header .page_header_wrapper h1 { display: block; margin: 0 auto; text-align: center; letter-spacing: 0.05rem; font-size: 1rem; font-weight: 600; }

/* line 23, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ #subpages-header .page_header_wrapper h1.single_title { font-size: 1rem; }

/* line 27, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ #subpages-header .page_header_wrapper > img, #subpages-header .page_header_wrapper > video { margin: 40px auto; width: 100%; height: 450px; object-fit: cover; object-position: 50% 50%; }

/* line 34, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ #subpages-header .page_header_wrapper .single_thumb { width: 100%; margin: 40px auto 0; }

/* line 37, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ #subpages-header .page_header_wrapper .single_thumb video, #subpages-header .page_header_wrapper .single_thumb img { width: 100%; height: auto !important; }

/* line 42, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ #subpages-header .page_header_wrapper p.term_desc { text-align: left; max-width: 700px; margin: 0 auto; font-size: .9rem; line-height: 2; }

@media screen and (max-width: 699px) { /* line 57, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ #subpages-header { padding: 40px 0; }
  /* line 64, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ #subpages-header .page_header_wrapper > img, #subpages-header .page_header_wrapper > video { margin: 20px auto; width: 100%; height: auto; }
  /* line 69, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ #subpages-header .page_header_wrapper .single_thumb { margin: 20px auto -20px; }
  /* line 71, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ #subpages-header .page_header_wrapper .single_thumb video, #subpages-header .page_header_wrapper .single_thumb img { width: 100%; height: auto !important; }
  /* line 76, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ #subpages-header .page_header_wrapper p.term_desc { font-size: 0.8rem !important; } }

/*────────────────────────────
Bread crumbs
────────────────────────────*/
/* line 87, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ #breadcrumb ul { max-width: 100%; width: 100%; display: flex; align-items: center; justify-content: center; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; overflow-scrolling: touch !important; white-space: nowrap !important; }

/* line 98, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ #breadcrumb ul li { display: flex; align-items: center; justify-content: center; margin: 0; }

/* line 103, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ #breadcrumb ul li:first-child { margin: 0; }

/* line 106, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ #breadcrumb ul li a { display: flex; align-items: center; justify-content: center; }

/* line 114, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ #breadcrumb ul li span { font-size: 0.7rem !important; }

/* line 117, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ #breadcrumb ul li:not(:last-child)::after { content: "──"; font-weight: 300; margin: 0 10px; }

@media screen and (max-width: 1024px) { /* line 132, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ #breadcrumb li span { font-size: 0.7rem !important; } }

@media screen and (max-width: 699px) { /* line 139, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ #breadcrumb { max-width: 100%; width: 100%; padding: 0; }
  /* line 143, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ #breadcrumb ul { justify-content: flex-start; }
  /* line 152, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ #breadcrumb ul li:not(:last-child)::after { content: "─"; margin: 0 8px; } }

/*──────────────────────────────────────────
見出し
──────────────────────────────────────────*/
/* line 164, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ .section_title { display: block; margin: 0 auto 30px; }

/* line 167, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ .section_title span.en { font-size: 2.5rem !important; text-transform: capitalize; display: block; color: #242422; margin: 0; line-height: 1.3; font-weight: 400; letter-spacing: .1rem; }

/* line 177, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ .section_title h2 { margin: 0; padding: 0; font-size: 0.9rem !important; font-weight: 500; letter-spacing: 0.05rem; }

/* line 185, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ .section_title h3 span, .section_title h2.subtitle span { font-weight: 500; font-size: 1.4rem; color: #242422; display: block; }

/* line 192, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ .section_title p { margin: 30px 0; line-height: 2; }

@media screen and (min-width: 700px) and (max-width: 1024px) { /* line 201, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ .section_title { margin: 0 auto 20px; }
  /* line 203, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ .section_title span.en { font-size: 2rem !important; }
  /* line 206, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ .section_title h2 { font-size: 0.9rem !important; } }

@media screen and (max-width: 699px) { /* line 214, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ .section_title { margin: 0 auto 20px !important; }
  /* line 216, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ .section_title span.en { font-size: 2rem !important; }
  /* line 219, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ .section_title h2 { font-size: 0.9rem !important; }
  /* line 223, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ .section_title h3 span, .section_title h2.subtitle span { font-size: 1rem; }
  /* line 227, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ .section_title p { margin: 20px 0; line-height: 1.5; } }

/*────────────────────────────
table
────────────────────────────*/
/* line 240, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ table { box-sizing: border-box; border-collapse: collapse; border-spacing: 0; }

/* line 245, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ table.tbl2 { border: 1px solid #EDEEF0; margin: 0 0 40px; text-align: left; width: 100%; letter-spacing: 0.05rem; font-size: .9rem; text-align: center; }

/* line 255, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ table.tbl2 thead tr th { background: #F2F2F7; padding: 5px 1rem; color: #242422; }

/* line 263, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ table.tbl2 tbody tr { border-bottom: 1px solid #EDEEF0; display: flex; }

/* line 266, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ table.tbl2 tbody tr:last-of-type { border-bottom: none; }

/* line 269, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ table.tbl2 tbody tr th { border-right: 1px solid #EDEEF0; padding: 1.5rem; flex-basis: 40%; display: flex; align-items: center; justify-content: center; font-weight: 500; }

/* line 278, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ table.tbl2 tbody tr td { padding: 1.5rem; flex-basis: 30%; }

/* line 281, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ table.tbl2 tbody tr td:first-of-type { border-right: 1px solid #EDEEF0; }

/* line 284, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ table.tbl2 tbody tr td span { display: block; font-size: .7rem; }

/* line 292, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ table.tbl { border-top: 1px solid #EDEEF0; margin: 20px 0; text-align: left; width: 100%; letter-spacing: 0.05rem; font-size: .9rem; }

/* line 300, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ table.tbl tbody tr { width: 100%; display: flex; justify-content: space-between; border-bottom: 1px solid #EDEEF0; }

/* line 306, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ table.tbl tbody th { padding: 1.5rem 0; flex-basis: 18%; font-weight: 500; }

/* line 311, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ table.tbl tbody td { padding: 1.5rem 2rem; flex-basis: 82%; font-weight: 400; }

/* line 315, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ table.tbl tbody td a { display: inline-block; }

/* line 319, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ table.tbl tbody td ul li { margin-bottom: 10px; }

/* line 321, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ table.tbl tbody td ul li:last-child { margin-bottom: 0; }

/* line 326, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ table.tbl tbody td span.annotation { display: inline-block; margin-top: 15px; padding: 15px; background: #F8F9FA; font-size: .8rem; }

@media screen and (min-width: 700px) and (max-width: 1024px) { /* line 338, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ table.tbl { font-size: .8rem; }
  /* line 341, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ table.tbl tbody th { flex-basis: 18%; }
  /* line 344, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ table.tbl tbody td { padding: 1rem 2rem; flex-basis: 82%; } }

@media screen and (max-width: 699px) { /* line 356, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ .tbl tbody tr th { flex-basis: 30%; font-size: .8rem; padding: .5rem 0; }
  /* line 361, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ .tbl tbody tr td { flex-basis: 70%; font-size: .8rem; padding: 0.5rem 0 0.5rem 1rem; } }

/*────────────────────────────
pagination
────────────────────────────*/
/* pagination */
/* line 376, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ .pagination { margin: 50px auto; }

/* line 378, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ .pagination .nav-links { display: flex; align-items: center; justify-content: center; }

/* line 382, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ .pagination .nav-links a, .pagination .nav-links span { display: flex; justify-content: center; align-items: center; line-height: 1 !important; padding: 10px 20px; font-size: 1.3rem !important; }

/* line 393, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ .pagination .nav-links span.current { color: #888888; }

/* line 397, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ .pagination .nav-links a { color: #242422; }

/* line 404, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ .pagination .nav-links a:hover { color: #888888; }

/*────────────────────────────
prev next
────────────────────────────*/
/* line 417, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ nav.post-navigation { margin: 50px auto !important; }

/* line 419, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ nav.post-navigation .nav-links { display: flex; justify-content: space-between; align-items: flex-start; }

/* line 423, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ nav.post-navigation .nav-links > div { flex-basis: 47%; max-width: 47%; }

/* line 426, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ nav.post-navigation .nav-links > div.nav-previous { flex-basis: 47% !important; }

/* line 428, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ nav.post-navigation .nav-links > div.nav-previous .material-icons { padding-right: 5px; }

/* line 432, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ nav.post-navigation .nav-links > div.nav-next { flex-basis: 47% !important; }

/* line 434, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ nav.post-navigation .nav-links > div.nav-next .material-icons { padding-left: 5px; }

/* line 438, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ nav.post-navigation .nav-links > div a { display: inline-block; text-align: left; }

/* line 441, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ nav.post-navigation .nav-links > div a div { padding: 3px 0; border-bottom: 1px solid #242422; display: flex; align-items: center; }

/* line 446, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ nav.post-navigation .nav-links > div a div span { display: inline-block; }

/* line 448, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ nav.post-navigation .nav-links > div a div span.material-icons { font-size: 1.2rem !important; }

/* line 451, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ nav.post-navigation .nav-links > div a div span.pn-nav-title { font-weight: 500; font-size: 0.8rem !important; }

@media screen and (max-width: 699px) { /* line 463, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ nav.post-navigation { margin: 50px auto !important; }
  /* line 465, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ nav.post-navigation .nav-links { flex-direction: column; }
  /* line 467, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ nav.post-navigation .nav-links > div { flex-basis: 100%; max-width: 100%; }
  /* line 470, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ nav.post-navigation .nav-links > div.nav-previous { margin-bottom: 15px; }
  /* line 472, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ nav.post-navigation .nav-links > div.nav-previous .material-icons { padding-right: 3px; }
  /* line 475, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ nav.post-navigation .nav-links > div.nav-previous .pn-nav-title { padding: 0 0.2rem 0 0.5rem; }
  /* line 480, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ nav.post-navigation .nav-links > div.nav-next .material-icons { padding-left: 3px; }
  /* line 483, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ nav.post-navigation .nav-links > div.nav-next .pn-nav-title { padding: 0 0.5rem 0 0.2rem; }
  /* line 487, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ nav.post-navigation .nav-links > div a { display: block; }
  /* line 491, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ nav.post-navigation .nav-links > div a div span.material-icons { font-size: 1rem !important; }
  /* line 494, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_parts.scss */ nav.post-navigation .nav-links > div a div span.pn-nav-title { font-size: 0.75rem !important; } }

/*─────forms─────*/
/* line 4, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .wpcf7 form { border: none; }

/* line 9, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ ::placeholder { color: gray; }

/* line 13, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .darkmode ::placeholder { color: #fff; }

/* line 17, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform { margin: 0 auto; width: 100%; /*──────必須の調整──────*/ /*──────任意の調整──────*/ /*──────ラジオボタンを縦並び指定──────*/ }

/* line 21, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform .haveto { font-size: 0.7rem !important; letter-spacing: .2rem; padding: 3px 15px; background: #DC3A65; border: 1px solid #DC3A65; color: #fff; margin-right: 15px; font-weight: 500; }

/* line 32, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform .any { font-size: 0.7rem !important; letter-spacing: .2rem; padding: 3px 15px; background: transparent; border: 1px solid #242422; color: #242422; margin-right: 15px; font-weight: 500; }

/* line 43, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform .verticallist .wpcf7-list-item { display: block; }

/* line 46, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform table.inquiry { width: 100%; }

/* line 48, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform table.inquiry tr { display: flex; align-items: flex-start; padding: 20px 0; }

/* line 52, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform table.inquiry tr th { font-weight: 400; text-align: left; width: 30%; padding: 12px 0px; }

/* line 57, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform table.inquiry tr th div { color: #242422 !important; }

/* line 59, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform table.inquiry tr th div > span > span { display: block; margin-left: 75px; font-size: .8rem; }

/* line 66, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform table.inquiry tr td { font-size: 0.9em !important; width: 70%; }

/* line 69, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform table.inquiry tr td::placeholder { color: #242422; }

/* line 72, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform table.inquiry tr td input[type="text"] { width: 100% !important; }

/* line 75, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform table.inquiry tr td > span { font-size: 0.8rem !important; text-align: left; display: block; color: #242422; }

/* line 80, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform table.inquiry tr td > span a { display: inline-block; border-bottom: 1px solid #AAAAAA; }

/* line 86, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform table.inquiry tr.c_pp { border-top: 1px solid #EDEEF0; border-bottom: 1px solid #EDEEF0; padding: 40px 0 20px; margin-top: 20px; }

/* line 92, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform table.inquiry tr.c_pp td > span:first-of-type { margin-bottom: 10px; color: #242422; }

/* line 96, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform table.inquiry tr.c_pp td > span:last-of-type { text-align: left; }

/* line 103, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform #formbtn { cursor: pointer; display: block; padding: 20px; width: 320px !important; background: #242422; color: #fff; font-size: 1rem; letter-spacing: 0.05rem; margin: 60px auto 0; border: 1px solid gray; transition: all 0.2s ease 0s !important; border-radius: 5px; }

/* line 116, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform #formbtn:hover { background: #fff; color: gray; border: 1px solid gray; }

@media (max-width: 768px) { /* line 125, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform { margin: 0 auto 40px; /*──────必須の調整──────*/ /*──────任意の調整──────*/ }
  /* line 128, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform .haveto { letter-spacing: .1rem; padding: 3px 5px; margin-right: 10px; }
  /* line 134, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform .any { letter-spacing: .1rem; padding: 3px 5px; margin-right: 10px; }
  /* line 140, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform table.inquiry tr { display: flex; flex-direction: column; padding: 10px 0; }
  /* line 144, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform table.inquiry tr > th, .contactform table.inquiry tr td { display: block; width: 100%; margin: 0 auto; font-size: .9em; }
  /* line 150, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform table.inquiry tr th { padding-bottom: 10px; }
  /* line 153, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform table.inquiry tr th div > span > span { margin-left: 47px; }
  /* line 159, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform table.inquiry tr td > span { color: #AAAAAA; }
  /* line 161, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform table.inquiry tr td > span a { display: inline-block; border-bottom: 1px solid #AAAAAA; }
  /* line 167, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform table.inquiry tr.c_pp { border-top: none; border-bottom: none; padding: 0; text-align: center; }
  /* line 176, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform table.inquiry tr.c_pp td > span:last-of-type { margin-bottom: 20px; text-align: center; }
  /* line 184, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ .contactform #formbtn { padding: 20px; width: 70% !important; font-size: .9rem; margin: 20px auto; } }

/*********************
INPUTS
*********************/
/* line 216, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, textarea, .field { display: block; height: auto; padding: 15px 20px !important; font-size: .9rem; color: #AAAAAA; vertical-align: middle; box-shadow: none; border: 0; width: 100%; max-width: 460px; background-color: #F1F3F4; border: none; outline: none; border-radius: 0 !important; transition: all 0.2s ease 0s !important; font-size: 16px !important; }

/* line 234, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ input[type="text"]:focus, input[type="text"]:active, input[type="password"]:focus, input[type="password"]:active, input[type="datetime"]:focus, input[type="datetime"]:active, input[type="datetime-local"]:focus, input[type="datetime-local"]:active, input[type="date"]:focus, input[type="date"]:active, input[type="month"]:focus, input[type="month"]:active, input[type="time"]:focus, input[type="time"]:active, input[type="week"]:focus, input[type="week"]:active, input[type="number"]:focus, input[type="number"]:active, input[type="email"]:focus, input[type="email"]:active, input[type="url"]:focus, input[type="url"]:active, input[type="search"]:focus, input[type="search"]:active, input[type="tel"]:focus, input[type="tel"]:active, input[type="color"]:focus, input[type="color"]:active, select:focus, select:active, textarea:focus, textarea:active, .field:focus, .field:active { background-color: #F9F9F9; outline: none; }

/* line 240, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ input[type="text"].error, input[type="text"].is-invalid, input[type="password"].error, input[type="password"].is-invalid, input[type="datetime"].error, input[type="datetime"].is-invalid, input[type="datetime-local"].error, input[type="datetime-local"].is-invalid, input[type="date"].error, input[type="date"].is-invalid, input[type="month"].error, input[type="month"].is-invalid, input[type="time"].error, input[type="time"].is-invalid, input[type="week"].error, input[type="week"].is-invalid, input[type="number"].error, input[type="number"].is-invalid, input[type="email"].error, input[type="email"].is-invalid, input[type="url"].error, input[type="url"].is-invalid, input[type="search"].error, input[type="search"].is-invalid, input[type="tel"].error, input[type="tel"].is-invalid, input[type="color"].error, input[type="color"].is-invalid, select.error, select.is-invalid, textarea.error, textarea.is-invalid, .field.error, .field.is-invalid { color: #DC3A65; border-color: #DC3A65; background-color: #ffffff; background-position: 99% center; background-repeat: no-repeat; outline-color: #DC3A65; }

/* line 250, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ input[type="text"].success, input[type="text"].is-valid, input[type="password"].success, input[type="password"].is-valid, input[type="datetime"].success, input[type="datetime"].is-valid, input[type="datetime-local"].success, input[type="datetime-local"].is-valid, input[type="date"].success, input[type="date"].is-valid, input[type="month"].success, input[type="month"].is-valid, input[type="time"].success, input[type="time"].is-valid, input[type="week"].success, input[type="week"].is-valid, input[type="number"].success, input[type="number"].is-valid, input[type="email"].success, input[type="email"].is-valid, input[type="url"].success, input[type="url"].is-valid, input[type="search"].success, input[type="search"].is-valid, input[type="tel"].success, input[type="tel"].is-valid, input[type="color"].success, input[type="color"].is-valid, select.success, select.is-valid, textarea.success, textarea.is-valid, .field.success, .field.is-valid { color: #2980b9; border-color: #2980b9; background-color: #ffffff; background-position: 99% center; background-repeat: no-repeat; }

/* line 259, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ input[type="text"][disabled], input[type="text"].is-disabled, input[type="password"][disabled], input[type="password"].is-disabled, input[type="datetime"][disabled], input[type="datetime"].is-disabled, input[type="datetime-local"][disabled], input[type="datetime-local"].is-disabled, input[type="date"][disabled], input[type="date"].is-disabled, input[type="month"][disabled], input[type="month"].is-disabled, input[type="time"][disabled], input[type="time"].is-disabled, input[type="week"][disabled], input[type="week"].is-disabled, input[type="number"][disabled], input[type="number"].is-disabled, input[type="email"][disabled], input[type="email"].is-disabled, input[type="url"][disabled], input[type="url"].is-disabled, input[type="search"][disabled], input[type="search"].is-disabled, input[type="tel"][disabled], input[type="tel"].is-disabled, input[type="color"][disabled], input[type="color"].is-disabled, select[disabled], select.is-disabled, textarea[disabled], textarea.is-disabled, .field[disabled], .field.is-disabled { cursor: not-allowed; border-color: #cfcfcf; opacity: 0.6; }

/* line 264, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active, input[type="password"][disabled]:focus, input[type="password"][disabled]:active, input[type="password"].is-disabled:focus, input[type="password"].is-disabled:active, input[type="datetime"][disabled]:focus, input[type="datetime"][disabled]:active, input[type="datetime"].is-disabled:focus, input[type="datetime"].is-disabled:active, input[type="datetime-local"][disabled]:focus, input[type="datetime-local"][disabled]:active, input[type="datetime-local"].is-disabled:focus, input[type="datetime-local"].is-disabled:active, input[type="date"][disabled]:focus, input[type="date"][disabled]:active, input[type="date"].is-disabled:focus, input[type="date"].is-disabled:active, input[type="month"][disabled]:focus, input[type="month"][disabled]:active, input[type="month"].is-disabled:focus, input[type="month"].is-disabled:active, input[type="time"][disabled]:focus, input[type="time"][disabled]:active, input[type="time"].is-disabled:focus, input[type="time"].is-disabled:active, input[type="week"][disabled]:focus, input[type="week"][disabled]:active, input[type="week"].is-disabled:focus, input[type="week"].is-disabled:active, input[type="number"][disabled]:focus, input[type="number"][disabled]:active, input[type="number"].is-disabled:focus, input[type="number"].is-disabled:active, input[type="email"][disabled]:focus, input[type="email"][disabled]:active, input[type="email"].is-disabled:focus, input[type="email"].is-disabled:active, input[type="url"][disabled]:focus, input[type="url"][disabled]:active, input[type="url"].is-disabled:focus, input[type="url"].is-disabled:active, input[type="search"][disabled]:focus, input[type="search"][disabled]:active, input[type="search"].is-disabled:focus, input[type="search"].is-disabled:active, input[type="tel"][disabled]:focus, input[type="tel"][disabled]:active, input[type="tel"].is-disabled:focus, input[type="tel"].is-disabled:active, input[type="color"][disabled]:focus, input[type="color"][disabled]:active, input[type="color"].is-disabled:focus, input[type="color"].is-disabled:active, select[disabled]:focus, select[disabled]:active, select.is-disabled:focus, select.is-disabled:active, textarea[disabled]:focus, textarea[disabled]:active, textarea.is-disabled:focus, textarea.is-disabled:active, .field[disabled]:focus, .field[disabled]:active, .field.is-disabled:focus, .field.is-disabled:active { background-color: #2980b9; }

/* line 271, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ input[type="password"] { letter-spacing: 0.3em; margin: 20px 0 !important; }

/* line 277, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ input[type="number"] { width: auto !important; max-width: 80px !important; }

/* line 283, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ textarea { max-width: 100%; min-height: 250px; line-height: 1.5rem; padding: 1rem !important; }

/* line 290, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ select { -webkit-appearance: none; /* 1 */ -moz-appearance: none; appearance: none; background-repeat: no-repeat; background-position: 97.5% center; }

/*─────チェックボックス─────*/
/* line 302, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ input[type=checkbox] { display: none; }

/* line 304, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ input[type=checkbox] + span { cursor: pointer; position: relative; padding: 0 0 0 33px; font-size: inherit; box-sizing: border-box; transition: opacity 0.25s ease; color: #878787; font-weight: bold; margin: 0 20px 20px 0 !important; line-height: 2.5; }

/* line 315, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ input[type=checkbox] + span::before { content: ""; display: block; position: absolute; top: 50%; transform: translateY(-45%); left: 0; width: 23px; height: 23px; border: 1px solid #c4bbb8; background-color: #fefefe; box-sizing: border-box; }

/* line 328, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ input[type=checkbox] + span::after { content: ""; opacity: 0; display: block; position: absolute; top: 50%; transform: translateY(-50%) rotate(40deg); left: 9px; width: 0.4em; height: .8em; border-bottom: 3px solid #000; border-right: 3px solid #000; box-sizing: border-box; transition: opacity 0.2s ease; }

/* line 344, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ input[type=checkbox]:checked + span { color: #242422; transition: all 0.25s ease; }

/* line 347, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ input[type=checkbox]:checked + span::before { opacity: 1; border: 1px solid #242422; background-color: #242422; transition: opacity 0.2s ease; }

/* line 353, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ input[type=checkbox]:checked + span::after { opacity: 1; border-bottom: 3px solid #fff; border-right: 3px solid #fff; transition: opacity 0.2s ease; }

/*─────ラジオ─────*/
/* line 364, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ input[type=radio] { display: none; }

/* line 366, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ input[type=radio] + span { cursor: pointer; position: relative; padding: 0 1rem 0 1.5rem; font-size: inherit; box-sizing: border-box; transition: opacity 0.25s ease; color: #878787; font-weight: bold; }

/* line 375, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ input[type=radio] + span::before { content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1em; height: 1em; border: 1px solid #c4bbb8; border-radius: 50%; background-color: #fefefe; box-sizing: border-box; transition: opacity 0.25s ease; }

/* line 390, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ input[type=radio] + span::after { content: ""; display: block; opacity: 0; position: absolute; box-sizing: border-box; transition: opacity 0.25s ease; }

/* line 399, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ input[type=radio]:checked + span { color: #242422; }

/* line 401, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ input[type=radio]:checked + span::before { box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.1); }

/* line 404, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_forms.scss */ input[type=radio]:checked + span::after { opacity: 1; top: 50%; transform: translateY(-50%); left: 0; width: 1em; height: 1em; background-color: #242422; border-radius: 50%; box-sizing: border-box; transition: opacity 0.25s ease; }

/*─────buttons─────*/
/* line 3, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .blue-btn { display: inline-block; position: relative; font-family: "Noto Sans JP", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; text-decoration: none; color: #ffffff; font-size: 0.9em; font-size: 34px; line-height: 34px; font-weight: normal; padding: 0 24px; border-radius: 4px; border: 0; cursor: pointer; }

/* line 19, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .blue-btn:hover, .blue-btn:focus { color: #ffffff; text-decoration: none; outline: none; }

/* line 26, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .blue-btn:active { top: 1px; }

/*
An example button.
You can use this example if you want. Just replace all the variables
and it will create a button dependant on those variables.
*/
/* line 37, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .blue-btn { background-color: #2980b9; }

/* line 42, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .blue-btn:hover, .blue-btn:focus { background-color: #2574a8; }

/* line 46, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .blue-btn:active { background-color: #2472a4; }

/*────────────────────────────
btn_standard
────────────────────────────*/
/* line 56, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_standard { display: inline-block; letter-spacing: .1rem; padding: 0.9rem 2rem; text-align: center; text-decoration: none; border: 1px solid #242422; border-radius: 5px; transition: .4s; }

/* line 65, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_standard span { color: #242422; font-size: .9rem; font-family: "Oswald", sans-serif; line-height: 1; }

/* line 71, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_standard:hover { background: #242422; }

/* line 73, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_standard:hover span { color: #fff; }

@media only screen and (max-width: 699px) { /* line 80, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_standard { padding: 0.7rem 1.2rem; }
  /* line 82, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_standard span { font-size: .75rem; } }

/*────────────────────────────
btn_black
────────────────────────────*/
/* line 92, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_blk { display: inline-block; letter-spacing: .1rem; padding: 0.8rem 2rem; text-align: center; text-decoration: none; border: 1px solid #AAAAAA; background: #AAAAAA; border-radius: 1px; transition: .4s; }

/* line 102, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_blk span { color: #ffffff; font-size: .9rem; }

/* line 105, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_blk span.en { font-family: "Oswald", sans-serif; }

/* line 109, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_blk:hover { background: #ffffff; }

/* line 111, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_blk:hover span { color: #AAAAAA; }

@media screen and (max-width: 699px) { /* line 118, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_blk { padding: 0.5rem 1.5rem; text-align: center; border-radius: 1px; }
  /* line 122, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_blk span { font-size: 0.8rem !important; } }

/*────────────────────────────
btn_text
────────────────────────────*/
/* line 132, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_text { display: inline-block; color: #242422; text-decoration: none; -webkit-transition: .8s; transition: .8s; }

/* line 138, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_text div { display: flex; align-items: center; }

/* line 141, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_text div:after { display: inline-block; font-family: "material icons"; content: "\e409"; margin: -3px 0 0 5px; color: #242422; font-size: 1.2rem; padding: 0; line-height: 1; }

/* line 151, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_text div span { font-size: .8rem; line-heigt: 1.2em; font-family: "Oswald", sans-serif; -webkit-transition: .3s; transition: .3s; }

/* line 157, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_text div span:first-of-type { margin-right: .5rem; }

/* line 162, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_text:hover { cursor: pointer; text-decoration: none; }

/* line 165, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_text:hover span { color: #AAAAAA; }

@media screen and (max-width: 699px) { /* line 174, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_text div:after { margin: -4px 0 0 0; font-size: 1.1rem; }
  /* line 178, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_text div span { font-size: .75rem; } }

/*────────────────────────────
btn_shooting
────────────────────────────*/
/* line 189, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_shooting { position: relative; display: inline-block; text-decoration: none; -webkit-transition: .8s; transition: .8s; }

/* line 195, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_shooting span { -webkit-transition: .3s; transition: .3s; }

/* line 199, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_shooting::after { position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 1px; background: #ffffff; transform: scale(1, 1); transform-origin: left top; transition: transform 0.3s; }

/* line 211, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_shooting::before { position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 1px; background: #242422; transform: scale(0, 1); transform-origin: right top; transition: transform 0.3s; }

/* line 224, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_shooting_white::after { background: #242422; }

/* line 227, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_shooting_white::before { background: #ffffff; }

/* line 232, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_shooting:hover::after { transform-origin: right top; transform: scale(0, 1); }

/* line 236, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_shooting:hover::before { transform-origin: left top; transform: scale(1, 1); }

/*────────────────────────────
btn_arrow
────────────────────────────*/
/* line 246, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_arrow { display: flex; align-items: center; }

/* line 249, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_arrow::before { font-family: "Material icons"; content: "\e5c8"; font-size: .8rem; color: #888888; width: 18px; height: 18px; border: 1px solid #888888; border-radius: 50px; display: flex; align-items: center; justify-content: center; margin-right: 6px; margin-bottom: -1px; font-weight: 600; }

@media only screen and (max-width: 699px) { /* line 268, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_arrow { display: flex; align-items: center; }
  /* line 271, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_arrow::before { font-family: "Material icons"; content: "\e5c8"; font-size: .8rem; color: #888888; width: 18px; height: 18px; border: 1px solid #888888; border-radius: 50px; display: flex; align-items: center; justify-content: center; margin-right: 6px; margin-bottom: -1px; font-weight: 600; } }

/* line 290, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_arrow_large { display: flex; align-items: center; }

/* line 293, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_arrow_large::before { font-family: "Material icons"; content: "\e5c8"; font-size: 1rem; color: #888888; width: 25px; height: 25px; border: 1px solid #888888; border-radius: 50px; display: flex; align-items: center; justify-content: center; margin-right: 10px; margin-bottom: -1px; font-weight: 600; }

/* line 309, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_arrow_large span { position: relative; display: inline-block; text-decoration: none; -webkit-transition: .8s; transition: .8s; -webkit-transition: .3s; transition: .3s; line-height: 2; padding: 0; }

/* line 319, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_arrow_large span::after { position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 1px; background: #ffffff; transform: scale(1, 1); transform-origin: left top; transition: transform 0.3s; }

/* line 331, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_arrow_large span::before { position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 1px; background: #242422; transform: scale(0, 1); transform-origin: right top; transition: transform 0.3s; }

/* line 344, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_arrow_large span_white::after { background: #242422; }

/* line 347, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_arrow_large span_white::before { background: #ffffff; }

/* line 352, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_arrow_large span:hover::after { transform-origin: right top; transform: scale(0, 1); }

/* line 356, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_arrow_large span:hover::before { transform-origin: left top; transform: scale(1, 1); }

@media only screen and (max-width: 699px) { /* line 366, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_arrow_large::before { font-size: .9rem; width: 18px; height: 18px; margin-right: 6px; }
  /* line 372, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_buttons.scss */ .btn_arrow_large span { font-size: .9rem; } }

/*─────SNS─────*/
/* line 5, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_sns.scss */ .share { margin: 30px 0 30px 0; display: flex; align-items: center; justify-content: flex-start; }

/* line 10, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_sns.scss */ .share div.share_title { margin-right: .2rem; display: block; display: flex; align-items: center; }

/* line 15, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_sns.scss */ .share div.share_title span { font-size: .8rem; font-weight: 600 !important; line-height: 1; }

/* line 19, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_sns.scss */ .share div.share_title span:last-of-type { padding: 0 1rem; }

/* line 22, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_sns.scss */ .share ul { display: flex; }

/* line 24, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_sns.scss */ .share ul li { margin-right: 1.3rem; }

/* line 26, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_sns.scss */ .share ul li a { display: flex; align-items: center; color: #242422; }

/* line 30, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_sns.scss */ .share ul li a i { font-size: 1.2rem; margin: 0 5px 0 0; }

/* line 35, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_sns.scss */ .share ul li.tweet a:hover { color: #55acee; }

/* line 36, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_sns.scss */ .share ul li.facebook a:hover { color: #315096; }

/* line 37, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_sns.scss */ .share ul li.hatena a:hover { color: #008fde; }

/* line 38, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_sns.scss */ .share ul li.line a:hover { color: #00c300; }

/* line 39, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_sns.scss */ .share ul li.pocket a:hover { color: #f03e51; }

/* line 40, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_sns.scss */ .share ul li.rss a:hover { color: #ff8c00; }

@media screen and (max-width: 699px) { /* line 46, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_sns.scss */ .share { margin: 30px 0 30px 0; }
  /* line 49, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_sns.scss */ .share div.share_title span { font-weight: 500; font-size: .7rem; }
  /* line 55, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_sns.scss */ .share ul li { margin-right: 1.3rem; }
  /* line 58, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_sns.scss */ .share ul li a i { font-size: 1.1rem; margin: 0 3px 0 0; } }

/*pages
───────────────────────*/
/*─────HOME─────*/
/* line 4, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home .profile { padding-top: 50px; }

/* line 6, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home .profile .profile_image { text-align: center; }

/* line 8, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home .profile .profile_image img { max-width: 70%; height: auto; max-height: 600px; }

/* line 13, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home .profile .profile_image video { width: 100%; height: auto; }

/* line 18, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home .profile .profile_content { text-align: center; margin: 40px 0 0; }

/* line 21, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home .profile .profile_content h2 { display: block; font-size: 1.2rem; margin: 40px auto 30px; }

/* line 26, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home .profile .profile_content p { text-align: left; max-width: 700px; margin: 0px auto; font-size: .9rem; line-height: 2; }

/* line 34, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home .profile ul.profile_sns { display: flex; justify-content: center; align-items: center; margin: 40px auto; }

/* line 39, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home .profile ul.profile_sns li { margin: 0 10px; width: 20px; height: 20px; }

/* line 43, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home .profile ul.profile_sns li a { cursor: pointer; }

/* line 45, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home .profile ul.profile_sns li a svg { width: 100%; height: auto; }

/* line 53, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home ul.categories { margin: 80px auto; display: flex; flex-direction: column; }

/* line 57, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home ul.categories li { margin: 0 0 60px; text-align: center; }

/* line 60, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home ul.categories li a { width: 100%; height: 100%; cursor: pointer; }

/* line 64, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home ul.categories li a .image { position: relative; }

/* line 66, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home ul.categories li a .image video { display: block; width: 100%; height: 400px; object-fit: cover; }

/* line 72, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home ul.categories li a .image img { display: block; width: 100%; height: 400px; object-fit: cover; }

/* line 78, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home ul.categories li a .image:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; display: block; background: none; z-index: 10; }

/* line 90, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home ul.categories li a span.title { display: block; font-weight: 600; font-size: 1.2rem; margin: 10px 0 0; }

/* line 98, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home ul.categories li a:hover .image::after { background: rgba(255, 255, 255, 0.5); }

/* line 106, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home ul.custom_links { display: block; margin: 0 auto 80px; }

/* line 110, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home ul.custom_links li a { display: flex; align-items: center; border: 1px solid #CECECE; margin: 0 0 40px; padding: 20px; justify-content: space-between; }

/* line 117, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home ul.custom_links li a .custom_link_icon { flex-basis: 13%; display: flex; justify-content: center; align-items: center; }

/* line 122, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home ul.custom_links li a .custom_link_icon img { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; }

/* line 128, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home ul.custom_links li a .custom_link_icon span.round { width: 100px; height: 100px; border-radius: 50%; background: #BE93C5; background: -webkit-linear-gradient(to top right, #7BC6CC, #BE93C5); background: linear-gradient(to top right, #7BC6CC, #BE93C5); display: block; }

/* line 139, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home ul.custom_links li a .custom_link_content { flex-basis: 85%; }

/* line 141, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home ul.custom_links li a .custom_link_content span { display: block; }

/* line 143, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home ul.custom_links li a .custom_link_content span.title { font-weight: 600; margin: 0 0 5px; }

/* line 147, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home ul.custom_links li a .custom_link_content span.desc { font-size: .8rem; }

/* line 152, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home.scss */ .home ul.custom_links li a:hover { background: #ECECEC; }

/*────────────────────────────
catlists
────────────────────────────*/
/* line 7, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ ul.cat_list { margin: 40px 0 0; display: flex; flex-wrap: wrap; justify-content: space-between; }

/* line 12, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ ul.cat_list li.cat_item { flex-basis: 47%; margin-bottom: 5%; }

/* line 15, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ ul.cat_list li.cat_item > a { cursor: pointer; }

/* line 18, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ ul.cat_list li.cat_item > a .cat_item_thumb video { width: 100%; height: 300px; object-fit: cover; }

/* line 23, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ ul.cat_list li.cat_item > a .cat_item_thumb figure { overflow: hidden; }

/* line 25, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ ul.cat_list li.cat_item > a .cat_item_thumb figure img { width: 100%; height: 300px; object-fit: cover; }

/* line 32, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ ul.cat_list li.cat_item > a span.title { display: block; margin-top: 12px; font-size: .9rem; font-weight: 600; line-height: 1.4; }

/* line 40, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ ul.cat_list li.cat_item .cat { display: inline-block; margin: 7px 0 0; }

/* line 44, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ ul.cat_list li.cat_item .cat a span { color: #888888; font-size: .9rem; }

/* line 49, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ ul.cat_list li.cat_item .cat a:hover span { color: #242422; }

/* line 56, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ ul.cat_list li.noposts { flex-basis: 100%; text-align: center; margin-bottom: 5%; }

@media screen and (max-width: 699px) { /* line 64, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ ul.cat_list { margin: 20px 0 0; }
  /* line 66, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ ul.cat_list li.cat_item { flex-basis: 47%; margin-bottom: 2.5rem; }
  /* line 71, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ ul.cat_list li.cat_item > a .cat_item_thumb video { width: 100%; height: 180px; object-fit: cover; }
  /* line 77, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ ul.cat_list li.cat_item > a .cat_item_thumb figure img { width: 100%; height: 180px; object-fit: cover; }
  /* line 84, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ ul.cat_list li.cat_item > a span.title { margin-top: 8px; font-weight: 500; }
  /* line 89, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ ul.cat_list li.cat_item .cat { display: inline-block; margin: 5px 0 0; }
  /* line 102, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ ul.cat_list li.noposts { font-size: .9rem; } }

/* line 109, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ .cat_single section.entry-content { margin: 0 auto 100px; }

/* line 112, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ .cat_single .cat_single_cat { display: flex; align-items: center; font-weight: 600; font-size: .8rem; }

/* line 117, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ .cat_single .cat_single_cat a { margin-left: 5px; border-bottom: 1px solid #242422; }

/* line 120, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ .cat_single .cat_single_cat a span { font-size: .8rem; }

/* line 126, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ .cat_single .single_footer .footer_navigator { display: flex; justify-content: space-between; }

/* line 129, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ .cat_single .single_footer .footer_navigator .footer_navigator_item { display: flex; align-items: center; }

/* line 132, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ .cat_single .single_footer .footer_navigator .footer_navigator_item a { padding: 5px 0; color: #242422; font-size: .9rem; margin: 0 5px; display: flex; align-items: center; font-weight: 600; }

/* line 140, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ .cat_single .single_footer .footer_navigator .footer_navigator_item a::before, .cat_single .single_footer .footer_navigator .footer_navigator_item a::after { margin: 0; padding: 0; font-size: 1rem; }

/* line 149, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ .cat_single .single_footer .footer_navigator .footer_navigator_left a::before { font-family: 'material icons'; content: "\e5cb"; margin-left: -10px; }

/* line 158, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ .cat_single .single_footer .footer_navigator .footer_navigator_right a::after { font-family: 'material icons'; content: "\e409"; margin-right: -10px; }

@media screen and (max-width: 699px) { /* line 171, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ .cat_single section.entry-content { margin: 0 auto 100px; }
  /* line 174, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ .cat_single .cat_single_cat { font-size: .7rem; }
  /* line 177, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ .cat_single .cat_single_cat a span { font-size: .7rem; }
  /* line 185, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ .cat_single .single_footer .footer_navigator .footer_navigator_item a { font-size: .8rem; } }

/*────────────────────────────
404
────────────────────────────*/
/* line 208, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ .error-page section > div { display: block; margin: 300px auto; text-align: center; }

/* line 214, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ .error-page .error_title { text-align: center; margin-bottom: 50px; }

/* line 217, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ .error-page .error_title h1 { font-size: 5.5rem !important; margin: 0; line-height: 1; font-weight: 400; }

/* line 223, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ .error-page .error_title span.en { font-size: 1.3rem; font-weight: 600; }

/* line 228, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ .error-page p { margin-bottom: 50px; }

@media only screen and (max-width: 699px) { /* line 235, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ .error-page section > div { margin: 100px auto; }
  /* line 239, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ .error-page .error_title { margin-bottom: 30px; }
  /* line 241, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ .error-page .error_title h1 { font-size: 4.5rem !important; }
  /* line 247, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_subpages.scss */ .error-page p { margin-bottom: 30px; } }

/*posts
───────────────────────*/
/*responsive
───────────────────────*/
/*───────────────────────────────────
//responsive files
───────────────────────────────────*/
/*exception
--------------------------------------------- */
/*───────────────────────────────────*/
@media screen and (max-width: 1024px) { /*────────────────────────────
header-responsive
────────────────────────────*/
  /* line 5, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_header_resp.scss */ main { height: 100%; min-height: 100vh; padding: 0 50px; background-color: #eee; transition: all 0.5s; display: flex; flex-direction: column; justify-content: center; }
  /* line 17, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_header_resp.scss */ header.header { height: 60px; }
  /* line 20, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_header_resp.scss */ header.header .header_wrapper a.logo { margin: 0; padding: 0; width: 140px; } }

/*───────────────────────────────────*/
@media screen and (max-width: 699px) { /*────────────────────────────
bc
────────────────────────────*/
  /* line 6, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_footer_resp.scss */ .bc_wrapper { margin: 80px auto 40px; }
  /*────────────────────────────
footer
────────────────────────────*/
  /* line 14, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_footer_resp.scss */ footer.footer .pagetop { bottom: 25px; right: 60px; }
  /* line 18, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_footer_resp.scss */ footer.footer .pagetop a::before { left: 15px; width: 20px; height: 20px; border-top: 1px solid #aaa; border-right: 1px solid #aaa; }
  /* line 27, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_footer_resp.scss */ footer.footer .footer_wrapper { padding: 0 0 15px; }
  /* line 29, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_footer_resp.scss */ footer.footer .footer_wrapper a.logo { margin: 0 auto 40px; }
  /* line 32, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/modules/_footer_resp.scss */ footer.footer .footer_wrapper a.logo h3 img { width: 130px; height: auto; }
  /*─────HOME─────*/
  /*─────HOME─────*/
  /* line 5, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home_resp.scss */ .home { width: 100%; }
  /* line 7, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home_resp.scss */ .home .profile { width: 100%; padding-top: 40px; }
  /* line 10, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home_resp.scss */ .home .profile .profile_image { text-align: center; }
  /* line 15, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home_resp.scss */ .home .profile .profile_content { margin: 30px auto 0; }
  /* line 17, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home_resp.scss */ .home .profile .profile_content h2 { font-size: 1rem; }
  /* line 20, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home_resp.scss */ .home .profile .profile_content p { font-size: 0.8rem !important; }
  /* line 24, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home_resp.scss */ .home .profile ul.profile_sns { margin: 30px auto 0; }
  /* line 35, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home_resp.scss */ .home ul.categories { margin: 70px auto 0; }
  /* line 37, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home_resp.scss */ .home ul.categories li { margin: 0 0 30px; }
  /* line 41, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home_resp.scss */ .home ul.categories li a .image video { height: 200px; object-fit: cover; }
  /* line 45, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home_resp.scss */ .home ul.categories li a .image img { height: 200px; object-fit: cover; }
  /* line 52, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home_resp.scss */ .home ul.categories li a span.title { font-size: 1rem; }
  /* line 65, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home_resp.scss */ .home ul.custom_links { margin: 40px auto 0; }
  /* line 68, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home_resp.scss */ .home ul.custom_links li a { display: flex; align-items: center; border: 1px solid #CECECE; margin: 0 0 25px; padding: 1rem; }
  /* line 74, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home_resp.scss */ .home ul.custom_links li a .custom_link_icon { flex-basis: 20%; display: flex; justify-content: center; align-items: center; }
  /* line 79, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home_resp.scss */ .home ul.custom_links li a .custom_link_icon img { width: 70px; height: 70px; border-radius: 50%; }
  /* line 84, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home_resp.scss */ .home ul.custom_links li a .custom_link_icon span.round { width: 70px; height: 70px; }
  /* line 89, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home_resp.scss */ .home ul.custom_links li a .custom_link_content { flex-basis: 74%; }
  /* line 91, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home_resp.scss */ .home ul.custom_links li a .custom_link_content span { display: block; }
  /* line 93, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home_resp.scss */ .home ul.custom_links li a .custom_link_content span.title { margin: 0 0 2px; font-size: .9rem; }
  /* line 97, /Volumes/Macintosh HD/Users/ame/Local Sites/folio/app/public/wp-content/themes/folio/sass/edit/pages/_home_resp.scss */ .home ul.custom_links li a .custom_link_content span.desc { font-size: .8rem; } }